:root{--bg:#f7f5f2;--surface:#fff;--text:#1d1b18;--muted:#6b665e;--border:#e4dfd7;--accent:#2f4a3a;--accent-text:#fff;--warn-bg:#fdf3dc;--warn-text:#7a5410;--error:#a3281d;--radius:12px;--shadow:0 1px 2px #0000000d, 0 2px 8px #0000000a;color:var(--text);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#161513;--surface:#211f1c;--text:#ece8e1;--muted:#a39d93;--border:#35322d;--accent:#8fbf9f;--accent-text:#10201a;--warn-bg:#3a2f17;--warn-text:#f0cf88;--error:#f08a7e}}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.875rem}.center{text-align:center}.error{color:var(--error);margin:0}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6rem 1rem}button:disabled{opacity:.6;cursor:default}.primary{background:var(--accent);color:var(--accent-text);font-weight:600}.secondary{background:var(--surface);color:var(--text);border-color:var(--border);font-weight:600}.wide{width:100%}.link-button{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}input,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:.6rem .75rem}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{min-height:100vh}.header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1rem;display:flex}.brand{letter-spacing:-.02em;color:var(--text);font-size:1.25rem;font-weight:800;text-decoration:none}.nav{gap:1rem;display:flex}.nav a{color:var(--muted);border-bottom:2px solid #0000;padding:.25rem 0;font-weight:500;text-decoration:none}.nav a.active{color:var(--text);border-bottom-color:var(--accent)}.account{align-items:center;gap:.75rem;margin-left:auto;display:flex}.banner{background:var(--warn-bg);color:var(--warn-text);padding:.6rem 1rem;font-size:.9rem}.banner a{color:inherit;font-weight:600}.main{max-width:1040px;margin:0 auto;padding:1.5rem 1rem 3rem}.login{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;box-shadow:var(--shadow);gap:1rem;padding:2rem 1.5rem;display:grid}.login-card p{margin:0}.brand-large{letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800}.divider{color:var(--muted);align-items:center;gap:.75rem;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.tabs{background:var(--bg);border-radius:8px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.tab{color:var(--muted);background:0 0;padding:.45rem}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600}.form{gap:.9rem;display:grid}.form label{gap:.3rem;font-size:.95rem;font-weight:500;display:grid}@media (width<=560px){.header{gap:.75rem}.account{justify-content:space-between;width:100%;margin-left:0}}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.page-head p{margin:0}.group{margin-top:1.75rem}.group-title{align-items:baseline;gap:.5rem;font-size:1.05rem;display:flex}.empty{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;padding:2rem}.empty p{max-width:46ch;margin:.5rem auto 0}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;display:grid}.item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.item-photo{aspect-ratio:4/5;object-fit:cover;background:var(--bg);width:100%;display:block}.item-photo.placeholder{place-items:center;display:grid}.placeholder-icon{background:#ffffffd9;border-radius:50%;place-items:center;width:4.5rem;height:4.5rem;font-size:2.5rem;display:grid}.item-photo.pending{position:relative}.item-photo.pending img{object-fit:cover;opacity:.45;width:100%;height:100%}.pending-label{text-align:center;font-size:.9rem;font-weight:600;animation:1.4s ease-in-out infinite pulse;position:absolute;inset:auto 0 .75rem}@keyframes pulse{50%{opacity:.4}}.item-body{gap:.15rem;padding:.65rem .75rem .8rem;display:grid}.item-body p{margin:0}.item-name{text-transform:capitalize;margin:0;font-size:.95rem;font-weight:600}.item-meta{font-size:.82rem}.item-remove{color:var(--muted);justify-self:start;margin-top:.35rem}@media (width<=560px){.grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.item-photo{aspect-ratio:1}h1{font-size:1.5rem}}.outfit-page{max-width:820px;margin:0 auto}.outfit-page>p{margin-top:0}.outfit-form{gap:.6rem;margin-top:1rem;display:grid}.outfit-form textarea{resize:vertical;font-size:1.05rem}.outfit-form-row{grid-template-columns:1fr auto;gap:.6rem;display:grid}.examples{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.chip.static{cursor:default}.thinking{margin-top:1.5rem;animation:1.6s ease-in-out infinite pulse}.result{gap:1rem;margin-top:2rem;display:grid}.result-chips{flex-wrap:wrap;gap:.5rem;display:flex}.outfit-row{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.outfit-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;overflow:hidden}.outfit-item figcaption{gap:.1rem;padding:.5rem .65rem .65rem;display:grid}.explanation{margin:0;font-size:1.05rem}.warnings{background:var(--warn-bg);color:var(--warn-text);border-radius:8px;margin:0;padding:.75rem 1rem .75rem 2rem}.trace{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem}.trace summary{cursor:pointer;font-weight:600}.trace ol{gap:.35rem;margin:.75rem 0;padding-left:1.25rem;display:grid}.trace p{margin:0}@media (width<=560px){.outfit-form-row{grid-template-columns:1fr}.outfit-row{grid-template-columns:repeat(2,1fr)}}.live{margin-top:1.5rem}.live-steps{gap:.4rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.live-steps li{padding-left:1.6rem;animation:.25s ease-out fade-in;position:relative}.live-steps li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:.2rem}.live .thinking{margin:0;padding-left:1.6rem}@keyframes fade-in{0%{opacity:0;transform:translateY(-3px)}}