:root{--cream:#f5f0e1;--olive:#6b7c3f;--chambray:#7a9bb8;--tobacco:#8b5a2b;--navy:#3d4f6f;--heather:#9a9b9e;--ink:#1c1a17;--soft:#1c1a17ad;--mute:#1c1a177a;--line:#1c1a171f;--serif:"Fraunces", "Iowan Old Style", Palatino, "Palatino Linotype", Georgia, serif;--sans:"Source Sans 3", "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{background:var(--cream);color:var(--ink);margin:0}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.45}.wrap{margin:0 auto;padding:20px 20px 72px}.look-root[data-page=today] .wrap{width:min(440px,100%)}.look-root[data-page=wardrobe] .wrap{width:min(880px,100%)}.wx{letter-spacing:.04em;color:var(--navy);flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem;margin:2px 0 10px;font-size:13px;display:flex}.wx b{color:var(--ink);font-weight:600}.wx .dot{color:var(--heather)}h1{font-family:var(--serif);letter-spacing:-.03em;font-optical-sizing:auto;margin:0 0 8px;font-size:clamp(3.1rem,13vw,4.4rem);font-weight:500;line-height:.9}.look-root[data-page=wardrobe] h1{font-size:clamp(2.6rem,10vw,4rem)}.sub{color:var(--soft);margin:0 0 22px;font-size:15px}.look-root[data-page=wardrobe] .sub{margin:0 0 18px}.why{font-family:var(--serif);color:var(--tobacco);max-width:26ch;margin:0 0 28px;font-size:1.15rem;font-style:italic;line-height:1.35}.why.stretch{color:var(--navy)}.stack{flex-direction:column;gap:22px;margin:0 0 28px;display:flex}.card{text-align:left;background:0 0;border:0;width:100%;margin:0;padding:0}.plate{background:var(--cream);border-radius:2px;height:158px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1c1a1714}.look-root[data-page=wardrobe] .plate{height:168px}.plate img{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.plate.has-photo:before,.plate.has-photo:after{display:none}.plate[data-pattern=print]:before,.plate[data-pattern=plaid]:before,.plate[data-pattern=stripe]:before{content:"";opacity:.22;pointer-events:none;z-index:1;position:absolute;inset:0}.plate[data-pattern=print]:before{background-image:radial-gradient(#1c1a178c 1.1px,#0000 1.2px);background-size:14px 14px}.plate[data-pattern=stripe]:before{background:repeating-linear-gradient(#1c1a1759 0 3px,#0000 3px 11px)}.plate[data-pattern=plaid]:before{background:repeating-linear-gradient(90deg,#1c1a1747 0 2px,#0000 2px 16px),repeating-linear-gradient(#1c1a1738 0 2px,#0000 2px 16px)}.need{z-index:2;letter-spacing:.1em;text-transform:uppercase;background:var(--tobacco);color:var(--cream);border-radius:2px;padding:3px 6px;font-size:10px;font-weight:700;position:absolute;bottom:8px;left:8px}.meta{padding:12px 2px 0}.look-root[data-page=wardrobe] .meta{padding:10px 2px 0}.slot{letter-spacing:.16em;text-transform:uppercase;color:var(--olive);font-size:11px;font-weight:600}.brand{color:var(--tobacco);margin:4px 0 1px;font-size:13px}.look-root[data-page=wardrobe] .brand{margin:0 0 1px;font-size:12px}.gname{font-family:var(--serif);margin:0;font-size:1.28rem;font-weight:500;line-height:1.2}.look-root[data-page=wardrobe] .gname{font-size:1.05rem}.gcolor{color:var(--mute);margin:4px 0 0;font-size:14px}.look-root[data-page=wardrobe] .gcolor{font-size:13px}.note{color:var(--soft);margin:3px 0 0;font-size:12px}.actions{flex-wrap:wrap;gap:8px;margin:4px 0 8px;display:flex}.btn{appearance:none;font-family:var(--sans);border:1px solid var(--ink);min-height:48px;color:var(--ink);cursor:pointer;background:0 0;border-radius:2px;flex:auto;padding:0 16px;font-size:15px;font-weight:600}.btn:hover,.btn:focus-visible{background:var(--ink);color:var(--cream);outline:none}.btn[aria-pressed=true]{background:var(--olive);border-color:var(--olive);color:var(--cream)}.btn:disabled{opacity:.38;cursor:not-allowed}.btn.ghost{border-color:var(--line);color:var(--soft);font-weight:500}.panel{border-top:1px solid var(--line);margin:8px 0 0;padding:4px 0 8px}.panel h2{letter-spacing:.14em;text-transform:uppercase;color:var(--olive);margin:14px 0 10px;font-size:12px;font-weight:600}.opt{text-align:left;cursor:pointer;width:100%;min-height:56px;font-family:var(--sans);color:var(--ink);background:0 0;border:0;border-radius:2px;align-items:center;gap:12px;padding:8px 4px;display:flex}.opt:hover,.opt:focus-visible{background:#6b7c3f1a;outline:none}.chip{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);background-position:50%;background-size:cover;border-radius:2px;flex:0 0 44px}.opt .who{color:var(--tobacco);font-size:13px}.opt .what{font-family:var(--serif);font-size:16px;line-height:1.2}.opt .hint{color:var(--mute);margin-top:2px;font-size:12px}.empty{color:var(--soft);padding:8px 2px 16px;font-size:14px}.foot{letter-spacing:.04em;color:var(--heather);margin-top:36px;font-size:12px}.foot a{color:inherit;text-decoration:none}.foot a:hover,.foot a:focus-visible{color:var(--ink)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.days{-ms-overflow-style:none;scrollbar-width:none;gap:2px;margin:0 0 20px;padding:2px 0 4px;display:flex;overflow-x:auto}.days::-webkit-scrollbar{display:none}.day{appearance:none;min-width:52px;color:var(--ink);font-family:var(--sans);cursor:pointer;text-align:center;background:0 0;border:0;border-radius:2px;flex:none;padding:8px 10px 10px}.day .wd{letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:11px;font-weight:600;display:block}.day .n{font-family:var(--serif);margin:2px 0 1px;font-size:1.35rem;font-weight:500;line-height:1.1;display:block}.day .hi{color:var(--soft);font-size:11px;display:block}.day .mark{background:var(--olive);border-radius:50%;width:5px;height:5px;margin:5px auto 0;display:block}.day.is-on,.day[aria-current=date]{background:var(--ink);color:var(--cream)}.day.is-on .wd,.day[aria-current=date] .wd,.day.is-on .hi,.day[aria-current=date] .hi{color:#f5f0e1b3}.day.is-on .mark,.day[aria-current=date] .mark{background:var(--cream)}.day:focus-visible{outline:2px solid var(--olive);outline-offset:2px}.topline{flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:0 0 14px;display:flex}.look-root[data-page=wardrobe] .topline{margin:0 0 18px}.home{letter-spacing:.1em;text-transform:uppercase;color:var(--olive);margin:0;font-size:12px;font-weight:600;text-decoration:none;display:inline-block}.home.quiet{color:var(--mute);font-weight:500}.home:hover,.home:focus-visible{color:var(--ink);outline:none}.filters{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.filter{appearance:none;font-family:var(--sans);border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:2px;padding:0 12px;font-size:13px;font-weight:600}.filter:hover,.filter:focus-visible{border-color:var(--ink);outline:none}.filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}.filter.warn{border-color:var(--tobacco);color:var(--tobacco)}.filter.warn[aria-pressed=true]{background:var(--tobacco);border-color:var(--tobacco);color:var(--cream)}.sec{margin:0 0 36px}.sec h2{letter-spacing:.14em;text-transform:uppercase;color:var(--olive);margin:0 0 12px;font-size:12px;font-weight:600}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px 14px;display:grid}@media (prefers-reduced-motion:reduce){*{transition:none!important}}