:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#05030a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#05030a}body{min-width:320px;margin:0}::selection{color:#05030a;background:#facc15}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #facc15}.app-shell,.auth-screen,.onboarding-screen,.detail-screen,.loading-screen{color:#fff;background:radial-gradient(circle at 18% 12%,#93c5fd47,#0000 24rem),radial-gradient(circle at 86% 8%,#ec48993d,#0000 28rem),radial-gradient(circle at 50% 88%,#2dd4bf29,#0000 32rem),linear-gradient(135deg,#040710 0%,#111425 44%,#06030d 100%);min-height:100svh}.app-shell:before,.auth-screen:before,.onboarding-screen:before,.detail-screen:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(115deg,#0000 0 35%,#ffffff0f 42%,#0000 50% 100%),radial-gradient(circle at 20% 20%,#ffffff1f,#0000 9rem);animation:12s ease-in-out infinite alternate glassDrift;position:fixed;inset:0}.app-shell>*,.auth-screen>*,.onboarding-screen>*,.detail-screen>*{z-index:1;position:relative}.topbar{z-index:10;-webkit-backdrop-filter:blur(30px)saturate(1.55);backdrop-filter:blur(30px)saturate(1.55);background:#0a0e1a94;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,2rem);display:flex;position:sticky;top:0}main{width:min(1180px,100% - 2rem);margin:0 auto;padding:1rem 0 3rem}button,input,textarea{font:inherit}button{cursor:pointer;border:0;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(1px)scale(.99)}button:disabled{cursor:not-allowed;opacity:1}h1,h2,h3,p{margin:0}h1{letter-spacing:-.06em;font-size:clamp(2.2rem,6vw,4.7rem);line-height:.92}h2{letter-spacing:-.04em;font-size:clamp(1.45rem,3vw,2rem);line-height:1}h3{font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1}.brand,.invite-button,.primary-button,.ghost-button,.icon-button,.text-button,.tabbar button,.story-open,.vote-pill,.mini-share,.category-card,.chip,.selection-row,.danger-button{color:inherit}.brand{text-align:left;background:0 0;align-items:center;gap:.75rem;display:inline-flex}.brand-mark,.logo-burst{background:linear-gradient(135deg,#ffffff8c,#0000 35%),linear-gradient(135deg,#facc15,#ec4899);border:3px solid #111;border-radius:1rem;place-items:center;width:3rem;height:3rem;font-size:1.5rem;display:grid;box-shadow:0 12px 28px #ec489942,inset 0 1px #ffffff80}.brand small,.muted,.directory-panel p,.challenge-panel p,.settings-card p{color:#ffffffad}.brand strong{line-height:1;display:block}.brand small{margin-top:.15rem;font-size:.78rem;display:block}.invite-button,.primary-button,.ghost-button,.danger-button,.icon-button{border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.9rem;font-weight:900;display:inline-flex}.invite-button,.ghost-button,.icon-button{-webkit-backdrop-filter:blur(18px)saturate(1.35);backdrop-filter:blur(18px)saturate(1.35);background:#ffffff1f;border:1px solid #ffffff24}.invite-button{padding:0 1rem}.primary-button{color:#05030a;background:#facc15;padding:.85rem 1rem;box-shadow:0 16px 34px #facc1538,inset 0 1px #ffffff6b}.primary-button.pink{background:#ec4899}.primary-button:disabled,.primary-button.pink:disabled{color:#ffffff6b;box-shadow:none;background:#ffffff24}.danger-button{background:#ef4444b8;padding:.85rem 1rem}.ghost-button{padding:.85rem 1rem}.icon-button{width:3rem}.text-button{color:#facc15;background:0 0;padding:0;font-weight:900}.notice-banner,.error-card,.success-card,.challenge-note{color:#fff;border-radius:1rem;width:min(1180px,100% - 2rem);margin:1rem auto 0;padding:.9rem 1rem}.notice-banner,.success-card,.challenge-note{background:#22c55e2e;border:1px solid #4ade8057}.error-card{background:#ef444433;border:1px solid #f8717161}.page-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:1rem;display:grid}.hero-panel,.challenge-panel,.directory-panel,.feed-section,.form-panel,.preview-panel,.settings-panel,.retention-panel,.auth-card,.onboarding-card,.detail-card{-webkit-backdrop-filter:blur(28px)saturate(1.45);backdrop-filter:blur(28px)saturate(1.45);background:linear-gradient(135deg,#ffffff2b,#ffffff0e 42%,#ffffff17),#10142285;border:1px solid #ffffff1f;border-radius:2rem;animation:.52s cubic-bezier(.2,.9,.2,1) both slideFloatIn;box-shadow:inset 0 1px #ffffff3d,inset 0 -1px #ffffff0f,0 28px 80px #0000004d}.hero-panel{background:linear-gradient(115deg,#ffffff42,#0000 30%),radial-gradient(circle at 100%,#facc1533,#0000 22rem),linear-gradient(135deg,#7c3aedb8,#ec489994,#f973168a);grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:clamp(1.25rem,4vw,2.2rem);display:grid}.hero-panel p:last-child{color:#ffffffc2;max-width:62ch;margin-top:1rem;font-size:1.1rem}.eyebrow,.badge{color:#facc15;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:1000}.badge{background:#facc1526;border-radius:999px;align-items:center;gap:.4rem;padding:.42rem .62rem;display:inline-flex}.hero-stats{gap:.7rem;display:flex}.stat,.metric-card{color:#05030a;text-align:center;background:#ffffffd1;border-radius:1.25rem;min-width:6.5rem;padding:.9rem}.stat strong,.metric-card strong{font-size:1.6rem;line-height:1;display:block}.stat span,.metric-card span{text-transform:uppercase;margin-top:.2rem;font-size:.72rem;font-weight:900;display:block}.challenge-panel,.directory-panel,.feed-section,.form-panel,.preview-panel,.settings-panel,.retention-panel{padding:1.25rem}.panel-heading,.feed-toolbar,.settings-title,.button-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.challenge-panel h2,.directory-panel h2,.feed-section h2{margin-top:.8rem}.challenge-panel p{margin:.8rem 0 1rem}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.category-grid.compact{margin-top:1rem}.category-grid.compact .category-card{min-height:5.4rem}.category-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;background:linear-gradient(135deg,#ffffff24,#ffffff0e),#ffffff12;border:1px solid #ffffff1f;border-radius:1.2rem;gap:.5rem;min-height:7.2rem;padding:1rem;display:grid}.category-card.selected{background:linear-gradient(135deg,#ffffff3b,#0000 34%),#7c3aeda3;border-color:#facc15;box-shadow:0 14px 34px #7c3aed38}.category-card span{font-size:1.4rem}.category-card small{color:#fff9;line-height:1.25}.chip-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.chip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff14;border-radius:999px;padding:.6rem .8rem;font-weight:800}.chip.selected{color:#05030a;background:#facc15}.segmented{-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);background:#00000047;border:1px solid #ffffff17;border-radius:999px;padding:.25rem;display:inline-flex}.segmented button{color:#fff;background:0 0;border-radius:999px;padding:.55rem .8rem;font-weight:900}.segmented .selected{color:#05030a;background:#facc15}.feed-section{grid-column:1/-1}.story-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.story-card{-webkit-backdrop-filter:blur(22px)saturate(1.35);backdrop-filter:blur(22px)saturate(1.35);background:linear-gradient(135deg,#ffffff24,#ffffff0e),#ffffff12;border:1px solid #ffffff1f;border-radius:1.5rem;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.story-card:hover{border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 24px 60px #00000047}.story-open{text-align:left;background:0 0;width:100%;padding:1rem;display:block}.story-open h3,.detail-card h1{margin-top:1rem}.story-open>p:not(.author){color:#ffffffbd;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.75rem 0;display:-webkit-box;overflow:hidden}.author,.vote-count,time{color:#ffffff8c;font-size:.9rem;font-weight:800}.story-actions{gap:.45rem;display:flex;position:absolute;top:.9rem;right:.9rem}.vote-pill,.mini-share{color:#05030a;background:#facc15;border-radius:999px;align-items:center;gap:.35rem;min-height:2.4rem;padding:0 .75rem;font-weight:1000;display:inline-flex}.vote-pill.selected{color:#fff;background:#ec4899}.mini-share{color:#fff;background:#ffffff24;justify-content:center;width:2.4rem;padding:0}.category-badge{color:#fff;border-radius:999px;align-items:center;gap:.35rem;width:fit-content;padding:.45rem .7rem;font-size:.78rem;font-weight:1000;display:inline-flex}.accent-mint{background:linear-gradient(135deg,#10b981,#2dd4bf)}.accent-orange{background:linear-gradient(135deg,#f97316,#ef4444)}.accent-cyan{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.accent-pink{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.comic-preview{background:#05030a;border:4px solid #05030a;border-radius:1rem;overflow:hidden;box-shadow:0 14px 28px #00000047}.comic-preview.compact{border-width:3px}.comic-caption-row{background:radial-gradient(circle,#0000001f 1px,#0000 1px) 0 0/12px 12px,#c8f7f1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;padding:.45rem;display:grid}.speech-bubble{color:#05030a;background:#fff;border:3px solid #05030a;min-height:4.3rem;padding:.55rem;font-size:.72rem;font-weight:1000;line-height:1.05;transform:rotate(-1.5deg)}.speech-bubble:nth-child(2){transform:rotate(1deg)}.speech-bubble small{color:#fff;background:#05030a;place-items:center;width:1rem;height:1rem;margin-right:.2rem;display:inline-grid}.storyboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.45rem;display:grid}.comic-panel{color:#05030a;text-align:center;background:radial-gradient(circle,#0000002e 1px,#0000 1px) 0 0/14px 14px,#fff3;border:4px solid #05030a;place-items:center;min-height:10rem;padding:.75rem;display:grid}.comic-preview.compact .comic-panel{min-height:6.2rem}.comic-panel span{font-size:clamp(2rem,6vw,3.2rem)}.comic-panel strong{text-transform:uppercase;background:#facc15;padding:.35rem .45rem;font-size:.76rem;box-shadow:3px 3px #05030a}.comic-art{background:#111;width:100%;display:block}.create-layout,.for-you-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:1rem;display:grid}.form-panel,.settings-panel{gap:1rem;display:grid}.field-stack{gap:.8rem;display:grid}label{color:#ffffffb8;gap:.45rem;font-weight:900;display:grid}input,textarea{box-sizing:border-box;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff1f;border-radius:1rem;outline:0;width:100%}input{min-height:3.2rem;padding:0 1rem}textarea{resize:vertical;min-height:13rem;padding:1rem}.story-input span,.fine-print{color:#ffffff75;font-size:.8rem}.preview-panel{height:fit-content;position:sticky;top:5.5rem}.empty-preview{color:#ffffffb3;text-align:center;background:radial-gradient(circle,#ffffff14 1px,#0000 1px) 0 0/18px 18px,#ffffff0d;border:2px dashed #ffffff2e;border-radius:1.2rem;place-items:center;min-height:18rem;padding:2rem;display:grid}.empty-preview svg{color:#facc15}.empty-preview strong{color:#fff;font-size:1.1rem}.empty-preview span{max-width:28ch;font-size:.92rem}.settings-card,.viral-card,.metric-card,.upgrade-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff21,#ffffff0d),#ffffff12;border:1px solid #ffffff14;border-radius:1.25rem;gap:.85rem;padding:1rem;display:grid}.settings-title{justify-content:flex-start}.settings-title svg{color:#facc15}.upgrade-card{text-align:left}.upgrade-card strong{color:#fff;font-size:1.1rem}.upgrade-card p,.upgrade-card li{color:#ffffffb8}.upgrade-card ul{gap:.45rem;margin:0;padding-left:1.1rem;display:grid}.compact-upgrade{grid-template-columns:minmax(0,1fr) auto;align-items:center}.upgrade-modal .upgrade-card{background:linear-gradient(135deg,#facc1529,#ec48991f),#ffffff14}.plan-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.plan-picker button{color:#ffffffb8;text-align:left;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:1.1rem;gap:.25rem;padding:.9rem;display:grid}.plan-picker button.selected{color:#fff;background:linear-gradient(135deg,#facc1533,#ec489929),#ffffff1f;border-color:#facc15c7;box-shadow:0 18px 40px #facc1529}.plan-picker strong{color:#fff;font-size:1.05rem}.plan-picker small{color:#facc15;font-weight:800}.retention-panel{align-content:start;gap:1rem;display:grid}.retention-panel .metric-card{color:#fff;background:#ffffff14}.retention-panel .metric-card span{color:#ffffff94}.auth-screen,.onboarding-screen,.loading-screen,.detail-screen{place-items:center;padding:1rem;display:grid}.landing-screen{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);align-items:center;gap:clamp(1rem,4vw,2rem);width:100%;padding:clamp(1rem,4vw,3rem)}.landing-copy,.landing-preview,.landing-screen .auth-card{width:100%}.landing-copy{gap:1.25rem;max-width:760px;display:grid}.landing-copy h1{text-wrap:balance;max-width:780px;font-size:clamp(3.2rem,8vw,7.5rem)}.landing-subtitle{color:#ffffffc2;max-width:66ch;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.45}.landing-brand,.trust-row{align-items:center;gap:.7rem;display:flex}.landing-brand span{letter-spacing:-.03em;font-weight:1000}.landing-actions{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.ghost-link{color:#fff;background:#ffffff1c;border-radius:1rem;align-items:center;min-height:3rem;padding:0 1rem;font-weight:900;text-decoration:none;display:inline-flex}.trust-row{flex-wrap:wrap}.trust-row span{color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;padding:.5rem .72rem;font-size:.85rem;font-weight:900}.landing-preview{grid-row:span 2}.phone-frame{-webkit-backdrop-filter:blur(24px)saturate(1.35);backdrop-filter:blur(24px)saturate(1.35);background:linear-gradient(135deg,#ffffff29,#ffffff0d),#ffffff17;border:1px solid #ffffff24;border-radius:2.2rem;max-width:420px;margin-inline:auto;padding:1rem;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 36px 90px #00000061}.mini-topbar,.mini-challenge{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mini-topbar{color:#ffffffa6;margin-bottom:.75rem;font-size:.78rem;font-weight:1000}.mini-challenge{background:linear-gradient(135deg,#7c3aede6,#ec4899ad);border-radius:1.1rem;margin-bottom:.75rem;padding:.9rem}.mini-challenge span{font-weight:1000;line-height:1.05}.mini-challenge button{color:#05030a;background:#facc15;border-radius:999px;flex:none;padding:.55rem .7rem;font-size:.78rem;font-weight:1000}.mini-story{background:#00000038;border:1px solid #ffffff1f;border-radius:1.2rem;gap:.6rem;margin-top:.75rem;padding:.85rem;display:grid}.mini-story h3{font-size:1.1rem}.auth-card,.onboarding-card,.detail-card{width:min(720px,100%);padding:clamp(1.25rem,5vw,2rem)}.onboarding-card,.auth-card{text-align:left}.onboarding-card{text-align:center;gap:1.2rem;display:grid}.landing-screen .auth-card{text-align:left;background:linear-gradient(160deg,#ffffff2e,#ffffff0f),#0a0714c2;border-radius:1.6rem;align-self:end;gap:1rem;max-width:none;padding:1.3rem;box-shadow:0 28px 80px #0000006b}.landing-screen .auth-card h2{margin-top:.2rem}.auth-card-header{gap:.35rem;display:grid}.google-button{color:#17111f;cursor:pointer;background:#fffffff5;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;gap:.7rem;width:100%;min-height:3.1rem;font-size:.98rem;font-weight:900;display:flex;box-shadow:0 16px 34px #00000038}.google-button:hover{transform:translateY(-1px);box-shadow:0 18px 42px #00000047}.google-button:disabled{cursor:not-allowed;opacity:.7}.google-mark{color:#fff;background:linear-gradient(135deg,#4285f4,#34a853 45%,#fbbc05 70%,#ea4335);border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;font-weight:1000;display:inline-grid}.auth-divider{color:#ffffff8f;letter-spacing:.12em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;font-size:.78rem;font-weight:900;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff24;height:1px}.center-copy .logo-burst,.hero-icon{margin:0 auto}.progress-label{color:#ffffffa6;font-size:.8rem;font-weight:900}.progress-track{background:#ffffff24;border-radius:999px;height:.55rem;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#facc15,#ec4899);height:100%;display:block}.selection-stack{gap:.65rem;margin-top:1rem;display:grid}.selection-row{background:#ffffff17;border-radius:1rem;justify-content:space-between;min-height:3.4rem;padding:0 1rem;font-weight:900;display:flex}.selection-row.selected{background:#7c3aed99;outline:2px solid #facc15}.onboarding-actions{justify-content:flex-end;gap:.75rem;display:flex}.detail-screen{place-items:start center}.detail-screen>.ghost-button{justify-content:flex-start;width:min(720px,100%);margin-bottom:1rem}.story-body{color:#ffffffd1;margin:1rem 0;font-size:1.1rem;line-height:1.65}.tabbar{z-index:20;-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6);background:linear-gradient(135deg,#ffffff24,#ffffff0b),#05070fb8;border:1px solid #ffffff1f;border-radius:1.35rem;grid-template-columns:repeat(3,1fr);gap:.45rem;width:min(560px,100% - 2rem);margin:.85rem auto 0;padding:.45rem;display:grid;position:sticky;top:4.65rem;box-shadow:0 18px 50px #00000057,inset 0 1px #ffffff29}.tabbar button{color:#fff9;background:0 0;border-radius:1rem;place-items:center;gap:.2rem;padding:.6rem;font-size:.76rem;font-weight:1000;display:grid}.tabbar button.active{color:#05030a;background:#facc15}.feedback-fab{z-index:35;color:#05030a;transform-origin:50%;background:linear-gradient(135deg,#ec4899,#facc15);border:1px solid #fff3;border-radius:999px;min-height:2.75rem;padding:.65rem .85rem;font-size:.82rem;font-weight:1000;position:fixed;top:50%;right:.85rem;transform:translateY(-50%)rotate(-90deg);box-shadow:0 16px 40px #00000059}.feedback-fab:hover:not(:disabled){transform:translateY(-50%)rotate(-90deg)translateY(-1px)}.feedback-fab:active:not(:disabled){transform:translateY(-50%)rotate(-90deg)scale(.98)}.feedback-overlay{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#05030ab8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.feedback-modal{color:#fff;background:linear-gradient(135deg,#ffffff29,#ffffff0b),radial-gradient(circle at 100% 0,#ec489938,#0000 20rem),#21182b;border:1px solid #ffffff29;border-radius:1.5rem;gap:1rem;width:min(560px,100%);max-height:min(760px,100svh - 2rem);padding:1.25rem;display:grid;overflow:auto;box-shadow:0 30px 90px #00000073}.feedback-modal textarea{min-height:10rem}.feedback-kind{border-radius:1rem;width:fit-content}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideFloatIn{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes glassDrift{0%{opacity:.55;transform:translate(-1.5rem,-1rem)}to{opacity:.9;transform:translate(1.25rem,1rem)}}@media (width<=900px){.page-grid,.create-layout,.for-you-layout,.hero-panel,.landing-screen,.story-list{grid-template-columns:1fr}.preview-panel{position:static}.hero-stats{flex-wrap:wrap}.landing-screen{align-content:start;padding:1rem}.landing-preview{order:2;grid-row:auto}.landing-screen .auth-card{order:3}.phone-frame{max-width:100%;transform:none}}@media (width<=620px){main{width:min(100% - 1rem,1180px)}.topbar{padding:.8rem}.brand small{display:none}.landing-copy{gap:1rem}.landing-copy h1{font-size:clamp(3rem,15vw,4.3rem)}.landing-subtitle{font-size:1rem}.invite-button{width:3rem;padding:0;font-size:0}.feedback-fab{padding:.58rem .75rem;right:-1.85rem}.category-grid:not(.compact){grid-template-columns:1fr}.category-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid.compact .category-card{min-height:4.65rem;padding:.78rem}.category-grid.compact .category-card small{display:none}.speech-bubble{min-height:3.4rem;padding:.42rem;font-size:.58rem}.comic-panel{min-height:6.7rem;padding:.45rem}.comic-preview.compact .comic-panel{min-height:5rem}.comic-panel span{font-size:1.7rem}.comic-panel strong{font-size:.58rem}.tabbar{border-radius:1.1rem;top:4.35rem}.tabbar button{padding:.48rem}.stacked-mobile{flex-direction:column;align-items:stretch}}