:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#26332f;background:#f6f3ec;font-size:16px;line-height:1.45;color-scheme:light;--green:#2b5142;--muted:#647069;--line:#d8dcd2;--paper:#fffef9}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:auto;padding:20px 16px 30px}header{display:flex;align-items:center;gap:12px}h1{font-family:Georgia,serif;font-size:1.85rem;line-height:1.05;margin:0;font-weight:500;letter-spacing:-.04em}header p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.brand-mark{border:1px solid #9baca0;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:italic 24px Georgia,serif}.session-note{font-size:.75rem;color:var(--muted);margin:12px 0 16px}.control-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.field{display:flex;flex-direction:column;gap:4px;font-size:.78rem;font-weight:600;min-width:0}select{font:inherit;font-size:.87rem;color:inherit;background:var(--paper);border:1px solid #b9c3b9;border-radius:9px;padding:10px 6px;width:100%;min-height:44px;text-overflow:ellipsis}small{font-size:.73rem;color:var(--muted);font-weight:400}button,summary,select{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #a2692d;outline-offset:3px}section{margin-top:22px}.settings{margin:0}.section-title{display:flex;align-items:center;gap:9px;margin:0 0 12px}.section-title>span{color:#687b6b;font-size:.7rem;border:1px solid var(--line);width:24px;height:24px;display:grid;place-items:center;border-radius:50%}h2{font-family:Georgia,serif;font-size:1.4rem;margin:0;font-weight:500;letter-spacing:-.02em}.section-title>small{margin-left:auto}.shirt-preview{display:flex;align-items:center;gap:12px;min-height:80px;margin-bottom:12px;background:#eeeede;border-radius:12px;padding:8px 12px}.shirt-preview svg{width:64px;height:74px;flex-shrink:0}.shirt-preview strong{font-size:.78rem;font-weight:500;display:block}.shirt-preview small{display:block;font-size:.65rem;margin-top:3px}.shirt-preview p{margin:3px 0;font-size:.75rem}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:10px 0}.swatch{padding:4px 0;min-height:48px;background:transparent;border:1px solid transparent;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.64rem;line-height:1.15}.swatch i{display:grid;place-items:center;background:var(--swatch);width:22px;height:22px;border:1px solid #90968d;border-radius:50%;font-style:normal;color:#fff;text-shadow:0 1px 3px #000,0 0 2px #000}.swatch.chosen{border:2px solid var(--green);background:#e5ecdf;font-weight:700}.hint{font-size:.78rem;color:var(--muted);margin:10px 0}.category{margin:16px 0}h3{font-size:.87rem;font-weight:600;margin:0 0 7px}.options{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.option{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}.option.selected{border:2px solid var(--green);background:#edf2e7}.option>button{border:0;background:transparent;text-align:left;padding:11px 10px;width:100%;min-height:64px}.option-title{font-size:.83rem;display:block;font-weight:600}.option small{display:block;margin-top:4px;font-size:.67rem}.why{font-size:.73rem}.why>summary{padding:10px;min-height:44px;color:var(--green);cursor:pointer}.why ul{padding:0 16px 0 26px}.why li{margin:6px 0}.why p{padding:0 10px}.group-disclosure{margin:12px 0;border-top:1px solid var(--line);padding-top:3px}.group-disclosure>summary{cursor:pointer;color:var(--green);font-size:.85rem;padding:12px 0;min-height:44px;font-weight:600}.preview-label{font-size:.76rem;color:#786442;border-left:3px solid #b69b66;padding:6px 9px;background:#f1eadb}.tie{font-size:.7rem;color:var(--muted);margin:-2px 0 8px}.retained{border:1px solid #a6b9a6;border-radius:12px;padding:12px;background:#eef2e7;display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.retained>div{flex:1;min-width:150px}.retained strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.retained p{margin:4px 0;font-size:.82rem}.retained>.why,.retained>p{flex-basis:100%}.retained.attention{background:#f4ece0;border-color:#b59b78}.badge{font-size:.72rem;color:#536551}.attention .badge{color:#785837}.clear{border:1px solid #a7b5a6;border-radius:7px;background:transparent;font-size:.72rem;padding:9px;min-height:44px}.notice,.error{font-size:.79rem;background:#f0e7d6;border-left:3px solid #a48952;padding:9px;border-radius:3px}.error{color:#813f32;background:#f9ebe4}.accent{margin-top:10px}.accent summary{font-size:.75rem;min-height:44px;padding:10px 0;cursor:pointer}.outfit-summary{background:#e7ecdf;border-radius:16px;padding:16px;margin-top:26px}.outfit-summary>strong{font-size:.85rem}dl{font-size:.78rem}dl>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #cbd5c5}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}footer{text-align:center;font:italic .9rem Georgia,serif;color:var(--muted);padding-top:24px}.stage{border-top:1px solid var(--line);padding-top:17px}p,li,.option-title{overflow-wrap:anywhere}@media(min-width:600px){main{padding:28px 26px}.options{grid-template-columns:repeat(3,minmax(0,1fr))}.shirt-preview svg{width:80px}.swatches{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.swatch span{width:100%;overflow-wrap:anywhere}.outfit-summary dl>div{grid-template-columns:max-content minmax(0,1fr)}.why details>summary{min-height:44px;padding:10px;cursor:pointer;color:var(--green)}