.scenarios-app{--font-sans:"Finlandica", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-pixel:"Press Start 2P", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-relaxed:1.7;--orange-50:#fff7ed;--orange-100:#ffedd5;--orange-300:#fdba74;--orange-400:#fb923c;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-500:#6b7280;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--btn-orange-front:#f97415;--btn-orange-edge:#d15a05;--btn-blue-front:#3c83f6;--btn-blue-edge:#0b62ef;--btn-yellow-front:#e7b008;--btn-yellow-edge:#b68a07;--btn-gray-front:#65758b;--btn-gray-edge:#4d596a;--btn-sky-front:#269dd9;--btn-sky-edge:#1d78a5;--btn-emerald-front:#1fad72;--btn-emerald-edge:#178255;--btn-cyan-front:#22b6c3;--btn-cyan-edge:#1b8d98;--btn-indigo-front:#474ad1;--btn-indigo-edge:#2c2eaf;--btn-amber-front:#f59f0a;--btn-amber-edge:#ba7908;--btn-violet-front:#8c47d1;--btn-violet-edge:#6b2bab;--btn-rose-front:#dd3c57;--btn-rose-edge:#ad1f36;--btn-green-front:#2e9e5d;--btn-green-edge:#227745;--btn-red-front:#dd3c3c;--btn-red-edge:#b62020;--btn-lime-front:#7eb82e;--btn-lime-edge:#5d8722;--bg:var(--slate-900);--bg-subtle:var(--slate-800);--bg-muted:#1a2333;--fg1:#e2e8f0;--fg2:#cbd5e1;--fg3:#94a3b8;--fg4:#64748b;--border:#ffffff14;--border-strong:#ffffff1f;--accent:var(--orange-500);--accent-hover:var(--orange-600);--accent-fg:#fff;--success:#2e9e5d;--warning:#f59f0a;--danger:#dd3c3c;--info:#3c83f6;--code-inline:#ff327d;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a, 0 8px 10px #0000000a;--shadow-streak:0 0 20px 4px #f9731626;--shadow-glow-indigo:0 0 15px #6366f140;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--ease-push:cubic-bezier(.3, .7, .4, 1);--ease-bounce:cubic-bezier(.3, .7, .4, 1.5);--dur-tap:34ms;--dur-hover:.25s;--dur-rest:.6s}.scenarios-app .ds-body{font-family:var(--font-sans);color:var(--fg1);line-height:var(--leading-normal)}.scenarios-app .ds-h1{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.02em;color:var(--fg1)}.scenarios-app .ds-h2{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);color:var(--fg1)}.scenarios-app .ds-h3{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-snug);color:var(--fg1)}.scenarios-app .ds-h4{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--fg1);font-weight:600}.scenarios-app .ds-lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--fg2)}.scenarios-app .ds-p{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg2)}.scenarios-app .ds-small{font-size:var(--text-sm);color:var(--fg3)}.scenarios-app .ds-meta{font-size:var(--text-xs);color:var(--fg3);text-transform:none;letter-spacing:0}.scenarios-app .ds-code{font-family:var(--font-mono);color:var(--code-inline);font-size:.875em;font-weight:600}.scenarios-app .ds-pixel{font-family:var(--font-pixel);letter-spacing:.05em;font-size:.85em}.scenarios-app .ds-kbd{font-family:var(--font-mono);border-radius:var(--radius-xs);background:var(--slate-100);color:var(--fg2);border:1px solid var(--border);padding:2px 6px;font-size:.625rem}.scenarios-app .dark .ds-kbd{background:var(--slate-800);color:var(--fg2)}.scenarios-app *{box-sizing:border-box}.scenarios-app,.scenarios-app{background:var(--bg);color:var(--fg1);font-family:var(--font-sans);margin:0;padding:0}.scenarios-app{font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;overflow-x:hidden}.scenarios-app button,.scenarios-app input,.scenarios-app textarea{color:inherit;font-family:inherit}.scenarios-app :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.scenarios-app{--bg:#0b1220;--bg-subtle:#131c2e;--bg-muted:#1a2438;--bg-card:#18223a;--bg-elev:#1f2b47;--fg1:#e8eefa;--fg2:#b8c5dc;--fg3:#8595b3;--fg4:#5a6a88;--border:#ffffff14;--border-strong:#ffffff24;--grid-dot:#ffffff0d;--code-inline:#ff6b9d;color:var(--fg1);background:radial-gradient(ellipse 1200px 600px at 50% -200px, #f973161a, transparent 60%), var(--bg);min-height:100vh;position:relative}.scenarios-app:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle, var(--grid-dot) 1px, transparent 1px);background-size:24px 24px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 60%,#0000 100%);mask-image:radial-gradient(80% 70%,#000 60%,#0000 100%)}.scenarios-app .topnav{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b1220c7;align-items:center;gap:24px;padding:14px 32px;display:flex;position:sticky;top:0}.scenarios-app .topnav .logo{letter-spacing:-.02em;font-size:22px;font-weight:800}.scenarios-app .topnav .logo .ink{color:var(--orange-500)}.scenarios-app .topnav .logo .accent{color:#5ba0ff}.scenarios-app .topnav .crumb{color:var(--fg3);align-items:center;gap:8px;font-size:14px;display:flex}.scenarios-app .topnav .crumb a{color:var(--fg2);cursor:pointer;text-decoration:none}.scenarios-app .topnav .crumb a:hover{color:var(--fg1)}.scenarios-app .topnav .crumb .sep{color:var(--fg4)}.scenarios-app .topnav .crumb .current{color:var(--fg1);font-weight:600}.scenarios-app .topnav .spacer{flex:1}.scenarios-app .topnav .hud{color:var(--fg2);align-items:center;gap:14px;font-size:13px;display:flex}.scenarios-app .topnav .hud-pill{background:var(--bg-muted);border-radius:var(--radius-full);border:1px solid var(--border);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.scenarios-app .topnav .hud-pill.streak{color:var(--orange-400);box-shadow:var(--shadow-streak);border-color:#f973164d}.scenarios-app .topnav .avatar{color:#fff;border:2px solid var(--orange-300);cursor:pointer;background:linear-gradient(135deg,#f97316,#fb923c);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.scenarios-app .topnav-compact{flex-wrap:nowrap;gap:12px}.scenarios-app .topnav-compact .tn-back{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);width:38px;height:38px;color:var(--fg2);cursor:pointer;transition:all .15s var(--ease-push);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.scenarios-app .topnav-compact .tn-back:hover{color:var(--fg1);border-color:var(--border-strong);transform:translate(-1px)}.scenarios-app .topnav-compact .tn-title-wrap{flex-direction:column;gap:1px;min-width:0;display:flex}.scenarios-app .topnav-compact .tn-title{color:var(--fg1);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:42vw;font-size:16px;font-weight:700;overflow:hidden}.scenarios-app .topnav-compact .tn-sub{color:var(--fg3);white-space:nowrap;text-overflow:ellipsis;max-width:42vw;font-size:12px;overflow:hidden}.scenarios-app .topnav-compact .hud-slim{gap:10px}.scenarios-app .container{z-index:1;max-width:1280px;margin:0 auto;padding:32px;position:relative}.scenarios-app .container-wide{z-index:1;max-width:1600px;margin:0 auto;padding:24px 32px;position:relative}.scenarios-app .row{align-items:center;gap:12px;display:flex}.scenarios-app .col{flex-direction:column;gap:12px;display:flex}.scenarios-app .divider{background:var(--border);height:1px;margin:24px 0}.scenarios-app .text-mono{font-family:var(--font-mono)}.scenarios-app .text-pixel{font-family:var(--font-pixel)}.scenarios-app .tier-chip{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.scenarios-app .tier-chip.pemula{color:#34d399;background:#10b98124;border:1px solid #10b98140}.scenarios-app .tier-chip.menengah{color:#60d2f9;background:#38bdf824;border:1px solid #38bdf840}.scenarios-app .tier-chip.interaktif{color:#fbbf24;background:#f59e0b24;border:1px solid #f59e0b40}.scenarios-app .tier-chip.lanjutan{color:#a78bfa;background:#8b5cf624;border:1px solid #8b5cf640}.scenarios-app .stack-chip{border-radius:var(--radius-xs);background:var(--bg-muted);color:var(--fg2);border:1px solid var(--border);font-size:10px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.scenarios-app .stack-chip .dot{border-radius:50%;width:6px;height:6px}.scenarios-app .card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.scenarios-app .card.compact{padding:16px}.scenarios-app .card.elevated{background:var(--bg-elev)}.scenarios-app .card.hover{transition:all .2s var(--ease-push);cursor:pointer}.scenarios-app .card.hover:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 32px #0006,0 2px 8px #f9731614}.scenarios-app .ghost-btn{border:1px solid var(--border);color:var(--fg2);border-radius:var(--radius-full);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.scenarios-app .ghost-btn:hover{border-color:var(--border-strong);color:var(--fg1);background:var(--bg-muted)}.scenarios-app .ghost-btn.active{background:var(--orange-500);color:#fff;border-color:var(--orange-500)}.scenarios-app .ghost-btn.danger:hover{color:#ff6b6b;border-color:#ff6b6b66}.scenarios-app .icon-btn{border:1px solid var(--border);color:var(--fg2);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:inline-flex}.scenarios-app .icon-btn:hover{border-color:var(--border-strong);color:var(--fg1);background:var(--bg-muted)}.scenarios-app .catalog-hero{padding:40px 0 24px;position:relative}.scenarios-app .catalog-hero .eyebrow{border-radius:var(--radius-full);color:var(--orange-400);letter-spacing:.06em;text-transform:uppercase;background:#f973161a;border:1px solid #f9731640;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.scenarios-app .catalog-hero h1{letter-spacing:-.03em;color:var(--fg1);margin:0 0 12px;font-size:clamp(40px,5vw,56px);font-weight:800;line-height:1.05}.scenarios-app .catalog-hero h1 .accent{color:var(--orange-500)}.scenarios-app .catalog-hero p{color:var(--fg2);max-width:640px;margin:0;font-size:18px;line-height:1.55}.scenarios-app .catalog-hero .hero-grid{grid-template-columns:1.4fr 1fr;align-items:center;gap:32px;display:grid}.scenarios-app .gig-stats{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f9731614,#5ba0ff0f);border:1px solid #f973162e;gap:16px;padding:18px;display:flex}.scenarios-app .gig-stats .stat{flex:1;min-width:0}.scenarios-app .gig-stats .num{color:var(--fg1);letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1}.scenarios-app .gig-stats .lbl{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:11px}.scenarios-app .gig-stats .stat+.stat{border-left:1px solid var(--border);padding-left:16px}.scenarios-app .filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;padding:18px 0;display:flex}.scenarios-app .search-box{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-full);flex:1;align-items:center;gap:10px;min-width:240px;max-width:460px;padding:10px 14px;transition:border-color .15s;display:flex}.scenarios-app .search-box:focus-within{border-color:var(--orange-400)}.scenarios-app .search-box input{color:var(--fg1);background:0 0;border:0;outline:none;flex:1}.scenarios-app .search-box svg{color:var(--fg3)}.scenarios-app .chip-row{flex-wrap:wrap;gap:8px;display:flex}.scenarios-app .floor{padding:32px 0 24px;position:relative}.scenarios-app .floor+.floor{border-top:1px dashed var(--border);margin-top:24px}.scenarios-app .floor-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.scenarios-app .floor-header .title{align-items:baseline;gap:14px;display:flex}.scenarios-app .floor-header .floor-num{font-family:var(--font-pixel);background:var(--bg-muted);color:var(--fg3);border-radius:var(--radius-sm);letter-spacing:.06em;border:1px solid var(--border);padding:6px 10px;font-size:11px}.scenarios-app .floor-header h2{letter-spacing:-.02em;color:var(--fg1);margin:0;font-size:28px;font-weight:700}.scenarios-app .floor-header h2 .icon{margin-right:8px}.scenarios-app .floor-header .desc{color:var(--fg3);max-width:580px;margin-top:6px;font-size:14px}.scenarios-app .floor-header .meta{color:var(--fg3);white-space:nowrap;font-size:13px}.scenarios-app .floor-header .meta .pill{background:var(--bg-muted);border-radius:var(--radius-full);color:var(--fg2);margin-left:8px;padding:4px 10px;font-weight:600}.scenarios-app .floor-rail{background:linear-gradient(90deg, transparent, var(--accent-color,var(--orange-400)), transparent);opacity:.25;height:1px;position:absolute;bottom:0;left:0;right:0}.scenarios-app .floor-locked .floor-header{opacity:.7}.scenarios-app .floor-locked .gig-listings{position:relative}.scenarios-app .floor-locked .gig-row{filter:grayscale(.6)blur(1.5px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.scenarios-app .floor-lock-overlay{z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);color:var(--fg2);text-align:center;background:#0b12208c;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0}.scenarios-app .floor-lock-overlay svg{width:28px;height:28px;color:var(--fg3)}.scenarios-app .floor-lock-overlay span{max-width:360px;font-size:14px;font-weight:600;line-height:1.5}.scenarios-app .gig-listings{background:var(--border);border:1px solid color-mix(in srgb, var(--tier-accent,var(--border)) 22%, transparent);border-radius:var(--radius-lg);grid-template-columns:1fr;gap:1px;display:grid;overflow:hidden}.scenarios-app .gig-row{background:var(--bg-card);cursor:pointer;grid-template-columns:56px 1.8fr 1.2fr 100px 130px 110px;align-items:center;gap:16px;padding:16px 20px;transition:background .15s;display:grid}.scenarios-app .gig-row:hover{background:var(--bg-elev)}.scenarios-app .gig-row:focus-visible{outline:2px solid var(--orange-400);outline-offset:-2px;background:var(--bg-elev)}.scenarios-app .gig-row.in-progress{box-shadow:inset 3px 0 0 var(--orange-500)}.scenarios-app .gig-row.bookmarked{box-shadow:inset 3px 0 0 var(--btn-amber-front)}.scenarios-app .gig-row.stack-html{box-shadow:inset 3px 0 0 var(--btn-orange-front)}.scenarios-app .gig-row.stack-css{box-shadow:inset 3px 0 0 var(--btn-blue-front)}.scenarios-app .gig-row.stack-js{box-shadow:inset 3px 0 0 var(--btn-amber-front)}.scenarios-app .gig-row.stack-react{box-shadow:inset 3px 0 0 var(--btn-cyan-front)}.scenarios-app .gig-row.stack-vue{box-shadow:inset 3px 0 0 var(--btn-emerald-front)}.scenarios-app .gig-row .avatar{border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border);justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.scenarios-app .gig-row .avatar img{object-fit:cover;width:100%;height:100%}.scenarios-app .gig-row .avatar img.illo{object-fit:contain;background:#ffffff0a;padding:4px}.scenarios-app .gig-row .head .project{color:var(--fg1);letter-spacing:-.01em;font-size:16px;font-weight:700}.scenarios-app .gig-tag{text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);vertical-align:middle;margin-left:8px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.scenarios-app .gig-tag.authored{color:#34d399;background:#10b98124;border:1px solid #10b98140}.scenarios-app .gig-tag.preview{background:var(--bg-muted);color:var(--fg3);border:1px solid var(--border)}.scenarios-app .gig-row .head .subtitle{color:var(--orange-400);margin-top:2px;font-size:12px;font-style:italic}.scenarios-app .gig-row .client{color:var(--fg2);font-size:14px}.scenarios-app .gig-row .client .name{color:var(--fg1);font-weight:600}.scenarios-app .gig-row .client .role{color:var(--fg3);margin-top:2px;font-size:12px}.scenarios-app .gig-row .duration{color:var(--fg2);font-variant-numeric:tabular-nums;font-size:13px}.scenarios-app .gig-row .duration .lessons{color:var(--fg3);font-size:11px;display:block}.scenarios-app .gig-row .stacks{flex-wrap:wrap;gap:4px;display:flex}.scenarios-app .gig-row .action{justify-content:flex-end;align-items:center;gap:8px;display:flex}.scenarios-app .gig-row .progress-mini{color:var(--orange-400);flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;font-weight:700;display:flex}.scenarios-app .gig-row .progress-mini .bar{background:var(--bg-muted);border-radius:2px;width:70px;height:4px;overflow:hidden}.scenarios-app .gig-row .progress-mini .bar .fill{background:var(--orange-500);height:100%}.scenarios-app .gig-row .bm-toggle{width:34px;height:34px;color:var(--fg4);cursor:pointer;transition:color .15s, background .15s, border-color .15s, transform .12s var(--ease-bounce);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.scenarios-app .gig-row .bm-toggle:hover{color:var(--btn-amber-front);background:var(--bg-muted);border-color:var(--border)}.scenarios-app .gig-row .bm-toggle.on{color:var(--btn-amber-front)}.scenarios-app .gig-row .bm-toggle.on:hover{background:#f59e0b1a}.scenarios-app .gig-row .bm-toggle:active{transform:scale(.88)}.scenarios-app .featured-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.scenarios-app .featured-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s var(--ease-push);padding:20px;position:relative;overflow:hidden}.scenarios-app .featured-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 12px 32px #0006}.scenarios-app .featured-card .corner-tape{background:var(--orange-500);color:#fff;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:-8px;right:16px;transform:rotate(-2deg);box-shadow:0 4px 8px #f973164d}.scenarios-app .featured-card .tape-blue{background:#5ba0ff;box-shadow:0 4px 8px #5ba0ff4d}.scenarios-app .featured-card .persona-strip{align-items:center;gap:12px;margin-bottom:14px;display:flex}.scenarios-app .featured-card .persona-strip .avatar{border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border);justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.scenarios-app .featured-card .persona-strip .avatar img{object-fit:cover;width:100%;height:100%}.scenarios-app .featured-card .persona-strip .name{color:var(--fg1);font-size:14px;font-weight:700}.scenarios-app .featured-card .persona-strip .role{color:var(--fg3);margin-top:1px;font-size:12px}.scenarios-app .featured-card h3{letter-spacing:-.01em;color:var(--fg1);margin:0 0 4px;font-size:18px;font-weight:700}.scenarios-app .featured-card .subtitle{color:var(--orange-400);margin-bottom:12px;font-size:12px;font-style:italic}.scenarios-app .featured-card .pitch{background:var(--bg-muted);border-left:3px solid var(--orange-400);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--fg2);margin-bottom:14px;padding:10px 12px;font-size:13px;line-height:1.5}.scenarios-app .featured-card .meta-row{color:var(--fg3);justify-content:space-between;align-items:center;font-size:12px;display:flex}.scenarios-app .featured-card .resume-row{border-top:1px dashed var(--border-strong);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.scenarios-app .featured-card .resume-next{flex-direction:column;gap:2px;min-width:0;display:flex}.scenarios-app .featured-card .resume-label{text-transform:uppercase;letter-spacing:.1em;color:var(--fg4);font-size:10px;font-weight:700}.scenarios-app .featured-card .resume-beat{color:var(--fg1);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.scenarios-app .featured-card .resume-chapter{color:var(--fg3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.scenarios-app .modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);animation:scn-fadeIn .25s var(--ease-push);background:#0b1220c7;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0}@keyframes scn-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scn-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scenarios-app .intro-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);width:100%;max-width:720px;max-height:90vh;animation:scn-slideUp .35s var(--ease-push);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.scenarios-app .intro-modal .dm-header{background:var(--bg-elev);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.scenarios-app .intro-modal .dm-header .avatar{background:var(--bg-muted);border:2px solid var(--orange-400);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.scenarios-app .intro-modal .dm-header .avatar img{object-fit:cover;width:100%;height:100%}.scenarios-app .intro-modal .dm-header .who{flex:1}.scenarios-app .intro-modal .dm-header .name{color:var(--fg1);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.scenarios-app .intro-modal .dm-header .status{color:var(--fg3);font-size:12px}.scenarios-app .intro-modal .dm-header .status .online{color:#34d399}.scenarios-app .intro-modal .dm-header .x-btn{color:var(--fg3);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:8px}.scenarios-app .intro-modal .dm-header .x-btn:hover{background:var(--bg-muted);color:var(--fg1)}.scenarios-app .dm-body{background:radial-gradient(circle at 20% 10%, #f973160f, transparent 50%), var(--bg-card);flex-direction:column;flex:1;gap:16px;padding:24px 20px;display:flex;overflow-y:auto}.scenarios-app .dm-day-marker{text-align:center;color:var(--fg4);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.scenarios-app .bubble{border-radius:var(--radius-xl);background:var(--bg-elev);max-width:80%;color:var(--fg1);animation:scn-slideUp .35s var(--ease-push) backwards;padding:12px 16px;font-size:14px;line-height:1.55;position:relative}.scenarios-app .bubble.from-them{border-bottom-left-radius:4px;align-self:flex-start}.scenarios-app .bubble.from-you{background:var(--orange-500);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.scenarios-app .bubble.attached{background:var(--bg-muted);border:1px solid var(--border);max-width:92%;padding:16px}.scenarios-app .bubble.attached .attach-head{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.scenarios-app .bubble.attached .spec-title{color:var(--fg1);margin-bottom:4px;font-size:16px;font-weight:700}.scenarios-app .bubble.attached .spec-subtitle{color:var(--orange-400);margin-bottom:12px;font-size:12px;font-style:italic}.scenarios-app .bubble.attached .spec-list{margin:0;padding:0;list-style:none}.scenarios-app .bubble.attached .spec-list li{color:var(--fg2);padding:6px 0 6px 22px;font-size:13px;position:relative}.scenarios-app .bubble.attached .spec-list li:before{content:"✓";color:#34d399;font-weight:800;position:absolute;top:6px;left:0}.scenarios-app .bubble.attached .spec-bonus{border-left:3px solid var(--orange-400);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--fg2);background:#f9731614;margin-top:10px;padding:8px 12px;font-size:12px}.scenarios-app .bubble.attached .spec-bonus strong{color:var(--orange-400)}.scenarios-app .bubble.attached .meta-strip{color:var(--fg3);gap:12px;margin-top:12px;font-size:12px;display:flex}.scenarios-app .bubble.attached .meta-strip .item,.scenarios-app .bubble .typing-indicator{align-items:center;gap:4px;display:inline-flex}.scenarios-app .bubble .typing-indicator span{background:var(--fg3);width:7px;height:7px;animation:scn-typing 1.2s infinite var(--ease-push);border-radius:50%}.scenarios-app .bubble .typing-indicator span:nth-child(2){animation-delay:.15s}.scenarios-app .bubble .typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes scn-typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.scenarios-app .dm-footer{border-top:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:12px;padding:16px 20px;display:flex}.scenarios-app .dm-footer .actions-left{color:var(--fg3);flex:1;font-size:12px}.scenarios-app .dm-footer .quick-info{color:var(--fg2);align-items:center;gap:14px;font-size:12px;display:inline-flex}.scenarios-app .detail-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:240px 1fr;gap:32px;margin-bottom:24px;padding:32px;display:grid;position:relative;overflow:hidden}.scenarios-app .detail-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#f973161a,#0000 70%);width:320px;height:100%;position:absolute;top:0;right:0}.scenarios-app .detail-hero .preview-card{border-radius:var(--radius-lg);aspect-ratio:3/4;color:#1b2447;background:linear-gradient(135deg,#f8f1e5,#eae0cf);border:1px solid #00000014;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.scenarios-app .detail-hero .preview-card .label{color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em;background:#2dd4bf;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:flex;position:absolute;top:12px;left:12px}.scenarios-app .detail-hero .preview-card .mockup{text-align:center;padding:20px}.scenarios-app .detail-hero .preview-card .mockup h1{letter-spacing:.04em;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:72px;font-weight:300}.scenarios-app .detail-hero .preview-card .mockup p{color:#d6a2a2;margin:0;font-size:13px;font-style:italic}.scenarios-app .detail-hero .preview-card .footer-tag{text-align:center;color:#0006;text-transform:uppercase;letter-spacing:.1em;font-size:9px;position:absolute;bottom:12px;left:12px;right:12px}.scenarios-app .detail-hero .info{z-index:1;position:relative}.scenarios-app .detail-hero .badges-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.scenarios-app .detail-hero h1{letter-spacing:-.02em;color:var(--fg1);margin:0 0 6px;font-size:42px;font-weight:800;line-height:1.1}.scenarios-app .detail-hero .subtitle{color:var(--orange-400);margin-bottom:18px;font-size:16px;font-style:italic}.scenarios-app .detail-hero .persona-line{background:var(--bg-muted);border-radius:var(--radius-lg);border-left:3px solid var(--orange-400);align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.scenarios-app .detail-hero .persona-line .pa{background:var(--bg-elev);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.scenarios-app .detail-hero .persona-line .pa img{object-fit:cover;width:100%;height:100%}.scenarios-app .detail-hero .persona-line .quote{color:var(--fg1);font-size:14px;font-style:italic;line-height:1.55}.scenarios-app .detail-hero .persona-line .quote .who{color:var(--fg3);margin-top:4px;font-size:12px;font-style:normal}.scenarios-app .detail-hero .meta-pills{flex-wrap:wrap;gap:10px;display:flex}.scenarios-app .detail-hero .meta-pill{background:var(--bg-muted);border-radius:var(--radius-full);color:var(--fg2);border:1px solid var(--border);align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.scenarios-app .detail-hero .meta-pill svg{color:var(--fg3)}.scenarios-app .roadmap-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:28px}.scenarios-app .roadmap-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.scenarios-app .roadmap-head h2{letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}.scenarios-app .roadmap-head .actions{gap:8px;display:flex}.scenarios-app .roadmap-tabs{gap:8px;margin-bottom:20px;display:flex}.scenarios-app .chapter{margin-bottom:16px}.scenarios-app .chapter-head{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:14px;padding:14px 18px;transition:background .15s;display:flex}.scenarios-app .chapter-head:hover{background:var(--bg-muted)}.scenarios-app .chapter-head.done{border-color:#34d3994d}.scenarios-app .chapter-head .num{background:var(--bg-muted);border:1px solid var(--border);width:36px;height:36px;color:var(--fg2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.scenarios-app .chapter-head.done .num{color:#052e1f;background:#34d399;border-color:#0000}.scenarios-app .chapter-head.current .num{background:var(--orange-500);color:#fff;border-color:#0000;box-shadow:0 0 0 4px #f973162e}.scenarios-app .chapter-head .title-block{flex:1}.scenarios-app .chapter-head .title{font-family:var(--font-pixel);letter-spacing:.04em;color:var(--fg1);margin-bottom:6px;font-size:12px;display:block}.scenarios-app .chapter-head .pbar{background:var(--bg-muted);border-radius:2px;max-width:480px;height:4px;overflow:hidden}.scenarios-app .chapter-head .pbar .fill{background:var(--orange-500);height:100%;transition:width .25s}.scenarios-app .chapter-head .progress-label{color:var(--fg3);font-variant-numeric:tabular-nums;margin-left:12px;font-size:12px}.scenarios-app .chapter-head .chev{color:var(--fg3);transition:transform .2s}.scenarios-app .chapter.open .chev{transform:rotate(180deg)}.scenarios-app .chapter-lessons{padding:12px 0 0 24px;position:relative}.scenarios-app .chapter-lessons:before{content:"";background:var(--border);width:2px;position:absolute;top:8px;bottom:8px;left:38px}.scenarios-app .lesson-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;margin-bottom:6px;margin-left:28px;padding:14px 16px;transition:all .15s;display:grid;position:relative}.scenarios-app .lesson-item:hover{border-color:var(--border-strong)}.scenarios-app .lesson-item.done{background:var(--bg-card);border-color:#34d39940}.scenarios-app .lesson-item.current{border-color:#f9731680;box-shadow:0 0 0 2px #f973162e}.scenarios-app .lesson-item.locked{opacity:.55;cursor:default}.scenarios-app .lesson-item .num-dot{background:var(--bg-muted);border:1px solid var(--border);width:32px;height:32px;color:var(--fg2);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:relative}.scenarios-app .lesson-item.done .num-dot{color:#052e1f;background:#34d399;border-color:#0000}.scenarios-app .lesson-item.current .num-dot{background:var(--orange-500);color:#fff;border-color:#0000}.scenarios-app .lesson-item .info{min-width:0}.scenarios-app .lesson-item .info .lt{color:var(--fg1);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.scenarios-app .lesson-item .info .lt .stack-chip{padding:1px 6px;font-size:9px}.scenarios-app .lesson-item .info .li{color:var(--fg2);margin-top:4px;font-size:13px;line-height:1.5}.scenarios-app .lesson-item .meta{color:var(--fg3);white-space:nowrap;align-items:center;gap:12px;font-size:12px;display:flex}.scenarios-app .lesson-item.milestone{background:linear-gradient(135deg, var(--bg-card), #f973160d);border-color:#f973164d}.scenarios-app .lesson-item .ms-badge{border-radius:var(--radius-full);background:var(--orange-500);color:#fff;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;font-size:10px;font-weight:700}.scenarios-app .workbench-shell{background:var(--bg);grid-template-columns:380px 1fr;gap:0;height:calc(100vh - 64px);display:grid}.scenarios-app .dm-quest-col{background:var(--bg-subtle);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.scenarios-app .persona-panel{background:var(--bg-elev);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.scenarios-app .persona-panel .avatar{background:var(--bg-muted);border:2px solid var(--orange-400);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.scenarios-app .persona-panel .avatar img{object-fit:cover;width:100%;height:100%}.scenarios-app .persona-panel .who{flex:1;min-width:0}.scenarios-app .persona-panel .name{color:var(--fg1);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.scenarios-app .persona-panel .dot{background:#34d399;border-radius:50%;width:8px;height:8px}.scenarios-app .persona-panel .role{color:var(--fg3);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.scenarios-app .persona-panel .persona-vibe{color:var(--orange-400);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;max-width:200px;margin-top:4px;font-size:10px;font-weight:600;overflow:hidden}.scenarios-app .persona-panel .progress-mini{text-align:right}.scenarios-app .persona-panel .progress-mini .label{color:var(--fg3);font-size:11px}.scenarios-app .persona-panel .progress-mini .val{color:var(--orange-400);font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.scenarios-app .dm-thread{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.scenarios-app .dm-thread .bubble{max-width:92%}.scenarios-app .dm-thread .bubble.from-them{background:var(--bg-elev)}.scenarios-app .dm-thread .beat-sep{text-align:center;color:var(--fg4);letter-spacing:.1em;text-transform:uppercase;margin:8px 0 4px;font-size:10px}.scenarios-app .task-bubble{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.scenarios-app .task-bubble .label{text-transform:uppercase;letter-spacing:.08em;color:var(--orange-400);justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;font-size:10px;font-weight:700;display:flex}.scenarios-app .task-bubble .label .progress{color:var(--fg3);font-weight:600}.scenarios-app .task-bubble ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.scenarios-app .task-bubble li{color:var(--fg2);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.scenarios-app .task-bubble li .cb{border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;transition:all .15s;display:flex}.scenarios-app .task-bubble li.done .cb{color:#052e1f;background:#34d399;border-color:#34d399}.scenarios-app .task-bubble li.done{color:var(--fg3);text-decoration:line-through;-webkit-text-decoration-color:var(--fg4);text-decoration-color:var(--fg4)}.scenarios-app .task-bubble li code{color:var(--code-inline);font-family:var(--font-mono);font-size:.85em}.scenarios-app .save-check-bar{background:var(--bg-elev);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.scenarios-app .editor-preview-col{grid-template-rows:48px 1fr;display:grid;overflow:hidden}.scenarios-app .editor-tabs{background:var(--bg-subtle);border-bottom:1px solid var(--border);align-items:center;gap:0;padding:0 16px;display:flex;position:relative}.scenarios-app .editor-tabs .tab{color:var(--fg3);cursor:pointer;font-size:13px;font-family:var(--font-mono);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-size:12px;transition:all .15s;display:flex}.scenarios-app .editor-tabs .tab:hover{color:var(--fg1)}.scenarios-app .editor-tabs .tab.active{color:var(--fg1);border-bottom-color:var(--orange-500)}.scenarios-app .editor-tabs .tab .dot{background:var(--orange-400);border-radius:50%;width:6px;height:6px}.scenarios-app .editor-tabs .tab.locked{opacity:.5;cursor:not-allowed}.scenarios-app .editor-tabs .right{align-items:center;gap:8px;margin-left:auto;padding:0 4px;display:flex}.scenarios-app .editor-tabs .save-pill{border-radius:var(--radius-full);color:#34d399;background:#34d39926;border:1px solid #34d3994d;padding:3px 10px;font-size:11px;font-weight:700}.scenarios-app .editor-tabs .save-pill.unsaved{color:#fbbf24;background:#fbbf2426;border-color:#fbbf2459}.scenarios-app .editor-preview-split{grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.scenarios-app .editor-pane{border-right:1px solid var(--border);background:#0f172a;position:relative;overflow:hidden}.scenarios-app .editor-pane .toolbar{border-bottom:1px solid var(--border);font-family:var(--font-mono);color:var(--fg3);background:#ffffff08;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:flex}.scenarios-app .editor-pane .code-area{font-family:var(--font-mono);color:#e8eefa;height:calc(100% - 40px);padding:16px;font-size:13px;line-height:1.7;overflow:auto}.scenarios-app .editor-pane .code-area pre{margin:0}.scenarios-app .editor-pane .gutter{color:#475569;-webkit-user-select:none;user-select:none;text-align:right;min-width:28px;padding-right:16px;display:inline-block}.scenarios-app .tok-tag{color:#ff6b9d}.scenarios-app .tok-attr{color:#fbbf24}.scenarios-app .tok-str{color:#95f1a5}.scenarios-app .tok-com{color:#5a6a88;font-style:italic}.scenarios-app .tok-kw{color:#c084fc}.scenarios-app .tok-fn{color:#60a5fa}.scenarios-app .preview-pane{background:#fff;position:relative;overflow:hidden}.scenarios-app .preview-pane .pv-toolbar{color:#475569;background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.scenarios-app .preview-pane .pv-toolbar .dotgroup{gap:4px;display:flex}.scenarios-app .preview-pane .pv-toolbar .dotgroup span{background:#cbd5e1;border-radius:50%;width:9px;height:9px}.scenarios-app .preview-pane .pv-toolbar .urlbar{border-radius:var(--radius-full);font-family:var(--font-mono);color:#64748b;background:#fff;border:1px solid #e2e8f0;flex:1;padding:4px 10px;font-size:10px}.scenarios-app .preview-pane .pv-frame{text-align:center;color:#1b2447;background:#f8f1e5;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 36px);padding:32px;font-family:Cormorant Garamond,Georgia,serif;display:flex;overflow:auto}.scenarios-app .preview-pane .pv-frame h1{letter-spacing:.04em;animation:scn-slideUp .6s var(--ease-push);margin:0;font-size:clamp(40px,8vw,96px);font-weight:300}.scenarios-app .preview-pane .pv-frame h2{color:#d6a2a2;margin:12px 0 0;font-size:18px;font-style:italic;font-weight:400}.scenarios-app .float-dock{z-index:40;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.scenarios-app .shortcut-flash{z-index:60;background:var(--slate-900);color:#fff;border-radius:var(--radius-full);letter-spacing:-.01em;pointer-events:none;white-space:nowrap;max-width:90vw;animation:scn-shortcutFlashIn .2s var(--ease-bounce);border:1px solid #ffffff1f;padding:9px 18px;font-size:13px;font-weight:700;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000052}@keyframes scn-shortcutFlashIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.scenarios-app .shortcut-flash{animation:none}}.scenarios-app .dock-btn{background:var(--bg-elev);border:1px solid var(--border);width:44px;height:44px;color:var(--fg2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000040}.scenarios-app .dock-btn:hover{color:var(--fg1);border-color:var(--border-strong);transform:translateY(-2px)}.scenarios-app .dock-btn.active{background:var(--orange-500);color:#fff;border-color:var(--orange-600)}.scenarios-app .dock-pomodoro{font-family:var(--font-mono);font-size:11px;font-weight:700}.scenarios-app .graduation{padding:48px 0}.scenarios-app .grad-header{text-align:center;animation:scn-slideUp .6s var(--ease-push);margin-bottom:32px}.scenarios-app .grad-header .eyebrow{color:var(--orange-400);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-flex}.scenarios-app .grad-header h1{letter-spacing:-.03em;color:var(--fg1);margin:0;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05}.scenarios-app .grad-header h1 .accent{color:var(--orange-500)}.scenarios-app .grad-header p{color:var(--fg2);max-width:540px;margin:12px auto 0;font-size:18px;line-height:1.5}.scenarios-app .grad-artifact{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);margin-bottom:24px;padding:24px;position:relative;box-shadow:0 24px 60px #0006}.scenarios-app .grad-artifact .head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.scenarios-app .grad-artifact .frame{border-radius:var(--radius-lg);color:#1b2447;text-align:center;background:linear-gradient(#f8f1e5,#eae0cf);border:1px solid #00000014;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:48px;font-family:Cormorant Garamond,Georgia,serif;display:flex;position:relative;overflow:hidden}.scenarios-app .grad-artifact .frame h1{letter-spacing:.04em;margin:0;font-size:clamp(56px,12vw,144px);font-weight:300}.scenarios-app .grad-artifact .frame .tag{color:#d6a2a2;margin-top:8px;font-size:18px;font-style:italic}.scenarios-app .grad-artifact .frame .status{color:#1b244780;text-transform:uppercase;letter-spacing:.2em;margin-top:24px;font-size:11px}.scenarios-app .grad-browser{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);background:var(--bg-card);overflow:hidden}.scenarios-app .grad-browser .gb-bar{background:var(--bg-muted);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:9px 14px;display:flex}.scenarios-app .grad-browser .gb-dots{flex-shrink:0;gap:6px;display:flex}.scenarios-app .grad-browser .gb-dots span{border-radius:50%;width:11px;height:11px}.scenarios-app .grad-browser .gb-dots span:first-child{background:#ff5f57}.scenarios-app .grad-browser .gb-dots span:nth-child(2){background:#febc2e}.scenarios-app .grad-browser .gb-dots span:nth-child(3){background:#28c840}.scenarios-app .grad-browser .gb-url{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);min-width:0;color:var(--fg3);flex:1;align-items:center;gap:7px;padding:5px 14px;font-size:12.5px;display:flex}.scenarios-app .grad-browser .gb-url svg{color:var(--success);flex-shrink:0}.scenarios-app .grad-browser .gb-host{color:var(--fg2);white-space:nowrap;text-overflow:ellipsis;font-weight:600;font-family:var(--font-mono);overflow:hidden}.scenarios-app .grad-browser .gb-live{color:var(--success);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.scenarios-app .grad-browser .gb-live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2s ease-out infinite scn-gbPulse;box-shadow:0 0 #34d39999}@keyframes scn-gbPulse{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.scenarios-app .grad-browser .frame{box-shadow:none;border:0;border-radius:0}@media (prefers-reduced-motion:reduce){.scenarios-app .grad-browser .gb-live-dot{animation:none}}@media (width<=640px){.scenarios-app .grad-browser .gb-live{display:none}.scenarios-app .grad-browser .gb-bar{gap:8px;padding:8px 10px}}.scenarios-app .grad-fs-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c16d1;flex-direction:column;gap:14px;padding:20px;animation:.18s scn-gradFadeIn;display:flex;position:fixed;inset:0}.scenarios-app .grad-fs-bar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;max-width:760px;margin:0 auto;display:flex}.scenarios-app .grad-fs-close{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;padding:8px 16px;font-size:13px;font-weight:700;transition:background .15s}.scenarios-app .grad-fs-close:hover{background:#fff3}.scenarios-app .grad-fs-stage{flex:1;justify-content:center;align-items:center;width:100%;max-width:760px;min-height:0;margin:0 auto;display:flex}.scenarios-app .grad-fs-stage .frame{width:100%;max-height:100%;overflow:auto;box-shadow:0 24px 80px #00000080}.scenarios-app .grad-toast{z-index:210;background:var(--slate-900);color:#fff;border-radius:var(--radius-full);border:1px solid #ffffff1a;align-items:center;gap:10px;max-width:90vw;padding:12px 18px;font-size:14px;font-weight:600;animation:.26s cubic-bezier(.3,.7,.4,1.5) scn-gradToastIn;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000059}.scenarios-app .grad-toast .gt-icon{font-size:17px}@keyframes scn-gradToastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes scn-gradFadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.scenarios-app .grad-toast,.scenarios-app .grad-fs-overlay{animation:none}}.scenarios-app .grad-grid{grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:32px;display:grid}.scenarios-app .grad-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.scenarios-app .grad-card h3{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;font-size:14px;font-weight:700}.scenarios-app .outro-block{align-items:flex-start;gap:16px;display:flex}.scenarios-app .outro-block .avatar{background:var(--bg-muted);border:2px solid var(--orange-400);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.scenarios-app .outro-block .avatar img{object-fit:cover;width:100%;height:100%}.scenarios-app .outro-block .quote{color:var(--fg1);background:var(--bg-muted);border-radius:var(--radius-lg);border-left:3px solid var(--orange-400);flex:1;padding:16px 18px;font-size:16px;line-height:1.55;position:relative}.scenarios-app .outro-block .quote:before{content:"\"";color:var(--orange-400);opacity:.4;font-family:Georgia,serif;font-size:48px;line-height:1;position:absolute;top:-14px;left:8px}.scenarios-app .outro-block .quote .signer{color:var(--fg3);margin-top:12px;font-size:13px;font-style:italic;display:block}.scenarios-app .outro-block .quote.review-typing{align-items:center;min-height:56px;display:flex}.scenarios-app .outro-block .quote.review-typing:before{content:none}.scenarios-app .outro-block .quote.review-typing .typing-indicator span{background:var(--orange-400)}.scenarios-app .outro-block .quote.review-arrived{animation:scn-reviewBubbleIn .42s var(--ease-bounce) both;transform-origin:0}@keyframes scn-reviewBubbleIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.scenarios-app .outro-block .quote.review-arrived{animation:none}}.scenarios-app .badge-display{align-items:center;gap:16px;display:flex}.scenarios-app .badge-display .badge{color:#fff;width:84px;height:84px;box-shadow:0 8px 24px #f9731666, 0 0 0 4px var(--bg-card), 0 0 0 5px #f973164d;animation:scn-badge-glow 3s infinite var(--ease-push);background:conic-gradient(from 180deg,#f97316,#fb923c,#fbbf24,#f97316);border-radius:50%;justify-content:center;align-items:center;font-size:32px;display:flex}@keyframes scn-badge-glow{0%,to{box-shadow:0 8px 24px #f9731666, 0 0 0 4px var(--bg-card), 0 0 0 5px #f973164d}50%{box-shadow:0 12px 36px #f9731699, 0 0 0 4px var(--bg-card), 0 0 0 8px #f973162e}}.scenarios-app .badge-display .b-info .title{color:var(--fg1);font-size:16px;font-weight:800}.scenarios-app .badge-display .b-info .rarity{color:var(--orange-400);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:12px;font-weight:700}.scenarios-app .badge-display .b-info .desc{color:var(--fg3);margin-top:6px;font-size:12px}.scenarios-app .stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.scenarios-app .stat-cell{background:var(--bg-muted);border-radius:var(--radius-lg);text-align:center;padding:14px}.scenarios-app .stat-cell .num{color:var(--fg1);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1}.scenarios-app .stat-cell .lbl{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px}.scenarios-app .next-gig{border-radius:var(--radius-xl);background:linear-gradient(135deg,#5ba0ff14,#8b5cf60f);border:1px solid #5ba0ff2e;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:24px;display:grid}.scenarios-app .next-gig .label{color:#5ba0ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:11px;font-weight:700}.scenarios-app .next-gig h3{letter-spacing:-.01em;color:var(--fg1);margin:0;font-size:22px;font-weight:800}.scenarios-app .next-gig .who{color:var(--fg2);margin-top:4px;font-size:14px}.scenarios-app .ref-grid{grid-template-columns:240px 1fr;gap:24px;display:grid}.scenarios-app .ref-sidebar{align-self:flex-start;position:sticky;top:80px}.scenarios-app .ref-sidebar .file-list{flex-direction:column;gap:4px;display:flex}.scenarios-app .ref-sidebar .file-btn{border-radius:var(--radius-md);color:var(--fg2);cursor:pointer;font-family:var(--font-mono);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:10px 14px;font-size:12px;transition:all .12s;display:flex}.scenarios-app .ref-sidebar .file-btn:hover{background:var(--bg-muted)}.scenarios-app .ref-sidebar .file-btn.active{background:var(--bg-muted);border-color:var(--border-strong);color:var(--fg1)}.scenarios-app .ref-sidebar h4{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px;font-size:11px}.scenarios-app .ref-file-view .head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.scenarios-app .ref-file-view .filename{font-family:var(--font-mono);color:var(--fg1);font-size:14px;font-weight:700}.scenarios-app .ref-notes{border-radius:var(--radius-lg);color:var(--fg2);background:#5ba0ff0f;border:1px solid #5ba0ff33;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:14px;line-height:1.55;display:flex}.scenarios-app .ref-notes .bulb{color:#5ba0ff;font-size:18px}.scenarios-app .code-block{border:1px solid var(--border);border-radius:var(--radius-lg);font-family:var(--font-mono);color:#e8eefa;white-space:pre;background:#0f172a;padding:20px;font-size:13px;line-height:1.65;overflow-x:auto}.scenarios-app .code-block.hl{counter-reset:none;padding:16px 0}.scenarios-app .code-block.hl code{min-width:max-content;display:block}.scenarios-app .code-block.hl .cb-line{align-items:flex-start;min-height:1.65em;padding:0 20px;display:flex}.scenarios-app .code-block.hl .cb-line:hover{background:#ffffff08}.scenarios-app .code-block.hl .cb-gutter{text-align:right;color:#46566e;-webkit-user-select:none;user-select:none;flex:none;width:30px;margin-right:16px}.scenarios-app .code-block.hl .cb-code{white-space:pre;flex:1}.scenarios-app .ghost-btn.copied{color:#34d399;background:#34d39914;border-color:#34d39966}.scenarios-app .concept-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:12px;padding:16px 18px}.scenarios-app .concept-card .q{color:var(--fg1);margin-bottom:6px;font-weight:700}.scenarios-app .concept-card .a{color:var(--fg2);font-size:14px;line-height:1.55}.scenarios-app .concept-card .a code{color:var(--code-inline);font-family:var(--font-mono);font-size:.9em}.scenarios-app .confetti{pointer-events:none;z-index:60;position:fixed;inset:0;overflow:hidden}.scenarios-app .confetti i{opacity:0;width:8px;height:14px;animation:scn-confettiFall 2.5s var(--ease-push) forwards;position:absolute;top:-20px}@keyframes scn-confettiFall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:0;transform:translateY(110vh)rotate(720deg)}}.scenarios-app .tab-btn{color:var(--fg3);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:0;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.scenarios-app .tab-btn:hover{color:var(--fg1)}.scenarios-app .tab-btn.active{background:var(--bg-card);color:var(--fg1);border:1px solid var(--border)}.scenarios-app .dm-thread::-webkit-scrollbar{width:8px;height:8px}.scenarios-app .chapter-lessons::-webkit-scrollbar{width:8px;height:8px}.scenarios-app .editor-pane .code-area::-webkit-scrollbar{width:8px;height:8px}.scenarios-app .code-block::-webkit-scrollbar{width:8px;height:8px}.scenarios-app .dm-thread::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.scenarios-app .chapter-lessons::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.scenarios-app .editor-pane .code-area::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.scenarios-app .code-block::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}@media (width<=1100px){.scenarios-app .gig-row{grid-template-columns:56px 2fr 1.5fr 100px 100px}.scenarios-app .gig-row .stacks{display:none}}@media (width<=640px){.scenarios-app .container,.scenarios-app .container-wide{padding:16px}.scenarios-app .topnav{flex-wrap:wrap;gap:12px;padding:10px 16px}.scenarios-app .topnav .crumb{display:none}.scenarios-app .topnav .logo{font-size:18px}.scenarios-app .topnav .hud{gap:8px}.scenarios-app .topnav .hud-pill{padding:5px 9px;font-size:12px}.scenarios-app .topnav .hud-pill:not(.streak),.scenarios-app .topnav .hud .ghost-btn span:last-child:not(:first-child){display:none}.scenarios-app .catalog-hero{padding:24px 0 16px}.scenarios-app .catalog-hero h1{font-size:30px}.scenarios-app .catalog-hero p{font-size:15px}.scenarios-app .catalog-hero .hero-grid{grid-template-columns:1fr;gap:18px}.scenarios-app .gig-stats{flex-direction:column;gap:12px}.scenarios-app .gig-stats .stat+.stat{border-left:0;border-top:1px solid var(--border);padding-top:12px;padding-left:0}.scenarios-app .gig-row{grid-template-columns:44px 1fr 28px;gap:10px;padding:12px 14px}.scenarios-app .gig-row .client,.scenarios-app .gig-row .duration,.scenarios-app .gig-row .stacks{display:none}.scenarios-app .gig-row .head .project{font-size:15px}.scenarios-app .filter-bar{gap:8px}.scenarios-app .search-box{width:100%;min-width:0}.scenarios-app .floor-header{flex-direction:column;align-items:flex-start;gap:10px}.scenarios-app .floor-header h2{font-size:22px}.scenarios-app .featured-grid{grid-template-columns:1fr}.scenarios-app .detail-hero{grid-template-columns:1fr;gap:20px;padding:20px}.scenarios-app .detail-hero h1{font-size:30px}.scenarios-app .grad-grid{grid-template-columns:1fr}.scenarios-app .stats-row{grid-template-columns:repeat(2,1fr)}.scenarios-app .next-gig{grid-template-columns:1fr;gap:16px}.scenarios-app .intro-modal,.scenarios-app .shortcuts-modal,.scenarios-app .persona-modal,.scenarios-app .badge-modal,.scenarios-app .diff-modal{max-width:100%}.scenarios-app .modal-backdrop{padding:12px}}.scenarios-app .client-reply-overlay{z-index:300;background:var(--bg);justify-content:center;align-items:center;padding:32px;animation:.36s both scn-ssFade;display:flex;position:fixed;inset:0}.scenarios-app .client-reply-overlay:before{content:"";pointer-events:none;background:radial-gradient(circle,#34d3991f 0%,#34d3990a 40%,#0000 70%);width:min(620px,88vw);height:min(620px,88vw);position:absolute;top:8%;left:50%;transform:translate(-50%)}.scenarios-app .cr-stage{z-index:1;flex-direction:column;align-items:flex-start;gap:20px;width:100%;max-width:520px;display:flex;position:relative}.scenarios-app .cr-persona{align-items:center;gap:14px;display:flex}.scenarios-app .cr-who{flex-direction:column;gap:3px;display:flex}.scenarios-app .cr-name{color:var(--fg1);letter-spacing:-.01em;font-size:19px;font-weight:700}.scenarios-app .cr-status{color:var(--fg3);align-items:center;gap:7px;font-size:13px;display:flex}.scenarios-app .cr-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-out infinite gbPulse;box-shadow:0 0 #34d39999}.scenarios-app .cr-bubble{background:var(--bg-card);border:1px solid var(--border);color:var(--fg1);letter-spacing:-.01em;text-wrap:pretty;max-width:100%;box-shadow:var(--shadow-md);border-radius:6px 22px 22px;padding:22px 26px;font-size:clamp(18px,2.6vw,24px);font-weight:500;line-height:1.5}.scenarios-app .cr-bubble.cr-typing{padding:20px 24px}.scenarios-app .cr-bubble.cr-typing .typing-indicator span{background:#34d399}.scenarios-app .cr-bubble.cr-arrived{animation:reviewBubbleIn .46s var(--ease-bounce) both;transform-origin:0 0}.scenarios-app .cr-cta{justify-content:flex-start;align-self:stretch;margin-top:4px;display:flex}@media (prefers-reduced-motion:reduce){.scenarios-app .client-reply-overlay,.scenarios-app .cr-bubble.cr-arrived,.scenarios-app .cr-dot{animation:none}}@media (width<=640px){.scenarios-app .client-reply-overlay{align-items:flex-start;padding:12vh 20px 24px}.scenarios-app .cr-cta .pushable{width:100%}}.scenarios-app .safespace-overlay{z-index:300;background:var(--bg);justify-content:center;align-items:center;padding:32px;animation:.4s both scn-ssFade;display:flex;position:fixed;inset:0;overflow:hidden}.scenarios-app .safespace-glow{pointer-events:none;background:radial-gradient(circle,#f9731629 0%,#f973160d 38%,#0000 68%);width:min(680px,90vw);height:min(680px,90vw);animation:6s ease-in-out infinite alternate scn-ssGlow;position:absolute;top:-10%;left:50%;transform:translate(-50%)}.scenarios-app .safespace-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:540px;display:flex;position:relative}.scenarios-app .ss-mark{background:var(--orange-50);width:76px;height:76px;color:var(--orange-500);border:1px solid var(--orange-100);opacity:0;transition:opacity .5s var(--ease-bounce), transform .5s var(--ease-bounce);border-radius:50%;place-items:center;margin-bottom:24px;display:grid;transform:scale(.8)}.scenarios-app .ss-mark.in{opacity:1;transform:scale(1)}.scenarios-app .ss-eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--fg4);opacity:0;margin-bottom:12px;font-size:12px;font-weight:700;transition:opacity .5s,transform .5s;transform:translateY(8px)}.scenarios-app .ss-eyebrow.in{opacity:1;transform:none}.scenarios-app .ss-headline{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--fg1);text-wrap:balance;opacity:0;margin:0 0 36px;font-size:clamp(34px,6vw,52px);font-weight:700;line-height:1.08;transition:opacity .6s,transform .6s;transform:translateY(10px)}.scenarios-app .ss-headline.in{opacity:1;transform:none}.scenarios-app .ss-headline .accent{color:var(--orange-500)}.scenarios-app .ss-list{text-align:left;flex-direction:column;gap:16px;width:100%;max-width:460px;margin-bottom:40px;display:flex}.scenarios-app .ss-item{opacity:0;transition:opacity .5s ease, transform .5s var(--ease-bounce);align-items:flex-start;gap:14px;display:flex;transform:translateY(12px)}.scenarios-app .ss-item.in{opacity:1;transform:none}.scenarios-app .ss-item-icon{background:var(--bg-muted);width:36px;height:36px;color:var(--orange-500);border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.scenarios-app .ss-item-text{color:var(--fg2);padding-top:6px;font-size:16px;line-height:1.5}.scenarios-app .ss-item-text strong{color:var(--fg1);font-weight:700}.scenarios-app .ss-cta{opacity:0;flex-direction:column;align-items:center;gap:14px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(10px)}.scenarios-app .ss-cta.in{opacity:1;transform:none}.scenarios-app .ss-footnote{color:var(--fg4);font-size:12.5px}@keyframes scn-ssFade{0%{opacity:0}to{opacity:1}}@keyframes scn-ssGlow{0%{opacity:.7;transform:translate(-50%)scale(.95)}to{opacity:1;transform:translate(-50%)scale(1.05)}}@media (prefers-reduced-motion:reduce){.scenarios-app .safespace-overlay,.scenarios-app .ss-mark,.scenarios-app .ss-eyebrow,.scenarios-app .ss-headline,.scenarios-app .ss-item,.scenarios-app .ss-cta{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.scenarios-app .safespace-glow{animation:none}}@media (width<=640px){.scenarios-app .safespace-overlay{align-items:flex-start;padding:8vh 20px 24px}.scenarios-app .ss-list{gap:14px;margin-bottom:32px}.scenarios-app .ss-item-text{font-size:15px}}.scenarios-app .emergence-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);text-align:center;width:100%;max-width:460px;animation:scn-slideUp .35s var(--ease-bounce);padding:32px;position:relative;overflow:hidden;box-shadow:0 24px 60px #0009}.scenarios-app .emergence-spark{justify-content:center;align-items:center;height:96px;margin:0 auto 18px;display:flex;position:relative}.scenarios-app .emergence-spark .spark{background:var(--orange-400);transform-origin:0;width:3px;height:12px;transform:rotate(var(--angle)) translate(38px, -50%);animation:scn-spark-burst 1.4s var(--ease-bounce) var(--delay) infinite;opacity:0;border-radius:2px;position:absolute;top:50%;left:50%}@keyframes scn-spark-burst{0%{transform:rotate(var(--angle)) translate(20px, -50%);opacity:1}60%,to{transform:rotate(var(--angle)) translate(60px, -50%);opacity:0}}.scenarios-app .emergence-icon{z-index:1;animation:scn-pop .6s var(--ease-bounce);font-size:64px;position:relative}@keyframes scn-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.scenarios-app .emergence-eyebrow{color:var(--orange-400);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.scenarios-app .emergence-filename{font-family:var(--font-mono);letter-spacing:-.02em;margin-bottom:4px;font-size:28px;font-weight:700}.scenarios-app .emergence-byline{color:var(--fg3);margin-bottom:18px;font-size:13px}.scenarios-app .emergence-quote{background:var(--bg-muted);border-radius:var(--radius-lg);border-left:3px solid var(--orange-400);text-align:left;color:var(--fg2);align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.scenarios-app .fullscreen-art{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:1280px;max-height:92vh;animation:scn-slideUp .4s var(--ease-push);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.scenarios-app .fullscreen-art .fa-toolbar{background:var(--bg-elev);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 14px;display:flex}.scenarios-app .fullscreen-art .fa-toolbar .d{background:var(--bg-muted);border-radius:50%;width:11px;height:11px;display:inline-block}.scenarios-app .fullscreen-art .fa-frame{color:#1b2447;text-align:center;background:linear-gradient(#f8f1e5,#eae0cf);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:64px 48px;display:flex;overflow:auto}.scenarios-app .pomodoro-break{text-align:center;background:var(--bg-card);border-radius:var(--radius-2xl);border:1px solid var(--border);max-width:480px;animation:scn-slideUp .4s var(--ease-bounce);padding:48px 32px;box-shadow:0 24px 80px #0009}.scenarios-app .pomodoro-break .pb-icon{margin-bottom:14px;font-size:56px}.scenarios-app .pomodoro-break .pb-eyebrow{color:var(--orange-400);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-size:11px;font-weight:700}.scenarios-app .pomodoro-break h1{letter-spacing:-.02em;color:var(--fg1);margin:0 0 8px;font-size:40px;line-height:1.1}.scenarios-app .pomodoro-break p{color:var(--fg3);margin:0 0 20px;font-size:14px}.scenarios-app .pomodoro-break .pb-clock{font-family:var(--font-mono);color:var(--fg1);letter-spacing:-.02em;margin-bottom:24px;font-size:80px;font-weight:700;line-height:1}.scenarios-app .pomodoro-break .pb-quote{text-align:left;background:var(--bg-muted);border-radius:var(--radius-lg);border-left:3px solid var(--orange-400);color:var(--fg2);align-items:center;gap:12px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.scenarios-app .hint-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:540px;animation:scn-slideUp .35s var(--ease-push);padding:24px;box-shadow:0 24px 60px #00000080}.scenarios-app .hint-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.scenarios-app .hint-head .x-btn{cursor:pointer;color:var(--fg3);background:0 0;border:0;border-radius:50%;margin-left:auto;padding:6px}.scenarios-app .hint-head .x-btn:hover{background:var(--bg-muted);color:var(--fg1)}.scenarios-app .hint-progress{align-items:center;gap:8px;margin-bottom:16px;display:flex}.scenarios-app .hint-progress .hp-dot{background:var(--bg-muted);border:1px solid var(--border);width:30px;height:30px;color:var(--fg3);font-size:12px;font-weight:700;font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;display:flex}.scenarios-app .hint-progress .hp-dot.on{background:var(--orange-500);color:#fff;border-color:var(--orange-500);box-shadow:0 0 0 3px #f973162e}.scenarios-app .hint-body{background:var(--bg-muted);border-radius:var(--radius-lg);border-left:3px solid var(--orange-400);margin-bottom:16px;padding:16px}.scenarios-app .hint-title{color:var(--fg1);margin-bottom:8px;font-size:14px;font-weight:700}.scenarios-app .hint-text{color:var(--fg2);font-size:14px;line-height:1.6}.scenarios-app .hint-text code{color:var(--code-inline);font-family:var(--font-mono);font-size:.9em}.scenarios-app .hint-foot{align-items:center;gap:12px;display:flex}.scenarios-app .drawer-backdrop{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0b122066;transition:opacity .2s;position:fixed;inset:0}.scenarios-app .drawer-backdrop.show{opacity:1;pointer-events:auto}.scenarios-app .notes-drawer{z-index:75;background:var(--bg-card);border-left:1px solid var(--border);flex-direction:column;width:380px;display:none;position:fixed;top:0;bottom:0;right:0;box-shadow:-16px 0 48px #0000004d}.scenarios-app .notes-drawer.open{animation:drawerSlideIn .28s var(--ease-push);display:flex}@keyframes scn-drawerSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.scenarios-app .notes-drawer .nd-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.scenarios-app .notes-drawer .nd-tip{border-radius:var(--radius-md);color:var(--fg2);background:#5ba0ff0f;border:1px solid #5ba0ff2e;gap:10px;margin:12px 16px;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}.scenarios-app .notes-drawer .nd-tip code{font-family:var(--font-mono);color:var(--code-inline);background:var(--bg-muted);border-radius:4px;padding:1px 5px;font-size:.9em}.scenarios-app .notes-drawer .nd-area{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--fg1);resize:none;outline:none;flex:1;margin:0 16px;padding:14px;font-size:13px;line-height:1.6}.scenarios-app .notes-drawer .nd-area:focus{border-color:var(--orange-400)}.scenarios-app .notes-drawer .nd-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.scenarios-app .reply-composer{border-top:1px solid var(--border);background:var(--bg-elev);padding:10px 16px}.scenarios-app .reply-composer .preset-row{gap:6px;margin-bottom:8px;padding-bottom:4px;display:flex;overflow-x:auto}.scenarios-app .reply-composer .preset-row::-webkit-scrollbar{height:4px}.scenarios-app .reply-composer .preset-chip{background:var(--bg-muted);border:1px solid var(--border);color:var(--fg2);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;padding:5px 10px;font-size:11px;transition:all .15s}.scenarios-app .reply-composer .preset-chip:hover{border-color:var(--border-strong);color:var(--fg1);background:var(--bg-card)}.scenarios-app .reply-composer .compose-row{align-items:center;gap:8px;display:flex}.scenarios-app .reply-composer input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--fg1);outline:none;flex:1;padding:10px 16px;font-size:13px}.scenarios-app .reply-composer input:focus{border-color:var(--orange-400)}.scenarios-app .reply-composer .send-btn{background:var(--orange-500);color:#fff;cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:inline-flex}.scenarios-app .reply-composer .send-btn:hover{background:var(--orange-600);transform:scale(1.05)}.scenarios-app .reply-composer .send-btn:disabled{background:var(--bg-muted);color:var(--fg4);cursor:not-allowed;transform:none}.scenarios-app .onboard-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);text-align:center;width:100%;max-width:480px;animation:scn-slideUp .4s var(--ease-bounce);padding:40px 32px 28px;position:relative;box-shadow:0 24px 60px #0009}.scenarios-app .onboard-progress{justify-content:center;gap:8px;margin-bottom:28px;display:flex}.scenarios-app .onboard-progress .op-dot{background:var(--bg-muted);border-radius:2px;width:32px;height:4px;transition:all .25s}.scenarios-app .onboard-progress .op-dot.past{background:var(--orange-700)}.scenarios-app .onboard-progress .op-dot.on{background:var(--orange-500);width:48px}.scenarios-app .onboard-icon{margin-bottom:16px;font-size:72px}.scenarios-app .onboard-title{letter-spacing:-.02em;color:var(--fg1);margin:0 0 10px;font-size:24px;font-weight:800}.scenarios-app .onboard-body{color:var(--fg2);max-width:380px;margin:0 auto 24px;font-size:15px;line-height:1.6}.scenarios-app .onboard-actions{justify-content:center;gap:12px;display:flex}.scenarios-app .onboard-quiz{text-align:left;flex-direction:column;gap:18px;margin:8px 0 22px;display:flex}.scenarios-app .onboard-quiz .quiz-q{flex-direction:column;gap:8px;display:flex}.scenarios-app .onboard-quiz .quiz-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.scenarios-app .onboard-quiz .quiz-opts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.scenarios-app .onboard-quiz .quiz-opt{background:var(--bg-muted);border:1.5px solid var(--border);border-radius:var(--radius-md);text-align:left;cursor:pointer;padding:10px 12px;transition:all .15s}.scenarios-app .onboard-quiz .quiz-opt:hover{border-color:var(--border-strong)}.scenarios-app .onboard-quiz .quiz-opt.on{border-color:var(--orange-500);background:#f9731614}.scenarios-app .onboard-quiz .qo-label{color:var(--fg1);font-size:13px;font-weight:700}.scenarios-app .onboard-quiz .qo-sub{color:var(--fg3);margin-top:2px;font-size:11px}.scenarios-app .onboard-rec{margin:8px 0 22px}.scenarios-app .onboard-rec .rec-card{background:var(--bg-elev);border:1px solid var(--orange-400);border-radius:var(--radius-lg);text-align:left;align-items:center;gap:14px;padding:14px;display:flex;box-shadow:0 0 0 4px #f973161a}.scenarios-app .onboard-rec .rec-eyebrow{color:var(--orange-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;font-size:10px;font-weight:700}.scenarios-app .onboard-rec .rec-name{color:var(--fg1);font-size:13px;font-weight:700}.scenarios-app .onboard-rec .rec-gig{color:var(--fg1);letter-spacing:-.01em;margin-top:2px;font-size:16px;font-weight:800}.scenarios-app .onboard-rec .rec-meta{color:var(--fg3);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.scenarios-app .onboard-rec .rec-why{color:var(--fg2);background:var(--bg-muted);border-radius:var(--radius-md);text-align:left;margin-top:12px;padding:10px 14px;font-size:13px;line-height:1.55}.scenarios-app .onboard-rec .rec-why strong{color:var(--fg1)}.scenarios-app .portfolio-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:24px;padding:32px;display:grid;position:relative;overflow:hidden}.scenarios-app .portfolio-hero:before{content:"";pointer-events:none;background:radial-gradient(#f973161a,#0000 60%);width:60%;height:200%;position:absolute;top:-50%;right:-10%}.scenarios-app .portfolio-hero .big-avatar{color:#fff;border:4px solid var(--orange-300);background:linear-gradient(135deg,#f97316,#fb923c);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;font-size:36px;font-weight:800;display:flex;box-shadow:0 0 0 6px #f973162e}.scenarios-app .portfolio-hero .who{z-index:1;position:relative}.scenarios-app .portfolio-hero h1{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:800}.scenarios-app .portfolio-hero .handle{color:var(--fg3);font-family:var(--font-mono);margin-top:4px;font-size:13px}.scenarios-app .portfolio-hero .tagline{color:var(--fg2);max-width:480px;margin-top:10px;font-size:14px;font-style:italic}.scenarios-app .portfolio-hero .level-card{text-align:center;background:var(--bg-muted);border-radius:var(--radius-lg);border:1px solid var(--border);min-width:140px;padding:14px 20px}.scenarios-app .portfolio-hero .level-card .lvl-num{color:var(--orange-400);letter-spacing:-.02em;font-size:36px;font-weight:800;line-height:1}.scenarios-app .portfolio-hero .level-card .lvl-lbl{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:11px;font-weight:700}.scenarios-app .portfolio-hero .level-card .lvl-bar{background:var(--bg-card);border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.scenarios-app .portfolio-hero .level-card .lvl-bar .fill{background:var(--orange-500);height:100%}.scenarios-app .portfolio-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;display:grid}.scenarios-app .portfolio-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;position:relative}.scenarios-app .portfolio-stat .ps-num{color:var(--fg1);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1}.scenarios-app .portfolio-stat .ps-lbl{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;font-size:11px;font-weight:700}.scenarios-app .portfolio-stat .ps-trend{border-radius:4px;padding:3px 8px;font-size:11px;position:absolute;top:16px;right:16px}.scenarios-app .portfolio-stat .ps-trend.up{color:#34d399;background:#34d39926}.scenarios-app .portfolio-stat .ps-icon{opacity:.7;margin-bottom:10px;font-size:22px}.scenarios-app .portfolio-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:20px;padding:24px}.scenarios-app .portfolio-section h2{letter-spacing:-.01em;align-items:center;gap:8px;margin:0 0 16px;font-size:18px;font-weight:700;display:flex}.scenarios-app .portfolio-section h2 .count{color:var(--fg3);margin-left:6px;font-size:14px;font-weight:400}.scenarios-app .shipped-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.scenarios-app .shipped-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s var(--ease-push);padding:14px}.scenarios-app .shipped-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.scenarios-app .shipped-card .preview{border-radius:var(--radius-md);color:#1b2447;letter-spacing:.06em;background:linear-gradient(135deg,#f8f1e5,#eae0cf);justify-content:center;align-items:center;height:100px;margin-bottom:10px;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:300;display:flex}.scenarios-app .shipped-card .title{color:var(--fg1);font-size:13px;font-weight:700}.scenarios-app .shipped-card .meta{color:var(--fg3);align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.scenarios-app .badges-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.scenarios-app .badge-cell{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:16px 12px;transition:all .2s}.scenarios-app .badge-cell:hover{border-color:var(--border-strong);transform:translateY(-2px)}.scenarios-app .badge-cell:not(.locked){box-shadow:var(--shadow-glow-indigo)}.scenarios-app .badge-cell.locked{opacity:.4}.scenarios-app .badge-cell .b-glyph{filter:drop-shadow(0 4px 8px #f973164d);margin-bottom:6px;font-size:32px}.scenarios-app .badge-cell.locked .b-glyph{filter:grayscale()}.scenarios-app .badge-cell .b-name{color:var(--fg1);font-size:11px;font-weight:700}.scenarios-app .badge-cell .b-rare{color:var(--orange-400);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:9px}.scenarios-app .badge-cell.locked .b-rare{color:var(--fg4)}.scenarios-app .streak-cal{grid-template-columns:repeat(14,1fr);gap:4px;display:grid}.scenarios-app .streak-day{aspect-ratio:1;background:var(--bg-elev);border:1px solid var(--border);border-radius:4px;position:relative}.scenarios-app .streak-day.h1{background:#f9731633;border-color:#f973164d}.scenarios-app .streak-day.h2{background:#f9731673;border-color:#f9731680}.scenarios-app .streak-day.h3{background:var(--orange-500);border-color:var(--orange-500)}.scenarios-app .streak-day.today{box-shadow:0 0 0 2px var(--orange-400)}.scenarios-app .streak-legend{color:var(--fg3);align-items:center;gap:8px;margin-top:12px;font-size:11px;display:flex}.scenarios-app .streak-legend .sample{border-radius:3px;width:10px;height:10px}.scenarios-app .empty-state{background:var(--bg-card);border:1px dashed var(--border-strong);border-radius:var(--radius-xl);text-align:center;max-width:540px;margin:24px auto;padding:56px 32px}.scenarios-app .empty-state .es-icon{opacity:.6;margin-bottom:14px;font-size:56px}.scenarios-app .empty-state h3{letter-spacing:-.01em;margin:0 0 8px;font-size:22px;font-weight:700}.scenarios-app .empty-state p{color:var(--fg3);max-width:380px;margin:0 auto 18px;font-size:14px;line-height:1.55}.scenarios-app .stack-switcher{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px;display:inline-flex}.scenarios-app .stack-switcher button{color:var(--fg3);border-radius:var(--radius-full);cursor:pointer;font-size:11px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;background:0 0;border:0;padding:4px 10px;transition:all .15s}.scenarios-app .stack-switcher button.active{background:var(--bg-card);color:var(--fg1);border:1px solid var(--border)}.scenarios-app .stack-switcher button:hover:not(.active){color:var(--fg1)}@media (width<=900px){.scenarios-app .detail-hero{grid-template-columns:1fr}.scenarios-app .detail-hero .preview-card{aspect-ratio:16/10}.scenarios-app .grad-grid,.scenarios-app .ref-grid{grid-template-columns:1fr}.scenarios-app .ref-sidebar{background:var(--bg);border-bottom:1px solid var(--border);padding-bottom:8px;position:static;top:auto}.scenarios-app .ref-sidebar .file-list{flex-flow:wrap;gap:6px}.scenarios-app .ref-sidebar .file-btn{white-space:nowrap}.scenarios-app .gig-row{grid-template-columns:56px 1fr auto;gap:10px}.scenarios-app .gig-row .client,.scenarios-app .gig-row .duration,.scenarios-app .gig-row .stacks{display:none}.scenarios-app .featured-grid{grid-template-columns:1fr}.scenarios-app .badges-grid{grid-template-columns:repeat(3,1fr)}.scenarios-app .portfolio-stats,.scenarios-app .shipped-grid{grid-template-columns:repeat(2,1fr)}.scenarios-app .next-gig,.scenarios-app .catalog-hero .hero-grid{grid-template-columns:1fr}}.scenarios-app .wb-mobile-tabs{display:none}@media (width<=900px){.scenarios-app .workbench-shell{height:auto;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));display:block}.scenarios-app .workbench-shell .dm-quest-col,.scenarios-app .workbench-shell .editor-preview-col{height:calc(100dvh - var(--wb-topnav-h,64px) - 56px - env(safe-area-inset-bottom,0px));border-right:0;display:none}.scenarios-app .workbench-shell[data-mtab=chat] .dm-quest-col{display:flex}.scenarios-app .workbench-shell[data-mtab=editor] .editor-preview-col{display:grid}.scenarios-app .workbench-shell[data-mtab=editor] .editor-preview-split{grid-template-columns:1fr}.scenarios-app .workbench-shell[data-mtab=editor] .preview-pane{display:none}.scenarios-app .workbench-shell[data-mtab=preview] .editor-preview-col{display:grid}.scenarios-app .workbench-shell[data-mtab=preview] .editor-preview-split{grid-template-columns:1fr}.scenarios-app .workbench-shell[data-mtab=preview] .editor-pane{display:none}.scenarios-app .workbench-shell[data-mode=materi][data-mtab=preview] .editor-preview-col{display:block}.scenarios-app .editor-preview-col{grid-template-rows:auto 1fr}.scenarios-app .editor-pane,.scenarios-app .preview-pane{height:auto;min-height:0}.scenarios-app .editable-code-wrap{height:calc(100dvh - var(--wb-topnav-h,64px) - 56px - 49px - env(safe-area-inset-bottom,0px))}.scenarios-app .preview-pane iframe{height:calc(100dvh - var(--wb-topnav-h,64px) - 56px - 36px - env(safe-area-inset-bottom,0px))!important}.scenarios-app .persona-panel{gap:10px;padding:12px 14px}.scenarios-app .persona-panel .progress-mini{display:none}.scenarios-app .dm-thread{padding:12px 14px}.scenarios-app .editor-tabs{padding:0 8px;overflow-x:auto}.scenarios-app .editor-tabs .tab{white-space:nowrap;padding:10px;font-size:11px}.scenarios-app .wb-mobile-tabs{z-index:45;background:var(--bg-elev);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));justify-content:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.scenarios-app .wb-mobile-tabs button{cursor:pointer;max-width:170px;color:var(--fg3);border-radius:var(--radius-md);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:2px;min-height:44px;padding:6px 0;font-size:18px;transition:all .15s;display:flex}.scenarios-app .wb-mobile-tabs button span{font-size:10px;font-weight:700}.scenarios-app .wb-mobile-tabs button.on{color:var(--orange-400);background:#f973161a}.scenarios-app .float-dock{right:12px;bottom:calc(64px + env(safe-area-inset-bottom,0px));flex-direction:row;gap:8px}.scenarios-app .dock-btn{width:40px;height:40px}.scenarios-app .commit-timeline{gap:10px;padding:8px 12px}.scenarios-app .commit-timeline .ct-elapsed{display:none}.scenarios-app .reply-composer .preset-row{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.scenarios-app *,.scenarios-app :before,.scenarios-app :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.scenarios-app .bubble.live-watch .typing-dots span,.scenarios-app .reply-composer .typing-dots span{opacity:.6!important}.scenarios-app .confetti,.scenarios-app .confetti i{display:none!important}}.scenarios-app .surface-mount{animation:.35s cubic-bezier(.3,.7,.4,1) surfaceFadeIn}@keyframes scn-surfaceFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.scenarios-app .persona-roster{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.scenarios-app .persona-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s var(--ease-push);grid-template-columns:100px 1fr;gap:18px;padding:20px;display:grid;position:relative;overflow:hidden}.scenarios-app .persona-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 16px 40px #0006}.scenarios-app .persona-card:before{content:"";background:linear-gradient(90deg, var(--orange-500), transparent);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.scenarios-app .persona-card:hover:before{opacity:1}.scenarios-app .persona-card .pc-portrait{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--bg-muted), var(--bg-elev));border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.scenarios-app .persona-card .pc-portrait img{object-fit:contain;width:85%;height:85%}.scenarios-app .persona-card .pc-name{color:var(--fg1);letter-spacing:-.01em;font-size:18px;font-weight:800}.scenarios-app .persona-card .pc-age{color:var(--fg3);font-size:14px;font-weight:500}.scenarios-app .persona-card .pc-role{color:var(--orange-400);margin-top:2px;font-size:13px;font-style:italic}.scenarios-app .persona-card .pc-quote{color:var(--fg2);background:var(--bg-muted);border-left:3px solid var(--orange-400);border-radius:0 8px 8px 0;margin:10px 0;padding:10px 12px;font-size:13px;line-height:1.55;position:relative}.scenarios-app .persona-card .pc-quote .qmark{color:var(--orange-400);opacity:.5;font-size:18px;font-weight:800}.scenarios-app .persona-card .pc-voice{color:var(--fg3);font-size:12px;line-height:1.5}.scenarios-app .persona-card .pc-voice strong{color:var(--fg2);font-weight:700}.scenarios-app .persona-card .pc-gigs{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.scenarios-app .persona-card .pc-gig{color:var(--fg2);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-size:11px;transition:all .15s;display:inline-flex}.scenarios-app .persona-card .pc-gig:hover{color:var(--fg1);border-color:var(--orange-400)}.scenarios-app .notif-panel{z-index:60;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:360px;max-height:480px;animation:scn-slideUp .2s var(--ease-push);flex-direction:column;display:flex;position:absolute;top:56px;right:80px;overflow:hidden;box-shadow:0 24px 60px #00000080}.scenarios-app .notif-panel .np-head{border-bottom:1px solid var(--border);padding:16px 18px 0}.scenarios-app .notif-panel .np-head h3{margin:0 0 12px;font-size:16px;font-weight:700}.scenarios-app .notif-panel .np-tabs{gap:0;display:flex}.scenarios-app .notif-panel .np-tabs button{color:var(--fg3);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:12px;font-weight:600}.scenarios-app .notif-panel .np-tabs button.on{color:var(--fg1);border-bottom-color:var(--orange-500)}.scenarios-app .notif-panel .np-tabs .cnt{background:var(--orange-500);color:#fff;border-radius:999px;margin-left:5px;padding:1px 6px;font-size:10px;font-weight:700}.scenarios-app .notif-panel .np-list{flex:1;padding:8px 0;overflow-y:auto}.scenarios-app .notif-panel .np-item{border-bottom:1px solid var(--border);cursor:pointer;gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.scenarios-app .notif-panel .np-item:hover{background:var(--bg-muted)}.scenarios-app .notif-panel .np-item.unread{background:#f973160a}.scenarios-app .notif-panel .np-from{color:var(--fg1);margin-bottom:2px;font-size:13px;font-weight:700}.scenarios-app .notif-panel .np-text{color:var(--fg2);font-size:13px;line-height:1.45}.scenarios-app .notif-panel .np-text strong{color:var(--fg1)}.scenarios-app .notif-panel .np-sub{color:var(--fg3);margin-top:2px;font-size:12px}.scenarios-app .notif-panel .np-time{color:var(--fg4);margin-top:6px;font-size:11px}.scenarios-app .notif-panel .np-dot{background:var(--orange-500);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;right:16px}.scenarios-app .notif-panel .np-foot{border-top:1px solid var(--border);gap:8px;padding:10px 14px;display:flex}.scenarios-app .bell-wrap{position:relative}.scenarios-app .bell-wrap .bell-dot{background:var(--orange-500);border:2px solid var(--bg);border-radius:50%;width:9px;height:9px;animation:2.4s ease-in-out infinite scn-pulse-dot;position:absolute;top:4px;right:4px}@keyframes scn-pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.scenarios-app .shortcuts-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:720px;max-height:80vh;animation:scn-slideUp .25s var(--ease-push);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000080}.scenarios-app .shortcuts-modal .sm-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.scenarios-app .shortcuts-modal .sm-head h2{letter-spacing:-.01em;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.scenarios-app .shortcuts-modal .sm-head .x-btn{cursor:pointer;color:var(--fg3);background:0 0;border:0;border-radius:50%;padding:6px}.scenarios-app .shortcuts-modal .sm-head .x-btn:hover{background:var(--bg-muted);color:var(--fg1)}.scenarios-app .shortcuts-modal .sm-grid{grid-template-columns:repeat(3,1fr);gap:24px;padding:20px 24px;display:grid;overflow-y:auto}.scenarios-app .shortcuts-modal .sm-section h4{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:11px;font-weight:700}.scenarios-app .shortcuts-modal .sm-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.scenarios-app .shortcuts-modal .sm-row:last-child{border-bottom:0}.scenarios-app .shortcuts-modal .sm-keys{align-items:center;gap:4px;display:inline-flex}.scenarios-app .shortcuts-modal kbd{font-family:var(--font-mono);background:var(--bg-muted);color:var(--fg2);border:1px solid var(--border);text-align:center;border-bottom-width:2px;border-radius:4px;min-width:22px;padding:3px 7px;font-size:11px;font-weight:600;display:inline-block}.scenarios-app .shortcuts-modal .plus{color:var(--fg4);font-size:10px}.scenarios-app .shortcuts-modal .sm-desc{color:var(--fg2);text-align:right;font-size:12px}.scenarios-app .shortcuts-modal .sm-foot{border-top:1px solid var(--border);color:var(--fg4);text-align:center;padding:14px 24px;font-size:11px;font-style:italic}.scenarios-app .save-toast{z-index:50;background:var(--bg-card);border:1px solid var(--border-strong);animation:scn-toastIn .2s var(--ease-push), scn-toastOut .2s var(--ease-push) 2.2s forwards;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:inline-flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}@keyframes scn-toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes scn-toastOut{to{opacity:0;transform:translate(-50%,-10px)}}.scenarios-app .task-bubble li .cb{position:relative;overflow:hidden}.scenarios-app .task-bubble li.done .cb svg{animation:scn-tickIn .28s var(--ease-bounce)}@keyframes scn-tickIn{0%{opacity:0;transform:scale(0)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(0)}}.scenarios-app .persona-panel .avatar img,.scenarios-app .dm-header .avatar img{transform-origin:50% 80%;animation:6s ease-in-out infinite scn-pa-idle}@keyframes scn-pa-idle{0%,to{transform:translateY(0)rotate(0)}20%{transform:translateY(-2px)rotate(-1deg)}60%{transform:translateY(0)rotate(1deg)}}.scenarios-app .chapter-banner{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f973161a,#0000 60%);margin:0 -20px 12px;padding:14px 20px 12px}.scenarios-app .chapter-banner .cb-row{align-items:center;gap:10px;display:flex}.scenarios-app .chapter-banner .cb-num{background:var(--orange-500);color:#fff;width:28px;height:28px;font-family:var(--font-pixel);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:inline-flex}.scenarios-app .chapter-banner .cb-title{font-family:var(--font-pixel);letter-spacing:.04em;color:var(--fg1);font-size:11px}.scenarios-app .chapter-banner .cb-dots{gap:4px;margin-top:10px;display:flex}.scenarios-app .chapter-banner .cb-dot{background:var(--bg-muted);border-radius:2px;flex:1;height:4px}.scenarios-app .chapter-banner .cb-dot.done{background:var(--orange-500)}.scenarios-app .chapter-banner .cb-dot.current{background:var(--orange-300);box-shadow:0 0 0 2px #f9731640}.scenarios-app .badge-unlock-overlay{z-index:110;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(#f9731633,#0000 60%),#0b1220f0;justify-content:center;align-items:center;animation:.3s scn-fadeIn;display:flex;position:fixed;inset:0}.scenarios-app .badge-unlock-card{text-align:center;max-width:460px;animation:scn-slideUp .5s var(--ease-bounce);padding:40px}.scenarios-app .badge-unlock-card .stage-eyebrow{color:var(--orange-400);letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-size:11px;font-weight:700}.scenarios-app .badge-unlock-card .big-badge{color:#fff;background:conic-gradient(from 180deg,#f97316,#fb923c,#fbbf24,#f97316);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 24px;font-size:72px;animation:4s linear infinite scn-bu-spin;display:flex;position:relative;box-shadow:0 24px 60px #f9731680}.scenarios-app .badge-unlock-card .big-badge:after{content:"";border:2px dashed #f9731680;border-radius:50%;animation:16s linear infinite reverse scn-bu-spin;position:absolute;inset:-8px}@keyframes scn-bu-spin{to{transform:rotate(360deg)}}.scenarios-app .badge-unlock-card h1{letter-spacing:-.02em;margin:0 0 6px;font-size:40px;font-weight:800}.scenarios-app .badge-unlock-card .rare{color:var(--orange-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:12px;font-weight:700}.scenarios-app .badge-unlock-card p{color:var(--fg2);max-width:360px;margin:0 auto 22px;font-size:15px;line-height:1.55}.scenarios-app .topnav .avatar{transition:transform .2s var(--ease-push)}.scenarios-app .topnav .avatar:hover{transform:scale(1.05)}.scenarios-app .acct-wrap{position:relative}.scenarios-app .acct-menu{z-index:60;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:240px;box-shadow:var(--shadow-xl);animation:acctMenuIn .16s var(--ease-push);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes scn-acctMenuIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.scenarios-app .acct-menu .acct-head{border-bottom:1px solid var(--border);background:var(--bg-muted);align-items:center;gap:12px;padding:14px 16px;display:flex}.scenarios-app .acct-menu .acct-name{color:var(--fg1);font-size:14px;font-weight:700}.scenarios-app .acct-menu .acct-sub{color:var(--fg3);margin-top:1px;font-size:12px}.scenarios-app .acct-menu .acct-items{flex-direction:column;gap:1px;padding:6px;display:flex}.scenarios-app .acct-menu .acct-item{border-radius:var(--radius-md);cursor:pointer;color:var(--fg2);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .14s,color .14s;display:flex}.scenarios-app .acct-menu .acct-item:hover{background:var(--bg-muted);color:var(--fg1)}.scenarios-app .acct-menu .acct-item .ai-icon{color:var(--fg3);justify-content:center;width:18px;display:inline-flex}.scenarios-app .acct-menu .acct-item:hover .ai-icon{color:var(--orange-400)}.scenarios-app .subtle-pulse{animation:2.4s ease-in-out infinite scn-subtle-pulse-anim}@keyframes scn-subtle-pulse-anim{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 0 8px #f9731626}}.scenarios-app .search-box .slash-hint{font-family:var(--font-mono);background:var(--bg-elev);color:var(--fg3);border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;padding:2px 6px;font-size:10px}.scenarios-app .bubble.live-watch{color:var(--fg3);animation:scn-surfaceFadeIn .2s var(--ease-push);border-left:3px solid #60a5fa;align-items:center;gap:6px;display:inline-flex;background:var(--bg-elev)!important}.scenarios-app .bubble.live-watch .watch-eye{animation:1.4s ease-in-out infinite scn-watch-bob}@keyframes scn-watch-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.scenarios-app .bubble.live-watch .typing-dots{gap:3px;margin-left:2px;display:inline-flex}.scenarios-app .bubble.live-watch .typing-dots span{background:#60a5fa;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite scn-typing-bounce}.scenarios-app .bubble.live-watch .typing-dots span:nth-child(2){animation-delay:.15s}.scenarios-app .bubble.live-watch .typing-dots span:nth-child(3){animation-delay:.3s}@keyframes scn-typing-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.scenarios-app .bubble.live-react{animation:scn-react-pop .35s var(--ease-bounce);border-left:3px solid var(--border-strong)}.scenarios-app .bubble.live-react.mood-happy{border-left-color:#34d399;background:#34d3991f!important}.scenarios-app .bubble.live-react.mood-concern{border-left-color:#fbbf24;background:#fbbf241a!important}.scenarios-app .bubble.live-react.mood-neutral{background:var(--bg-elev)!important}.scenarios-app .bubble.persona-pass-react{animation:scn-react-pop .38s var(--ease-bounce);border-left:3px solid #34d399;border-radius:12px;align-items:flex-start;gap:10px;display:flex;background:#34d3991a!important}.scenarios-app .bubble.persona-pass-react .avatar{flex-shrink:0;margin-top:1px}.scenarios-app .bubble.persona-pass-react strong{color:var(--fg1)}@keyframes scn-react-pop{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.scenarios-app .bubble.ship-nudge{color:var(--fg1);animation:scn-react-pop .35s var(--ease-bounce), scn-sn-glow 2.4s ease-in-out infinite .4s;border:1px solid #f9731659;background:linear-gradient(135deg,#f9731629,#f973160f)!important}.scenarios-app .bubble.ship-nudge .sn-spark{animation:1.4s ease-in-out infinite scn-watch-bob;display:inline-block}@keyframes scn-sn-glow{0%,to{box-shadow:0 0 #f9731600}50%{box-shadow:0 0 0 4px #f973161f}}.scenarios-app .preview-notice{border-radius:var(--radius-lg);color:var(--fg2);background:#f59e0b1a;border:1px solid #f59e0b47;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.scenarios-app .preview-notice .pn-icon{flex-shrink:0;font-size:16px}.scenarios-app .preview-notice strong{color:var(--fg1)}.scenarios-app .concept-callout{border-radius:var(--radius-lg);background:#5ba0ff0f;border:1px solid #5ba0ff2e;margin:2px 0;padding:12px 14px}.scenarios-app .concept-callout .cc-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.scenarios-app .concept-callout .cc-icon{font-size:14px}.scenarios-app .concept-callout .cc-label{letter-spacing:.06em;color:#60a5fa;text-transform:uppercase;font-size:11px;font-weight:700}.scenarios-app .concept-callout .cc-body{color:var(--fg2);font-size:13px;line-height:1.55}.scenarios-app .concept-callout .cc-body code{color:var(--code-inline);font-family:var(--font-mono);background:var(--bg-muted);border-radius:4px;padding:1px 5px;font-size:.9em}.scenarios-app .concept-callout .cc-body strong{color:var(--fg1)}.scenarios-app .task-cheer{background:var(--bg-elev);color:var(--orange-400);border-radius:var(--radius-full);pointer-events:none;white-space:nowrap;border:1px solid #f9731666;padding:3px 9px;font-size:11px;font-weight:800;animation:1.1s cubic-bezier(.3,.7,.4,1.5) forwards scn-cheer-pop;position:absolute;top:-2px;right:0}@keyframes scn-cheer-pop{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(-4px)scale(1.1)}60%{opacity:1;transform:translateY(-8px)scale(1)}to{opacity:0;transform:translateY(-14px)scale(.9)}}.scenarios-app .daily-quest{border-radius:var(--radius-xl);background:linear-gradient(135deg,#f9731614,#8b5cf60f);border:1px solid #f973162e;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.scenarios-app .daily-quest:before{content:"";pointer-events:none;background:radial-gradient(#f973161f,#0000 60%);width:60%;height:200%;position:absolute;top:-50%;right:-10%}.scenarios-app .daily-quest .dq-icon{filter:drop-shadow(0 4px 8px #f973164d);font-size:32px;animation:3s ease-in-out infinite scn-dq-bob}@keyframes scn-dq-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.scenarios-app .daily-quest .dq-body{z-index:1;flex:1;position:relative}.scenarios-app .daily-quest .dq-eyebrow{color:var(--orange-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10px;font-weight:700}.scenarios-app .daily-quest .dq-title{color:var(--fg1);letter-spacing:-.01em;font-size:16px;font-weight:800}.scenarios-app .daily-quest .dq-sub{color:var(--fg3);margin-top:2px;font-size:13px}.scenarios-app .daily-quest .dq-action{z-index:1;position:relative}.scenarios-app .search-hl{color:var(--orange-400);background:#f9731640;border-radius:3px;padding:0 2px;font-weight:700}.scenarios-app .editor-preview-split{transition:grid-template-columns .28s cubic-bezier(.3,.7,.4,1)}.scenarios-app .stack-switcher.has-variant{box-shadow:0 0 0 1px #f9731666}.scenarios-app .floor-intro{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--fg2);animation:scn-surfaceFadeIn .25s var(--ease-push);margin-bottom:18px;padding:16px 18px;font-size:13px;line-height:1.55}.scenarios-app .floor-intro h4{color:var(--orange-400);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:12px;font-weight:700}.scenarios-app .floor-intro ul{margin:8px 0 0;padding-left:18px}.scenarios-app .floor-intro li{margin-bottom:4px}@media (width<=900px){.scenarios-app .persona-roster,.scenarios-app .shortcuts-modal .sm-grid{grid-template-columns:1fr}.scenarios-app .notif-panel{width:calc(100vw - 24px);max-width:380px;right:12px}.scenarios-app .daily-quest{flex-direction:column;align-items:flex-start;gap:12px}}.scenarios-app .editable-code-wrap{height:calc(100% - 36px);position:relative;overflow:hidden}.scenarios-app .editable-code-wrap .hl-layer,.scenarios-app .editable-code-wrap .edit-layer{font-family:var(--font-mono);white-space:pre;tab-size:2;margin:0;padding:16px;font-size:13px;line-height:1.7;position:absolute;inset:0;overflow:auto}.scenarios-app .editable-code-wrap .hl-layer{color:#e8eefa;pointer-events:none;z-index:1}.scenarios-app .editable-code-wrap .hl-layer .gutter{color:#475569;-webkit-user-select:none;user-select:none;text-align:right;min-width:28px;padding-right:16px;display:inline-block}.scenarios-app .editable-code-wrap .edit-layer{color:#0000;caret-color:var(--orange-400);resize:none;z-index:2;background:0 0;border:0;outline:none;padding-left:60px}.scenarios-app .editable-code-wrap .edit-layer::selection{color:#0000;background:#f9731640}.scenarios-app .commit-timeline{background:var(--bg-subtle);border-top:1px solid var(--border);align-items:center;gap:16px;padding:10px 16px;font-size:12px;display:flex}.scenarios-app .commit-timeline .ct-label{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.scenarios-app .commit-timeline .ct-eyebrow{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.scenarios-app .commit-timeline .ct-count{font-family:var(--font-mono);color:var(--orange-400);font-size:14px;font-weight:800;line-height:1}.scenarios-app .commit-timeline .ct-track{flex:1;align-items:center;gap:0;min-width:0;display:flex;position:relative;overflow:hidden}.scenarios-app .commit-timeline .ct-track:before{content:"";background:var(--border);z-index:0;height:2px;position:absolute;top:50%;left:12px;right:12px;transform:translateY(-50%)}.scenarios-app .commit-timeline .ct-commit{z-index:1;flex-direction:column;align-items:center;gap:4px;padding:0 8px;display:flex;position:relative}.scenarios-app .commit-timeline .ct-dot{background:var(--bg-muted);border:1.5px solid var(--border);width:22px;height:22px;color:var(--fg3);font-size:10px;font-weight:700;font-family:var(--font-mono);transition:all .2s var(--ease-push);border-radius:50%;justify-content:center;align-items:center;display:flex}.scenarios-app .commit-timeline .ct-dot.done{color:#052e1f;box-shadow:0 0 0 3px var(--bg-subtle);background:#34d399;border-color:#0000}.scenarios-app .commit-timeline .ct-dot.current{background:var(--orange-500);color:#fff;border-color:var(--orange-500);box-shadow:0 0 0 3px var(--bg-subtle), 0 0 0 5px #f9731640;animation:2s ease-in-out infinite scn-ct-pulse}@keyframes scn-ct-pulse{0%,to{box-shadow:0 0 0 3px var(--bg-subtle), 0 0 0 5px #f9731640}50%{box-shadow:0 0 0 3px var(--bg-subtle), 0 0 0 7px #f973161a}}.scenarios-app .commit-timeline .ct-dot.upcoming{opacity:.5}.scenarios-app .commit-timeline .ct-tip{color:var(--fg3);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:9px;overflow:hidden}.scenarios-app .commit-timeline .ct-elapsed{color:var(--fg3);white-space:nowrap;border-left:1px solid var(--border);align-items:center;gap:4px;padding-left:12px;display:inline-flex}.scenarios-app .friend-feed{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:24px;padding:16px 20px}.scenarios-app .friend-feed .ff-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.scenarios-app .friend-feed .ff-head h3{align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;display:flex}.scenarios-app .friend-feed .ff-live{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite ff-live}@keyframes scn-ff-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.scenarios-app .friend-feed .ff-list{flex-direction:column;gap:8px;display:flex}.scenarios-app .friend-feed .ff-item{background:var(--bg-muted);border-radius:var(--radius-md);color:var(--fg2);align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.scenarios-app .friend-feed .ff-avatar{background:linear-gradient(135deg, var(--orange-500), var(--orange-300));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex}.scenarios-app .friend-feed .ff-text strong{color:var(--fg1)}.scenarios-app .friend-feed .ff-text .gig{color:var(--orange-400)}.scenarios-app .friend-feed .ff-time{color:var(--fg4);white-space:nowrap;margin-left:auto;font-size:11px}.scenarios-app .achievement-stack{z-index:90;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:80px;right:24px}.scenarios-app .ach-toast{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-lg);pointer-events:auto;align-items:center;gap:12px;min-width:280px;max-width:360px;padding:12px 16px 12px 12px;animation:.35s cubic-bezier(.3,.7,.4,1.4) scn-ach-in,.4s cubic-bezier(.3,.7,.4,1) 3.8s forwards scn-ach-out;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}.scenarios-app .ach-toast:before{content:"";background:linear-gradient(90deg, var(--orange-500), transparent);height:2px;position:absolute;top:0;left:0;right:0}.scenarios-app .ach-toast.rare:before,.scenarios-app .ach-toast.epic:before,.scenarios-app .ach-toast.legendary:before{background:linear-gradient(90deg, #a78bfa, #60a5fa, var(--orange-400));height:3px}.scenarios-app .ach-toast .ach-glyph{background:conic-gradient(from 180deg, var(--orange-500), #fb923c, #fbbf24, var(--orange-500));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 4px 12px #f9731666}.scenarios-app .ach-toast.rare .ach-glyph{background:conic-gradient(from 180deg,#60a5fa,#a78bfa,#60a5fa);box-shadow:0 4px 12px #5ba0ff66}.scenarios-app .ach-toast .ach-body{flex:1;min-width:0}.scenarios-app .ach-toast .ach-eyebrow{color:var(--orange-400);text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}.scenarios-app .ach-toast .ach-title{color:var(--fg1);letter-spacing:-.01em;margin-top:2px;font-size:14px;font-weight:800}.scenarios-app .ach-toast .ach-sub{color:var(--fg3);margin-top:2px;font-size:12px}.scenarios-app .ach-toast .ach-sparkle{font-size:14px;animation:1.4s infinite scn-ach-sparkle;position:absolute;top:12px;right:12px}@keyframes scn-ach-in{0%{opacity:0;transform:translate(40px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes scn-ach-out{to{opacity:0;transform:translate(40px)}}@keyframes scn-ach-sparkle{0%,to{opacity:.6;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.4)rotate(20deg)}}.scenarios-app .persona-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);width:100%;max-width:720px;max-height:92vh;animation:scn-slideUp .4s var(--ease-push);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0009}.scenarios-app .persona-modal .pm-cover{background:radial-gradient(ellipse at top right, #f973161f, transparent 60%), var(--bg-elev);border-bottom:1px solid var(--border);grid-template-columns:140px 1fr;gap:20px;padding:28px 28px 22px;display:grid}.scenarios-app .persona-modal .pm-portrait{border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border);justify-content:center;align-items:center;width:140px;height:140px;display:flex;overflow:hidden}.scenarios-app .persona-modal .pm-portrait img{object-fit:contain;width:88%;height:88%}.scenarios-app .persona-modal .pm-eyebrow{color:var(--orange-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px;font-weight:700}.scenarios-app .persona-modal h1{letter-spacing:-.02em;color:var(--fg1);margin:0;font-size:32px;font-weight:800;line-height:1.1}.scenarios-app .persona-modal h1 .age{color:var(--fg3);margin-left:8px;font-size:18px;font-weight:500}.scenarios-app .persona-modal .pm-voice-tag{color:var(--fg2);background:var(--bg-muted);border-radius:var(--radius-md);border-left:3px solid var(--orange-400);margin-top:10px;padding:8px 14px;font-size:13px;font-style:italic}.scenarios-app .persona-modal .pm-body{flex:1;padding:24px 28px 28px;overflow-y:auto}.scenarios-app .persona-modal .pm-section{margin-bottom:24px}.scenarios-app .persona-modal .pm-section h3{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;font-size:11px;font-weight:700}.scenarios-app .persona-modal .pm-section h3 .cnt{color:var(--fg4);font-weight:500}.scenarios-app .persona-modal .pm-quotes{flex-direction:column;gap:8px;display:flex}.scenarios-app .persona-modal .pm-quote{background:var(--bg-muted);border-radius:var(--radius-md);border-left:3px solid var(--orange-400);color:var(--fg2);padding:10px 14px;font-size:13px;font-style:italic;line-height:1.55}.scenarios-app .persona-modal .pm-gigs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scenarios-app .persona-modal .pm-gig-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s var(--ease-push);padding:14px}.scenarios-app .persona-modal .pm-gig-card:hover{border-color:var(--orange-400);transform:translateY(-2px);box-shadow:0 8px 20px #0006}.scenarios-app .persona-modal .pm-gig-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.scenarios-app .persona-modal .pm-gig-hours{color:var(--fg3);font-size:11px}.scenarios-app .persona-modal .pm-gig-title{color:var(--fg1);letter-spacing:-.01em;font-size:15px;font-weight:700}.scenarios-app .persona-modal .pm-gig-sub{color:var(--orange-400);margin:2px 0 8px;font-size:12px;font-style:italic}.scenarios-app .persona-modal .pm-gig-tagline{color:var(--fg3);min-height:32px;font-size:12px;line-height:1.5}.scenarios-app .persona-modal .pm-gig-foot{border-top:1px solid var(--border);color:var(--fg3);justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;font-size:11px;font-weight:600;display:flex}.scenarios-app .persona-modal .pm-about{background:var(--bg-muted);border-radius:var(--radius-lg);padding:14px 18px}.scenarios-app .persona-modal .pm-about-row{border-bottom:1px solid var(--border);color:var(--fg2);grid-template-columns:140px 1fr;gap:16px;padding:8px 0;font-size:13px;display:grid}.scenarios-app .persona-modal .pm-about-row:last-child{border-bottom:0}.scenarios-app .persona-modal .pm-about-row .lbl{color:var(--fg4);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:700}.scenarios-app .persona-modal .x-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);cursor:pointer;color:#fff;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.scenarios-app .persona-modal .x-btn:hover{background:#0009}.scenarios-app .tier-deepdive{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);animation:scn-surfaceFadeIn .25s var(--ease-push);margin:4px 0 16px;padding:16px 20px}.scenarios-app .tier-deepdive .td-row{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.scenarios-app .tier-deepdive .td-col h4{color:var(--orange-400);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:11px;font-weight:700}.scenarios-app .tier-deepdive .td-col p{color:var(--fg2);margin:0;font-size:13px;line-height:1.55}.scenarios-app .tier-deepdive .td-col ul{color:var(--fg2);margin:0;padding-left:18px;font-size:13px}.scenarios-app .tier-deepdive .td-col ul li{margin-bottom:4px;line-height:1.55}.scenarios-app .floor-header{cursor:pointer;-webkit-user-select:none;user-select:none}.scenarios-app .floor-header:after{content:"▼";color:var(--fg4);margin-left:12px;font-size:10px;transition:transform .2s}.scenarios-app .floor-header.expanded:after{display:inline-block;transform:rotate(180deg)}.scenarios-app .persona-card .pc-portrait{position:relative}.scenarios-app .persona-card:hover .pc-portrait:after{content:"Klik buat detail";color:#fff;white-space:nowrap;background:#000000b3;border-radius:999px;padding:2px 8px;font-size:9px;animation:.2s scn-surfaceFadeIn;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.scenarios-app .next-gig .referral-line{color:var(--fg2);margin:6px 0 10px;font-size:13px;font-style:italic;line-height:1.5}.scenarios-app .live-link-bar{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:10px;margin-top:14px;padding:10px 14px;font-size:13px;display:flex}.scenarios-app .live-link-bar .ll-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #34d3992e}.scenarios-app .live-link-bar .ll-label{color:var(--fg3);font-size:12px}.scenarios-app .live-link-bar .ll-url{color:var(--fg1);font-family:var(--font-mono);flex:1;font-weight:600;text-decoration:none}.scenarios-app .live-link-bar .ll-url:hover{color:var(--orange-400)}.scenarios-app .live-link-bar .ll-copy{border:1px solid var(--border-strong);color:var(--fg2);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.scenarios-app .live-link-bar .ll-copy:hover{border-color:var(--orange-400);color:var(--orange-400)}.scenarios-app .beat-retro{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.scenarios-app .br-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);animation:scn-surfaceFadeIn .4s var(--ease-push) backwards;padding:14px;position:relative}.scenarios-app .br-cell:before{content:"";background:linear-gradient(90deg, var(--orange-500), transparent);border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.scenarios-app .br-num{font-family:var(--font-mono);background:var(--orange-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:10px;font-size:11px;font-weight:800;display:inline-flex}.scenarios-app .br-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.scenarios-app .br-title{color:var(--fg1);letter-spacing:-.01em;margin-top:2px;font-size:14px;font-weight:700}.scenarios-app .br-what{color:var(--fg2);margin-top:6px;font-size:12px;line-height:1.45}.scenarios-app .badge-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);width:100%;max-width:520px;max-height:92vh;animation:scn-slideUp .4s var(--ease-push);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0009}.scenarios-app .badge-modal .x-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);cursor:pointer;color:#fff;z-index:2;background:#0006;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.scenarios-app .badge-modal .bm-glyph-bg{text-align:center;border-bottom:1px solid var(--border);background:radial-gradient(at top,#f9731633,#0000 70%);padding:40px 0 32px;position:relative}.scenarios-app .badge-modal .bm-glyph{color:#fff;background:conic-gradient(from 180deg,#f97316,#fb923c,#fbbf24,#f97316);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto;font-size:56px;animation:8s linear infinite scn-bu-spin;display:flex;position:relative;box-shadow:0 16px 40px #f9731666}.scenarios-app .badge-modal .bm-glyph.locked{background:var(--bg-elev);color:var(--fg4);box-shadow:none;border:2px dashed var(--border-strong);animation:none}.scenarios-app .badge-modal .bm-glyph:after{content:"";border:2px dashed #f9731666;border-radius:50%;animation:24s linear infinite reverse scn-bu-spin;position:absolute;inset:-8px}.scenarios-app .badge-modal .bm-glyph.locked:after{display:none}.scenarios-app .badge-modal .bm-body{padding:24px 28px 28px;overflow-y:auto}.scenarios-app .badge-modal .bm-rare{color:var(--orange-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-size:11px;font-weight:700}.scenarios-app .badge-modal h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:800}.scenarios-app .badge-modal .bm-criteria{color:var(--fg2);margin:8px 0 20px;font-size:15px;line-height:1.5}.scenarios-app .badge-modal .bm-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;display:grid}.scenarios-app .badge-modal .bm-stat{background:var(--bg-muted);border-radius:var(--radius-md);padding:10px 14px}.scenarios-app .badge-modal .bm-stat .lbl{color:var(--fg4);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.scenarios-app .badge-modal .bm-stat .val{color:var(--fg1);margin-top:4px;font-size:13px;font-weight:700}.scenarios-app .badge-modal .bm-section{margin-bottom:18px}.scenarios-app .badge-modal .bm-section h4{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:11px;font-weight:700}.scenarios-app .badge-modal .bm-section p{color:var(--fg2);margin:0;font-size:13px;line-height:1.55}.scenarios-app .badge-modal .bm-section p code{font-family:var(--font-mono);color:var(--code-inline);background:var(--bg-muted);border-radius:4px;padding:1px 5px;font-size:.9em}.scenarios-app .badge-modal .bm-gigs{flex-wrap:wrap;gap:6px;display:flex}.scenarios-app .badge-modal .bm-gig{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--fg2);padding:6px 12px;font-size:12px}.scenarios-app .badge-modal .bm-locked-cta{border-top:1px solid var(--border);justify-content:center;margin-top:20px;padding-top:20px;display:flex}.scenarios-app .skill-tree-wrap{background:var(--bg-elev);border-radius:var(--radius-lg);border:1px solid var(--border);padding:16px;overflow-x:auto}.scenarios-app .skill-tree{width:100%;min-width:760px;height:340px;display:block}.scenarios-app .st-node text{font-family:var(--font-sans)}.scenarios-app .st-node.mastered rect{filter:drop-shadow(0 4px 8px #f9731640)}.scenarios-app .st-node.in-progress rect{animation:2s ease-in-out infinite scn-st-progress-pulse}@keyframes scn-st-progress-pulse{0%,to{opacity:1}50%{opacity:.85}}.scenarios-app .st-legend{color:var(--fg3);gap:18px;margin-top:12px;font-size:11px;display:flex}.scenarios-app .st-legend .st-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.scenarios-app .st-legend .st-dot.mastered{background:var(--orange-500)}.scenarios-app .st-legend .st-dot.in-progress{background:var(--bg-elev);border:2px solid var(--orange-400)}.scenarios-app .st-legend .st-dot.locked{background:var(--bg-muted);border:1px solid var(--border)}.scenarios-app .weekly-recap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:20px;padding:24px}.scenarios-app .weekly-recap .wr-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.scenarios-app .weekly-recap .wr-head h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.scenarios-app .weekly-recap .wr-range{color:var(--fg3);font-size:12px}.scenarios-app .weekly-recap .wr-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.scenarios-app .weekly-recap .wr-stat{background:var(--bg-muted);border-radius:var(--radius-md);padding:12px 14px}.scenarios-app .weekly-recap .wr-stat .num{color:var(--fg1);letter-spacing:-.01em;font-size:18px;font-weight:800;line-height:1}.scenarios-app .weekly-recap .wr-stat .lbl{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-size:10px;font-weight:700}.scenarios-app .weekly-recap .wr-chart{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(7,1fr);align-items:end;gap:8px;height:120px;margin-bottom:16px;padding:16px 0;display:grid}.scenarios-app .weekly-recap .wr-bar-wrap{flex-direction:column;justify-content:end;align-items:center;gap:6px;height:100%;display:flex}.scenarios-app .weekly-recap .wr-bar-fill{background:linear-gradient(180deg, var(--orange-400), var(--orange-700));border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;min-height:4px;transition:height .25s var(--ease-push);position:relative}.scenarios-app .weekly-recap .wr-bar-wrap.empty .wr-bar-fill{background:var(--bg-muted);min-height:4px;height:4px!important}.scenarios-app .weekly-recap .wr-bar-mins{color:var(--fg3);white-space:nowrap;font-size:10px;font-weight:700;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.scenarios-app .weekly-recap .wr-bar-day{color:var(--fg3);font-size:11px;font-weight:600}.scenarios-app .weekly-recap .wr-callouts{flex-direction:column;gap:8px;display:flex}.scenarios-app .weekly-recap .wr-callout{background:var(--bg-muted);border-radius:var(--radius-md);color:var(--fg2);align-items:center;gap:10px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.scenarios-app .weekly-recap .wr-c-emoji{font-size:16px}.scenarios-app .weekly-recap .wr-callout strong{color:var(--fg1)}.scenarios-app .pp-banner{border:1px solid var(--border);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#f973161f,#5ba0ff0f);margin:24px 0;padding:32px;position:relative;overflow:hidden}.scenarios-app .pp-banner:before{content:"";pointer-events:none;background:radial-gradient(#f9731633,#0000 65%);width:50%;height:200%;position:absolute;top:-50%;right:-10%}.scenarios-app .pp-banner-inner{z-index:1;position:relative}.scenarios-app .pp-eyebrow{color:var(--orange-400);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.scenarios-app .pp-eyebrow .dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite ff-live}.scenarios-app .pp-avatar{color:#fff;border:4px solid var(--orange-300);background:linear-gradient(135deg,#f97316,#fb923c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;font-size:36px;font-weight:800;display:flex;box-shadow:0 0 0 6px #f973162e}.scenarios-app .pp-grid{grid-template-columns:320px 1fr;gap:20px;display:grid}.scenarios-app .pp-projects{flex-direction:column;gap:12px;display:flex}.scenarios-app .pp-project{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:100px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.scenarios-app .pp-thumb{border-radius:var(--radius-md);color:#1b2447;background:linear-gradient(135deg,#f8f1e5,#eae0cf);flex-direction:column;justify-content:center;align-items:center;width:100px;height:72px;font-family:Cormorant Garamond,Georgia,serif;display:flex}.scenarios-app .pp-thumb-name{letter-spacing:.04em;font-size:18px;font-weight:300}.scenarios-app .pp-thumb-cs{color:#d6a2a2;margin-top:2px;font-size:9px;font-style:italic}.scenarios-app .pp-title{color:var(--fg1);letter-spacing:-.01em;font-size:14px;font-weight:700}.scenarios-app .pp-sub{color:var(--fg3);margin-top:4px;font-size:12px}.scenarios-app .settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);margin-bottom:16px;overflow:hidden}.scenarios-app .settings-section.danger{border-color:#ef444438}.scenarios-app .settings-section .ss-head{border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:14px;padding:18px 24px;display:flex}.scenarios-app .settings-section .ss-icon{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:inline-flex}.scenarios-app .settings-section .ss-head h3{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.scenarios-app .settings-section .ss-head p{color:var(--fg3);margin:2px 0 0;font-size:12px}.scenarios-app .settings-section .ss-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:16px 24px;display:flex}.scenarios-app .settings-section .ss-row:last-child{border-bottom:0}.scenarios-app .settings-section .ss-label{color:var(--fg1);font-size:14px;font-weight:600}.scenarios-app .settings-section .ss-sub{color:var(--fg3);margin-top:2px;font-size:12px}.scenarios-app .settings-section .ss-pomodoro{background:var(--bg-muted);border-radius:var(--radius-full);gap:4px;padding:3px;display:inline-flex}.scenarios-app .settings-section .ss-pomodoro button{border-radius:var(--radius-full);cursor:pointer;color:var(--fg3);font-size:12px;font-weight:700;font-family:var(--font-mono);background:0 0;border:0;padding:6px 12px}.scenarios-app .settings-section .ss-pomodoro button.active{background:var(--bg-card);color:var(--fg1);border:1px solid var(--border)}.scenarios-app .set-toggle{background:var(--bg-muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.scenarios-app .set-toggle.on{background:var(--orange-500);border-color:var(--orange-500)}.scenarios-app .set-toggle .st-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.3,.7,.4,1.4);position:absolute;top:2px;left:2px}.scenarios-app .set-toggle.on .st-knob{transform:translate(20px)}.scenarios-app .ghost-btn.danger{color:#fca5a5;border-color:#ef444440}.scenarios-app .ghost-btn.danger:hover{color:#fca5a5;background:#ef44441a}@media (width<=900px){.scenarios-app .pp-grid,.scenarios-app .pp-project{grid-template-columns:1fr}.scenarios-app .pp-thumb{width:100%;height:100px}.scenarios-app .settings-section .ss-row{flex-direction:column;align-items:stretch;gap:12px}}.scenarios-app .shop-hero{border:1px solid var(--border);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#f973161a,#8b5cf60f);grid-template-columns:1fr 320px;gap:32px;margin:24px 0;padding:32px;display:grid;position:relative;overflow:hidden}.scenarios-app .shop-hero:before{content:"";pointer-events:none;background:radial-gradient(#f973162e,#0000 60%);width:50%;height:160%;position:absolute;top:-30%;right:-10%}.scenarios-app .shop-hero .sh-left{z-index:1;position:relative}.scenarios-app .shop-hero .sh-eyebrow{color:var(--orange-400);letter-spacing:.06em;text-transform:uppercase;background:#f973161a;border:1px solid #f9731640;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.scenarios-app .shop-hero h1{letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(32px,4vw,44px);font-weight:800;line-height:1.1}.scenarios-app .shop-hero p{color:var(--fg2);max-width:520px;margin:0;font-size:15px;line-height:1.55}.scenarios-app .shop-hero .sh-wallet{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);z-index:1;padding:18px;position:relative}.scenarios-app .shop-hero .sw-coins{border-bottom:1px solid var(--border);align-items:baseline;gap:8px;margin-bottom:14px;padding-bottom:14px;display:flex}.scenarios-app .shop-hero .sw-coins svg{font-size:24px}.scenarios-app .shop-hero .sw-val{font-family:var(--font-mono);color:var(--fg1);letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1}.scenarios-app .shop-hero .sw-lbl{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.scenarios-app .shop-hero .sw-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.scenarios-app .shop-hero .sw-stats>div{flex-direction:column;align-items:center;display:flex}.scenarios-app .shop-hero .sw-stats .num{color:var(--fg1);letter-spacing:-.01em;font-size:16px;font-weight:800}.scenarios-app .shop-hero .sw-stats .lbl{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.scenarios-app .shop-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.scenarios-app .shop-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s var(--ease-push);flex-direction:column;display:flex;overflow:hidden}.scenarios-app .shop-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 12px 32px #0006}.scenarios-app .shop-card.rarity-rare{box-shadow:0 0 0 1px #5ba0ff33}.scenarios-app .shop-card.rarity-rare:hover{box-shadow:0 0 0 1px #5ba0ff66,0 12px 32px #5ba0ff33}.scenarios-app .shop-card.rarity-epic{box-shadow:0 0 0 1px #a78bfa40}.scenarios-app .shop-card.rarity-epic:hover{box-shadow:0 0 0 1px #a78bfa80,0 12px 32px #a78bfa40}.scenarios-app .shop-card .sc-art{background:linear-gradient(135deg, var(--bg-muted), var(--bg-elev));border-bottom:1px solid var(--border);justify-content:center;align-items:center;height:160px;padding:18px;display:flex;position:relative}.scenarios-app .shop-card .sc-art img{max-width:100%;max-height:100%}.scenarios-app .shop-card .sc-owned{color:#052e1f;letter-spacing:.04em;background:#34d399;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px}.scenarios-app .shop-card .sc-rarity{background:var(--bg-card);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:9px;font-weight:800;position:absolute;top:12px;left:12px}.scenarios-app .shop-card .sc-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.scenarios-app .shop-card .sc-kind{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.scenarios-app .shop-card .sc-name{color:var(--fg1);letter-spacing:-.01em;font-size:15px;font-weight:700}.scenarios-app .shop-card .sc-blurb{color:var(--fg2);flex:1;min-height:36px;font-size:12px;line-height:1.55}.scenarios-app .shop-card .sc-foot{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.scenarios-app .shop-card .sc-price{color:var(--orange-400);font-size:16px;font-weight:800;font-family:var(--font-mono);align-items:center;gap:6px;display:inline-flex}.scenarios-app .bought-flash{z-index:90;background:var(--bg-card);border:1px solid var(--orange-400);border-radius:var(--radius-lg);animation:scn-slideUp .3s var(--ease-bounce);align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #f973164d}.scenarios-app .bought-flash img{object-fit:contain;width:48px;height:48px}.scenarios-app .bought-flash .bf-eyebrow{color:var(--orange-400);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:800}.scenarios-app .bought-flash .bf-title{color:var(--fg1);margin-top:2px;font-size:14px;font-weight:700}.scenarios-app .timeline-group{margin-bottom:28px}.scenarios-app .timeline-group .tg-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:11px;font-weight:700}.scenarios-app .timeline{padding-left:0;position:relative}.scenarios-app .tl-item{grid-template-columns:40px 1fr;gap:14px;padding:12px 0;display:grid;position:relative}.scenarios-app .tl-spine{background:var(--border);width:2px;position:absolute;top:30px;bottom:-12px;left:19px}.scenarios-app .tl-item:last-child .tl-spine{display:none}.scenarios-app .tl-icon{background:var(--bg-card);border:1.5px solid var(--border);width:40px;height:40px;color:var(--fg1);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex;position:relative}.scenarios-app .tl-item.color-emerald .tl-icon{color:#34d399;background:#34d39914;border-color:#34d39966}.scenarios-app .tl-item.color-orange .tl-icon{color:var(--orange-400);background:#f9731614;border-color:#f9731666}.scenarios-app .tl-item.color-amber .tl-icon{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2466}.scenarios-app .tl-item.color-violet .tl-icon{color:#a78bfa;background:#a78bfa14;border-color:#a78bfa66}.scenarios-app .tl-item.color-sky .tl-icon{color:#60a5fa;background:#5ba0ff14;border-color:#5ba0ff66}.scenarios-app .tl-body{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px}.scenarios-app .tl-date{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.scenarios-app .tl-title{color:var(--fg1);letter-spacing:-.01em;margin-top:4px;font-size:14px;font-weight:700}.scenarios-app .tl-sub{color:var(--fg2);margin-top:4px;font-size:12px;line-height:1.5}@media (width<=900px){.scenarios-app .shop-hero,.scenarios-app .shop-grid{grid-template-columns:1fr}}.scenarios-app .lesson-map{padding:20px 0;position:relative}.scenarios-app .lesson-map .lm-paths{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scenarios-app .lesson-map .lm-nodes{position:relative}.scenarios-app .lm-node{text-align:center;cursor:pointer;z-index:1;width:80px;position:absolute;transform:translate(-50%)}.scenarios-app .lm-node.locked{cursor:not-allowed;opacity:.6}.scenarios-app .lm-bubble{width:64px;height:64px;transition:transform .2s var(--ease-push);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:22px;font-weight:800;display:flex;position:relative}.scenarios-app .lm-node.done .lm-bubble{color:#052e1f;background:#34d399;box-shadow:0 4px #15803d}.scenarios-app .lm-node.current .lm-bubble{background:var(--orange-500);color:#fff;box-shadow:0 4px 0 var(--orange-700), 0 0 0 6px #f9731626;animation:2s ease-in-out infinite scn-subtle-pulse-anim}.scenarios-app .lm-node.locked .lm-bubble{background:var(--bg-muted);color:var(--fg4);box-shadow:0 3px 0 var(--border)}.scenarios-app .lm-node:hover:not(.locked) .lm-bubble{transform:translateY(-3px)}.scenarios-app .lm-label{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:140px;margin-top:12px;padding:8px 10px;font-size:11px;transform:translate(-30px)}.scenarios-app .lm-node:nth-child(2n) .lm-label{transform:translate(-30px)}.scenarios-app .lm-title{color:var(--fg1);font-weight:700}.scenarios-app .lm-sub{color:var(--fg3);margin-top:2px;font-size:10px}.scenarios-app .lm-trophy{border-radius:var(--radius-xl);background:linear-gradient(135deg,#fbbf2433,#f973161a);border:2px dashed #fbbf2466;align-items:center;gap:16px;width:90%;max-width:400px;padding:20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scenarios-app .lm-trophy-icon{font-size:48px;animation:3s ease-in-out infinite dq-bob}.scenarios-app .lm-trophy-text{color:var(--fg2);font-size:13px;line-height:1.5}.scenarios-app .ghost-btn-group{background:var(--bg-muted);border-radius:999px;gap:4px;padding:3px;display:inline-flex}.scenarios-app .ghost-btn-group .ghost-btn{border-color:#0000;padding:6px 14px}.scenarios-app .ghost-btn-group .ghost-btn.active{background:var(--bg-card);border-color:var(--border)}.scenarios-app .podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:14px;margin-bottom:20px;display:grid}.scenarios-app .pod-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:20px 16px 24px;position:relative}.scenarios-app .pod-cell.pod-1{background:linear-gradient(180deg, #fbbf2429, var(--bg-card));border-color:#fbbf244d;transform:translateY(-12px);box-shadow:0 16px 40px #fbbf242e}.scenarios-app .pod-cell.pod-2{background:linear-gradient(180deg, #94a3b829, var(--bg-card));border-color:#94a3b84d}.scenarios-app .pod-cell.pod-3{background:linear-gradient(180deg, #d9770629, var(--bg-card));border-color:#d977064d}.scenarios-app .pod-medal{filter:drop-shadow(0 4px 8px #0000004d);font-size:32px;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.scenarios-app .pod-avatar{background:linear-gradient(135deg, var(--orange-500), var(--orange-300));color:#fff;border:3px solid var(--bg-card);width:64px;height:64px;box-shadow:0 0 0 3px var(--border);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-size:22px;font-weight:800;display:flex}.scenarios-app .pod-name{color:var(--fg1);letter-spacing:-.01em;font-size:14px;font-weight:700}.scenarios-app .pod-xp{font-family:var(--font-mono);color:var(--orange-400);letter-spacing:-.01em;margin-top:4px;font-size:18px;font-weight:800}.scenarios-app .pod-rank{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:11px;font-weight:700}.scenarios-app .lb-list{flex-direction:column;gap:8px;display:flex}.scenarios-app .lb-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:40px 36px 1fr auto auto auto;align-items:center;gap:14px;padding:12px 16px;font-size:13px;transition:all .15s;display:grid}.scenarios-app .lb-row:hover{border-color:var(--border-strong)}.scenarios-app .lb-row.is-me{background:linear-gradient(135deg, #f973161a, var(--bg-card));border-color:var(--orange-400);box-shadow:0 0 0 3px #f973161a}.scenarios-app .lb-rank{font-family:var(--font-mono);color:var(--fg3);text-align:center;font-size:14px;font-weight:800}.scenarios-app .lb-row.is-me .lb-rank{color:var(--orange-400)}.scenarios-app .lb-avatar{background:var(--bg-muted);border:1px solid var(--border);width:36px;height:36px;color:var(--fg2);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.scenarios-app .lb-row.is-me .lb-avatar{background:linear-gradient(135deg, var(--orange-500), var(--orange-300));color:#fff;border-color:var(--orange-300)}.scenarios-app .lb-name{color:var(--fg1);font-weight:600}.scenarios-app .lb-streak,.scenarios-app .lb-gigs{color:var(--fg3);white-space:nowrap;font-size:12px}.scenarios-app .lb-xp{color:var(--orange-400);font-family:var(--font-mono);white-space:nowrap;font-weight:800}.scenarios-app .dq-summary{border-radius:var(--radius-xl);background:linear-gradient(135deg,#34d39914,#f973160f);border:1px solid #34d39933;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:20px 24px;display:grid}.scenarios-app .dq-eyebrow{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.scenarios-app .dq-progress{align-items:baseline;gap:6px;margin-top:6px;display:inline-flex}.scenarios-app .dq-num{font-family:var(--font-mono);color:var(--fg1);letter-spacing:-.02em;font-size:32px;font-weight:800;line-height:1}.scenarios-app .dq-of{font-family:var(--font-mono);color:var(--fg3);font-size:18px}.scenarios-app .dq-suf{color:var(--fg2);margin-left:6px;font-size:14px}.scenarios-app .dq-bar{background:var(--bg-muted);border-radius:3px;width:100%;max-width:380px;height:6px;margin-top:12px;overflow:hidden}.scenarios-app .dq-bar-fill{background:linear-gradient(90deg, #34d399, var(--orange-500));height:100%;transition:width .4s var(--ease-push)}.scenarios-app .dq-summary-right{text-align:center}.scenarios-app .dq-xp{color:var(--orange-400);align-items:center;gap:6px;font-size:24px;font-weight:800;display:inline-flex}.scenarios-app .dq-xp-lbl{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px;font-weight:700}.scenarios-app .quest-list{flex-direction:column;gap:8px;display:flex}.scenarios-app .quest-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;grid-template-columns:48px 1fr auto 24px;align-items:center;gap:14px;padding:12px 16px;transition:all .15s;display:grid}.scenarios-app .quest-row:hover{border-color:var(--border-strong)}.scenarios-app .quest-row.done{background:var(--bg-elev);border-color:#34d39940}.scenarios-app .quest-row.done .qr-title{color:var(--fg3);text-decoration:line-through;-webkit-text-decoration-color:var(--fg4);text-decoration-color:var(--fg4)}.scenarios-app .qr-icon{border-radius:var(--radius-md);background:var(--bg-muted);border:1px solid var(--border);justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.scenarios-app .qr-title{color:var(--fg1);letter-spacing:-.01em;font-size:14px;font-weight:700}.scenarios-app .qr-sub{color:var(--fg3);margin-top:2px;font-size:12px}.scenarios-app .qr-reward{color:var(--orange-400);font-size:12px;font-weight:800;font-family:var(--font-mono);background:#f973161a;border-radius:999px;padding:4px 10px}.scenarios-app .quest-row.done .qr-reward{color:#34d399;background:#34d39926}.scenarios-app .qr-cb{border:1.5px solid var(--border-strong);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.scenarios-app .quest-row.done .qr-cb{background:#34d399;border-color:#34d399}.scenarios-app .cheatsheet-drawer{z-index:75;background:var(--bg-card);border-left:1px solid var(--border);width:400px;animation:scn-slideInRight .28s var(--ease-push);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(0);box-shadow:-16px 0 48px #0000004d}@keyframes scn-slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.scenarios-app .cheatsheet-drawer .cd-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.scenarios-app .cheatsheet-drawer .cd-tabs{border-bottom:1px solid var(--border);gap:0;padding:0 20px;display:flex}.scenarios-app .cheatsheet-drawer .cd-tabs button{color:var(--fg3);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-mono);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 14px}.scenarios-app .cheatsheet-drawer .cd-tabs button.on{color:var(--fg1);border-bottom-color:var(--orange-500)}.scenarios-app .cheatsheet-drawer .cd-body{flex:1;padding:16px 20px;overflow-y:auto}.scenarios-app .cheatsheet-drawer .cd-section{margin-bottom:22px}.scenarios-app .cheatsheet-drawer .cd-section h4{color:var(--orange-400);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:11px;font-weight:700}.scenarios-app .cheatsheet-drawer .cd-item{border-bottom:1px solid var(--border);grid-template-columns:1fr;gap:4px;padding:10px 0;display:grid}.scenarios-app .cheatsheet-drawer .cd-item:last-child{border-bottom:0}.scenarios-app .cheatsheet-drawer .cd-item code{font-family:var(--font-mono);color:var(--code-inline);background:var(--bg-muted);cursor:pointer;border-radius:4px;align-self:flex-start;padding:4px 8px;font-size:12px;display:inline-block}.scenarios-app .cheatsheet-drawer .cd-desc{color:var(--fg2);font-size:12px;line-height:1.5}.scenarios-app .cheatsheet-drawer .cd-foot{border-top:1px solid var(--border);align-items:center;padding:12px 20px;display:flex}@media (width<=900px){.scenarios-app .podium{grid-template-columns:1fr}.scenarios-app .pod-cell.pod-1{transform:none}.scenarios-app .lb-row{grid-template-columns:28px 32px 1fr auto;gap:8px}.scenarios-app .lb-streak,.scenarios-app .lb-gigs{display:none}.scenarios-app .lesson-map .lm-label{width:120px;font-size:10px}.scenarios-app .cheatsheet-drawer{width:100%}}.scenarios-app .inbox-grid{grid-template-columns:380px 1fr;gap:16px;height:calc(100vh - 240px);min-height:500px;display:grid}.scenarios-app .inbox-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.scenarios-app .inbox-list .il-tabs{border-bottom:1px solid var(--border);gap:0;padding:12px 16px 0;display:flex}.scenarios-app .inbox-list .il-tabs button{color:var(--fg3);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-size:12px;font-weight:600}.scenarios-app .inbox-list .il-tabs button.on{color:var(--fg1);border-bottom-color:var(--orange-500)}.scenarios-app .inbox-list .il-tabs .cnt{background:var(--orange-500);color:#fff;border-radius:999px;margin-left:5px;padding:1px 6px;font-size:10px;font-weight:700}.scenarios-app .inbox-list .il-search{background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;margin:12px;padding:10px 14px;display:flex}.scenarios-app .inbox-list .il-search input{color:var(--fg1);background:0 0;border:0;outline:none;flex:1;font-size:13px}.scenarios-app .inbox-list .il-search svg{color:var(--fg3)}.scenarios-app .inbox-list .il-conversations{flex:1;overflow-y:auto}.scenarios-app .il-row{cursor:pointer;border-bottom:1px solid var(--border);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:grid;position:relative}.scenarios-app .il-row:hover{background:var(--bg-muted)}.scenarios-app .il-row.active{background:var(--bg-elev)}.scenarios-app .il-row.unread{background:#f973160a}.scenarios-app .il-row.unread.active{background:#f9731614}.scenarios-app .il-meta{min-width:0}.scenarios-app .il-name-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.scenarios-app .il-name{color:var(--fg1);font-size:14px;font-weight:700}.scenarios-app .il-time{color:var(--fg4);white-space:nowrap;font-size:11px}.scenarios-app .il-preview{color:var(--fg3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.scenarios-app .il-row.unread .il-preview{color:var(--fg2)}.scenarios-app .il-dot{background:var(--orange-500);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.scenarios-app .inbox-thread{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.scenarios-app .inbox-thread.empty{justify-content:center;align-items:center;gap:8px}.scenarios-app .inbox-thread .it-head{border-bottom:1px solid var(--border);background:var(--bg-elev);align-items:center;gap:14px;padding:14px 20px;display:flex}.scenarios-app .inbox-thread .it-body{background:var(--bg-card);flex-direction:column;flex:1;gap:8px;padding:16px 20px;display:flex;overflow-y:auto}.scenarios-app .diff-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:720px;max-height:80vh;animation:scn-slideUp .25s var(--ease-push);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.scenarios-app .diff-modal .diff-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.scenarios-app .diff-modal .diff-body{font-family:var(--font-mono);background:#0f172a;flex:1;margin:0;font-size:13px;line-height:1.6;overflow-y:auto}.scenarios-app .diff-line{grid-template-columns:32px 40px 1fr;align-items:start;padding:0 8px;display:grid}.scenarios-app .diff-line.add{background:#34d3991a}.scenarios-app .diff-line.del{background:#fca5a51a}.scenarios-app .diff-line .dl-marker{text-align:center;color:var(--fg4);font-weight:700}.scenarios-app .diff-line.add .dl-marker{color:#34d399}.scenarios-app .diff-line.del .dl-marker{color:#fca5a5}.scenarios-app .diff-line .dl-num{color:#475569;-webkit-user-select:none;user-select:none;text-align:right;padding-right:16px}.scenarios-app .diff-line .dl-text{color:#e8eefa;white-space:pre;overflow-x:auto}.scenarios-app .diff-modal .diff-foot{border-top:1px solid var(--border);background:var(--bg-elev);justify-content:flex-end;align-items:center;gap:12px;padding:14px 24px;display:flex}.scenarios-app .replay-stage{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.scenarios-app .rs-controls{background:var(--bg-elev);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.scenarios-app .rs-slider{appearance:none;background:var(--bg-muted);border-radius:2px;flex:1;height:4px;margin:0 8px}.scenarios-app .rs-slider::-webkit-slider-thumb{appearance:none;background:var(--orange-500);border:2px solid var(--bg-card);cursor:pointer;width:18px;height:18px;box-shadow:0 0 0 2px var(--orange-300);border-radius:50%}.scenarios-app .rs-slider::-moz-range-thumb{background:var(--orange-500);border:2px solid var(--bg-card);cursor:pointer;width:18px;height:18px;box-shadow:0 0 0 2px var(--orange-300);border-radius:50%}.scenarios-app .rs-label{color:var(--fg3);white-space:nowrap;text-align:right;min-width:140px;font-size:11px}.scenarios-app .rs-content{grid-template-columns:1fr 1fr;display:grid}.scenarios-app .rs-code{color:#e8eefa;font-family:var(--font-mono);border-right:1px solid var(--border);background:#0f172a;height:360px;margin:0;padding:16px;font-size:12px;line-height:1.6;overflow:auto}.scenarios-app .rs-preview{background:#f8f1e5;border:0;width:100%;height:360px}.scenarios-app .viewport-toggle{background:var(--bg-muted);border:1px solid var(--border);border-radius:999px;gap:2px;margin-left:auto;padding:2px;display:inline-flex}.scenarios-app .viewport-toggle button{color:var(--fg3);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.scenarios-app .viewport-toggle button.on{background:var(--bg-card);color:var(--fg1);border:1px solid var(--border)}.scenarios-app .preview-pane.viewport-mobile iframe,.scenarios-app .preview-pane.viewport-tablet iframe{border:8px solid #1a1a1a;border-radius:24px;margin:16px auto;display:block;box-shadow:0 4px 16px #0000004d}.scenarios-app .preview-pane.viewport-mobile iframe{width:360px;max-width:calc(100% - 32px);height:calc(100% - 80px);max-height:640px}.scenarios-app .preview-pane.viewport-tablet iframe{width:600px;max-width:calc(100% - 32px);height:calc(100% - 60px)}.scenarios-app .preview-pane.viewport-mobile,.scenarios-app .preview-pane.viewport-tablet{background:linear-gradient(#2a3548,#1f2b47);flex-direction:column;display:flex}@media (width<=900px){.scenarios-app .inbox-grid{grid-template-columns:1fr;height:auto}.scenarios-app .inbox-list{height:360px}.scenarios-app .rs-content{grid-template-columns:1fr}.scenarios-app .rs-code{border-right:0;border-bottom:1px solid var(--border);height:200px}.scenarios-app .rs-preview{height:280px}}.scenarios-app .mktg-topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b1220c7;align-items:center;gap:32px;padding:20px 48px;display:flex;position:sticky;top:0}.scenarios-app .mktg-logo{letter-spacing:-.02em;font-size:24px;font-weight:800}.scenarios-app .mktg-nav{flex:1;gap:24px;margin-left:24px;display:flex}.scenarios-app .mktg-nav a{color:var(--fg2);font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.scenarios-app .mktg-nav a:hover{color:var(--fg1)}.scenarios-app .mktg-hero{max-width:1280px;margin:0 auto;padding:80px 48px}.scenarios-app .mktg-hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}.scenarios-app .mktg-eyebrow{color:var(--orange-400);letter-spacing:.04em;background:#f973161a;border:1px solid #f9731640;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.scenarios-app .mktg-hero-text h1{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05}.scenarios-app .mktg-hero-text p{color:var(--fg2);max-width:540px;margin:0;font-size:18px;line-height:1.6}.scenarios-app .mktg-hero-art{background:linear-gradient(135deg, var(--bg-elev), var(--bg-card));border:1px solid var(--border);border-radius:var(--radius-2xl);justify-content:center;align-items:center;padding:32px;display:flex}.scenarios-app .mktg-hero-art img{width:100%;max-width:360px;height:auto}.scenarios-app .mktg-trust{color:var(--fg3);align-items:center;gap:10px;margin-top:32px;font-size:13px;display:flex}.scenarios-app .mt-stars{color:#fbbf24;letter-spacing:2px;font-size:16px}.scenarios-app .mktg-strip{background:var(--bg-elev);border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-around;align-items:center;gap:24px;padding:24px 48px;display:flex}.scenarios-app .mktg-strip>div{color:var(--fg2);font-size:14px}.scenarios-app .mktg-strip strong{color:var(--fg1);letter-spacing:-.01em;font-size:22px;font-weight:800;display:block}.scenarios-app .mktg-features{max-width:1280px;margin:0 auto;padding:80px 48px}.scenarios-app .mktg-h2{letter-spacing:-.02em;text-align:center;margin:0 0 12px;font-size:clamp(32px,5vw,48px);font-weight:800}.scenarios-app .mktg-h2-sub{text-align:center;color:var(--fg2);max-width:600px;margin:0 auto 48px;font-size:17px;line-height:1.6}.scenarios-app .mktg-feat-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.scenarios-app .mktg-feat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all .2s var(--ease-push);padding:24px}.scenarios-app .mktg-feat-card:hover{border-color:var(--border-strong);transform:translateY(-3px);box-shadow:0 12px 32px #0006}.scenarios-app .mfc-icon{border-radius:var(--radius-md);background:var(--bg-elev);border:1px solid var(--border);justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:24px;display:flex}.scenarios-app .mktg-feat-card h3{letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:800}.scenarios-app .mktg-feat-card p{color:var(--fg2);margin:0;font-size:14px;line-height:1.55}.scenarios-app .mktg-testimonials{background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:1280px;margin:0 auto;padding:80px 48px}.scenarios-app .mktg-quote-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.scenarios-app .mktg-quote{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.scenarios-app .mq-stars{color:#fbbf24;letter-spacing:2px;margin-bottom:12px}.scenarios-app .mktg-quote p{color:var(--fg1);margin:0 0 16px;font-size:15px;font-style:italic;line-height:1.6}.scenarios-app .mq-who{color:var(--fg3);font-size:13px;font-weight:600}.scenarios-app .mktg-cta{background:linear-gradient(135deg,#f973161a,#5ba0ff0f);padding:80px 48px}.scenarios-app .mktg-cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;max-width:1280px;margin:0 auto;display:flex}.scenarios-app .mktg-footer{border-top:1px solid var(--border);color:var(--fg3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 48px;font-size:13px;display:flex}.scenarios-app .mktg-footer a{color:var(--fg3);text-decoration:none}.scenarios-app .mktg-footer a:hover{color:var(--fg1)}.scenarios-app .hud-pill.energy{color:#34d399;background:#34d3991a;border-color:#34d3994d;font-weight:700}.scenarios-app .whats-new-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-2xl);width:100%;max-width:640px;max-height:86vh;animation:scn-slideUp .32s var(--ease-push);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 60px #0009}.scenarios-app .whats-new-modal .wn-head{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f973161a,#0000);justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;display:flex}.scenarios-app .whats-new-modal .wn-body{flex:1;padding:20px 28px;overflow-y:auto}.scenarios-app .whats-new-modal .wn-update{border-bottom:1px dashed var(--border);padding:16px 0}.scenarios-app .whats-new-modal .wn-update:last-child{border-bottom:0}.scenarios-app .wn-update-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.scenarios-app .wn-date{color:var(--fg3);font-size:11px;font-family:var(--font-mono)}.scenarios-app .wn-tag{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:800}.scenarios-app .wn-tag.new{color:#34d399;background:#34d39926}.scenarios-app .wn-tag.big{color:var(--orange-400);background:#f9731626}.scenarios-app .wn-title{letter-spacing:-.01em;margin:0 0 10px;font-size:16px;font-weight:800}.scenarios-app .wn-items{color:var(--fg2);margin:0;padding-left:20px;font-size:14px;line-height:1.7}.scenarios-app .wn-items li{margin-bottom:4px}.scenarios-app .whats-new-modal .wn-foot{border-top:1px solid var(--border);background:var(--bg-elev);justify-content:flex-end;padding:14px 28px;display:flex}.scenarios-app .tour-backdrop{z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#0b1220a6;animation:.25s scn-fadeIn;position:fixed;inset:0}.scenarios-app .tour-tooltip{z-index:96;background:var(--bg-card);border:2px solid var(--orange-400);border-radius:var(--radius-xl);width:90%;max-width:360px;animation:scn-slideUp .3s var(--ease-bounce);padding:20px 24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 48px #f973164d,0 0 0 4px #f9731626}.scenarios-app .tt-step{color:var(--orange-400);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:800}.scenarios-app .tour-tooltip h3{letter-spacing:-.01em;margin:0 0 8px;font-size:18px;font-weight:800}.scenarios-app .tour-tooltip p{color:var(--fg2);margin:0 0 16px;font-size:14px;line-height:1.55}.scenarios-app .tt-actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=900px){.scenarios-app .mktg-hero-grid{grid-template-columns:1fr}.scenarios-app .mktg-hero-art img{max-width:240px}.scenarios-app .mktg-feat-grid,.scenarios-app .mktg-quote-grid{grid-template-columns:1fr}.scenarios-app .mktg-topbar{flex-wrap:wrap;gap:12px;padding:16px 20px}.scenarios-app .mktg-nav{display:none}.scenarios-app .mktg-hero,.scenarios-app .mktg-features,.scenarios-app .mktg-testimonials,.scenarios-app .mktg-cta{padding:56px 20px}.scenarios-app .beat-retro{grid-template-columns:repeat(2,1fr)}.scenarios-app .tier-deepdive .td-row{grid-template-columns:1fr;gap:14px}.scenarios-app .persona-modal .pm-cover{text-align:center;grid-template-columns:1fr}.scenarios-app .persona-modal .pm-portrait{margin:0 auto}.scenarios-app .persona-modal .pm-gigs{grid-template-columns:1fr}.scenarios-app .achievement-stack{top:70px;right:12px}.scenarios-app .ach-toast{min-width:260px}}@media (width<=640px){.scenarios-app .portfolio-hero{text-align:center;grid-template-columns:1fr;gap:16px}.scenarios-app .portfolio-stats,.scenarios-app .badges-grid{grid-template-columns:repeat(2,1fr)}.scenarios-app .shipped-grid{grid-template-columns:1fr}.scenarios-app .weekly-recap .wr-stats{grid-template-columns:repeat(2,1fr)}.scenarios-app .streak-cal{grid-template-columns:repeat(14,1fr)}.scenarios-app .skill-tree-wrap{overflow-x:auto}.scenarios-app .lp-steps,.scenarios-app .lp-features,.scenarios-app .lp-personas,.scenarios-app .lp-testimonials,.scenarios-app .lp-pricing,.scenarios-app .beat-retro{grid-template-columns:1fr}.scenarios-app .ach-toast{min-width:0;max-width:calc(100vw - 24px)}.scenarios-app .achievement-stack{left:12px;right:12px}.scenarios-app .inbox-list{height:300px}.scenarios-app .inbox-thread{min-height:360px}.scenarios-app .notif-panel{width:auto;left:8px;right:8px}.scenarios-app .live-link-bar{flex-wrap:wrap}}.scenarios-app .mode-toggle{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-full);gap:2px;padding:3px;display:inline-flex}.scenarios-app .mode-toggle button{cursor:pointer;border-radius:var(--radius-full);color:var(--fg3);background:0 0;border:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.scenarios-app .mode-toggle button.on{background:var(--bg-card);color:var(--fg1);box-shadow:var(--shadow-sm)}.scenarios-app .mode-toggle button:hover:not(.on){color:var(--fg1)}.scenarios-app .materi-panel{flex-direction:column;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.scenarios-app .materi-head .materi-eyebrow{color:#5ba0ff;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.scenarios-app .materi-head h2{letter-spacing:-.01em;color:var(--fg1);margin:6px 0 0;font-size:20px;font-weight:800}.scenarios-app .materi-objective{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px}.scenarios-app .materi-objective .mo-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700}.scenarios-app .materi-objective ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.scenarios-app .materi-objective li{color:var(--fg2);align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.scenarios-app .materi-objective li svg{color:#34d399;flex-shrink:0;margin-top:2px}.scenarios-app .mt-demo{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.scenarios-app .mt-demo-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:10px;font-weight:700}.scenarios-app .mt-seg{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.scenarios-app .mt-seg button{background:var(--bg-muted);border:1px solid var(--border);color:var(--fg2);border-radius:var(--radius-md);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-mono);min-height:34px;padding:6px 12px;transition:all .15s}.scenarios-app .mt-seg button.on{background:var(--orange-500);color:#fff;border-color:var(--orange-500)}.scenarios-app .mt-seg button:hover:not(.on){border-color:var(--border-strong);color:var(--fg1)}.scenarios-app .mt-demo-stage{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:18px}.scenarios-app .mt-demo-caption{color:var(--fg3);margin-top:10px;font-size:12px;line-height:1.5}.scenarios-app .mt-demo-caption code,.scenarios-app .materi-note code,.scenarios-app .mh-quote code{font-family:var(--font-mono);color:var(--code-inline);font-size:.9em}.scenarios-app .mt-anatomy{flex-wrap:wrap;justify-content:center;gap:6px;padding:8px 0;display:flex}.scenarios-app .ta-part{font-family:var(--font-mono);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:4px;padding:10px 12px;font-size:14px;display:flex}.scenarios-app .ta-part small{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;opacity:.7;font-size:9px}.scenarios-app .ta-open{color:#ff6b9d;background:#ff6b9d1f}.scenarios-app .ta-content{color:#34d399;background:#34d3991f}.scenarios-app .ta-close{color:#ff6b9d;background:#ff6b9d1f}.scenarios-app .mt-anatomy-css{align-items:center;gap:3px}.scenarios-app .mt-anatomy-css .ta-brace{color:var(--fg3);background:0 0;padding:10px 4px;font-size:16px}.scenarios-app .mt-anatomy-css .ta-colon{color:var(--fg3);background:0 0;padding:10px 2px}.scenarios-app .ta-sel{color:#818cf8;background:#818cf824;transition:transform .15s}.scenarios-app .ta-prop{color:#38bdf8;background:#38bdf824;transition:transform .15s}.scenarios-app .ta-val{color:#fbbf24;background:#fbbf2429;transition:transform .15s}.scenarios-app .ta-sel:hover,.scenarios-app .ta-prop:hover,.scenarios-app .ta-val:hover{transform:translateY(-3px)}.scenarios-app .mt-swatches{justify-content:center;gap:10px;margin-bottom:12px;display:flex}.scenarios-app .mt-sw{border-radius:var(--radius-md);border:2px solid var(--border);cursor:pointer;width:44px;height:44px;transition:all .15s var(--ease-push)}.scenarios-app .mt-sw:hover{transform:translateY(-2px)}.scenarios-app .mt-sw.on{border-color:var(--fg1);box-shadow:0 0 0 3px #f9731640}.scenarios-app .mt-flex-controls{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.scenarios-app .mt-flex-row{font-family:var(--font-mono);color:var(--fg2);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.scenarios-app .mt-seg-sm button{padding:5px 9px;font-size:11px}.scenarios-app .mt-flex-stage{background:var(--bg-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-md);height:110px;transition:all .25s var(--ease-push);padding:8px;display:flex}.scenarios-app .mt-flex-box{border-radius:var(--radius-sm);background:var(--btn-orange-front);width:40px;height:40px;box-shadow:0 2px 0 var(--btn-orange-edge)}.scenarios-app .mt-form-row{gap:8px;margin-bottom:10px;display:flex}.scenarios-app .mt-input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);min-width:0;color:var(--fg1);font-size:14px;font-family:var(--font-sans);outline:none;flex:1;padding:10px 12px}.scenarios-app .mt-input:focus{border-color:var(--orange-400)}.scenarios-app .mt-form-btn{background:var(--btn-orange-front);color:#fff;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 2px 0 var(--btn-orange-edge);transition:transform 80ms var(--ease-push);border:0;flex-shrink:0;padding:0 16px;font-size:13px;font-weight:700}.scenarios-app .mt-form-btn:active{box-shadow:none;transform:translateY(2px)}.scenarios-app .mt-rv-frame{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:width .3s var(--ease-push);flex-direction:column;align-items:center;gap:10px;padding:14px;display:flex}.scenarios-app .mt-rv-title{color:var(--fg1);letter-spacing:-.01em;font-weight:800;transition:font-size .3s}.scenarios-app .mt-rv-row{width:100%;transition:all .3s var(--ease-push);justify-content:center;gap:6px;display:flex}.scenarios-app .mt-rv-chip{background:var(--btn-orange-front);opacity:.7;border-radius:4px;width:28px;height:16px}.scenarios-app .mt-console{border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--fg2);background:#0f172a;margin-top:10px;padding:12px 14px;font-size:13px;line-height:1.6}.scenarios-app .mt-console .mc-prompt{color:#34d399;margin-right:6px}.scenarios-app .mt-console .mc-str{color:#fbbf24}.scenarios-app .mt-console .mc-out{color:#5ba0ff;margin-top:6px;font-weight:600}.scenarios-app .mt-console .mc-note{color:var(--fg4);font-size:11px;font-weight:400;font-family:var(--font-sans)}.scenarios-app .mt-calc-controls{flex-direction:column;gap:12px;margin-bottom:10px;display:flex}.scenarios-app .mt-calc-controls label{color:var(--fg3);flex-direction:column;gap:6px;font-size:12px;display:flex}.scenarios-app .mt-calc-controls label strong{color:var(--fg1);font-size:14px}.scenarios-app .mt-calc-controls input[type=range]{width:100%;accent-color:var(--orange-500);cursor:pointer}.scenarios-app .mt-chip-grid{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.scenarios-app .mt-chip{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--fg1);font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all .15s var(--ease-push);align-items:center;gap:6px;min-height:40px;padding:9px 14px;display:inline-flex}.scenarios-app .mt-chip:hover{border-color:var(--border-strong)}.scenarios-app .mt-chip.on{color:var(--fg1);background:#d6a2a229;border-color:#d6a2a2;font-weight:600}.scenarios-app .mt-chip small{color:var(--fg3);font-size:11px;font-family:var(--font-mono)}.scenarios-app .mt-chip.on small{color:var(--fg2)}.scenarios-app .mt-total-bar{background:var(--bg-muted);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--fg3);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.scenarios-app .mt-total-bar strong{color:var(--orange-400);font-size:18px;font-weight:800}.scenarios-app .materi-analogy{border-radius:var(--radius-lg);color:var(--fg2);background:#f9731614;border:1px solid #f9731633;gap:10px;padding:12px 14px;font-size:13px;line-height:1.55;display:flex}.scenarios-app .materi-analogy .ma-spark{flex-shrink:0;font-size:16px}.scenarios-app .materi-analogy strong{color:var(--fg1)}.scenarios-app .materi-note{border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--fg2);background:#5ba0ff14;border-left:3px solid #5ba0ff;padding:10px 14px;font-size:13px;line-height:1.55}.scenarios-app .materi-syntax .ms-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10px;font-weight:700}.scenarios-app .materi-syntax pre{border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:#ff6b9d;white-space:pre-wrap;background:#0f172a;margin:0;padding:14px;font-size:13px;line-height:1.6}.scenarios-app .materi-handoff{background:var(--bg-muted);border-radius:var(--radius-lg);align-items:center;gap:10px;padding:12px 14px;display:flex}.scenarios-app .mh-quote{color:var(--fg2);font-size:13px;line-height:1.5}.scenarios-app .mh-quote strong{color:var(--fg1)}.scenarios-app .materi-empty{text-align:center;color:var(--fg2);flex-direction:column;align-items:center;gap:14px;padding:40px 20px;font-size:14px;display:flex}.scenarios-app .materi-empty .me-icon{font-size:40px}.scenarios-app .materi-check{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;transition:border-color .25s,background .25s}.scenarios-app .materi-check.is-ok{border-color:var(--btn-green-front);background:#22c55e0d}.scenarios-app .mc-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.scenarios-app .mc-spark{color:var(--orange-400);font-size:12px}.scenarios-app .mc-q{color:var(--fg1);margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.45}.scenarios-app .mc-opts{flex-direction:column;gap:8px;display:flex}.scenarios-app .mc-opt{text-align:left;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);color:var(--fg1);cursor:pointer;transition:all .15s var(--ease-push);min-height:44px;padding:11px 14px;font-size:13px}.scenarios-app .mc-opt:hover{border-color:var(--border-strong);background:var(--bg)}.scenarios-app .mc-opt.right{border-color:var(--btn-green-front);color:var(--fg1);cursor:default;background:#22c55e1f;font-weight:600}.scenarios-app .mc-opt.right:after{content:" ✓";color:var(--btn-green-front);font-weight:800}.scenarios-app .mc-opt.miss{border-color:var(--orange-300);background:#f9731612}.scenarios-app .mc-feedback{border-radius:var(--radius-md);margin-top:10px;padding:10px 12px;font-size:13px;line-height:1.5}.scenarios-app .mc-feedback.ok{color:var(--fg1);background:#22c55e1a}.scenarios-app .mc-feedback.nudge{color:var(--fg2);background:#f9731614}.scenarios-app .mc-feedback code{font-family:var(--font-mono);color:var(--code-inline);background:#de005114;border-radius:4px;padding:1px 5px;font-size:12px}@supports (padding:env(safe-area-inset-bottom)){.scenarios-app .topnav{padding-top:calc(14px + env(safe-area-inset-top))}.scenarios-app .float-dock{bottom:calc(12px + env(safe-area-inset-bottom))}.scenarios-app .preview-pane .wa,.scenarios-app .preview-pane .pesan{padding-bottom:calc(18px + env(safe-area-inset-bottom))}}@media (width<=640px){.scenarios-app .icon-btn{width:44px;height:44px}.scenarios-app .ghost-btn{min-height:40px;padding:10px 14px}.scenarios-app .dock-btn{width:46px;height:46px}.scenarios-app .tab-btn,.scenarios-app .editor-tabs .tab{min-height:40px}.scenarios-app .reply-composer .send-btn{width:44px;height:44px}.scenarios-app .reply-composer input{padding:12px 16px}.scenarios-app .reply-composer .preset-chip{padding:8px 12px}.scenarios-app .gig-row{min-height:56px}.scenarios-app .search-box input{min-height:28px;padding:4px 0}.scenarios-app .demo-jump-rail{bottom:calc(12px + env(safe-area-inset-bottom))!important}.scenarios-app input,.scenarios-app textarea,.scenarios-app select{font-size:16px}.scenarios-app .editable-code-wrap .edit-layer,.scenarios-app .editable-code-wrap .hl-layer{font-size:13px}}.scenarios-app{min-height:100dvh}.scenarios-app .cr-typing .typing-indicator span,.scenarios-app .review-typing .typing-indicator span{background:currentColor;border-radius:50%;width:6px;height:6px;margin:0 2px;animation:1.2s ease-in-out infinite scn-typing;display:inline-block}.scenarios-app .cr-typing .typing-indicator span:nth-child(2),.scenarios-app .review-typing .typing-indicator span:nth-child(2){animation-delay:.15s}.scenarios-app .cr-typing .typing-indicator span:nth-child(3),.scenarios-app .review-typing .typing-indicator span:nth-child(3){animation-delay:.3s}.scenarios-app .big-badge.rarity-rare,.scenarios-app .badge.rarity-rare{box-shadow:0 0 26px #a78bfa73}.scenarios-app .big-badge.rarity-uncommon,.scenarios-app .badge.rarity-uncommon{box-shadow:0 0 20px #60d2f961}.scenarios-app .big-badge.rarity-common,.scenarios-app .badge.rarity-common{box-shadow:0 0 16px #94a3b847}.scenarios-app .intro-modal .spec-body{color:var(--fg2);margin-bottom:12px;font-size:13px;line-height:1.6}.scenarios-app .intro-modal .spec-body p{margin:0 0 8px}.scenarios-app .intro-modal .spec-body ul{margin:6px 0;padding-left:18px}.scenarios-app .intro-modal .spec-body li{margin:3px 0}.scenarios-app .intro-modal .spec-body strong{color:var(--fg1)}.scenarios-app .intro-modal .spec-body code{font-family:var(--font-mono);color:var(--code-inline);font-size:.85em}.scenarios-app .sc-chat{background:var(--bg);height:100%;min-height:0;font-family:var(--font-sans);flex-direction:column;display:flex}.scenarios-app .sc-chat-head{border-bottom:1px solid var(--border);flex-shrink:0}.scenarios-app .sc-avatar-initials{width:100%;height:100%;color:var(--fg2);justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.scenarios-app .sc-online{color:#34d399;text-transform:uppercase;letter-spacing:.06em;margin-left:2px;font-size:10px;font-weight:700}.scenarios-app .sc-sound{color:var(--fg3);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px;display:inline-flex}.scenarios-app .sc-sound:hover{background:var(--bg-muted);color:var(--fg1)}.scenarios-app .sc-chat .dm-thread{flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}.scenarios-app .sc-composer{flex-shrink:0;gap:10px;padding:12px 16px}.scenarios-app .sc-composer-input{background:var(--bg-muted);border:1px solid var(--border);min-width:0;color:var(--fg1);border-radius:999px;outline:none;flex:1;padding:9px 16px;font-family:inherit;font-size:14px}.scenarios-app .sc-composer-input:focus{border-color:var(--orange-400)}.scenarios-app .sc-send{background:var(--orange-500);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:inline-flex}.scenarios-app .sc-send:hover:not(:disabled){background:var(--orange-600)}.scenarios-app .sc-send:disabled{opacity:.4;cursor:default}.scenarios-app .sc-fab{z-index:119;cursor:pointer;background:var(--orange-500);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .18s,box-shadow .18s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #f9731666}.scenarios-app .sc-fab:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 12px 28px #f9731680}.scenarios-app .sc-fab-badge{color:#fff;border:2px solid var(--bg);min-width:20px;height:20px;font-size:11px;font-weight:800;font-family:var(--font-sans);background:#fb7185;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex;position:absolute;top:-2px;right:-2px}.scenarios-app .sc-drawer{z-index:121;background:var(--bg);border-left:1px solid var(--border);width:min(400px,100vw);height:100dvh;transition:transform .28s var(--ease-push,cubic-bezier(.22,1,.36,1));flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-16px 0 48px #00000047}.scenarios-app .sc-drawer-open{transform:translate(0)}.scenarios-app .sc-drawer-head{border-bottom:1px solid var(--border);background:var(--bg-elev);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.scenarios-app .sc-drawer-title{color:var(--fg1);align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.scenarios-app .sc-drawer-close{color:var(--fg3);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;display:inline-flex}.scenarios-app .sc-drawer-close:hover{background:var(--bg-muted);color:var(--fg1)}.scenarios-app .sc-drawer-body{flex:1;min-height:0}.scenarios-app .sc-drawer-scrim{z-index:120;animation:scn-surfaceFadeIn .2s var(--ease-push,ease);background:#0006;position:fixed;inset:0}