.layout{min-height:100vh;display:flex;flex-direction:column}.site-header{background:#667eeaf2;padding:1rem 2rem 1.25rem;box-shadow:0 2px 12px #0000001a;position:relative;z-index:30}.header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem}.header-spacer{min-width:0}.site-title{font-size:1.75rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:.02em;text-align:center;justify-self:center}.site-title:hover{opacity:.9}.hamburger{width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:8px;justify-self:start;transition:background .2s}.hamburger:hover{background:#fff3}.hamburger-line{display:block;width:22px;height:2px;background:#fff;border-radius:1px;transition:transform .2s ease,opacity .2s ease}.hamburger-close{color:#fff;font-size:1.8rem;line-height:1}.primary-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.primary-nav-link{color:#fffffff2;text-decoration:none;padding:.35rem .5rem;font-size:.85rem;font-weight:600;letter-spacing:.04em;border-radius:4px;transition:background .2s,color .2s}.primary-nav-link:hover{background:#fff3;color:#fff}.primary-nav-link.active{background:#fff;color:#667eea}.nav-sep{color:#fff9;font-weight:300;-webkit-user-select:none;user-select:none;padding:0 .15rem}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:transparent}.dropdown-menu{position:fixed;top:0;left:0;right:0;height:75vh;margin:0;background:#fff;border-radius:0;box-shadow:0 10px 40px #00000026;padding:6.25rem 2rem 2rem;z-index:20;display:flex;flex-direction:column;overflow-y:auto}.dropdown-title{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);font-size:1.5rem;font-weight:700;color:#000;letter-spacing:.02em;text-decoration:none}.dropdown-title:hover{opacity:.7}.dropdown-close{position:absolute;top:1.5rem;left:2rem;border:none;background:transparent;font-size:1.8rem;line-height:1;cursor:pointer;color:#000}.dropdown-link{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#333;text-decoration:none;padding:.85rem 1rem;font-size:1.05rem;line-height:1.3;font-weight:500;transition:background .15s,color .15s;border:none;background:none;width:100%;text-align:left;cursor:pointer}.dropdown-link:hover:not(.coming-soon){background:#667eea1f;color:#667eea}.dropdown-link.active{background:#667eea33;color:#667eea}.dropdown-link.coming-soon{cursor:default;color:#888}.coming-soon-badge{font-size:.75rem;font-weight:500;color:#667eea;font-style:italic}.main-content{flex:1}.page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#fff;text-align:center}.page h1{margin:0 0 1rem;font-size:2.5rem;font-weight:700}.page p{margin:0;font-size:1.2rem;opacity:.95}.page-home h1{font-size:3rem}.page-home p{font-size:1.4rem}.outfit-tile{cursor:pointer;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.outfit-tile:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.outfit-tile-image-wrapper{position:relative;width:100%;padding-bottom:125%;overflow:hidden}.outfit-tile-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.outfit-tile-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:1rem;opacity:0;transition:opacity .3s ease}.outfit-tile:hover .outfit-tile-overlay{opacity:1}.outfit-tile-title{color:#fff;font-size:1rem;font-weight:600;margin:0}.outfits-page{min-height:calc(100vh - 60px);padding:2rem;background:#f5f5f5}.outfits-header{max-width:1200px;margin:0 auto 2rem;text-align:center}.outfits-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;color:#333}.outfits-header p{font-size:1.1rem;color:#666;margin:0}.outfits-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}@media (max-width: 768px){.outfits-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.outfits-page{padding:1.5rem 1rem}}.outfit-canvas{width:100%;max-width:800px;margin:0 auto}.outfit-canvas-backdrop{position:relative;width:100%;padding-bottom:125%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.outfit-item{position:absolute;cursor:pointer;transition:transform .3s ease,filter .3s ease}.outfit-item:hover{transform:scale(1.05);z-index:10!important}.outfit-item.hovered{filter:brightness(1.1)}.outfit-item.on-sale{outline:2px solid #ff0000;outline-offset:4px}.outfit-item-image{width:100%;height:100%;object-fit:contain;display:block}.outfit-item-tooltip{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;white-space:nowrap;font-size:.875rem;pointer-events:none;z-index:20}.outfit-item-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9)}.outfit-item-name{display:block;font-weight:600}.outfit-item-sale-badge{display:inline-block;margin-top:.25rem;padding:.125rem .5rem;background:red;color:#fff;font-size:.75rem;font-weight:700;border-radius:3px}.outfit-detail{min-height:calc(100vh - 60px);padding:2rem;background:#f5f5f5}.outfit-detail-header{max-width:1200px;margin:0 auto 2rem;display:flex;align-items:center;gap:1rem}.outfit-detail-back{background:#fff;border:1px solid #ddd;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s}.outfit-detail-back:hover{background:#f0f0f0}.outfit-detail-title{font-size:2rem;font-weight:700;margin:0;color:#333}.outfit-detail-content{max-width:1200px;margin:0 auto;will-change:transform,opacity}.outfit-detail.animating{overflow:hidden}.outfit-detail-error{min-height:calc(100vh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.App{text-align:center}.App-header{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;padding:20px}h1{margin:0 0 20px;font-size:3rem;font-weight:700}p{margin:10px 0;opacity:.9}.card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px;margin-top:30px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18)}button{background:#fff;color:#667eea;border:none;padding:12px 24px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-bottom:20px}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}button:active{transform:translateY(0)}code{background:#0003;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}