:root{--substrate-top:#051518;--substrate-mid:#0a1f24;--substrate-btm:#02101a;--substrate-spot:#14b8a629;--card-dark:#0a1f24;--card-light:#fffdf8;--ink-on-dark:#e5f5f2;--ink-on-light:#0a1f24;--ink-mid-on-dark:#e5f5f2bf;--ink-mid-on-light:#0a1f24b8;--ink-faint-on-dark:#e5f5f28c;--ink-faint-on-light:#0a1f2480;--accent:#14b8a6;--accent-deep:#fe2c55;--badge-team:#fe2c55;--rule-on-dark:#e5f5f21a;--rule-on-light:#0a1f241a;--sans:"Outfit", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{background:var(--substrate-mid);color:var(--ink-on-light);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}.stage{background:linear-gradient(180deg, var(--substrate-top) 0%, var(--substrate-mid) 50%, var(--substrate-btm) 100%);place-items:center;min-height:100vh;display:grid;position:relative}.stage:before{content:"";background:radial-gradient(circle at 70% 15%, var(--substrate-spot), transparent 50%);pointer-events:none;position:absolute;inset:0}.phone-shell{z-index:1;background:#000;border-radius:44px;width:390px;height:844px;position:relative;overflow:hidden;box-shadow:0 0 0 10px #1a1a22,0 30px 80px #00000073}.screen{background:linear-gradient(180deg, var(--substrate-top) 0%, var(--substrate-mid) 50%, var(--substrate-btm) 100%);position:absolute;inset:0;overflow:hidden}.screen:before{content:"";background:radial-gradient(circle at 70% 15%, var(--substrate-spot), transparent 50%);pointer-events:none;position:absolute;inset:0}.splash{background:var(--card-dark);place-items:center;display:grid}.splash:before{background:0 0}.splash-glow{filter:blur(80px);border-radius:50%;width:380px;height:380px;position:absolute}.splash-glow.cyan{background:#14b8a673;top:-90px;left:-120px}.splash-glow.pink{background:#fe2c556b;bottom:-90px;right:-120px}.splash-copy{text-align:center;z-index:1;position:relative}.splash-copy p{letter-spacing:.16em;color:#ffe0cc8c;text-transform:uppercase;font-size:11px;font-weight:800}.splash-copy h1{letter-spacing:-.035em;color:var(--ink-on-dark);margin:20px 0 18px;font-size:72px;font-weight:900;line-height:.9}.splash-copy h1 span{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#0000;-webkit-background-clip:text;background-clip:text}.splash-copy div,.tap-hint{letter-spacing:.1em;text-transform:uppercase;color:#ffe0cc9e;font-size:11px;font-weight:700}.tap-hint{background:0 0;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.onboarding{z-index:2;flex-direction:column;padding:74px 24px 24px;display:flex;position:relative}.progress{justify-content:center;gap:6px;margin-bottom:38px;display:flex}.progress span{background:#1a14102e;border-radius:999px;width:30px;height:4px}.progress .active{background:var(--card-dark);box-shadow:0 0 12px #1a141059}.onboarding h2{text-align:center;letter-spacing:-.025em;color:var(--ink-on-light);margin:0 0 9px;font-size:32px;font-weight:900;line-height:1.04}.subtitle{text-align:center;color:var(--ink-mid-on-light);margin:0 0 30px;font-size:14px;font-weight:500;line-height:1.45}.onboarding-body{flex-direction:column;flex:1;gap:13px;display:flex}.input-card,.welcome-card,.quick-card{background:var(--card-light);border:0;border-radius:24px;padding:18px;box-shadow:0 4px 20px #1a141014}.handle-input,.phone-input,.small-input{background:#1a14100a;border:2px solid #0000;border-radius:14px;align-items:center;gap:8px;padding:15px;display:flex}.small-input{margin-top:14px;padding:12px}.handle-input:focus-within,.phone-input:focus-within,.small-input:focus-within,.code-input:focus{border-color:var(--accent-deep);background:#c254780a;box-shadow:0 0 0 4px #c254781a}.handle-input span,.phone-input span,.small-input span{color:#1a141066;font-size:20px;font-weight:800}input{width:100%;color:var(--ink-on-light);background:0 0;border:0;outline:0;min-width:0;font-size:19px;font-weight:700}.small-input input{font-size:15px}.profile-preview{color:var(--ink-on-light);background:#6b8f4a1a;border:1px solid #6b8f4a47;border-radius:14px;grid-template-columns:42px 1fr 28px;align-items:center;gap:12px;margin-top:14px;padding:13px;display:grid}.avatar{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.profile-preview strong{color:var(--ink-on-light);font-size:13px;font-weight:800;display:block}.profile-preview span{color:var(--ink-mid-on-light);margin-top:2px;font-size:11px;font-weight:500;display:block}.fine,.code-sent{color:var(--ink-mid-on-light);text-align:center;margin:12px 0 0;font-size:11px;font-weight:500;line-height:1.45}.code-sent strong,.fine strong{color:var(--ink-on-light);font-weight:800}.code-input{text-align:center;letter-spacing:.1em;color:var(--ink-on-light);background:#1a14100a;border:2px solid #0000;border-radius:14px;outline:0;width:100%;padding:16px;font-size:22px;font-weight:800}.primary{background:var(--card-dark);width:100%;min-height:56px;color:var(--ink-on-dark);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:auto;font-size:13px;font-weight:900;display:flex;box-shadow:0 6px 18px #1a14104d}.primary:disabled{filter:grayscale(.6)brightness(.6);cursor:not-allowed;box-shadow:none}.ghost-action{background:var(--accent);width:100%;color:var(--card-dark);text-transform:uppercase;letter-spacing:.04em;border-radius:12px;margin-top:12px;padding:12px;font-size:12px;font-weight:900}.error{color:#b91c1c;background:#fee2e2d9;border:1px solid #b91c1c4d;border-radius:12px;padding:10px;font-size:12px;font-weight:600}.tag{text-transform:uppercase;letter-spacing:.1em;color:#fff;background:var(--badge-team);border:0;border-radius:999px;margin-bottom:14px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-block}.message{grid-template-columns:42px 1fr;gap:12px;display:grid}.message strong{color:var(--ink-on-light);margin-bottom:6px;font-size:14px;font-weight:800;display:block}.message strong span{color:var(--accent-deep);font-weight:800}.message p{color:var(--ink-mid-on-light);margin:0;font-size:13px;font-weight:500;line-height:1.55}.message b{color:var(--accent-deep);font-weight:800}.mini-check,.toggle-row{color:var(--ink-mid-on-light);gap:9px;font-size:13px;font-weight:500;line-height:1.35;display:flex}.toggle-row b{color:var(--ink-on-light);font-size:13px;font-weight:800;display:block}.toggle-row small{color:var(--ink-faint-on-light);margin-top:4px;font-size:11px;font-weight:500;line-height:1.35;display:block}.toggle-row input,.mini-check input{width:18px;height:18px;accent-color:var(--card-dark);flex:none}.app{z-index:2;flex-direction:column;display:flex;position:relative}.top-strip{z-index:3;background:0 0;align-items:center;gap:6px;padding:54px 14px 10px;display:flex;position:relative}.top-strip span{background:var(--card-dark);color:var(--accent);letter-spacing:.02em;border:0;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.top-strip button{background:var(--card-dark);width:34px;height:34px;color:var(--ink-on-dark);border:0;border-radius:50%;place-items:center;margin-left:auto;display:grid}.scroll{flex:1;padding:4px 16px 110px;overflow:auto}.mission-card,.mission-hero{background:var(--card-dark);color:var(--ink-on-dark);border:0;border-radius:24px;margin-bottom:12px;padding:20px}.mission-card p:first-child,.mission-hero p:first-child{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:10px;font-weight:800}.mission-card h1,.mission-hero h1{letter-spacing:-.028em;color:var(--ink-on-dark);margin:8px 0 12px;font-size:38px;font-weight:800;line-height:.94}.mission-card p,.mission-hero p{color:var(--ink-mid-on-dark);font-size:14px;font-weight:500;line-height:1.48}.mission-card button,.mission-hero button,.drop-card button,.me-card button,.upload-button{background:var(--accent);color:var(--card-dark);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:13px 18px;font-size:12px;font-weight:900;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 4px 14px #14b8a659}.mission-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;display:flex}.mission-actions button{margin-top:0}.mission-actions .secondary-action{color:var(--ink-on-dark);box-shadow:none;background:#e5f5f21a;border:1px solid #e5f5f22e}.feed{background:var(--card-light);color:var(--ink-on-light);border:0;border-radius:24px;grid-template-columns:40px 1fr;gap:12px;margin-bottom:12px;padding:16px;display:grid;box-shadow:0 4px 16px #1a141014}.feed .avatar{width:40px;height:40px}.feed strong{color:var(--ink-on-light);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.feed span{color:#fff;background:var(--badge-team);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700}.feed p{color:var(--ink-mid-on-light);margin:5px 0 0;font-size:13px;font-weight:500;line-height:1.55}.tools{gap:9px;margin-top:14px;display:grid}.tools span{color:var(--ink-on-dark);background:#ffe0cc14;border:1px solid #ffe0cc29;border-radius:12px;padding:12px;font-size:13px;font-weight:500}.upload-card,.drop-card{background:var(--card-light);color:var(--ink-on-light);border:0;border-radius:24px;margin-bottom:12px;padding:18px;position:relative;box-shadow:0 4px 16px #1a141014}.upload-icon{width:40px;height:40px;color:var(--accent-deep);background:#ffb89033;border:1px solid #ffb89073;border-radius:14px;place-items:center;margin-bottom:12px;display:grid}.upload-card h2,.drop-card h2{color:var(--ink-on-light);letter-spacing:-.015em;margin:0 0 8px;font-size:22px;font-weight:800}.upload-card p,.drop-card p{color:var(--ink-mid-on-light);font-weight:500;line-height:1.45}.upload-button{cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.upload-button input{display:none}.file-line,.success-line{text-align:center;margin:10px 0 0;font-size:12px;font-weight:500;line-height:1.4}.file-line{color:var(--ink-mid-on-light);word-break:break-word}.success-line{color:var(--badge-team);font-weight:700}.me-card{background:var(--card-dark);color:var(--ink-on-dark);text-align:center;border:0;border-radius:24px;margin-bottom:12px;padding:24px 22px}.me-card .avatar{width:56px;height:56px;margin:0 auto 12px;font-size:22px}.me-card h2{color:var(--ink-on-dark);letter-spacing:-.018em;margin:0;font-size:22px;font-weight:800}.me-card p{color:var(--ink-mid-on-dark);margin-top:4px;font-weight:500;line-height:1.45}nav{background:var(--card-dark);z-index:5;border-top:0;border-radius:999px;grid-template-columns:repeat(5,1fr);height:64px;padding:7px;display:grid;position:absolute;bottom:18px;left:12px;right:12px;box-shadow:0 8px 24px #1a14104d}nav button{color:#ffe0cc8c;letter-spacing:.02em;text-transform:uppercase;background:0 0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:800;display:flex}nav button span{font-size:18px}nav button.active{background:var(--accent);color:var(--card-dark);box-shadow:inset 0 1px #fff6}@media (width<=480px){.stage{display:block}.phone-shell{width:100vw;height:100vh;box-shadow:none;border-radius:0}}