@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=DM+Sans:wght@300;400;500;600&display=swap";:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none}:root{--color-black: #000000;--color-near-black: #111111;--color-dark: #1A1A1A;--color-charcoal: #333333;--color-grey: #8A8A8A;--color-light-grey: #CCCCCC;--color-pale: #F0F0F0;--color-off-white: #F7F7F7;--color-white: #FFFFFF;--color-bg: #FFFFFF;--color-surface: #FFFFFF;--color-text: #000000;--color-text-secondary: #6B6B6B;--color-text-muted: #999999;--color-border: #E0E0E0;--color-divider: #EBEBEB;--color-error: #D32F2F;--font-display: "Cormorant Garamond", "Georgia", serif;--font-body: "DM Sans", "Helvetica Neue", "Arial", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px}.app{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:var(--color-bg);font-family:var(--font-body);color:var(--color-text)}.screen{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-white);border-bottom:1px solid var(--color-divider);z-index:100;min-height:56px}.nav-left,.nav-right{display:flex;align-items:center;gap:var(--space-sm);min-width:80px}.nav-right{justify-content:flex-end}.nav-brand{font-family:var(--font-body);font-size:15px;font-weight:500;letter-spacing:4px;color:var(--color-black);text-transform:uppercase}.nav-btn{display:flex;align-items:center;gap:6px;padding:6px 0;background:none;border:none;font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease}.nav-btn:hover{color:var(--color-black)}.nav-btn-icon{font-size:14px;line-height:1}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:var(--color-black);color:var(--color-white);text-align:center;cursor:pointer;position:relative;overflow:hidden}.start-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(255,255,255,.03) 0%,transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(255,255,255,.02) 0%,transparent 50%);pointer-events:none}.start-brand{font-family:var(--font-body);font-size:56px;font-weight:300;letter-spacing:24px;text-transform:uppercase;margin-bottom:var(--space-xl);opacity:0;animation:fadeIn 1.2s ease forwards;text-indent:24px}.start-divider{width:40px;height:1px;background:#ffffff4d;margin-bottom:var(--space-xl);opacity:0;animation:fadeIn 1.2s ease .3s forwards}.start-subtitle{font-family:var(--font-display);font-size:18px;font-weight:300;font-style:italic;letter-spacing:2px;color:#fff9;margin-bottom:var(--space-sm);opacity:0;animation:fadeIn 1.2s ease .5s forwards}.start-tagline{font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:#ffffff59;margin-bottom:var(--space-4xl);opacity:0;animation:fadeIn 1.2s ease .7s forwards}.start-cta{font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:4px;text-transform:uppercase;color:#ffffff80;opacity:0;animation:fadeIn 1.2s ease 1s forwards;padding:12px 32px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.start-screen:hover .start-cta{border-color:#ffffff80;color:#fffc}.start-powered{position:absolute;bottom:var(--space-lg);font-family:var(--font-body);font-size:9px;letter-spacing:3px;color:#fff3;text-transform:uppercase}.start-lang-toggle{position:absolute;top:var(--space-lg);right:var(--space-lg);background:none;border:1px solid rgba(255,255,255,.15);color:#ffffff80;padding:8px 16px;font-family:var(--font-body);font-size:10px;font-weight:400;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.start-lang-toggle:hover{border-color:#fff6;color:#fffc}.category-screen{display:flex;flex-direction:column;height:100%}.category-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.category-title{font-family:var(--font-display);font-size:28px;font-weight:300;font-style:italic;text-align:center;padding:var(--space-xl) var(--space-lg) var(--space-lg);color:var(--color-text)}.category-grid{display:flex;flex-direction:column;flex:1}.category-card{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:120px;cursor:pointer;overflow:hidden;transition:opacity .3s ease}.category-card:hover{opacity:.9}.category-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55) contrast(1.05);transition:transform .6s ease,filter .3s ease}.category-card:hover .category-card-image{transform:scale(1.03);filter:brightness(.45) contrast(1.1)}.category-label{position:relative;z-index:2;font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:5px;text-transform:uppercase;color:var(--color-white)}.product-screen{display:flex;flex-direction:column;height:100%}.product-content{flex:1;padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.product-screen-title{font-family:var(--font-display);font-size:24px;font-weight:300;font-style:italic;padding:var(--space-lg) var(--space-lg) var(--space-md);text-align:center}.product-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;max-width:800px;margin:0 auto;width:100%}.product-card{display:flex;flex-direction:column;background:var(--color-white);cursor:pointer;transition:opacity .2s ease;border:none}.product-card:hover{opacity:.85}.product-card-image{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.product-card-body{display:flex;flex-direction:column;gap:6px;padding:var(--space-md)}.product-card-colors{display:flex;gap:6px;order:3;margin-top:4px}.product-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--color-border)}.product-card-info{flex:1;min-width:0}.product-card-name{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;margin-bottom:2px}.product-card-desc{font-size:11px;color:var(--color-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--color-text);letter-spacing:.5px}.mode-screen{display:flex;flex-direction:column;height:100%}.mode-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3xl);padding:var(--space-2xl)}.mode-title{font-family:var(--font-display);font-size:26px;font-weight:300;font-style:italic;text-align:center}.mode-options{display:flex;flex-direction:column;gap:0;width:100%;max-width:360px}.mode-card{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl) var(--space-lg);background:none;border:1px solid var(--color-border);cursor:pointer;transition:all .3s ease}.mode-card:first-child{border-bottom:none}.mode-card:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.mode-card-icon{font-size:18px;line-height:1;display:flex;align-items:center}.mode-card-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}.mode-card-label{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:3px;text-transform:uppercase}.preset-screen{display:flex;flex-direction:column;height:100%}.preset-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-2xl)}.preset-title{font-family:var(--font-display);font-size:26px;font-weight:300;font-style:italic}.preset-options{display:flex;gap:var(--space-md)}.preset-card{width:180px;height:280px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all .3s ease;position:relative}.preset-card.selected{border-color:var(--color-black)}.preset-card:hover{opacity:.9}.preset-card img{width:100%;height:100%;object-fit:cover}.preset-card-label{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md) var(--space-sm);background:linear-gradient(transparent,#0009);color:#fff;text-align:center;font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase}.preset-continue-btn{padding:14px 48px;background:var(--color-black);color:var(--color-white);border:none;font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.preset-continue-btn:hover{background:var(--color-charcoal)}.preset-continue-btn:disabled{opacity:.3;cursor:not-allowed}.tryon-screen{display:flex;flex-direction:column;height:100%;background:var(--color-black)}.tryon-content{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.tryon-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.tryon-captured-photo,.tryon-result-image{width:100%;height:100%;object-fit:contain;background:var(--color-black)}.tryon-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#00000080;color:#fffc;padding:10px 24px;font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tryon-bottom-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:var(--color-white);border-top:1px solid var(--color-divider);z-index:10}.tryon-capture-btn{width:64px;height:64px;border-radius:50%;background:var(--color-white);border:2px solid var(--color-black);cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.tryon-capture-btn:hover{transform:scale(1.05)}.tryon-capture-btn:active{transform:scale(.95)}.tryon-capture-icon{width:24px;height:24px;border-radius:50%;background:var(--color-black)}.tryon-action-btn{padding:14px 32px;border:none;font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.tryon-action-btn.primary{background:var(--color-black);color:var(--color-white)}.tryon-action-btn.primary:hover{background:var(--color-charcoal)}.tryon-action-btn.secondary{background:none;color:var(--color-text);border:1px solid var(--color-border)}.tryon-action-btn.secondary:hover{border-color:var(--color-black)}.tryon-product-info{position:absolute;top:var(--space-md);left:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-md);padding:12px var(--space-md);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.tryon-product-name{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:1px;text-transform:uppercase;flex:1}.tryon-product-price{font-family:var(--font-body);font-size:12px;font-weight:400;color:var(--color-text)}.tryon-color-selector{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:10}.tryon-color-btn{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0003}.tryon-color-btn.active{border-color:var(--color-white);transform:scale(1.2);box-shadow:0 2px 12px #0000004d}.tryon-color-btn:hover{transform:scale(1.1)}.loading-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;gap:var(--space-lg)}.loading-spinner{width:40px;height:40px;border:1px solid rgba(255,255,255,.15);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}.loading-text{color:var(--color-white);font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:3px;text-transform:uppercase}.cart-screen{display:flex;flex-direction:column;height:100%}.cart-content{flex:1;padding:var(--space-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.cart-title{font-family:var(--font-display);font-size:26px;font-weight:300;font-style:italic;margin-bottom:var(--space-xl);text-align:center}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-lg);color:var(--color-text-muted);gap:var(--space-md)}.cart-empty-icon{font-size:14px;font-weight:300;letter-spacing:3px;text-transform:uppercase;color:var(--color-light-grey)}.cart-items{display:flex;flex-direction:column;max-width:600px;margin:0 auto;width:100%}.cart-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-divider)}.cart-item:first-child{border-top:1px solid var(--color-divider)}.cart-item-color{width:32px;height:32px;border-radius:50%;border:1px solid var(--color-border);flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.cart-item-details{font-size:11px;color:var(--color-text-secondary);margin-top:2px}.cart-item-price{font-family:var(--font-body);font-size:13px;font-weight:400}.cart-item-remove{padding:var(--space-sm);background:none;border:none;font-size:14px;cursor:pointer;color:var(--color-text-muted);transition:color .2s ease}.cart-item-remove:hover{color:var(--color-black)}.cart-footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-divider);display:flex;flex-direction:column;gap:var(--space-md);max-width:600px;margin:0 auto;width:100%}.cart-total{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:1px;text-transform:uppercase;padding-bottom:var(--space-md)}.cart-actions{display:flex;gap:var(--space-md)}.cart-btn{flex:1;padding:14px;border:none;font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.cart-btn.primary{background:var(--color-black);color:var(--color-white)}.cart-btn.primary:hover{background:var(--color-charcoal)}.cart-btn.secondary{background:none;color:var(--color-text);border:1px solid var(--color-border)}.cart-btn.secondary:hover{border-color:var(--color-black)}.reco-screen{display:flex;flex-direction:column;height:100%}.reco-content{flex:1;padding:var(--space-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.reco-title{font-family:var(--font-display);font-size:26px;font-weight:300;font-style:italic;text-align:center;margin-bottom:var(--space-xs)}.reco-subtitle{font-family:var(--font-body);font-size:12px;color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-xl);letter-spacing:.5px}.reco-section-title{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.reco-tried-items{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.reco-tried-chip{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--color-border);font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:.5px}.reco-tried-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--color-border)}.reco-suggestions{display:flex;flex-direction:column;max-width:600px;margin:0 auto;width:100%}.reco-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0;border-bottom:1px solid var(--color-divider)}.reco-card:first-child{border-top:1px solid var(--color-divider)}.reco-card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-off-white);flex-shrink:0;font-family:var(--font-display);font-size:16px;font-style:italic;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.reco-card-info{flex:1}.reco-card-name{font-family:var(--font-body);font-size:12px;font-weight:400;letter-spacing:.5px;text-transform:uppercase}.reco-card-category{font-size:11px;color:var(--color-text-secondary);text-transform:capitalize;margin-top:2px}.reco-card-price{font-family:var(--font-body);font-size:12px;font-weight:400;margin-right:var(--space-md)}.reco-try-btn{padding:10px 20px;background:var(--color-black);color:var(--color-white);border:none;font-family:var(--font-body);font-size:10px;font-weight:400;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.reco-try-btn:hover{background:var(--color-charcoal)}.reco-empty{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary);font-size:13px;font-style:italic;font-family:var(--font-display)}.reco-back-btn{display:block;margin:var(--space-xl) auto 0;padding:14px 48px;background:none;color:var(--color-text);border:1px solid var(--color-border);font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.reco-back-btn:hover{border-color:var(--color-black)}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%);padding:14px 32px;background:var(--color-black);color:var(--color-white);font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:2px;text-transform:uppercase;z-index:1000;animation:toastIn .3s ease,toastOut .3s ease 2s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(12px)}}@media(max-width:480px){.start-brand{font-size:36px;letter-spacing:16px;text-indent:16px}.product-list{grid-template-columns:repeat(2,1fr)}.mode-options{max-width:100%}.preset-options{flex-direction:column;align-items:center}.preset-card{width:160px;height:240px}}@media(min-width:768px){.category-card{min-height:160px}.start-brand{font-size:72px;letter-spacing:32px;text-indent:32px}}@media(min-width:1024px){.category-grid{flex-direction:row;flex-wrap:wrap}.category-card{flex:1 1 calc(50% + -0px);min-height:200px}.category-card:last-child:nth-child(odd){flex:1 1 100%}}