:root,[data-theme=light]{--bg-primary: #faf8f5;--bg-secondary: #f2efe9;--bg-elevated: #ffffff;--bg-glass: rgba(255, 255, 255, .88);--text-primary: #141413;--text-secondary: #575551;--text-muted: #7d7973;--border-subtle: #e4dfd7;--border-strong: #c8c1b6;--accent-primary: #141413;--accent-gold: #b68d2c;--accent-gold-bg: #fbf6e8;--status-clean: #1f6f43;--status-clean-bg: #e7f5ed;--status-warn: #9a5b13;--status-warn-bg: #fdf3e6;--status-danger: #a82828;--status-danger-bg: #fbeaea;--status-info: #1d4ed8;--status-info-bg: #eff6ff;--shadow-card: 0 4px 20px rgba(20, 20, 19, .05);--shadow-modal: 0 20px 50px rgba(20, 20, 19, .18);--checker-a: #ece9e2;--checker-b: #faf8f5}[data-theme=dark]{--bg-primary: #121211;--bg-secondary: #1c1b1a;--bg-elevated: #242321;--bg-glass: rgba(36, 35, 33, .9);--text-primary: #f5f2eb;--text-secondary: #b8b3aa;--text-muted: #8a847b;--border-subtle: #33312e;--border-strong: #4d4944;--accent-primary: #f5f2eb;--accent-gold: #d4af37;--accent-gold-bg: rgba(212, 175, 55, .15);--status-clean: #4ade80;--status-clean-bg: rgba(74, 222, 128, .14);--status-warn: #fbbf24;--status-warn-bg: rgba(251, 191, 36, .14);--status-danger: #f87171;--status-danger-bg: rgba(248, 113, 113, .15);--status-info: #60a5fa;--status-info-bg: rgba(96, 165, 250, .15);--shadow-card: 0 4px 20px rgba(0, 0, 0, .35);--shadow-modal: 0 20px 50px rgba(0, 0, 0, .65);--checker-a: #262523;--checker-b: #1c1b1a}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,.editorial-serif{font-family:Playfair Display,Georgia,Times New Roman,serif;letter-spacing:-.01em}:focus-visible{outline:2.5px solid var(--accent-gold);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.checkerboard-bg{background-color:var(--checker-b);background-image:linear-gradient(45deg,var(--checker-a) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-a) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-a) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-a) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.app-shell{display:flex;min-height:100vh}.sidebar-nav{width:260px;background:var(--bg-elevated);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:1.5rem 1rem;position:sticky;top:0;height:100vh;flex-shrink:0}.main-content{flex:1;min-width:0;padding:1.75rem 2.25rem 5rem;max-width:1440px;margin:0 auto}.mobile-bottom-nav{display:none}@media(max-width:900px){.sidebar-nav{display:none}.main-content{padding:1rem 1rem 6.5rem}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);z-index:40;justify-content:space-around;padding:.35rem .25rem env(safe-area-inset-bottom,.35rem);box-shadow:0 -4px 16px #00000014}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.55rem 1.1rem;border-radius:8px;font-size:.92rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,transform .1s ease;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){opacity:.9}.btn-gold{background:var(--accent-gold);color:#141413;border-color:var(--accent-gold)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong)}.btn-danger{background:var(--status-danger-bg);color:var(--status-danger);border-color:var(--status-danger)}.btn-sm{min-height:36px;padding:.35rem .75rem;font-size:.82rem}.input,.select,.textarea{width:100%;min-height:44px;padding:.55rem .85rem;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);font-size:.95rem;font-family:inherit}.textarea{min-height:80px;resize:vertical}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-card);padding:1.25rem}.garment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:1.25rem}.garment-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s ease,box-shadow .15s ease}.garment-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card)}.garment-thumb-wrap{position:relative;height:220px;width:100%;display:flex;align-items:center;justify-content:center;padding:.75rem;overflow:hidden}.garment-thumb-wrap img{max-width:100%;max-height:100%;object-fit:contain}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-secondary)}.badge-clean{background:var(--status-clean-bg);color:var(--status-clean);border-color:transparent}.badge-warn{background:var(--status-warn-bg);color:var(--status-warn);border-color:transparent}.badge-danger{background:var(--status-danger-bg);color:var(--status-danger);border-color:transparent}.badge-info{background:var(--status-info-bg);color:var(--status-info);border-color:transparent}.badge-gold{background:var(--accent-gold-bg);color:var(--accent-gold);border-color:var(--accent-gold)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0c0ba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.modal-panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:16px;width:100%;max-width:960px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-modal);padding:1.5rem}.pill-scroll{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.mood-pill{min-height:40px;padding:.45rem .95rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-primary);font-size:.86rem;font-weight:600;cursor:pointer;white-space:nowrap}.mood-pill.active{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}