:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.45;color:#25231f;background:#faf8f4;--bg: #faf8f4;--ink: #25231f;--muted: #625e56;--line: #e3ddd4;--chip: #eee8df}*{box-sizing:border-box}body{margin:0;background:var(--bg)}html,body,#root{height:100%}#root{min-height:100dvh}.app{width:100%;height:100dvh;min-height:100dvh;margin:0;background:var(--bg);position:relative;display:flex;flex-direction:column;overflow:hidden}.screen{flex:1;min-height:0;display:flex;flex-direction:column}.screen-body{flex:1;min-height:0;overflow:auto;padding:20px 12px 24px}.screen-footer{flex-shrink:0;padding:12px 12px 16px;background:linear-gradient(transparent,var(--bg) 28%)}.screen.has-nav .screen-body{padding-bottom:16px}.screen.has-nav .screen-footer{padding-bottom:12px}h1{font:700 30px/1.1 Georgia,Iowan Old Style,serif;margin:8px 0 10px}h2{font:700 24px/1.2 Georgia,Iowan Old Style,serif;margin:8px 0 16px}h3{font:700 18px/1.25 Georgia,Iowan Old Style,serif;margin:0 0 8px}p{margin:0 0 12px;color:var(--muted)}.brand{font:700 15px Georgia,Iowan Old Style,serif;letter-spacing:.4px;margin:0 0 8px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;color:#8a7f70;margin-bottom:6px}.note{font-size:13px;color:#81796f}.lead{font-size:16px}.hero{font:700 30px/1.1 Georgia,Iowan Old Style,serif;margin:8px 0 10px;color:var(--ink)}label{display:block;font-size:14px;font-weight:600;margin:8px 0 0}input,select,textarea{width:100%;min-height:48px;border:1px solid #d9d2c8;border-radius:14px;background:#fff;padding:13px 14px;font-size:16px;margin:6px 0 12px;color:var(--ink);font-family:inherit}textarea{min-height:88px;resize:vertical}button,.btn{border:0;border-radius:15px;min-height:48px;padding:12px 16px;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit}button:disabled{opacity:.45;cursor:not-allowed}.primary{width:100%;background:#292822;color:#fff}.secondary{width:100%;background:#ece7df;color:#292822;margin-top:9px}.danger{width:100%;background:#f3e6e3;color:#8a3b32;margin:10px 0 14px}.link{background:none;color:#625e56;padding:8px 0;min-height:32px;width:auto}.back{background:none;padding:0;min-height:32px;color:#6f685f;margin-bottom:8px;width:auto}.chips{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.chip{background:#fff;border:1px solid #ddd5ca;text-align:left;color:var(--ink)}.chip.on{background:#292822;color:#fff;border-color:#292822}.chip small{display:block;font-weight:400;opacity:.7;margin-top:4px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:15px;margin:12px 0}.weather{display:flex;justify-content:space-between;align-items:center;gap:12px}.weather-temp{font:700 28px/1 Georgia,Iowan Old Style,serif;color:var(--ink);white-space:nowrap}.demo-weather .chips{margin:10px 0 0}.demo-weather label{margin-top:10px}.notice{background:#f7efe4;border:1px solid #e6d8c6;border-radius:14px;padding:12px 14px;margin:8px 0 12px;color:#5c5348;font-weight:600}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin:0 0 12px}.item{background:#fff;border:1px solid #e4ddd3;text-align:left;padding:9px;min-height:170px;width:100%;color:inherit;display:flex;flex-direction:column;align-items:stretch}.item.dim{opacity:.45}.photo{height:102px;border-radius:12px;background:#eee9e1;margin-bottom:8px;overflow:hidden}.photo img,.hero-photo img,.mini img,.look-photos img{width:100%;height:100%;object-fit:cover;display:block;background:#eee9e1}.item b,.item span{display:block}.item span{font-size:12px;color:#777166;margin-top:3px}.hero-photo{height:220px;border-radius:16px;background:#eee9e1;overflow:hidden;margin-bottom:12px}.upload{border:1.5px dashed #bcb2a5;border-radius:20px;padding:28px 16px;text-align:center;background:#fff;margin:18px 0}.progress{height:8px;background:#e7e1d8;border-radius:9px;overflow:hidden;margin:18px 0}.progress i{display:block;width:78%;height:100%;background:#38362f}.look{width:100%;text-align:left;background:#fff;border:1px solid #e1dad0;margin:10px 0;padding:14px;color:inherit}.look-photos{display:flex;gap:8px;margin:10px 0}.look-photos .thumb{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#eee9e1;flex:0 0 auto}.tag{display:inline-block;background:var(--chip);border-radius:99px;padding:5px 9px;font-size:12px;margin:0 6px 8px 0}.rare{background:#f1e1c8}.bottom{flex-shrink:0;position:sticky;bottom:0;z-index:2;min-height:72px;padding-bottom:env(safe-area-inset-bottom);background:#faf8f4ef;border-top:1px solid #ddd7ce;display:grid;grid-template-columns:repeat(3,1fr)}.bottom button{background:none;font-size:12px;color:#756f66;border-radius:0;min-height:72px}.bottom button[aria-current=page]{color:var(--ink)}.bottom b{display:block;font-size:20px;margin-bottom:2px}.error{border-left:4px solid #8c6655;background:#f5ede9;padding:12px;border-radius:10px;margin:12px 0;color:var(--ink)}.slot{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;margin:9px 0}.slot .mini{width:58px;height:58px;background:#eee9e1;border-radius:12px;overflow:hidden;flex:0 0 auto}.gap{border-style:dashed;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.filter-chips .chip{min-height:40px;padding:8px 12px;width:auto}