@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#252722;--muted:#73746d;--paper:#f3f0e9;--card:#faf8f3;--line:#dcd8cf;--sage:#6b765d;--clay:#b86649;--shadow:0 24px 70px rgba(47,43,35,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:15px}.skip{position:fixed;left:10px;top:-50px;z-index:99;background:#fff;padding:12px}.skip:focus{top:10px}.shell{min-height:100vh}.rail{position:fixed;inset:0 auto 0 0;width:232px;padding:30px 22px 24px;background:#e7e2d8;border-right:1px solid rgba(37,39,34,.08);display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:.16em}.brandmark{display:inline-grid;place-items:center;width:33px;height:33px;border:1px solid var(--ink);border-radius:50%;font:italic 23px "Instrument Serif"}.nav-list{display:grid;gap:6px;margin-top:61px}.nav-item,.profile{border:0;background:transparent;color:#696a64;font:inherit;cursor:pointer}.nav-list .nav-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;text-align:left;min-height:49px;padding:0 12px;border-radius:8px}.nav-list .nav-item.active{background:rgba(255,255,255,.72);color:var(--ink);box-shadow:0 1px 0 rgba(255,255,255,.8)}.nav-icon{font-size:20px}.nav-count{font-size:11px;font-weight:500}.rail-note{margin:auto 7px 30px;padding:18px 0;border-top:1px solid rgba(37,39,34,.16);border-bottom:1px solid rgba(37,39,34,.16)}.rail-note span,.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:600;color:var(--sage);text-transform:uppercase}.rail-note strong{display:block;margin:8px 0 5px;font:23px/1.05 "Instrument Serif"}.rail-note p{color:var(--muted);font-size:12px;margin:0}.profile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;text-align:left;padding:0}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--sage);color:white;font-size:11px}.profile strong,.profile small{display:block}.profile strong{font-size:13px}.profile small{font-size:10px;color:var(--muted);margin-top:2px}main{margin-left:232px;min-height:100vh}.topbar{height:75px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.date-label{font-size:10px;letter-spacing:.15em;color:var(--muted)}.mobile-brand,.icon-button{display:none}.view{display:none;padding:60px 5vw 100px;animation:reveal .35s ease}.view.active{display:block}@keyframes reveal{from{opacity:0;transform:translateY(5px)}}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{margin:0 0 13px}h1{font:clamp(44px,5vw,76px)/.94 "Instrument Serif";letter-spacing:-.03em;margin:0}h1 em{font-weight:400;color:var(--sage)}.dek{color:var(--muted);font-size:16px;margin:18px 0 0}.add-button{min-height:49px;padding:0 20px;border:0;border-radius:5px;background:var(--ink);color:white;font:600 13px "DM Sans";cursor:pointer;box-shadow:0 8px 20px rgba(37,39,34,.13)}.add-button span{font-size:20px;margin-right:7px}.wardrobe-stats{display:grid;grid-template-columns:100px 100px 150px 1fr;gap:20px;align-items:center;margin:52px 0 32px;padding:20px 24px;background:#e9e5dc;border-radius:7px}.wardrobe-stats>div{border-right:1px solid #d2cec4}.wardrobe-stats strong,.wardrobe-stats span{display:block}.wardrobe-stats strong{font:28px "Instrument Serif"}.wardrobe-stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.wardrobe-stats p{justify-self:end;font-size:11px;color:var(--muted)}.wardrobe-stats p b{display:block;color:var(--ink);font-size:13px;margin-top:5px}.toolbar{position:sticky;top:0;z-index:5;background:rgba(243,240,233,.95);backdrop-filter:blur(12px);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.chips{display:flex;gap:5px;overflow:auto;scrollbar-width:none}.chip{white-space:nowrap;min-height:37px;border:1px solid transparent;border-radius:30px;padding:0 13px;background:transparent;color:var(--muted);font:500 12px "DM Sans";cursor:pointer}.chip.active{background:var(--ink);color:#fff}.chip span{opacity:.55;margin-left:4px}.tools{display:flex;gap:7px}.search-box{display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:0 10px;height:39px}.search-box input{border:0;outline:0;background:transparent;width:145px;font:12px "DM Sans"}.tools select{border:1px solid var(--line);border-radius:4px;background:var(--card);padding:0 10px;color:var(--ink);font:11px "DM Sans"}.garment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 15px;padding-top:23px}.garment-card{min-width:0}.image-wrap{position:relative;aspect-ratio:4/5;background:#e6e1d8;border-radius:3px;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.garment-card:hover img{transform:scale(1.025)}.favorite{position:absolute;right:10px;top:10px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(248,246,240,.87);color:var(--ink);font-size:18px;cursor:pointer;backdrop-filter:blur(4px)}.favorite.active{color:var(--clay)}.card-info{display:flex;justify-content:space-between;gap:10px;padding:11px 2px}.card-info h3{font:17px "Instrument Serif";margin:0 0 5px}.card-info p{margin:0;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.card-info>span{width:8px;height:8px;border-radius:50%;margin-top:7px;border:1px solid rgba(0,0,0,.12)}.empty-state{text-align:center;padding:90px 20px}.empty-state>span{font:70px "Instrument Serif";color:#aaa79f}.empty-state h2{font:32px "Instrument Serif";margin:8px}.empty-state p{color:var(--muted)}.empty-state button,.trip-empty button{border:0;border-bottom:1px solid;background:transparent;padding:9px 0;cursor:pointer}.editorial{margin-bottom:45px}.feature-look{display:grid;grid-template-columns:1.45fr 1fr;background:#ded8ce;min-height:460px}.feature-look img{width:100%;height:100%;max-height:570px;object-fit:cover}.feature-look>div{padding:clamp(30px,5vw,75px);display:flex;flex-direction:column;justify-content:center}.feature-look h2{font:46px "Instrument Serif";margin:0 0 15px}.feature-look p:not(.eyebrow){color:#66685f;line-height:1.7}.look-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.look-tags span{border:1px solid #bbb6ac;border-radius:20px;padding:7px 10px;font-size:10px}.text-button{border:0;background:none;text-align:left;padding:12px 0;font-weight:600;cursor:pointer}.section-head{display:flex;justify-content:space-between;align-items:end;margin:50px 0 18px;border-bottom:1px solid var(--line);padding-bottom:12px}.section-head h2{font:27px "Instrument Serif";margin:0}.section-head span{color:var(--muted);font-size:11px}.outfit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.outfit-card{position:relative;aspect-ratio:4/5;overflow:hidden}.outfit-card img{width:100%;height:100%;object-fit:cover}.outfit-card div{position:absolute;inset:auto 0 0;padding:45px 18px 17px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.65))}.outfit-card h3{font:24px "Instrument Serif";margin:3px 0}.outfit-card span{font-size:9px;letter-spacing:.12em}.trip-card{height:min(650px,62vw);min-height:450px;position:relative;border-radius:4px;overflow:hidden;color:white}.trip-card>img{width:100%;height:100%;object-fit:cover}.trip-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,20,16,.7),transparent 72%)}.trip-overlay{position:absolute;z-index:1;left:clamp(25px,6vw,80px);top:50%;transform:translateY(-50%);max-width:430px}.trip-status{font-size:10px;letter-spacing:.16em}.trip-overlay h2{font:clamp(45px,6vw,78px)/1 "Instrument Serif";margin:13px 0 7px}.trip-overlay p{opacity:.8}.packing{display:grid;grid-template-columns:auto auto 1fr;gap:25px;align-items:center;margin:35px 0}.packing b,.packing span{display:block}.packing b{font:27px "Instrument Serif"}.packing div>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em}.progress{height:2px;background:rgba(255,255,255,.35)}.progress span{height:100%;background:white}.light-button{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.07);color:white;min-height:46px;padding:0 18px;cursor:pointer}.past-trips{display:grid;grid-template-columns:1fr 1fr;gap:18px}.past-trips article{min-height:250px;background:#e4dfd5}.past-trips article:first-child{display:grid;grid-template-columns:1fr 1fr}.past-trips img{width:100%;height:100%;object-fit:cover}.past-trips article>div{padding:30px;align-self:center}.past-trips span{font-size:9px;letter-spacing:.15em;color:var(--sage)}.past-trips h3{font:29px "Instrument Serif";margin:8px 0}.past-trips p{font-size:12px;color:var(--muted)}.trip-empty{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.trip-empty>span{font:40px "Instrument Serif"}dialog{width:min(660px,calc(100% - 24px));max-height:92vh;border:0;border-radius:10px;padding:0;background:#f7f4ed;color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(27,28,24,.58);backdrop-filter:blur(3px)}dialog form{padding:31px}.modal-head{display:flex;align-items:start;justify-content:space-between}.modal-head h2{font:38px "Instrument Serif";margin:0}.close-button{width:44px;height:44px;border:0;background:transparent;font-size:26px;cursor:pointer}.photo-drop{margin:25px 0;min-height:230px;border:1px dashed #aaa69c;background:#ebe7de;display:grid;place-items:center;text-align:center;cursor:pointer;position:relative;overflow:hidden}.photo-drop input{position:absolute;opacity:0}.photo-drop b,.photo-drop strong,.photo-drop small{display:block}.photo-drop b{font-size:28px}.photo-drop strong{font:22px "Instrument Serif";margin:5px}.photo-drop small{color:var(--muted)}.photo-drop img{position:absolute;width:100%;height:100%;object-fit:cover}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:#fffdf8;border-radius:4px;min-height:44px;padding:10px;font:13px "DM Sans";resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.modal-actions button{min-height:44px;border:0;padding:0 18px;background:transparent;cursor:pointer}.modal-actions .save-button{background:var(--ink);color:white;border-radius:4px}#toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:#fff;padding:13px 18px;border-radius:4px;font-size:12px;transition:.25s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}.bottom-nav{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #d88965;outline-offset:2px}
@media(max-width:1050px){.garment-grid{grid-template-columns:repeat(3,1fr)}.wardrobe-stats{grid-template-columns:80px 80px 130px 1fr}}
@media(max-width:760px){body{padding-bottom:74px}.rail{display:none}main{margin-left:0}.topbar{height:62px;padding:0 17px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.13em}.mobile-brand .brandmark{width:28px;height:28px;font-size:19px}.date-label{display:none}.icon-button{display:block;width:44px;height:44px;border:0;background:transparent;font-size:23px}.view{padding:37px 16px 65px}.hero-row{align-items:start}.hero-row .add-button{display:none}h1{font-size:48px}.dek{font-size:14px;margin-top:12px}.wardrobe-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:30px 0 18px;padding:15px}.wardrobe-stats>div{padding-left:3px}.wardrobe-stats p{display:none}.toolbar{display:block;margin:0 -16px;padding:10px 16px}.chips{margin:0 -16px;padding:0 16px}.tools{margin-top:9px}.search-box{flex:1}.search-box input{width:100%}.tools select{max-width:128px}.garment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 9px;padding-top:15px}.card-info h3{font-size:15px}.favorite{width:44px;height:44px;right:5px;top:5px}.bottom-nav{position:fixed;display:grid;grid-template-columns:1fr 1fr 58px 1fr 1fr;align-items:center;inset:auto 0 0;z-index:20;height:74px;padding:7px 8px max(7px,env(safe-area-inset-bottom));background:rgba(246,243,237,.96);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.bottom-nav .nav-item{min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:19px}.bottom-nav .nav-item.active{color:var(--ink)}.bottom-nav small{font-size:9px}.mobile-add{width:52px;height:52px;border-radius:50%;border:0;background:var(--ink);color:white;font-size:25px;transform:translateY(-15px);box-shadow:0 7px 17px rgba(0,0,0,.2)}.editorial{margin-bottom:30px}.feature-look{grid-template-columns:1fr}.feature-look img{height:390px}.feature-look>div{padding:28px}.outfit-grid{grid-template-columns:1fr 1fr;overflow:auto}.outfit-card:last-child{display:none}.trip-card{height:540px}.trip-card:after{background:linear-gradient(0deg,rgba(17,20,16,.75),transparent)}.trip-overlay{left:24px;right:24px;top:auto;bottom:35px;transform:none}.packing{grid-template-columns:auto auto;}.packing .progress{grid-column:1/-1}.past-trips{grid-template-columns:1fr}.past-trips article:first-child{grid-template-columns:1fr 1fr}.past-trips article{min-height:220px}dialog{width:100%;max-height:94vh;margin:0;inset:auto 0 0;border-radius:14px 14px 0 0}dialog form{padding:23px 18px}.photo-drop{min-height:190px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}