:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--app-bg: #05070d;--app-panel: rgba(10, 14, 24, .8);--app-panel-strong: rgba(8, 11, 19, .94);--app-line: rgba(219, 228, 255, .12);--app-line-strong: rgba(219, 228, 255, .22);--app-ink: #f4f7ff;--app-muted: rgba(228, 235, 255, .72);--app-muted-soft: rgba(228, 235, 255, .52);--app-accent: #49f59a;--app-accent-strong: #1fc979;--app-danger: #ff6f91;--shadow-soft: 0 18px 56px rgba(0, 0, 0, .36);--shadow-panel: 0 24px 72px rgba(0, 0, 0, .44);--font-ui: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-story: "Newsreader", "Iowan Old Style", "Palatino Linotype", serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(73,245,154,.12),transparent 24%),radial-gradient(circle at 82% 18%,rgba(94,118,255,.18),transparent 28%),linear-gradient(180deg,#060812,#03050a);color:var(--app-ink);font-family:var(--font-ui)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.mobile-app-shell,.phone-frame-shell{position:relative;min-height:100dvh;overflow:hidden}.feed-stage,.feed-viewport{min-height:100dvh}.feed-viewport{height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.feed-viewport::-webkit-scrollbar,.story-body::-webkit-scrollbar,.sheet::-webkit-scrollbar{display:none}.mobile-hud{position:fixed;z-index:20;top:max(.8rem,env(safe-area-inset-top));left:max(.8rem,env(safe-area-inset-left));right:max(.8rem,env(safe-area-inset-right));display:grid;gap:.5rem;pointer-events:none}.mobile-hud__row{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:space-between}.brand-chip,.hud-pill,.story-kicker,.story-progress,.story-stage-tag,.story-meta span,.media-card__eyebrow,.sheet-eyebrow{display:inline-flex;align-items:center;min-height:2rem;width:fit-content;padding:.36rem .72rem;border-radius:999px;border:1px solid var(--app-line);background:#0a0e187a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--app-ink);font-family:var(--font-ui);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.brand-chip--solid,.story-primary-action{background:linear-gradient(135deg,var(--app-accent),#a7ffcb);border:0;color:#04110a;font-weight:700}.hud-pill{color:var(--app-muted)}.feed-card{position:relative;min-height:100dvh;isolation:isolate;overflow:hidden;scroll-snap-align:start}.feed-card__backdrop,.feed-card__scrim,.feed-card__texture,.feed-card__shell{position:absolute;inset:0}.feed-card__backdrop{background-position:center;background-repeat:no-repeat;background-size:cover;filter:saturate(.88) brightness(.6);transform:scale(1.02);transition:transform .26s ease,filter .26s ease}.feed-card[data-current=true] .feed-card__backdrop{transform:scale(1.06);filter:saturate(.96) brightness(.68)}.feed-card__scrim{background:linear-gradient(180deg,#03050a5c,#03050ab8 32%,#03050af0),radial-gradient(circle at top center,rgba(73,245,154,.1),transparent 38%)}.feed-card__texture{background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.08),transparent 18%),radial-gradient(circle at 72% 32%,rgba(255,255,255,.05),transparent 22%),linear-gradient(180deg,#0b0f1826,#0b0f188c);mix-blend-mode:screen;opacity:.4}.feed-card__shell{z-index:1;display:grid;align-items:end;padding:max(1.1rem,env(safe-area-inset-top) + .7rem) max(1rem,env(safe-area-inset-right) + 1rem) max(1.25rem,env(safe-area-inset-bottom) + 1rem) max(1rem,env(safe-area-inset-left) + 1rem)}.feed-card__content{width:min(100%,34rem);display:grid;gap:.85rem;margin-left:0;padding-right:4.85rem}.feed-card__content--writing,.feed-card__content--media{align-content:end}.story-lockup{display:grid;gap:.35rem}.story-kicker,.story-progress,.story-meta span{color:var(--app-muted)}.story-stage-tag,.media-card__eyebrow,.sheet-eyebrow{color:#d6ffe8;border-color:#49f59a2e;background:#49f59a1f}.story-lockup h2,.sheet-header h2,.composer-detail h3,.desktop-card h1,.gate-card h1{margin:0;font-family:var(--font-ui);line-height:.92;letter-spacing:-.05em}.story-lockup h2{font-size:clamp(2.5rem,11vw,4.9rem);max-width:24rem}.story-subtitle,.sheet-header p,.desktop-card p,.gate-card p,.composer-option span,.composer-detail p,.comment-bubble p{margin:0;line-height:1.55;color:var(--app-muted)}.story-subtitle{max-width:28rem}.story-body{display:grid;gap:.9rem;max-height:52vh;padding:1rem 1rem 1rem 1.05rem;overflow:auto;border:1px solid var(--app-line);border-radius:1.65rem;background:linear-gradient(180deg,#070a12c7,#05070deb);box-shadow:var(--shadow-soft)}.story-body p{margin:0;color:var(--app-ink);font-family:var(--font-story);font-size:clamp(1.15rem,4.6vw,1.45rem);line-height:1.45}.story-footer{display:flex;flex-wrap:wrap}.media-card,.desktop-card,.gate-card,.sheet,.composer-option,.comment-bubble{border:1px solid var(--app-line);background:linear-gradient(180deg,#090d16d1,#06090ff0);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.story-meta{display:flex;flex-wrap:wrap;gap:.55rem}.media-card{display:grid;gap:.7rem;padding:1rem;border-radius:1.5rem}.media-card__embed-shell{position:relative;width:100%;padding-top:56.25%;overflow:hidden;border-radius:1.15rem;background:#000000ad;border:1px solid rgba(255,255,255,.08)}.media-card__embed{position:absolute;inset:0;width:100%;height:100%;border:0}.media-card p{margin:0;color:var(--app-ink);line-height:1.55}.story-primary-action,.sheet-close{min-height:3.1rem;padding:.85rem 1.15rem;border-radius:999px}.sheet-close{border:1px solid var(--app-line-strong);background:#ffffff08;color:var(--app-ink)}.action-rail{position:absolute;z-index:2;right:max(.35rem,env(safe-area-inset-right));bottom:max(1.45rem,env(safe-area-inset-bottom) + .8rem);display:grid;gap:.85rem;justify-items:center}.rail-action{display:grid;gap:.3rem;justify-items:center}.rail-action__button{display:grid;place-items:center;width:3.35rem;height:3.35rem;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#05070d47;color:var(--app-ink);box-shadow:0 10px 26px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rail-action--active .rail-action__button{color:var(--app-danger);border-color:#ff6f9159;background:#ff6f911f}.rail-action__button svg{width:1.25rem;height:1.25rem}.rail-action__count{color:var(--app-muted);font-family:var(--font-ui);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.gate-card{display:grid;gap:.85rem;padding:1.35rem;border-radius:1.8rem}.gate-card h1{font-size:clamp(2rem,5vw,3.8rem)}.app-preview-shell{min-height:100dvh;display:grid;place-items:center;padding:1rem}.phone-frame-shell{width:auto;max-width:calc(100vw - 2rem);height:min(92dvh,56rem);aspect-ratio:9 / 19.5;margin-inline:auto;padding:.5rem;border-radius:2.45rem;background:linear-gradient(180deg,#ffffff1f,#ffffff08),#020408f0;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff14}.phone-frame-shell:before{content:"";position:absolute;z-index:25;top:.78rem;left:50%;width:33%;height:1.6rem;transform:translate(-50%);border-radius:999px;background:#000000eb}.phone-frame-shell .feed-stage,.phone-frame-shell .feed-viewport,.phone-frame-shell .feed-card{height:100%;min-height:100%;border-radius:1.95rem}.phone-frame-shell .sheet-backdrop{inset:.5rem}.gate-screen{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}.sheet-backdrop{position:absolute;inset:0;z-index:40;display:grid;align-items:end;padding:.85rem;background:#0204088f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sheet{width:min(100%,35rem);max-height:min(84dvh,52rem);margin-inline:auto;display:grid;gap:1rem;overflow:auto;padding:.95rem 1rem 1.15rem;border-radius:1.9rem}.sheet--composer{gap:1.1rem}.sheet--install{width:min(100%,28rem)}.sheet-handle{width:3rem;height:.3rem;margin-inline:auto;border-radius:999px;background:#ffffff2e}.sheet-header{display:grid;gap:.55rem}.composer-grid{display:grid;gap:.75rem}.composer-option{display:grid;gap:.35rem;padding:1rem;border-radius:1.35rem;text-align:left;color:var(--app-ink)}.composer-option strong{font-size:1.05rem}.composer-option__eyebrow{color:var(--app-accent);font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.composer-option--active{border-color:#49f59a52;background:linear-gradient(180deg,#12251cdb,#070c0ff5)}.composer-detail{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--app-line);border-radius:1.5rem;background:#ffffff08}.composer-prompts{display:grid;gap:.45rem}.composer-prompts p:before{content:">";margin-right:.55rem;color:var(--app-accent)}.comment-thread{display:grid;gap:.7rem}.comment-bubble{display:grid;gap:.35rem;padding:.9rem 1rem;border-radius:1.25rem}.comment-bubble__author{color:var(--app-ink);font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sheet-footer{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.sheet-footer .story-primary-action,.sheet-footer .sheet-close{flex:1 1 12rem}.install-sheet__actions{justify-content:stretch}.install-sheet__button{flex:1 1 0;min-height:2.8rem;padding:.7rem .95rem;border-radius:.8rem;border:1px solid var(--app-line-strong);font-size:.94rem;font-weight:600;line-height:1.1;letter-spacing:0;text-transform:none}.install-sheet__button--primary{background:linear-gradient(180deg,var(--app-accent),#8affbe);border-color:transparent;color:#04110a}.install-sheet__button--secondary{background:#ffffff08;color:var(--app-ink)}.install-dialog-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#020408b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.install-dialog{width:min(100%,28rem);padding:1.25rem;border:1px solid var(--app-line);border-radius:1.5rem;background:linear-gradient(180deg,#090d16f5,#06090ffa);box-shadow:var(--shadow-panel);color:var(--app-ink)}.install-dialog h2{margin:0 0 .8rem;font-size:clamp(1.8rem,7vw,2.35rem);line-height:.95;letter-spacing:-.04em}.install-dialog-eyebrow{display:inline-flex;align-items:center;min-height:2rem;width:fit-content;margin:0 0 .75rem;padding:.36rem .72rem;border-radius:999px;border:1px solid rgba(73,245,154,.18);background:#49f59a1f;color:#d6ffe8;font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.install-dialog-steps{margin:0;padding-left:1.2rem;color:var(--app-ink);line-height:1.55}.install-dialog-steps li+li{margin-top:.55rem}.install-dialog-note{margin:.9rem 0 0;color:var(--app-muted);line-height:1.5}.install-dialog-close{width:100%;margin-top:1rem}@media(max-width:480px){.feed-card__shell{padding-left:max(.85rem,env(safe-area-inset-left) + .85rem);padding-right:max(.85rem,env(safe-area-inset-right) + .85rem)}.feed-card__content{padding-right:4.35rem}.story-lockup h2{font-size:clamp(2.2rem,11vw,3.8rem)}.story-body p{font-size:clamp(1.08rem,4.8vw,1.28rem)}.sheet-footer{flex-direction:column}.sheet-footer>*{width:100%}.install-sheet__button{flex-basis:100%}}