:root{color-scheme:dark;--bg:#09110d;--bg-2:#0c1510;--surface:#18221b;--surface-2:#1d2a21;--surface-3:#243b2b;--text:#f2f1e9;--muted:#a8b3aa;--soft:#6f8974;--line:rgba(191,218,196,0.13);--green:#a9e7b8;--green-2:#5d946b;--danger:#ff9c8f;--shadow:0 24px 70px rgba(0,0,0,0.42)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 50% -12rem,rgba(87,142,95,.22),transparent 28rem),linear-gradient(180deg,#07100b 0,var(--bg) 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;max-width:430px;margin:0 auto;padding:18px 14px 104px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin:0 -14px 18px;border-bottom:1px solid rgba(255,255,255,.035);padding:0 18px 12px}.brand{display:flex;flex-direction:column;gap:4px}.brand h1{margin:0;color:var(--green-2);font-size:10px;font-weight:900;letter-spacing:.28em;line-height:1;text-transform:uppercase}.brand span,.muted,.top-actions{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:12px}.profile-streak,.streak-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(169,231,184,.2);border-radius:999px;color:var(--green);background:rgba(169,231,184,.08);font-weight:900}.streak-chip{max-width:118px;min-height:30px;padding:0 10px;font-size:10px;line-height:1.05;text-align:center}.avatar{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:50%;background:linear-gradient(145deg,#263c2c,#17231b);color:var(--green);font-size:13px;font-weight:900}.avatar.tiny{width:34px;height:34px}.section{display:flex;flex-direction:column;gap:18px}.lore-card{border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 55%),rgba(24,34,27,.94);box-shadow:var(--shadow)}.drop-hero{display:flex;min-height:420px;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:16px 4px 28px;text-align:center}.drop-pill,.mini-pill{display:inline-flex;align-items:center;align-self:center;gap:8px;border-radius:999px;margin:0;padding:8px 16px;color:#d7f3dc;background:rgba(101,151,109,.62);font-size:12px;font-weight:900;letter-spacing:.14em;line-height:1;text-transform:uppercase}.mini-pill{align-self:flex-start;padding:7px 12px;font-size:10px;letter-spacing:0;text-transform:none}.question{max-width:360px;margin:0;color:var(--text);font-size:clamp(42px,13vw,58px);font-weight:900;letter-spacing:0;line-height:.98}.question em{color:var(--green);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:800}.composer,.connect-card{display:flex;flex-direction:column;gap:14px;padding:24px}.connect-card h3{max-width:240px;margin:0 0 10px;font-size:28px;line-height:1.05}.input,.textarea{width:100%;border:2px solid rgba(196,220,199,.2);border-radius:999px;background:rgba(5,11,8,.72);color:var(--text);outline:none}.textarea{min-height:138px;border-radius:24px;resize:vertical;padding:16px;line-height:1.45}.input{min-height:56px;padding:0 20px;font-weight:800}.input:focus,.textarea:focus{border-color:rgba(169,231,184,.75)}.row{display:flex;justify-content:space-between;gap:12px}.button,.row{align-items:center}.button{display:inline-flex;justify-content:center;gap:10px;min-height:54px;border:0;border-radius:999px;padding:0 22px;color:#092011;background:var(--green);font-weight:900}.button.secondary{border:1px solid var(--line);color:var(--text);background:rgba(29,42,33,.9)}.button.ghost{min-height:38px;border:1px solid var(--line);color:var(--muted);background:transparent}.button.danger{color:#180604;background:var(--danger)}.danger-text{color:var(--danger)}.button:disabled{cursor:not-allowed;opacity:.58}.hero-lock{display:inline-flex;align-items:center;gap:8px;border-radius:999px;margin:0;padding:13px 18px;color:var(--green);background:rgba(169,231,184,.08);font-size:13px;font-weight:900}.locked{border:1px dashed rgba(169,231,184,.22);border-radius:22px;padding:16px;background:rgba(9,17,13,.44)}.locked p{margin:6px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.section-heading h3{display:flex;align-items:center;margin:0;color:var(--text);font-size:23px;line-height:1.1}.section-heading span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}.heading-icon{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:999px;margin-right:10px;background:rgba(169,231,184,.09)}.accent-heading h3,.heading-icon{color:var(--green)}.feed{display:flex;flex-direction:column;gap:18px}.archive-card,.friend-row,.response-card{padding:22px}.self-response{border-color:rgba(169,231,184,.22)}.person{display:flex;align-items:center;gap:12px}.person small,.person strong{display:block}.person strong{font-size:15px}.person small{color:var(--muted);font-size:12px;font-weight:800}.response-text{margin:18px 0;color:rgba(242,241,233,.86);font-size:20px;font-style:italic;font-weight:800;line-height:1.55}.reactions{display:flex;flex-wrap:wrap;gap:12px}.reaction{position:relative;display:inline-flex;min-width:42px;min-height:36px;align-items:center;justify-content:center;gap:3px;border:0;border-radius:999px;color:var(--text);background:transparent;font-size:22px;filter:grayscale(.08)}.reaction.active{background:rgba(169,231,184,.12);box-shadow:inset 0 0 0 1px rgba(169,231,184,.28)}.reaction.summary{min-width:auto;cursor:default;padding:0 12px;background:rgba(169,231,184,.12);font-weight:900}.reaction small{display:inline-flex;min-width:15px;height:15px;align-items:center;justify-content:center;border-radius:999px;color:var(--green);font-size:10px;font-weight:900;line-height:1}.tabs{position:fixed;right:0;bottom:0;left:0;z-index:10;border-top:1px solid rgba(255,255,255,.04);background:rgba(7,16,11,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tabs-inner{display:grid;max-width:430px;margin:0 auto;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;padding:10px 14px 14px}.tab{display:flex;min-height:52px;border:1px solid transparent;border-radius:999px;align-items:center;justify-content:center;gap:8px;color:var(--muted);background:transparent;font-size:13px;font-weight:900}.tab.active{border-color:rgba(169,231,184,.18);color:var(--green);background:rgba(29,42,33,.86)}.auth{display:grid;min-height:100vh;padding:22px;place-items:center}.auth-card{width:min(100%,440px);padding:28px}.auth-card h1{margin:0 0 16px;font-size:56px;line-height:.95}.stack{gap:14px}.empty,.stack{display:flex;flex-direction:column}.empty{min-height:92px;align-items:center;justify-content:center;gap:10px;padding:22px;color:var(--muted);text-align:center}.empty strong{color:var(--text)}.tall-empty{min-height:240px}.notice{border:1px solid rgba(119,224,160,.35);border-radius:18px;padding:13px;color:var(--green);background:rgba(119,224,160,.08)}.error{border:1px solid rgba(255,122,102,.45);background:rgba(255,122,102,.08)}.error,.error-text{color:#ffb1a6}.word-count{color:var(--muted);white-space:nowrap}.dev-panel{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);margin-top:4px;padding-top:16px}.page-kicker{display:flex;align-items:center;gap:10px;color:var(--green);font-size:14px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.page-title{margin:0 0 26px;font-size:clamp(48px,15vw,70px);font-weight:900;letter-spacing:0;line-height:.98}.profile-page{gap:22px}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 0 34px;text-align:center}.profile-avatar{display:grid;width:126px;height:126px;place-items:center;border:1px solid rgba(169,231,184,.12);border-radius:50%;margin-bottom:14px;background:radial-gradient(circle at 50% 34%,rgba(169,231,184,.2),transparent 42%),#17251c;color:var(--green);font-size:42px;font-weight:900;box-shadow:0 0 0 22px rgba(169,231,184,.045)}.profile-hero h2{margin:0;font-size:30px;line-height:1}.profile-hero span{color:var(--muted);font-weight:900}.profile-streak{min-height:36px;margin-top:10px;padding:0 14px;font-size:13px}.archive-card{position:relative}.settings-row{display:grid;min-height:76px;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:18px;gap:18px;border:1px solid var(--line);padding:0 22px;color:var(--text);text-align:left;font-weight:900}@media (max-width:380px){.question{font-size:42px}.drop-hero{min-height:380px}.page-title{font-size:48px}}