/* A compact home card and a settings-linked catalogue. Full outfit images are never cropped. */
.wd-page,.wd-today,.wd-settings{--wd-tone:#d7ad71;color:var(--text)}
html[data-scheme=light] :is(.wd-page,.wd-today,.wd-settings){--wd-tone:#8b602b}
.wd-today{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:22px 26px;margin:20px 0;border:1px solid color-mix(in srgb,var(--wd-tone) 30%,var(--line));border-radius:20px;background:linear-gradient(115deg,color-mix(in srgb,var(--wd-tone) 7%,var(--surface)),var(--surface));min-width:0}
.wd-today.wd-empty{padding-block:20px}
.wd-symbol{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:color-mix(in srgb,var(--wd-tone) 13%,var(--surface));color:var(--wd-tone)}
.wd-symbol svg{width:32px;height:32px}.wd-mascot{width:150px;height:210px;object-fit:contain;object-position:center}
.wd-eyebrow{display:block;font-size:11px;font-weight:750;letter-spacing:.08em;color:var(--wd-tone);line-height:1.6}
.wd-today h2{font-size:23px;line-height:1.35;letter-spacing:-.02em;margin:6px 0 10px}.wd-today p,.wd-panel>p,.wd-settings p{font-size:13px;line-height:1.7;color:var(--muted);margin:8px 0;overflow-wrap:anywhere}
.wd-today .btn{white-space:normal;min-height:44px}.wd-today-copy{min-width:0;overflow-wrap:anywhere}.wd-pieces li,.wd-choice span{min-width:0;overflow-wrap:anywhere}.wd-muted{display:block;font-size:12px;line-height:1.6;color:var(--muted)}
.wd-pieces{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:10px 0}.wd-pieces li{font-size:12px;line-height:1.5;padding:6px 9px;border:1px solid color-mix(in srgb,var(--wd-tone) 25%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--wd-tone) 7%,var(--surface))}
.wd-head{display:flex;align-items:center;gap:18px;margin-bottom:24px;min-width:0}.wd-head>div{flex:1;min-width:0}.wd-head h1{font-size:32px;line-height:1.2;margin:4px 0 8px}.wd-head p{font-size:14px;color:var(--muted);margin:0}
.wd-nav{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.wd-nav a{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;color:var(--text);background:var(--surface);text-decoration:none;font-size:13px}.wd-nav b,.wd-count{font-size:12px;color:var(--wd-tone)}
.wd-panel{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);min-width:0;scroll-margin-top:90px}.wd-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.wd-panel h2{font-size:21px;margin:4px 0;line-height:1.4}
.wd-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:20px}.wd-empty-note{font-size:13px;padding:18px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);line-height:1.7}
.wd-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-block:14px}.wd-form label{display:grid;gap:7px;font-size:13px;color:var(--muted);min-width:0}.wd-form :is(input:not([type=checkbox]):not([type=hidden]),select,textarea),.wd-month select{font:inherit;font-size:14px;border:1px solid var(--line);border-radius:10px;min-height:44px;min-width:0;width:100%;padding:10px;background:var(--surface2);color:var(--text)}
.wd-wide{grid-column:1/-1}.wd-form>.btn{justify-self:start;grid-column:1/-1;min-height:44px}.wd-choice{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}.wd-choice legend{font-size:13px;color:var(--muted);padding:0 5px}.wd-choice label{display:flex;align-items:start;gap:10px;padding:9px;background:var(--surface2);border-radius:9px;color:var(--text);min-height:44px}.wd-choice input{appearance:none;display:grid;place-content:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--wd-tone) 65%,var(--line));border-radius:7px;background:var(--surface);margin:1px 0 0;flex:none;cursor:pointer}.wd-choice input:checked{background:var(--wd-tone);border-color:var(--wd-tone)}.wd-choice input:checked:after{content:"";width:6px;height:11px;border:solid var(--surface);border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}@media(forced-colors:active){.wd-choice input{appearance:auto}}.wd-choice small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.wd-entry{padding:16px 0;border-top:1px solid var(--line);min-width:0}.wd-entry strong{font-size:15px;line-height:1.5;overflow-wrap:anywhere}.wd-entry small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.6}.wd-entry img{object-fit:contain;float:inline-end;width:70px;height:95px}.wd-entry details{clear:both}.wd-entry summary,.wd-add summary{cursor:pointer;min-height:44px;align-content:center;color:var(--wd-tone);font-size:13px}.wd-add[open]{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.wd-month{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.wd-month label{display:grid;gap:7px;border:1px solid var(--line);padding:12px;background:var(--surface2);border-radius:12px;min-width:0}.wd-month label>span{font-size:13px;color:var(--muted);font-weight:650}.wd-month label.is-today{border-color:var(--wd-tone)}.wd-month label.is-today>span{color:var(--wd-tone)}
.wd-page :is(.btn,button,a,input,select,summary):focus-visible,.wd-today a:focus-visible{outline:2px solid var(--wd-tone);outline-offset:3px}
.wd-page .btn,.wd-settings .btn{min-height:44px}.wd-settings h2{margin:8px 0;font-size:22px}
@media(max-width:1000px){.wd-catalog{grid-template-columns:minmax(0,1fr)}.wd-month{grid-template-columns:repeat(3,minmax(0,1fr))}.wd-today{gap:16px}.wd-today>.btn{grid-column:2;justify-self:start}.wd-mascot{grid-row:1/3;width:125px;height:190px}.wd-empty>.btn{grid-column:2}}
@media(max-width:600px){.wd-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px}.wd-head h1{font-size:27px}.wd-head>.btn{grid-column:2;margin-left:0;justify-self:start}.wd-today{padding:17px;gap:14px;border-radius:16px}.wd-today h2{font-size:20px}.wd-symbol{width:46px;height:46px;border-radius:13px}.wd-mascot{width:100px;height:180px}.wd-today p{font-size:12px}.wd-panel{padding:17px;border-radius:16px}.wd-month{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wd-month label{padding:9px}.wd-month select,.wd-form :is(input,select,textarea){font-size:16px!important}.wd-form{grid-template-columns:1fr}.wd-choice{grid-template-columns:1fr}.wd-form .wd-wide{grid-column:1}.wd-nav{gap:7px}.wd-nav a{font-size:12px;padding:9px 10px}.wd-pieces li{font-size:11px}.wd-today>.btn{font-size:12px}.wd-eyebrow{font-size:10px}}

/* Dedicated dressing room: large mascot, restrained controls, responsive lookbook. */
.wd-dressing{max-width:1400px;margin:auto;min-width:0}.wd-dressing-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.wd-dressing-head h1{margin:4px 0;font-size:clamp(26px,3vw,38px)}
.wd-stage{position:relative;min-height:320px;display:grid;place-items:center;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,color-mix(in srgb,#d6b67a 12%,transparent),transparent 65%),var(--surface)}
.wd-stage>img{display:block;max-width:100%;width:auto;height:clamp(480px,78dvh,1100px);object-fit:contain}.wd-stage-caption{position:absolute;bottom:20px;left:20px;right:20px;max-width:380px;padding:16px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 93%,transparent);backdrop-filter:blur(12px)}.wd-stage-caption h2{font-size:16px;line-height:1.5;margin:6px 0 12px}.wd-stage-empty{text-align:center;padding:36px 20px}.wd-stage-empty>svg{height:64px;width:64px;color:#d6b67a}
.wd-lookbook{margin-top:32px;scroll-margin-top:16px}.wd-lookbook header p{color:var(--muted);font-size:13px;line-height:1.7}.wd-look-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.wd-look{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:12px;min-width:0}.wd-look>img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.wd-look h3{font-size:13px;line-height:1.6;min-height:4.8em}.wd-look .btn{width:100%;white-space:normal;min-height:44px}.wd-existing{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-block:18px}.wd-existing label{display:grid;gap:6px;flex:1;min-width:0}.wd-existing select{max-width:100%;width:100%;min-height:44px}
@media(max-width:1100px){.wd-look-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wd-stage>img{height:calc(100dvh - 180px);min-height:400px}.wd-stage-caption{position:static;max-width:none;border-radius:0;border-width:1px 0 0;width:100%;box-sizing:border-box}.wd-stage{border-radius:22px}.wd-dressing-head .btn{font-size:12px;padding:10px;min-height:44px}}
@media(max-width:600px){.wd-dressing-head{gap:8px}.wd-dressing-head .wd-eyebrow{font-size:9px}.wd-look-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wd-look{padding:8px;border-radius:16px}.wd-look h3{font-size:11px}.wd-stage>img{height:calc(100dvh - 150px);min-height:330px}.wd-stage-caption{padding:12px}.wd-stage-caption h2{font-size:13px}.wd-dressing-head .btn{max-width:130px;text-align:center;white-space:normal}}