:root{--grey-0:#fff;--grey-25:#fafafc;--grey-50:#f3f3f7;--grey-100:#e8e8ef;--grey-200:#d6d6e0;--grey-400:#8b8b9e;--grey-500:#6a6a7c;--grey-700:#3a3a48;--grey-800:#1c1c26;--grey-900:#111119;--grey-950:#08080c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:30px;--space-7:40px;--space-8:54px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-pill:999px;--text-xs:12px;--text-sm:13.5px;--text-md:16px;--text-lg:18px;--text-xl:clamp(26px, 7vw, 36px);--text-dare:clamp(24px, 6.2vw, 31px);--weight-normal:400;--weight-bold:700;--track-wide:.18em;--track-wider:.42em;--dur-fast:.14s;--dur-med:.24s;--ease:cubic-bezier(.4, 0, .2, 1);--border-w:1.5px;--bg:var(--grey-25);--surface:var(--grey-0);--surface-2:var(--grey-50);--border:var(--grey-100);--border-strong:var(--grey-200);--ink:var(--grey-950);--ink-dim:var(--grey-500);--ink-muted:var(--grey-400);--accent:var(--accent-light,#c2185b);--on-accent:var(--grey-0);--glow-opacity:.16;--shadow-card:0 1px 2px #1010200f, 0 12px 32px #10102014;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--grey-950);--surface:var(--grey-900);--surface-2:var(--grey-800);--border:#ffffff17;--border-strong:#ffffff29;--ink:var(--grey-0);--ink-dim:#9a9aab;--ink-muted:var(--grey-500);--accent:var(--accent-dark,#ff5a7a);--on-accent:#12060a;--glow-opacity:.26;--shadow-card:0 1px 2px #0006, 0 16px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--grey-950);--surface:var(--grey-900);--surface-2:var(--grey-800);--border:#ffffff17;--border-strong:#ffffff29;--ink:var(--grey-0);--ink-dim:#9a9aab;--ink-muted:var(--grey-500);--accent:var(--accent-dark,#ff5a7a);--on-accent:#12060a;--glow-opacity:.26;--shadow-card:0 1px 2px #0006, 0 16px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--text-md);-webkit-font-smoothing:antialiased;transition:background var(--dur-med) var(--ease), color var(--dur-med) var(--ease);margin:0}#root:before{content:"";background:radial-gradient(circle, var(--accent) 0%, transparent 66%);width:112vmin;height:112vmin;opacity:var(--glow-opacity);pointer-events:none;transition:opacity var(--dur-med) var(--ease), background var(--dur-med) var(--ease);border-radius:50%;position:fixed;inset:-46vmin 0 auto 50%;translate:-50%}.shell{max-width:560px;padding:var(--space-6) var(--space-5) var(--space-8);flex-direction:column;min-height:100%;margin:0 auto;display:flex;position:relative}.top{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.wordmark{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--track-wider)}.top-right{align-items:center;gap:var(--space-3);display:flex}.count{font-size:var(--text-xs);color:var(--ink-muted)}.count b{color:var(--accent);font-variant-numeric:tabular-nums}.theme-btn{border-radius:var(--radius-pill);border:var(--border-w) solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--ink-dim);transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);place-items:center;font-size:15px;line-height:1;display:grid}.theme-btn:hover{border-color:var(--accent);color:var(--ink)}h1{font-size:var(--text-xl);letter-spacing:-.025em;margin:0 0 var(--space-3);line-height:1.1}.sub{color:var(--ink-dim);margin:0 0 var(--space-7);line-height:1.5}label{font-size:var(--text-xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--ink-muted);margin-bottom:var(--space-2);font-weight:var(--weight-bold);display:block}.field{margin-bottom:var(--space-5)}.input-wrap{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-md);padding:0 var(--space-4);transition:border-color var(--dur-fast) var(--ease);align-items:center;display:flex}.input-wrap:focus-within{border-color:var(--accent)}.input-wrap .at{color:var(--ink-muted);font-size:var(--text-lg);font-weight:var(--weight-bold)}input{min-width:0;color:var(--ink);font:inherit;font-size:var(--text-lg);padding:var(--space-4) var(--space-2);background:0 0;border:0;outline:none;flex:1}input::placeholder{color:var(--ink-muted);opacity:.7}button{font:inherit;cursor:pointer}.primary{width:100%;padding:var(--space-4);border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);font-size:var(--text-lg);font-weight:var(--weight-bold);transition:filter var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);border:0}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:disabled{opacity:.36;cursor:not-allowed}.ghost{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-sm);color:var(--ink-dim);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);font-weight:600}.ghost:hover{border-color:var(--accent);color:var(--ink)}.vibes{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.vibe{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:left;color:var(--ink);transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease)}.vibe:hover{border-color:var(--v);transform:translateY(-2px)}.vibe{--v:var(--v-light)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .vibe{--v:var(--v-dark)}}:root[data-theme=dark] .vibe{--v:var(--v-dark)}.vibe .name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--v);margin-bottom:var(--space-1);display:block}.vibe .hint{font-size:var(--text-sm);color:var(--ink-dim);line-height:1.4;display:block}.pill{border:var(--border-w) solid var(--accent);color:var(--accent);border-radius:var(--radius-pill);padding:7px var(--space-4);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.24em;margin-bottom:var(--space-4);align-items:center;display:inline-flex}.dare{font-size:var(--text-dare);font-weight:var(--weight-bold);letter-spacing:-.02em;margin:0 0 var(--space-6);line-height:1.22}.opener{background:var(--surface);border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.opener p{margin:0 0 var(--space-3);line-height:1.55}.row{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.row>*{flex:1;min-width:130px}.preview{border:var(--border-w) solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:var(--shadow-card);aspect-ratio:1080/1350;margin-bottom:var(--space-4);place-items:center;display:grid;overflow:hidden}.preview img{object-fit:cover;width:100%;height:100%;display:block}.preview .state{color:var(--ink-muted);font-size:var(--text-sm);padding:var(--space-5);text-align:center}.foot{padding-top:var(--space-7);color:var(--ink-muted);font-size:var(--text-xs);margin-top:auto;line-height:1.6}.err{color:var(--accent);font-size:var(--text-sm);margin:0 0 var(--space-4)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important}.vibe:hover{transform:none}}.preview .state-retry{margin:var(--space-5);flex:none}.handle-row{align-items:center;gap:var(--space-3);display:flex}.handle-row .input-wrap{flex:1;min-width:0}.slot-wrap{flex:none;position:relative}.slot{border-radius:var(--radius-pill);border:var(--border-w) dashed var(--border-strong);background:var(--surface);width:56px;height:56px;color:var(--ink-muted);font-size:21px;font-weight:var(--weight-bold);transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);place-items:center;padding:0;display:grid;overflow:hidden}.slot:hover,.slot[data-over=true]{border-color:var(--accent);color:var(--ink)}.slot:has(img){border-style:solid;border-color:var(--accent)}.slot img{object-fit:cover;width:100%;height:100%;display:block}.slot-clear{border-radius:var(--radius-pill);border:var(--border-w) solid var(--border);background:var(--surface-2);width:22px;height:22px;color:var(--ink-dim);place-items:center;padding:0;font-size:14px;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.slot-clear:hover{color:var(--ink);border-color:var(--accent)}.hint-line{color:var(--ink-muted);font-size:var(--text-sm);margin:0 0 var(--space-4);line-height:1.5}