/* Clean mobile-first layer. Loaded last so it can simplify the older visual system without changing stored data or app logic. */
:root{--shadow:none;--radius-xl:22px;--radius-lg:18px;--radius-md:16px;--radius-sm:13px}
html{background:#07060b;-webkit-tap-highlight-color:transparent}
body{background:#07060b;overscroll-behavior-y:auto}
button,label,summary{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
.app-shell{background:#07060b}
.topbar{background:rgba(7,6,11,.94);border-bottom:1px solid rgba(255,255,255,.055);backdrop-filter:blur(18px);box-shadow:none}
.topbar h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:26px;font-weight:760;letter-spacing:-.6px}
.icon-btn{box-shadow:none;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
.hero-card,.glass-card,.outfit-card,.memory-card,.search-list button,.linked-outfit,.stat-block,.picker-actions button,.settings-actions button,.mini-cards button,.pair-list>div,.quick-grid button{box-shadow:none;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.07)}
.hero-card::after{display:none}.hero-copy h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px}.hero-copy p{color:var(--muted)}
.section-title{margin-top:22px}.section-title h2{font-size:16px}.mini-btn,.chip{min-height:38px;background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.075)}
.item-photo,.outfit-cover,.outfit-collage,.strip-card img{border-color:rgba(255,255,255,.06);box-shadow:none}
.item-card,.outfit-card,.memory-card{transition:transform .12s ease,background .12s ease}.item-card:active,.outfit-card:active,.memory-card:active{transform:scale(.99)}
.outfit-card{background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.065)}
.memory-card{background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.06)}
.searchbox{background:rgba(14,10,21,.96);border-color:rgba(255,255,255,.08);box-shadow:none}
.overlay{background:rgba(2,1,5,.72);backdrop-filter:blur(8px)}
.sheet{background:#0d0914;border-color:rgba(255,255,255,.06);box-shadow:none}.sheet header{background:#0d0914}.sheet-handle{background:rgba(255,255,255,.14)}
.sheet-body{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.sheet-body::-webkit-scrollbar{display:none}
#form{display:grid;gap:18px}.field{gap:8px}.field>span,.settings-block>label{font-size:10px;letter-spacing:.85px;color:#b9adcd}
.field input,.field select,.field textarea,.settings-block input{min-height:46px;border-radius:14px;background:#120d19;border-color:rgba(255,255,255,.08);box-shadow:none}.field input:focus,.field select:focus,.field textarea:focus,.settings-block input:focus{border-color:rgba(192,132,252,.55);box-shadow:0 0 0 3px rgba(192,132,252,.08)}
.field textarea{min-height:84px}.two-cols{gap:9px}
.primary,.secondary-btn,.delete-btn,.sheet-action{min-height:48px;border-radius:14px;box-shadow:none}.primary,.sheet-action{background:#8b5cf6}.primary:active,.sheet-action:active{transform:scale(.99)}
.secondary-btn{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08)}
#form>.primary{position:static!important;inset:auto!important;z-index:auto!important;width:100%;margin:8px 0 0;box-shadow:none!important}
.tag-picker{border-color:rgba(255,255,255,.065)!important;background:transparent!important;padding:0!important}.tag-browser{border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.018)}.tag-browser>summary{min-height:48px}.tag-group{background:rgba(255,255,255,.018)!important;border-color:rgba(255,255,255,.065)!important}.tag-choice{min-height:34px}.selected-tags-preview:empty{display:none}
.wardrobe-picker-shell{border-color:rgba(255,255,255,.075)!important;background:rgba(255,255,255,.018)!important}.wardrobe-picker-shell>summary{min-height:54px}.wardrobe-group{border-color:rgba(255,255,255,.065)!important}.pick-tools input{min-height:44px}
.stats-dashboard,.stats-panel,.stats-card{box-shadow:none!important}
@media(max-width:600px){
  .page{padding-left:14px;padding-right:14px}.topbar{padding-left:14px;padding-right:14px}
  .overlay{padding:0;align-items:stretch}.sheet{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border-left:0;border-right:0;border-bottom:0;overflow:hidden}.sheet-handle{display:none}.sheet header{height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);position:sticky;top:0;z-index:8}.sheet-body{height:calc(100dvh - 56px - env(safe-area-inset-top));max-height:none;overflow-y:auto;padding:16px 14px calc(28px + env(safe-area-inset-bottom))}
  .item-grid{gap:10px}.item-photo{border-radius:16px}.outfit-card{grid-template-columns:112px 1fr;gap:11px;padding:9px;border-radius:18px}.outfit-cover,.outfit-collage{width:112px;border-radius:14px}.memory-grid{column-gap:8px}.memory-card{margin-bottom:8px;border-radius:15px}
  #form>.primary{margin-top:10px;margin-bottom:calc(6px + env(safe-area-inset-bottom))}
}
@media(max-width:370px){.two-cols{grid-template-columns:1fr}.hero-stats,.quick-grid{grid-template-columns:1fr 1fr}.outfit-card{grid-template-columns:96px 1fr}.outfit-cover,.outfit-collage{width:96px}}