:root{--ink:#1d2a22;--muted:#667269;--paper:#f7f5ef;--card:#fffefa;--line:#deddd5;--green:#3f5d46;--pale:#e6eee4;--red:#9c4138}*{box-sizing:border-box}html,body{margin:0;min-width:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,80px);border-bottom:1px solid var(--line);background:#fbfaf5}.brand{color:var(--ink);font:700 20px Manrope;text-decoration:none;letter-spacing:-1px}.brand i,h1 em{font-family:'DM Serif Display',serif;font-weight:400}.header-actions{display:flex;gap:6px}main{max-width:1280px;margin:auto;padding:0 clamp(20px,5vw,80px) 70px}.hero{min-height:300px;padding:60px 0 45px;display:flex;gap:30px;align-items:end;justify-content:space-between}.eyebrow{margin:0 0 9px;font:500 10px 'DM Mono',monospace;letter-spacing:1.2px;color:var(--green)}h1,h2,h3,p{overflow-wrap:anywhere}h1{font:400 clamp(44px,7vw,82px)/.93 'DM Serif Display',serif;letter-spacing:-3px;margin:0}h1 em{color:var(--green)}h2{font:400 30px 'DM Serif Display',serif;letter-spacing:-.7px;margin:0}.intro{max-width:460px;color:var(--muted);line-height:1.65;margin:18px 0 0}.primary,.quiet{border:0;border-radius:2px;padding:12px 16px;min-height:44px;font-weight:700;font-size:13px;white-space:nowrap}.primary{background:var(--green);color:white}.primary:hover{background:#294630}.quiet{background:transparent;color:var(--ink)}.quiet:hover{background:var(--pale)}.section-title{border-top:1px solid var(--line);padding:28px 0 22px;display:flex;align-items:end;justify-content:space-between;gap:16px}.count,.helper{font:12px 'DM Mono',monospace;color:var(--muted)}.helper{margin:-10px 0 16px}.days{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:14px}.day-card{background:var(--card);border:1px solid var(--line);min-height:205px;padding:16px;position:relative}.day-card.drag-over{outline:2px dashed var(--green);outline-offset:-6px;background:var(--pale)}.day-card header{height:auto;padding:0;border:0;background:transparent;display:flex;align-items:start}.day-card h3{font:500 19px 'DM Serif Display',serif;margin:0}.day-card small{color:var(--muted);font:11px 'DM Mono',monospace}.icon-btn{border:0;background:transparent;padding:6px;color:var(--muted);font-size:17px;line-height:1}.icon-btn:hover{color:var(--red)}.outfit-items{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0}.assignment{position:relative;width:63px;height:83px}.assignment img{width:100%;height:100%;object-fit:cover;border-radius:2px}.remove-assignment{position:absolute;right:-7px;top:-7px;border:0;background:var(--ink);color:white;width:20px;height:20px;border-radius:50%;line-height:1}.drop-hint{font-size:12px;color:var(--muted);margin-top:18px}.empty-panel{text-align:center;border:1px dashed #bfc9bd;padding:42px 20px;margin-bottom:34px;color:var(--muted)}.empty-panel h3{color:var(--ink);font:400 23px 'DM Serif Display',serif;margin:8px}.empty-panel p{font-size:14px;max-width:360px;margin:0 auto 18px;line-height:1.5}.compact{padding:35px}.empty-icon{font:31px 'DM Serif Display',serif;color:var(--green)}.wardrobe{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:13px}.item-card{position:relative;background:var(--card);border:1px solid var(--line);padding:7px;cursor:grab}.item-card:focus{outline:2px solid var(--green);outline-offset:2px}.item-card img{width:100%;aspect-ratio:1/1.15;object-fit:cover;display:block}.item-card p{font-size:12px;margin:8px 2px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-card .delete-item{position:absolute;top:10px;right:10px;border:0;border-radius:50%;width:26px;height:26px;background:#fffc;color:var(--red);font-size:17px}.upload{display:inline-flex;align-items:center}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}dialog{border:0;padding:0;background:var(--card);box-shadow:0 20px 70px #0004;width:min(420px,calc(100vw - 32px))}dialog::backdrop{background:#18221980}dialog form{padding:28px;position:relative}dialog h2{margin-bottom:20px}dialog label{display:grid;gap:7px;font-size:13px;font-weight:700}dialog input{border:1px solid var(--line);padding:11px;background:#fff;border-radius:2px}.close{position:absolute;right:14px;top:13px;border:0;background:transparent;font-size:24px}.assign-options{display:grid;gap:8px}.assign-options button{padding:13px;text-align:left;border:1px solid var(--line);background:#fff;font-weight:600}.assign-options button:hover{background:var(--pale)}#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:11px 16px;border-radius:3px;opacity:0;transition:.2s;pointer-events:none;font-size:13px;z-index:3}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:600px){header{height:auto;min-height:64px;padding:10px 20px;gap:8px}.header-actions{gap:0}.header-actions .quiet{padding:8px;font-size:11px}.hero{padding:48px 0 38px;display:block;min-height:0}.hero>.primary{margin-top:24px;width:100%}h1{letter-spacing:-2px}.section-title{align-items:center}.wardrobe{grid-template-columns:repeat(2,minmax(0,1fr))}.days{grid-template-columns:1fr}.section-title .upload{padding:10px;font-size:12px}.assignment{width:58px;height:77px}}