:root{--color-bg:#f2f6fc;--color-surface:#e4ecf7;--color-text:#0a1b33;--color-divider:#d3dfee;--color-accent:#0f2449;--color-accent-900:#e7ecf5;--color-accent-800:#ccd7e8;--color-accent-700:#9aaecb;--color-accent-600:#456391;--color-accent-500:#0f2449;--color-accent-400:#0c1d3b;--color-accent-300:#09172e;--color-accent-200:#061022;--color-accent-100:#040b17;--color-neutral-900:#eef2f7;--color-neutral-800:#dce4ef;--color-neutral-700:#c3cfe0;--color-neutral-600:#5c6c86;--color-neutral-500:#4b5b74;--color-neutral-400:#39485f;--color-neutral-300:#27364d;--color-neutral-200:#19273d;--color-neutral-100:#0a1b33;--shadow-sm:0 1px 2px #0a1b330f;--shadow-md:0 2px 8px #0a1b3317;--shadow-lg:0 8px 24px #0a1b331f;--font-heading:"Inter", system-ui, sans-serif;--font-heading-weight:500;--font-body:"Inter", system-ui, sans-serif;--font-mono:ui-monospace, Menlo, monospace;--space-1:3px;--space-2:6px;--space-3:8px;--space-4:11px;--space-6:17px;--space-8:22px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#040c1c;--color-surface:#0a1830;--color-text:#eef3fb;--color-divider:#16284a;--color-accent:#3f6fba;--color-accent-900:#0b1c39;--color-accent-800:#122645;--color-accent-700:#1d3a66;--color-accent-600:#2e5896;--color-accent-500:#3f6fba;--color-accent-400:#6f9ad9;--color-accent-300:#a2c0ea;--color-accent-200:#cfdef7;--color-accent-100:#e9f0fb;--color-neutral-900:#0a1932;--color-neutral-800:#16284a;--color-neutral-700:#233a61;--color-neutral-600:#8ea3c4;--color-neutral-500:#a6b8d4;--color-neutral-400:#bdcbe1;--color-neutral-300:#d3dded;--color-neutral-200:#e5ebf6;--color-neutral-100:#f4f7fd;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 2px 10px #0006;--shadow-lg:0 10px 28px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:#040c1c;--color-surface:#0a1830;--color-text:#eef3fb;--color-divider:#16284a;--color-accent:#3f6fba;--color-accent-900:#0b1c39;--color-accent-800:#122645;--color-accent-700:#1d3a66;--color-accent-600:#2e5896;--color-accent-500:#3f6fba;--color-accent-400:#6f9ad9;--color-accent-300:#a2c0ea;--color-accent-200:#cfdef7;--color-accent-100:#e9f0fb;--color-neutral-900:#0a1932;--color-neutral-800:#16284a;--color-neutral-700:#233a61;--color-neutral-600:#8ea3c4;--color-neutral-500:#a6b8d4;--color-neutral-400:#bdcbe1;--color-neutral-300:#d3dded;--color-neutral-200:#e5ebf6;--color-neutral-100:#f4f7fd;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 2px 10px #0006;--shadow-lg:0 10px 28px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.55}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);letter-spacing:-.01em;margin:0;line-height:1.15}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}input:focus-visible,textarea:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a{color:var(--color-accent-300)}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}.screen{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative}.screen-content{flex-direction:column;flex:1;gap:16px;padding:0 18px 16px;display:flex;overflow-y:auto}.screen-content.centered{flex-direction:column;flex:1;justify-content:center;gap:20px;padding:0 22px;display:flex}.screen-footer{border-top:1px solid var(--color-neutral-900);flex-direction:column;gap:8px;padding:12px 18px 28px;display:flex}.topbar{align-items:center;gap:12px;padding:16px 18px 8px;display:flex}.topbar-titles{flex-direction:column;display:flex}.topbar-eyebrow{font:400 10.5px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-500)}.topbar-title{font:500 23px/1.2 var(--font-heading);letter-spacing:-.01em;margin:2px 0 0}.btn{cursor:pointer;border-radius:var(--radius-md);font:500 15px var(--font-body);color:var(--color-text);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;transition:background .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{border-color:var(--color-accent);color:var(--color-accent-200);background:0 0}.btn-primary:hover:not(:disabled){background:var(--color-accent-900)}.btn-secondary{border-color:var(--color-neutral-800);color:var(--color-neutral-300);padding:12px;font-size:13.5px}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent-700);color:var(--color-accent-200)}.btn-ghost{color:var(--color-neutral-500);font:400 12.5px var(--font-body);background:0 0;border:0;width:auto;padding:8px}.btn-ghost:hover{color:var(--color-neutral-300)}.btn-icon{border:1px solid var(--color-neutral-800);width:36px;min-width:36px;height:36px;color:var(--color-neutral-300);background:0 0;border-radius:999px;padding:0}.btn-icon:hover:not(:disabled){border-color:var(--color-accent-700);color:var(--color-accent-200)}.btn-icon-accent{border-color:var(--color-accent);color:var(--color-accent-200)}.btn-row{gap:8px;width:100%;display:flex}.chip{cursor:pointer;font:500 12.5px var(--font-body);border:1px solid var(--color-neutral-800);color:var(--color-neutral-400);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:9px 13px;display:inline-flex}.chip.active{background:var(--color-accent-900);border-color:var(--color-accent);color:var(--color-accent-200)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip-row.scroll{flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.seg{gap:6px;display:flex}.seg-opt{border-radius:var(--radius-md);cursor:pointer;font:500 12.5px var(--font-body);background:var(--color-surface);border:1px solid var(--color-neutral-800);color:var(--color-neutral-400);text-align:center;flex:1;padding:11px 6px}.seg-opt.active{background:var(--color-accent-900);border-color:var(--color-accent);color:var(--color-accent-200)}.card-opt{border-radius:var(--radius-md);cursor:pointer;text-align:left;background:var(--color-surface);border:1px solid var(--color-neutral-800);width:100%;color:var(--color-text);flex-direction:column;align-items:flex-start;gap:2px;padding:13px;display:flex}.card-opt.active{background:var(--color-accent-900);border-color:var(--color-accent);color:var(--color-accent-200)}.card-opt .sub{color:var(--color-neutral-500);font-size:11.5px}.field{flex-direction:column;gap:5px;display:flex}.field label,.field-label{font:500 11.5px var(--font-body);color:var(--color-neutral-400)}.input{border-radius:var(--radius-md);border:1px solid var(--color-neutral-800);background:var(--color-surface);width:100%;color:var(--color-text);font:400 14px var(--font-body);padding:12px 13px}.input:hover{border-color:var(--color-neutral-700)}textarea.input{resize:none;min-height:72px}input[type=range]{width:100%;accent-color:var(--color-accent)}.card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:14px;display:flex}.row-btn{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;text-align:left;width:100%;color:var(--color-text);font:inherit;border:0;align-items:center;gap:12px;padding:13px;display:flex}.row-btn:hover{box-shadow:var(--shadow-md)}.info-box{border-radius:var(--radius-md);background:var(--color-accent-900);color:var(--color-accent-200);align-items:flex-start;gap:8px;padding:11px;font-size:12px;line-height:1.5;display:flex}.info-box svg{color:var(--color-accent-300);flex:none;margin-top:1px}.toggle-track{cursor:pointer;background:var(--color-neutral-900);border:1px solid var(--color-neutral-800);border-radius:999px;flex:none;justify-content:flex-start;align-items:center;width:44px;height:26px;padding:3px;display:flex}.toggle-track.on{background:var(--color-accent-800);border-color:var(--color-accent-600);justify-content:flex-end}.toggle-knob{background:var(--color-neutral-600);border-radius:999px;width:18px;height:18px;display:block}.toggle-track.on .toggle-knob{background:var(--color-accent-300)}.stepper{gap:6px;padding-top:8px;display:flex}.step-bar{background:var(--color-neutral-800);border-radius:999px;flex:1;height:3px}.step-bar.filled{background:var(--color-accent)}.tabbed-shell,.tabbed-shell>:first-child{flex-direction:column;flex:1;min-height:0;display:flex}.tabbar{padding:8px 8px calc(env(safe-area-inset-bottom,0px) + 10px);border-top:1px solid var(--color-neutral-900);background:var(--color-bg);display:flex;position:sticky;bottom:0}.chat-fab{right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 78px);z-index:40;background:var(--color-bg);border:1px solid var(--color-accent);width:52px;height:52px;color:var(--color-accent-200);box-shadow:var(--shadow-md);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex;position:absolute}.chat-fab:hover{background:var(--color-accent-900)}.chat-fab:active{transform:scale(.94)}.tab-item{cursor:pointer;font:500 9.5px var(--font-body);color:var(--color-neutral-600);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;display:flex}.tab-item.active{color:var(--color-accent)}.color-dot{border:1px solid var(--color-neutral-700);border-radius:999px;flex:none;width:13px;height:13px;display:inline-block}.src-chip{font:400 10px var(--font-mono);border:1px solid var(--color-neutral-800);color:var(--color-neutral-500);border-radius:999px;flex:none;padding:3px 7px}.src-chip.owned{border-color:var(--color-accent-700);color:var(--color-accent-300)}.placeholder-art{border-radius:var(--radius-md);border:1px solid var(--color-neutral-800);background:repeating-linear-gradient(135deg, var(--color-bg) 0 6px, var(--color-neutral-900) 6px 12px);font:400 10px var(--font-mono);letter-spacing:.08em;color:var(--color-neutral-500);text-transform:uppercase;justify-content:center;align-items:center;display:flex}.empty-tile{aspect-ratio:3/4;border-radius:var(--radius-md);border:1px dashed var(--color-neutral-800)}.closet-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.closet-tile{aspect-ratio:3/4;border-radius:var(--radius-md);border:1px solid var(--color-neutral-800);background:repeating-linear-gradient(135deg, var(--color-bg) 0 5px, var(--color-neutral-900) 5px 10px);align-items:flex-end;padding:6px;display:flex;position:relative}.tile-actions{gap:4px;display:flex;position:absolute;top:5px;right:5px}.tile-icon-btn{border:1px solid var(--color-neutral-700);background:var(--color-surface);width:24px;height:24px;color:var(--color-neutral-300);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:999px;justify-content:center;align-items:center;display:flex}.tile-icon-btn:hover{border-color:var(--color-accent);color:var(--color-accent-300)}.pack-check{border-radius:var(--radius-sm);border:1px solid var(--color-neutral-700);width:20px;height:20px;color:var(--color-accent-200);background:0 0;flex:none;justify-content:center;align-items:center;display:flex}.pack-check.checked{background:var(--color-accent-800);border-color:var(--color-accent-600)}.progress{background:var(--color-neutral-900);border-radius:999px;height:3px;overflow:hidden}.progress>span{background:var(--color-accent);border-radius:999px;height:100%;display:block}.center-column{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.link-btn{color:var(--color-neutral-500);cursor:pointer;font:inherit;background:0 0;border:0}.link-btn:hover{color:var(--color-accent-300)}.state-banner{border:1px solid var(--color-neutral-800);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;color:var(--color-neutral-400);font:inherit;background:0 0;align-items:center;gap:8px;padding:11px;display:flex}.state-banner:hover{border-color:var(--color-accent-700)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wf-fall{0%{opacity:0;transform:translateY(-20px)}12%{opacity:1}to{opacity:0;transform:translateY(240px)}}@keyframes wf-fall-long{0%{opacity:0;transform:translateY(-30px)}10%{opacity:.9}to{opacity:0;transform:translateY(900px)}}@keyframes wf-glow{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes wf-drift{0%{transform:translate(0)}to{transform:translate(18px)}}@keyframes wf-drift-fall{0%{opacity:0;transform:translateY(-20px)}12%{opacity:1}50%{transform:translate(14px,110px)}to{opacity:0;transform:translate(-6px,240px)}}@keyframes wf-drift-long{0%{opacity:0;transform:translateY(-30px)}8%{opacity:.9}50%{transform:translate(20px,420px)}to{opacity:0;transform:translate(-10px,900px)}}@keyframes wf-gust{0%{opacity:0;transform:translate(0)}25%{opacity:.9}to{opacity:0;transform:translate(220%)}}.loading-spinner{min-height:100dvh;color:var(--color-neutral-500);justify-content:center;align-items:center;display:flex}