:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f2ec;--card:#fff;--card-soft:#fbfaf7;--text:#282522;--muted:#716b64;--border:#ded6ca;--primary:#302a24;--primary-soft:#ebe3d7;--rain:#dce8ec;--wind:#e3eadf;--sun:#f4d281;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}.page{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:16px}.shell{flex-direction:column;gap:20px;display:flex}.topbar,.row,.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar{flex-wrap:nowrap;padding:4px 0}.home-topbar,.screen-topbar{justify-content:flex-start}.title-block{flex:auto;min-width:96px}.screen-title{flex:auto;min-width:0}.nav-actions{flex-wrap:wrap;justify-content:flex-end}.brand{letter-spacing:0;font-size:28px;font-weight:800}.tagline{color:var(--muted);margin:4px 0 0}.screen-title{font-size:24px;font-weight:800}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:16px}.card+.card{margin-top:20px}.section-title{margin:0 0 12px;font-size:16px;font-weight:750}.muted{color:var(--muted)}.helper{color:var(--muted);margin:8px 0 0;font-size:13px}.helper.error{color:#7b2f2f}.result-image-heading{margin-bottom:12px}.image-action-row{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.result-fit-block{gap:14px;display:grid}.result-outfit-panel{gap:10px;display:grid}.monk-tone-control{margin-top:8px}.monk-tone-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.monk-tone-button{aspect-ratio:1;background:var(--tone);cursor:pointer;border:2px solid #0000;border-radius:999px;width:100%;box-shadow:inset 0 0 0 1px #1a1f242e,0 4px 10px #1a1f241a}.monk-tone-button.selected{border-color:var(--ink);box-shadow:inset 0 0 0 2px #ffffffd1, 0 0 0 2px var(--ink)}.monk-tone-button:disabled{cursor:not-allowed;opacity:.55}.monk-tone-meta{justify-content:center;margin-top:10px;display:flex}.compact-action{width:auto;padding:6px 8px}.reset-pill{border:1px solid var(--border);border-radius:999px;padding:7px 14px}.debug-page{width:min(100%,860px)}.debug-home-link{text-decoration:none}.debug-label{color:var(--muted);margin:16px 0 8px;font-size:13px;font-weight:800;display:block}.debug-event-list{gap:12px;display:grid}.debug-event{border:1px solid var(--border);background:var(--card-soft);border-radius:16px;padding:12px}.debug-event-header{align-items:flex-start}.debug-status{border:1px solid var(--border);background:var(--card);color:var(--muted);text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.debug-status.success{background:var(--wind);color:#485846}.debug-status.error{color:#743232;background:#f4dddd}.debug-status.skipped{background:var(--primary-soft);color:var(--text)}.debug-json{color:#f8f2e8;white-space:pre-wrap;word-break:break-word;background:#201d1a;border-radius:12px;max-height:320px;margin:8px 0 0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.weather-temp-row{align-items:center;gap:10px;margin:12px 0 4px;display:flex}.weather-temp{margin:0;font-size:34px;font-weight:800}.unit-toggle{border:1px solid var(--border);background:var(--card-soft);width:42px;min-width:42px;height:34px;color:var(--text);border-radius:999px;font-size:13px;font-weight:900}.weather-title-row{align-items:flex-start;gap:8px;display:flex}.weather-title-row .section-title{margin-bottom:0}.arrow-button{border:1px solid var(--border);background:var(--card-soft);width:32px;min-width:32px;height:32px;color:var(--text);border-radius:999px;font-weight:900;line-height:1}.weather-pictogram{border:1px solid var(--border);background:var(--card-soft);width:86px;min-height:82px;color:var(--muted);text-align:center;border-radius:18px;place-items:center;gap:4px;padding:8px;font-size:12px;font-weight:800;display:grid}.weather-accent{background:var(--wind);color:#485846;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:12px;padding:8px 12px;display:flex}.weather-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.weather-metrics div{border:1px solid var(--border);background:var(--card-soft);text-align:center;border-radius:14px;place-items:center;gap:3px;min-height:52px;display:grid}.weather-metrics span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:850}.weather-metrics strong{color:var(--text);font-size:14px;font-weight:900}.chip-grid{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--border);background:var(--card);min-height:42px;color:var(--text);border-radius:999px;padding:0 14px;font-weight:600}.chip.selected{background:var(--primary-soft);border-color:#a49381;font-weight:800}.primary,.secondary,.ghost{border:1px solid #0000;border-radius:999px;width:100%;min-height:48px;padding:0 16px;font-weight:800}.primary{background:var(--primary);color:#fff}.primary:disabled{cursor:not-allowed;opacity:.42}.secondary{background:var(--card);border-color:var(--border);color:var(--text)}.ghost{color:var(--text);background:0 0;border-color:#0000}.icon-button{border:1px solid var(--border);background:var(--card);width:auto;min-height:40px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:800;display:inline-flex}.topbar-plain-button{min-width:40px;color:var(--text);-webkit-tap-highlight-color:transparent;background:0 0;border-color:#0000;padding:0 8px;text-decoration:none}.topbar-nav-button{flex:none;min-height:44px;font-size:16px}.topbar .tier-chip{flex:none;margin-left:auto}.topbar .inline-icon{color:var(--text);stroke:currentColor}.icon-only-button{width:40px;padding:0}.inline-icon{flex:none}.icon-label{justify-content:center;align-items:center;gap:7px;display:inline-flex}.tier-chip,.mini-edit{border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;gap:5px;width:auto;min-height:30px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.tier-chip.free{color:#7b4a3f;background:#f1e5e1}.tier-chip.paid{background:var(--wind);color:#3e5a43}.mini-edit{background:var(--card);color:var(--text)}.field{border:1px solid var(--border);background:var(--card-soft);width:100%;color:var(--text);border-radius:16px;padding:12px 14px}.weather-window-row{color:var(--muted);align-items:center;gap:8px;margin:8px 0 12px;font-size:13px;font-weight:700;display:inline-flex}.range-pair{gap:6px;display:grid}textarea.field{resize:vertical;min-height:76px}.nav-list{gap:8px;display:grid}.action-list{gap:12px;display:grid}.action-row{grid-template-columns:44px 1fr auto;align-items:center;gap:12px;display:grid}.action-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:grid}.arrow-button,.arrow-nav{place-items:center;display:inline-grid}.nav-item{background:var(--card);color:var(--text);text-align:left;border:0;border-radius:16px;padding:14px 0}.loading-panel{text-align:center;place-items:center;min-height:60vh;display:grid}.dots:after{content:"";animation:1.15s step-end infinite loading-dots}.dots{text-align:left;width:1.5em;display:inline-block}@keyframes loading-dots{0%{content:"."}33%{content:".."}66%,to{content:"..."}}.loading-label{opacity:0;justify-content:center;align-items:center;gap:8px;transition:opacity 2s linear;display:inline-flex}.loading-label.visible{opacity:1}.loading-sequence{justify-content:center;align-items:center;gap:8px;display:inline-flex}.loading-sequence-text{opacity:0}.loading-sequence-text.transient{animation:5s linear both loading-sequence-transient}.loading-sequence-text.final{animation:2s linear both loading-sequence-final}.tiny-spinner{border:2px solid #1a1f242e;border-top-color:var(--primary);border-radius:999px;width:13px;height:13px;animation:.85s linear infinite tiny-spin}@keyframes tiny-spin{to{transform:rotate(360deg)}}@keyframes loading-sequence-transient{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes loading-sequence-final{0%{opacity:0}to{opacity:1}}.image-card{aspect-ratio:4/5;border:1px solid var(--border);background:linear-gradient(135deg, #f4d28159, #dce8ec73), var(--card-soft);text-align:center;border-radius:24px;place-items:center;padding:20px;display:grid}.image-card.pending{background:var(--rain)}.image-card.compact{aspect-ratio:auto;min-height:96px;padding:12px}.image-card.failed{background:#f1e5e1}.generated-image{object-fit:cover;width:100%;height:auto}.outfit-row,.settings-row{border-top:1px solid #eee8df;grid-template-columns:92px 1fr;gap:10px;padding:8px 0;display:grid}.outfit-row:first-child,.settings-row:first-child{border-top:0}.label{color:var(--muted);font-weight:700}.dialog-backdrop{z-index:20;background:#28252252;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:28px;width:min(100%,430px);padding:18px;box-shadow:0 24px 70px #0003}.fit-card{gap:12px;display:grid}.fit-thumb{aspect-ratio:4/5;border:1px solid var(--border);background:linear-gradient(135deg, var(--wind), var(--sun));width:100%;color:var(--muted);object-fit:cover;border-radius:18px;place-items:center;font-size:13px;display:grid;overflow:hidden}.generated-fit-thumb{background:var(--card-soft);height:auto;max-height:560px;display:block}.details{border-top:1px solid #eee8df;gap:12px;padding-top:12px;display:grid}.note{color:var(--muted);background:#f4efe7;border-radius:18px;padding:12px}.loading-strip{background:var(--card-soft);border:1px solid var(--border);border-radius:18px;margin-top:12px;padding:14px}.mock-controls{gap:8px;display:grid}.progress{grid-template-columns:1fr auto;align-items:center;gap:12px;display:grid}.progress-dots{letter-spacing:4px;color:#9a8774}.scale-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.scale-grid .chip{width:100%;min-width:0;padding:0}.quiz-nav-row{grid-template-columns:56px 1fr;align-items:center;gap:10px;display:grid}.arrow-nav{width:100%;min-height:48px;padding:0;font-size:18px}.desktop-grid{gap:20px;display:grid}.offline-banner{z-index:50;color:#fffaf3;text-align:center;background:#302a24;padding:10px 14px;font-size:14px;line-height:1.35;position:sticky;top:0}@media (min-width:900px){.page{padding-block:28px}}