:root{--wine:#71132c;--wine-deep:#530a20;--wine-soft:#9a4f60;--cream:#fcf8f3;--paper:#f6f0e9;--milk:#f0e3d3;--gold:#b79a6f;--ink:#34252a;--muted:#86777b;--line:#eadfd7;--shadow:0 12px 28px rgba(58,26,30,.075);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c89ca6;outline-offset:2px}img{display:block;max-width:100%}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}.serif{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.02em}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;flex-shrink:0;background:#fffaf5;border-right:1px solid var(--line);padding:31px 21px;display:flex;flex-direction:column;gap:20px;position:sticky;height:100vh;top:0}.brand-block{display:flex;align-items:center;gap:13px}.brand-mark{width:51px;height:51px;object-fit:cover;border-radius:13px}.brand-name{font-family:Georgia,serif;font-size:28px;color:var(--wine);white-space:nowrap}.brand-name small{font-family:system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em}.sidebar-caption{font-size:10px;letter-spacing:.2em;color:#a58c90;margin:5px 3px 14px}.sidebar-nav{display:grid;gap:9px}.nav-link{display:flex;align-items:center;gap:14px;border:0;background:transparent;border-radius:12px;padding:13px 14px;text-align:left;color:#715c60;font-weight:600;font-size:13px}.nav-link.active{background:#f3e5e4;color:var(--wine)}.nav-link svg{width:19px;height:19px}.sidebar-note{margin-top:auto;border-top:1px solid var(--line);padding:26px 8px 0;color:#a08b88;font:italic 17px/1.5 Georgia,serif}.sidebar-note span{color:var(--gold)}.main-wrap{flex:1;min-width:0;max-width:1250px;margin:0 auto;width:100%}.topbar{height:74px;display:flex;align-items:center;justify-content:flex-end;padding:0 42px;border-bottom:1px solid var(--line);background:rgba(252,248,243,.95)}.topbar-spacer{flex:1}.mobile-brand{display:none}.icon-button{border:1px solid var(--line);background:white;color:var(--wine);width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.icon-button:hover{background:#f7edf0}main{padding:34px clamp(18px,4vw,54px) 110px;max-width:1120px;margin:auto;min-height:calc(100vh - 74px)}.eyebrow{font-size:10px;color:var(--wine-soft);text-transform:uppercase;letter-spacing:.22em;font-weight:750}.page-title{font:normal clamp(32px,4vw,46px)/1.2 Georgia,serif;color:var(--wine);letter-spacing:-.035em;margin-top:6px}.page-sub{color:var(--muted);font-size:14px;line-height:1.65;margin-top:9px}.section-title{font:normal 26px/1.2 Georgia,serif;color:var(--wine);letter-spacing:-.03em}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:27px 0 17px}.section-head .caption{font-size:12px;color:var(--muted)}.hero{background:linear-gradient(112deg,#71132c 0%,#851d3a 58%,#591027 100%);color:#fff3e6;border-radius:20px;display:flex;position:relative;overflow:hidden;min-height:230px;padding:29px;gap:18px;box-shadow:var(--shadow)}.hero-text{z-index:1;flex:1}.hero h2{font:normal clamp(28px,4vw,44px)/1.12 Georgia,serif;max-width:470px;margin:13px 0}.hero p{color:#f6dfe2;font-size:13px;line-height:1.6;max-width:390px}.hero .eyebrow{color:#e8c9c3}.hero-image{width:185px;align-self:center;border:1px solid rgba(255,255,255,.22);border-radius:25px;box-shadow:0 5px 30px #3a001933}.hero-image img{width:100%;border-radius:24px}.hero-cta{margin-top:19px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;min-height:42px;border-radius:11px;border:1px solid transparent;font-size:13px;font-weight:650;text-align:center;transition:background .2s}.button svg{width:17px;height:17px}.button.primary{background:var(--wine);color:#fff7eb}.button.primary:hover{background:var(--wine-deep)}.button.light{background:#fff4e6;color:var(--wine)}.button.light:hover{background:#fff}.button.ghost{border-color:var(--line);background:white;color:var(--wine)}.button.ghost:hover{background:#fff8f5}.button.danger{background:#fff5f2;color:#a73537;border-color:#f1d1cb}.button.small{padding:8px 11px;min-height:35px;font-size:12px}.button.full{width:100%}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:21px 0}.search{display:flex;gap:8px;align-items:center;background:white;padding:0 12px;border:1px solid var(--line);border-radius:12px;min-height:43px;flex:1;min-width:180px}.search svg{width:17px;height:17px;color:var(--muted)}.search input{border:0;outline:0;width:100%;background:transparent;color:var(--ink);font-size:13px}.pill-select{border:1px solid var(--line);background:white;color:#554b4d;border-radius:11px;padding:12px 9px;font-size:12px;max-width:175px;min-height:43px}.filters{display:flex;gap:7px;overflow:auto;padding:1px 0 12px;scrollbar-width:thin}.chip{border:1px solid var(--line);background:#fffdfb;color:#76676a;border-radius:50px;padding:9px 13px;white-space:nowrap;font-size:12px;font-weight:600}.chip.active{background:var(--wine);border-color:var(--wine);color:white}.chip-select{border:1px solid var(--line);background:#fffdfb;color:#76676a;border-radius:50px;padding:8px 11px;font-size:12px}.chip-select.active{color:#fff;background:var(--wine);border-color:var(--wine)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.wardrobe-grid,.outfit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,1fr));gap:15px}.garment-card,.look-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 3px 9px #46302005}.garment-card.selected{border:2px solid var(--wine)}.garment-visual{width:100%;aspect-ratio:4/4.5;object-fit:cover;background:#ede4df}.garment-info{padding:11px 12px 13px}.garment-label{font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.garment-meta{font-size:11px;color:var(--muted);margin-top:5px}.garment-actions{display:flex;gap:6px;margin-top:10px}.small-link{border:none;background:#f5eced;color:var(--wine);border-radius:8px;padding:8px 9px;font-size:11px;font-weight:650}.small-link.quiet{background:#f8f6f3;color:#75696d}.section-banner{display:flex;align-items:center;justify-content:space-between;gap:15px}.stats{display:flex;gap:22px;margin-top:22px}.stat{display:flex;flex-direction:column;gap:3px}.stat strong{font:normal 27px Georgia,serif;color:var(--wine)}.stat span{font-size:11px;color:var(--muted)}.empty{padding:36px 20px;text-align:center;border:1px dashed #d9c7c5;background:#fffdfb;border-radius:17px;margin:18px 0}.empty-icon{font-size:34px;display:block;margin-bottom:12px}.empty h3{font:normal 23px Georgia,serif;color:var(--wine)}.empty p{font-size:13px;color:var(--muted);max-width:405px;margin:10px auto 19px;line-height:1.7}.empty-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:minmax(295px,.9fr) minmax(320px,1.1fr);gap:19px;margin-top:23px;align-items:start}.panel{background:#fffcf8;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 3px 14px #40232404}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.panel-title{font:normal 23px Georgia,serif;color:var(--wine)}.small-note{font-size:11px;color:var(--muted);line-height:1.5}.stage{background:linear-gradient(150deg,#faf4ed,#f2e4e2);border:1px solid #eadbd7;min-height:245px;border-radius:13px;padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}.stage-item{position:relative;aspect-ratio:4/5;border:1px solid #ecdfd8;border-radius:9px;background:white;overflow:hidden;min-width:0}.stage-item img{width:100%;height:100%;object-fit:cover}.stage-item span{position:absolute;bottom:0;left:0;right:0;padding:7px 3px;background:linear-gradient(transparent,#2b1822b8);color:white;text-align:center;font-size:10px}.stage-item button{position:absolute;top:4px;right:4px;background:#fffaf0ee;border:0;border-radius:50%;height:22px;width:22px;display:grid;place-items:center;color:var(--wine);font-size:15px}.stage-empty{grid-column:1/-1;display:grid;place-items:center;min-height:215px;text-align:center;color:#937d81;padding:20px}.stage-empty p{font:normal 23px Georgia,serif;margin:5px 0}.stage-empty span{font-size:12px;line-height:1.7}.picker-items{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}.picker-tile{flex:0 0 95px;border:1px solid var(--line);background:white;padding:5px;border-radius:11px;text-align:left}.picker-tile img{height:97px;width:100%;object-fit:cover;border-radius:7px}.picker-tile span{display:block;font-size:10px;padding:7px 2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-tile.active{border:2px solid var(--wine)}.recommendations{display:grid;gap:16px}.rec-group h3{font-size:12px;font-weight:750;color:var(--wine);margin-bottom:8px}.rec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rec-card{border:1px solid var(--line);border-radius:11px;background:white;text-align:left;padding:6px;min-width:0}.rec-card:hover{border-color:var(--wine)}.rec-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.rec-name{display:block;font-size:11px;font-weight:700;margin:6px 2px 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-why{font-size:10px;color:var(--muted);margin:0 2px 5px;line-height:1.4;min-height:28px;display:block}.accent-label{display:inline-block;background:#f7e9ed;color:var(--wine);font-size:10px;border-radius:50px;padding:5px 8px;margin:6px 0}.look-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;aspect-ratio:4/3;background:#f6edeb;padding:9px}.look-preview img{width:100%;height:100%;object-fit:cover;border-radius:5px;min-width:0}.look-preview .more-garments{display:grid;place-items:center;background:#e7d9d4;color:var(--wine);font-size:13px}.look-info{padding:12px}.look-info h3{font-size:13px}.look-info p{font-size:11px;color:var(--muted);margin:5px 0 11px}.look-actions{display:flex;gap:7px;align-items:center;justify-content:space-between}.look-actions button{min-width:0}.look-actions .heart{border:0;background:none;font-size:18px;color:var(--wine)}.note{background:#f5ebe5;border:1px solid #e9d8ce;border-radius:12px;padding:14px 16px;color:#756163;font-size:12px;line-height:1.7}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:21px}.settings-tile{padding:21px;border-radius:15px;border:1px solid var(--line);background:white}.settings-tile h3{font:normal 21px Georgia,serif;color:var(--wine);margin:5px 0 9px}.settings-tile p{font-size:12px;line-height:1.75;color:var(--muted);margin-bottom:16px}.settings-tile .button{margin:4px 6px 4px 0}.backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#241820a3;z-index:100;padding:16px}.dialog{width:min(560px,100%);max-height:min(90vh,870px);overflow:auto;background:#fffcf8;border-radius:19px;box-shadow:0 22px 95px #2c182b66;padding:24px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.dialog-header h2{font:normal 29px Georgia,serif;color:var(--wine)}.dialog .input-group{margin-bottom:14px}.input-group label,.field-label{display:block;font-size:12px;font-weight:750;color:#745c62;margin:0 0 7px}.input-group input,.input-group select,.input-group textarea{width:100%;min-height:44px;background:white;border:1px solid #e1d6d1;padding:11px 12px;border-radius:10px;font-size:14px;color:var(--ink)}.input-group textarea{min-height:76px;resize:vertical}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.photo-picker{border:1px dashed #cfadb4;border-radius:12px;background:#fcf5f1;padding:15px;display:flex;align-items:center;gap:14px;margin-bottom:18px}.photo-picker img{width:85px;height:98px;object-fit:cover;border-radius:9px;background:white}.photo-picker div{flex:1}.photo-picker p{color:var(--muted);font-size:11px;line-height:1.6;margin-top:6px}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:15px;margin-top:17px}.footer-note{margin-top:24px;color:#aa9695;font-size:11px;text-align:center;line-height:1.7}.toast{position:fixed;z-index:120;bottom:94px;left:50%;transform:translate(-50%,14px);background:#3c2730;color:white;border-radius:12px;padding:12px 18px;box-shadow:0 10px 25px #38192455;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;font-size:13px;max-width:calc(100vw - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.bottom-nav{display:none}.hint-bubble{margin-top:12px;color:#9b8485;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6b9473;margin-right:5px}.count{font-size:11px;color:#aa9195}.mini-divider{border-top:1px solid var(--line);margin:15px 0}.top-compact{margin-bottom:25px}.inline-filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0}.inline-filters label{font-size:11px;color:var(--muted);font-weight:700}.setup-tip{margin:14px 0}.pill-count{display:inline-block;border-radius:30px;background:#f6eaeb;color:var(--wine);font-size:11px;font-weight:750;padding:6px 10px}.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:13px 0}.favorite-only{font-size:11px;color:var(--wine);padding:8px 10px;border:1px solid var(--line);border-radius:20px;background:#fff}.favorite-only.active{background:var(--wine);color:#fff}
@media(max-width:980px){.sidebar{width:204px;padding:28px 12px}.brand-name{font-size:23px}.hero-image{width:140px}.workspace{grid-template-columns:1fr}.rec-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.sidebar{display:none}.topbar{height:65px;padding:0 19px}.mobile-brand{display:flex;align-items:center;gap:11px;color:var(--wine);font:normal 24px Georgia,serif}.mobile-brand img{height:36px;width:36px;border-radius:10px}.mobile-brand small{font:700 10px system-ui;letter-spacing:.1em}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fffcf9eb;border-top:1px solid var(--line);backdrop-filter:blur(14px);justify-content:space-around;padding:6px 5px max(8px,env(safe-area-inset-bottom))}.bottom-nav .nav-link{display:flex;flex:1;max-width:130px;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:8px 3px 6px;border-radius:10px;font-size:10px}.bottom-nav .nav-link svg{width:21px;height:21px}main{padding:24px 16px 104px}.page-title{font-size:34px}.hero{min-height:225px;padding:23px 17px}.hero-image{width:110px}.hero h2{font-size:28px}.hero p{font-size:12px}.hero .button{padding:9px 11px;font-size:11px;min-height:38px}.wardrobe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.garment-info{padding:9px}.garment-actions{gap:4px}.small-link{padding:7px 7px}.section-head{margin-top:24px}.settings-grid{grid-template-columns:1fr}.workspace{gap:13px}.panel{padding:14px}.rec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-picker{padding:10px}.dialog{padding:18px}.dialog-header h2{font-size:25px}.toast{bottom:87px}}
@media(max-width:370px){.hero-image{width:88px}.hero h2{font-size:25px}.input-row{grid-template-columns:1fr}.rec-grid{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}