:root{color-scheme:light;--ink: #19151f;--muted: #686170;--line: #19151f;--chrome: #ebeaf0;--pink: #ff4fa3;--blue: #58bfff;--lime: #c7ff45;--yellow: #ffe46b;--shadow: 5px 5px 0 var(--line);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(180deg,rgba(255,79,163,.16),transparent 240px),linear-gradient(135deg,#fff9fc,#f3f8ff 58%,#f7ffe5)}button,input,textarea{font:inherit}a{align-items:center;color:var(--ink);display:inline-flex;gap:4px;font-weight:950;text-decoration-thickness:3px;text-underline-offset:3px}.app-shell{margin:0 auto;padding:14px 14px 92px;width:min(920px,100%)}.topbar{background:#fffafdeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:3px solid var(--line);margin:0 -14px 14px;padding:12px 14px;position:sticky;top:0;z-index:10}.brand-lockup{align-items:center;display:flex;gap:12px;justify-content:space-between}.brand-copy{min-width:0}.brand-copy h1,.hero h2,.stage h2,.cassette h3{letter-spacing:0;margin:0;text-transform:uppercase}.brand-copy h1{font-size:clamp(1.15rem,4vw,1.7rem);line-height:1}.brand-copy p{color:var(--muted);font-size:.86rem;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ipod-dot{align-items:center;background:radial-gradient(circle,#fff 0 32%,var(--chrome) 33% 64%,var(--pink) 65%);border:3px solid var(--line);border-radius:50%;box-shadow:3px 3px 0 var(--line);display:flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.auth-pill,.badge,.file-pill,.tiny,.step-chip{border:2px solid var(--line);border-radius:999px;box-shadow:2px 2px 0 var(--line);font-size:.78rem;font-weight:950;white-space:nowrap}.auth-pill{background:var(--lime);box-shadow:3px 3px 0 var(--line);padding:7px 10px}.hero{background:linear-gradient(135deg,var(--pink),#8b5cff);border:3px solid var(--line);border-radius:8px;box-shadow:var(--shadow);color:#fff;margin-bottom:14px;padding:18px}.hero h2{font-size:clamp(2rem,9vw,4.4rem);line-height:.92;text-shadow:3px 3px 0 var(--line)}.hero p{font-weight:850;line-height:1.35;margin:10px 0 0;max-width:590px}.progress{display:grid;gap:7px;grid-template-columns:repeat(5,1fr);margin:14px 0}.step-chip{background:#fff;opacity:.5;padding:8px 7px;text-align:center}.step-chip.active{background:var(--yellow);opacity:1}.step-chip.done{background:var(--lime);opacity:1}.workflow{display:grid;gap:14px}.stage{animation:pop .22s ease-out;background:#fffffff0;border:3px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:16px}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.98)}70%{transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}.stage-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.stage-kicker{color:var(--muted);font-size:.8rem;font-weight:950;margin:0;text-transform:uppercase}.stage h2{font-size:1.28rem;margin-top:3px}.badge{background:var(--blue);padding:6px 9px}.field-grid{display:grid;gap:11px;grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;font-size:.9rem;font-weight:900;gap:6px}input,textarea{background:#fff;border:3px solid var(--line);border-radius:8px;box-shadow:inset 3px 3px #e9e8ef;color:var(--ink);padding:10px;width:100%}input{min-height:46px}textarea{line-height:1.35;min-height:124px;resize:vertical}.full{grid-column:1 / -1}.help-card,.source-row,.preview-row{background:#fff;border:2px solid var(--line);border-radius:8px;box-shadow:2px 2px 0 var(--line);padding:10px}.help-card{background:#fff7d8;margin-top:12px}.help-card strong{display:block;margin-bottom:7px;text-transform:uppercase}.help-card ol{margin:0;padding-left:20px}.help-card li{color:#403a49;font-size:.9rem;font-weight:780;line-height:1.3;margin:5px 0}.choice-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.choice{background:#fff;border:3px solid var(--line);border-radius:8px;box-shadow:3px 3px 0 var(--line);cursor:pointer;min-height:122px;padding:11px;text-align:left}.choice.active{background:var(--lime)}.choice-emoji{display:block;font-size:1.15rem}.choice strong{display:block;margin:8px 0 5px;text-transform:uppercase}.choice span:last-child{color:#403a49;display:block;font-size:.84rem;font-weight:750;line-height:1.28}.host-description{margin-top:12px}.tone-row{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity}.tone{background:#fff;border:2px solid var(--line);border-radius:999px;box-shadow:2px 2px 0 var(--line);cursor:pointer;flex:0 0 auto;font-weight:950;min-height:42px;padding:8px 11px;scroll-snap-align:start}.tone.active{background:var(--pink);color:#fff}details.danger{background:#fff6fb;border:3px dashed var(--pink);border-radius:8px;margin-top:12px;padding:12px}details.danger summary{cursor:pointer;font-weight:950;text-transform:uppercase}.sources{display:grid;gap:9px}.source-row,.preview-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.source-row strong,.preview-row strong{display:block;font-size:.94rem}.source-row span,.preview-row span{color:var(--muted);display:block;font-size:.8rem;font-weight:750;margin-top:2px}.tiny{background:var(--chrome);padding:5px 8px}.file-pill{background:var(--yellow);cursor:pointer;flex:0 0 auto;padding:7px 10px}.file-pill input{height:1px;opacity:0;padding:0;position:absolute;width:1px}.cassette{background:var(--ink);border:3px solid var(--line);border-radius:8px;color:#fff;margin-top:12px;padding:14px}.cassette h3{color:var(--lime);margin-bottom:8px}.cassette p{color:#f8f2ff;line-height:1.42;margin:0}.actions{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffafdf2;border-top:3px solid var(--line);bottom:0;left:0;padding:10px 14px;position:fixed;right:0;z-index:20}.action-inner{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto auto;margin:0 auto;width:min(920px,100%)}.status-copy{align-items:center;color:var(--muted);display:flex;font-size:.84rem;font-weight:850;line-height:1.25;min-width:0}.status-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-text{color:#b00042}.primary,.secondary{align-items:center;border:3px solid var(--line);border-radius:8px;box-shadow:3px 3px 0 var(--line);cursor:pointer;display:inline-flex;font-weight:950;gap:6px;justify-content:center;min-height:46px;padding:9px 13px}.primary{background:var(--ink);color:#fff}.secondary{background:#fff;color:var(--ink)}.secondary:disabled{cursor:default;opacity:.45}.primary:disabled{cursor:wait;opacity:.72}@media(max-width:720px){.app-shell{padding:10px 10px 92px}.topbar{margin:0 -10px 10px;padding:10px}.auth-pill,.badge{display:none}.brand-copy p{max-width:260px}.hero{padding:14px}.hero h2{font-size:clamp(2.1rem,14vw,3.6rem)}.progress{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto;padding-bottom:4px}.stage{padding:13px}.field-grid,.choice-grid{grid-template-columns:1fr}.choice{min-height:96px}.source-row,.preview-row{align-items:flex-start;flex-direction:column}.action-inner{grid-template-columns:1fr}.status-copy span{white-space:normal}}