.auth-page{background:radial-gradient(circle at top,#1f1f1f 0%,#111 48%,#0d0d0d 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-card{background:#1c1c1ceb;border:1px solid #ffffff1a;border-radius:20px;width:min(460px,100%);padding:28px;box-shadow:0 16px 42px #00000073}.auth-card h1{margin-bottom:10px;font-size:1.8rem;line-height:1.2}.auth-card p{color:#d3d3d3;margin-bottom:18px}.auth-actions{gap:10px;display:grid}.auth-form{gap:8px;display:grid}.auth-label{color:#e5e5e5;margin-top:6px;font-size:.9rem}.auth-input{color:#fff;background:#1a1a1a;border:1px solid #ffffff26;border-radius:12px;padding:12px 14px;font-size:.95rem}.auth-input:focus{outline-offset:1px;outline:2px solid #8b5cf6}.auth-divider{text-align:center;color:#9ca3af;margin:16px 0 12px;font-size:.9rem}.auth-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 14px;font-weight:600;transition:transform .15s}.auth-btn:hover{transform:translateY(-1px)}.auth-btn-primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.auth-btn-secondary{color:#fff;background:#2d2d2d}.auth-btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%)}.auth-btn-danger:disabled{opacity:.6;cursor:not-allowed}.auth-inline-links{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.auth-link{color:#cab6ff;font-size:.95rem;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-error{color:#fecaca;background:#991b1b33;border:1px solid #f87171;border-radius:10px;margin-top:12px;padding:10px 12px}.auth-success{color:#a7f3d0;background:#065f4640;border:1px solid #34d399;border-radius:10px;margin-top:12px;padding:10px 12px}.auth-note{color:#a3a3a3;margin-top:16px;font-size:.9rem}.home-page{background:linear-gradient(#fff8f5 0%,#fff0ed 100%);min-height:100vh;padding:0}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:60px 20px 40px;display:flex}.hero-content{max-width:600px;margin-bottom:40px}.brand-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.logo-eyes{font-size:3rem;line-height:1}.brand-name{color:#4a3728;letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:700}.hero-tagline{color:#8b7355;margin:8px 0 20px;font-size:1.1rem;font-weight:500}.hero-description{color:#6b5b4f;margin:0 0 24px;font-size:1rem;line-height:1.6}.hero-illustration{margin-top:20px}.closet-peek{width:200px;height:160px;margin:0 auto;position:relative}.peek-eyes{z-index:10;filter:drop-shadow(2px 2px 4px #0000001a);font-size:4rem;position:absolute;top:-20px;left:-30px}.closet-doors{width:100%;height:100%;position:relative}.door{background:linear-gradient(135deg,#d4a574 0%,#c49564 100%);border-radius:4px;width:45%;height:90%;position:absolute;top:10px;box-shadow:0 4px 8px #00000026}.left-door{border-right:3px solid #b8895a;left:0;transform:rotateY(-10deg)}.right-door{border-left:3px solid #b8895a;right:0;transform:rotateY(10deg)}.closet-interior{background:#3d2817;border-radius:2px;width:45%;height:90%;position:absolute;top:10px;left:27.5%;overflow:hidden}.closet-rod{background:#8b7355;border-radius:2px;height:4px;position:absolute;top:15px;left:5px;right:5px}.hanger{width:30px;height:50px;position:absolute;top:18px}.hanger:before{content:"";border:2px solid #8b7355;border-radius:50% 50% 0 0;width:12px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hanger:after{content:"";background:#8b7355;width:2px;height:10px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.orange-shirt{left:20px}.green-shirt{right:20px}.shirt{border-radius:8px 8px 0 0;width:36px;height:45px;position:absolute;top:15px;left:50%;transform:translate(-50%)}.shirt.orange{background:linear-gradient(135deg,#f08a5a 0%,#e67e4a 100%)}.shirt.green{background:linear-gradient(135deg,#5ab878 0%,#4aa868 100%)}.features-section{background:#fff;padding:60px 20px}.features-section .section-title{text-align:center;color:#4a3728;margin:0 0 12px;font-size:2rem;font-weight:700}.features-section .section-subtitle{text-align:center;color:#8b7355;max-width:500px;margin:0 auto 40px;font-size:1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.feature-card{text-align:center;background:linear-gradient(#fff8f5 0%,#fff 100%);border:1px solid #d4a57433;border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #d4a57426}.feature-icon{margin-bottom:16px;font-size:3rem}.feature-title{color:#4a3728;margin:0 0 12px;font-size:1.25rem;font-weight:700}.feature-description{color:#6b5b4f;margin:0 0 16px;font-size:.95rem;line-height:1.6}.occasion-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.occasion-list li{color:#5a4a3a;background:#f08a5a1a;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:.9rem;display:inline-flex}.feature-image-placeholder{background:linear-gradient(135deg,#f5e6d3 0%,#e8d4b8 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;height:120px;margin-top:16px;display:flex}.placeholder-content{flex-direction:column;align-items:center;gap:8px;display:flex}.placeholder-icon{font-size:2.5rem}.placeholder-text{color:#8b7355;font-size:.85rem;font-weight:500}.app-download-section{text-align:center;background:linear-gradient(#fff8f5 0%,#fff0ed 100%);padding:60px 20px}.app-download-section .section-title{color:#4a3728;margin:0 0 12px;font-size:2rem;font-weight:700}.app-download-section .section-subtitle{color:#8b7355;max-width:500px;margin:0 auto 40px;font-size:1rem}.app-showcase{flex-wrap:wrap;justify-content:center;gap:40px;max-width:900px;margin:0 auto 40px;display:flex}.app-icon-container{flex-direction:column;align-items:center;gap:12px;display:flex}.app-icon{background:linear-gradient(135deg,#f5e6d3 0%,#e8d4b8 100%);border-radius:28px;justify-content:center;align-items:center;width:120px;height:120px;display:flex;box-shadow:0 8px 24px #00000026}.icon-closet{width:80px;height:70px;position:relative}.icon-doors{width:100%;height:100%;position:relative}.icon-door{background:linear-gradient(135deg,#d4a574 0%,#c49564 100%);border-radius:3px;width:35%;height:90%;position:absolute;top:8px}.icon-door.left{left:0}.icon-door.right{right:0}.icon-eyes{font-size:2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-icon-label{color:#8b7355;font-size:.85rem;font-weight:500}.splash-screen-container{flex-direction:column;align-items:center;gap:12px;display:flex}.phone-mockup{background:#1a1a1a;border-radius:24px;flex-direction:column;align-items:center;width:200px;height:400px;padding:12px;display:flex;box-shadow:0 12px 40px #0003}.phone-notch{background:#000;border-radius:0 0 12px 12px;width:80px;height:24px;margin-bottom:8px}.splash-content{background:linear-gradient(#fff8f5 0%,#fff0ed 100%);border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:20px;display:flex}.splash-closet{width:100px;height:80px;margin-bottom:16px;position:relative}.splash-eyes{font-size:2.5rem;position:absolute;top:-15px;left:-20px}.splash-closet-doors{width:100%;height:100%;position:relative}.splash-door{background:linear-gradient(135deg,#d4a574 0%,#c49564 100%);border-radius:3px;width:35%;height:90%;position:absolute;top:8px}.splash-door.left{left:0}.splash-door.right{right:0}.splash-interior{background:#3d2817;border-radius:2px;width:35%;height:90%;position:absolute;top:8px;left:32.5%;overflow:hidden}.splash-rod{background:#8b7355;height:3px;position:absolute;top:10px;left:3px;right:3px}.splash-hanger{width:20px;height:35px;position:absolute;top:12px}.splash-hanger:before{content:"";border:1.5px solid #8b7355;border-radius:50% 50% 0 0;width:8px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.splash-hanger:after{content:"";background:#8b7355;width:1.5px;height:8px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.splash-hanger.orange{left:10px}.splash-hanger.green{right:10px}.splash-shirt{border-radius:5px 5px 0 0;width:24px;height:30px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.splash-shirt.orange{background:linear-gradient(135deg,#f08a5a 0%,#e67e4a 100%)}.splash-shirt.green{background:linear-gradient(135deg,#5ab878 0%,#4aa868 100%)}.splash-title{color:#4a3728;margin:0;font-size:1rem;font-weight:700}.splash-label{color:#8b7355;font-size:.85rem;font-weight:500}.app-screens-container{flex-direction:column;align-items:center;gap:12px;display:flex}.phone-mockup.large{width:240px;height:480px}.app-screen-content{background:#fff;border-radius:16px;flex-direction:column;flex:1;width:100%;padding:16px;display:flex;overflow:hidden}.app-header{color:#666;justify-content:space-between;align-items:center;padding:8px 4px 12px;font-size:.7rem;display:flex}.app-status-icons{gap:4px;display:flex}.app-hero{text-align:center;padding:20px 0}.app-hero-title{color:#4a3728;margin:0 0 4px;font-size:1rem;font-weight:700}.app-hero-subtitle{color:#8b7355;margin:0;font-size:.7rem}.app-card{text-align:center;background:#fff;border-radius:12px;margin-top:8px;padding:16px;box-shadow:0 2px 8px #00000014}.app-card-eyes{margin-bottom:8px;font-size:2rem}.app-card-title{color:#4a3728;margin:0 0 4px;font-size:.75rem;font-weight:600}.app-card-text{color:#8b7355;margin:0 0 12px;font-size:.6rem;line-height:1.4}.app-card-btn{color:#fff;cursor:pointer;background:#f08a5a;border:none;border-radius:20px;padding:6px 16px;font-size:.6rem;font-weight:600}.screens-label{color:#8b7355;font-size:.85rem;font-weight:500}.download-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.download-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 20px;transition:transform .2s,box-shadow .2s;display:flex}.download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.download-icon{font-size:1.5rem}.download-text{text-align:left;flex-direction:column;display:flex}.download-sub{opacity:.9;font-size:.65rem;font-weight:400}.download-main{font-size:.95rem;font-weight:600}.how-it-works-section{background:#fff;padding:60px 20px}.how-it-works-section .section-title{text-align:center;color:#4a3728;margin:0 0 12px;font-size:2rem;font-weight:700}.how-it-works-section .section-subtitle{text-align:center;color:#8b7355;margin:0 0 40px;font-size:1rem}.steps-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:1000px;margin:0 auto;display:flex}.step-card{text-align:center;background:linear-gradient(#fff8f5 0%,#fff 100%);border:1px solid #d4a57433;border-radius:16px;flex:1;min-width:200px;max-width:280px;padding:24px}.step-number{color:#fff;background:linear-gradient(135deg,#f08a5a 0%,#e67e4a 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 12px #f08a5a66}.step-title{color:#4a3728;margin:0 0 12px;font-size:1.1rem;font-weight:700}.step-description{color:#6b5b4f;margin:0;font-size:.9rem;line-height:1.6}.step-arrow{color:#d4a574;font-size:2rem;font-weight:700}.quick-start-section{text-align:center;max-width:600px;margin:0 auto;padding:60px 20px}.quick-start-section .section-title{color:#4a3728;margin:0 0 12px;font-size:2rem;font-weight:700}.quick-start-section .section-subtitle{color:#8b7355;margin:0 0 24px;font-size:1rem}.cta-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f08a5a 0%,#e67e4a 100%);border:none;border-radius:30px;padding:16px 32px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #f08a5a66}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f08a5a80}.hero-supporting-note{color:#8b7355;margin-top:16px;font-size:.95rem}.cta-primary.large{padding:20px 48px;font-size:1.25rem}.home-footer{text-align:center;background:#f5e6d3;padding:30px 20px}.home-footer p{color:#8b7355;margin:0;font-size:.85rem}@media (width<=768px){.hero-section{padding:40px 16px 30px}.brand-name{font-size:2rem}.logo-eyes{font-size:2.5rem}.app-showcase{gap:30px}.download-buttons{flex-direction:column;align-items:center}.download-btn{justify-content:center;width:200px}.features-grid{grid-template-columns:1fr}.steps-container{flex-direction:column}.step-arrow{transform:rotate(90deg)}}@media (width<=480px){.brand-name{font-size:1.75rem}.section-title{font-size:1.5rem}.app-icon{width:100px;height:100px}.phone-mockup{width:160px;height:320px}.phone-mockup.large{width:180px;height:360px}.feature-card{padding:16px}.step-card{min-width:100%;max-width:none}}.faceoff-page{flex-direction:column;gap:8px;height:100dvh;max-height:calc(100dvh - 10em);margin:0 0 -32px;padding:16px 0 0;display:flex;overflow:hidden}.faceoff-container{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.faceoff-outfits{flex:1;justify-content:center;align-items:stretch;gap:8px;min-height:0;max-height:calc(100dvh - 180px);padding:4px 0;display:flex;position:relative}.faceoff-outfit{flex-direction:column;flex:1;align-items:center;gap:8px;transition:opacity .3s,transform .3s;display:flex;position:relative}.faceoff-image-wrap,.faceoutfit-image-wrap{border-radius:var(--radius-md);width:100%;height:100%;padding-top:32px;position:relative;overflow:hidden}.faceoff-outfit-img{object-fit:contain;width:100%;height:100%}.faceoff-vs{background:var(--bg-elevated);width:36px;height:36px;color:var(--text);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000040}.faceoff-outfit-title{color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8rem;overflow:hidden}.faceoff-badge{letter-spacing:.02em;z-index:2;pointer-events:none;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.winner-badge{color:#000;background:#f59e0b;box-shadow:0 2px 8px #f59e0b80}.loser-badge{color:#fff;background:#64748b;box-shadow:0 2px 6px #64748b66}.faceoff-slider-container{flex-direction:column;gap:8px;padding:8px 0;display:flex}.faceoff-slider-track{width:100%;padding:16px 0;position:relative}.faceoff-slider-input{appearance:none;background:var(--bg-elevated);z-index:2;background:0 0;border-radius:8px;outline:none;width:100%;height:10px;position:relative}.faceoff-slider-input::-webkit-slider-thumb{appearance:none;border:4px solid var(--accent);cursor:pointer;z-index:3;background:#fff;border-radius:50%;width:36px;height:36px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 2px 8px #0000004d}.faceoff-slider-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.faceoff-slider-input::-webkit-slider-thumb:active{transform:scale(1.2)}.faceoff-slider-input::-moz-range-thumb{border:4px solid var(--accent);cursor:pointer;background:#fff;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 8px #0000004d}.faceoff-slider-fill,.faceoff-slider-background{background:var(--bg-elevated);pointer-events:none;z-index:1;border-radius:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.faceoff-slider-fill-left{background:linear-gradient(90deg,#ef4444 0%,#f97316 25%,#eab308 50%,#22c55e 75%,#3b82f6 100%);right:50%}.faceoff-slider-fill-right{background:linear-gradient(90deg,#3b82f6 0%,#22c55e 25%,#eab308 50%,#f97316 75%,#ef4444 100%);left:50%}.faceoff-instruction{color:var(--text-muted);text-align:center;margin:8px 0 0;font-size:.875rem}.faceoff-explain{flex-direction:column;gap:16px;padding:16px 0;display:flex}.faceoff-explain-header{text-align:center}.faceoff-explain-header h2{color:var(--text);margin:0 0 4px;font-size:1.125rem;font-weight:600}.faceoff-explain-header p{color:var(--text-muted);margin:0;font-size:.875rem}.faceoff-winner-preview{aspect-ratio:3/4;border-radius:var(--radius-md);background:var(--bg-elevated);flex-direction:column;justify-content:space-between;align-items:center;width:100%;max-width:280px;margin:0 auto;padding:12px;display:flex;position:relative;overflow:hidden}.faceoff-winner-img{object-fit:cover;width:100%;height:100%}.faceoff-winner-badge{letter-spacing:.02em;color:#000;z-index:2;background:#f59e0b;border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:700;box-shadow:0 2px 12px #f59e0b99}.faceoff-winner-title{text-align:center;color:var(--text);margin-top:8px;font-size:.9rem;position:relative}.faceoff-reason-chips{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 0;display:flex}.faceoff-chip{background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);border:1px solid #0000;border-radius:999px;align-items:center;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;display:inline-flex}.faceoff-chip:hover{background:#333}.faceoff-chip.selected{border-color:var(--accent);color:var(--accent);background:#8b5cf633}.faceoff-chip-check{margin-right:4px;font-size:.75rem}.faceoff-explain-actions{justify-content:center;gap:12px;margin-top:8px;display:flex}.faceoff-viewer,.faceoff-winner-viewer{width:100%;height:100%;position:absolute;top:0;left:0}.faceoff-outfit{transition:opacity .5s}.faceoff-fire-emoji{pointer-events:none;z-index:100;font-size:2rem;animation:.5s ease-out forwards fireDrift;position:absolute;transform:translate(-50%,-50%)}@keyframes fireDrift{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-150%)scale(1.5)}}.faceoff-slider-input{transition:transform .5s}.faceoff-slider-fill{transition:width .5s}.faceoff-outfits{transition:max-height .5s}.faceoff-outfit-eliminated{pointer-events:none}.faceoff-winner-badge-final{letter-spacing:.02em;color:#000;z-index:20;opacity:0;background:#f59e0b;border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:700;animation:.4s ease-out .3s forwards badgePopIn;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #f59e0b99}@keyframes badgePopIn{0%{opacity:0;transform:translate(-50%)scale(.5)}to{opacity:1;transform:translate(-50%)scale(1)}}.faceoff-explain-fade-in{opacity:0;animation:.5s ease-out .4s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.faceoff-container:has(.faceoff-explain-fade-in) .faceoff-outfits{max-height:calc(100dvh - 300px)}.faceoff-container:has(.faceoff-explain-fade-in) .faceoff-outfit{max-width:280px;margin:0 auto}.faceoff-vs{transition:opacity .3s,transform .3s}.faceoff-container:has(.faceoff-explain-fade-in) .faceoff-vs{opacity:0;transform:scale(0)}.bfr-page{flex-direction:column;gap:12px;min-height:100dvh;padding:16px 0 40px;display:flex}.bfr-header{align-items:center;gap:10px;display:flex}.bfr-header-stylee{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.bfr-header-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.bfr-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:500;overflow:hidden}.bfr-header-dots{flex-shrink:0;align-items:center;gap:5px;display:flex}.bfr-dot{background:var(--bg-elevated);width:7px;height:7px;transition:background var(--transition);border-radius:50%}.bfr-dot.active{background:var(--accent)}.bfr-dot.done{background:var(--success)}.bfr-brief-banner{background:var(--bg-card);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;line-height:1.4;display:flex}.bfr-banner-occasion{color:var(--text);font-weight:600}.bfr-banner-sep,.bfr-banner-detail{color:var(--text-muted)}.bfr-banner-chips{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.bfr-chip{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:500;line-height:1.4;display:inline-flex}.bfr-chip-sm{color:var(--accent);background:#8b5cf633;padding:2px 7px;font-size:.7rem}.bfr-chip-vibe{color:var(--accent);background:#8b5cf62e;border:1px solid #8b5cf64d}.bfr-chip-reason{background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);border:1px solid #0000;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:.85rem}.bfr-chip-reason:hover{background:#333}.bfr-chip-reason.selected{border-color:var(--accent);color:var(--accent);background:#8b5cf633}.bfr-chip-check{font-size:.7rem}.bfr-chip-selected{color:var(--accent);background:#8b5cf62e;border:1px solid #8b5cf659}.bfr-content{flex-direction:column;flex:1;display:flex}.bfr-rank-badge{letter-spacing:.02em;z-index:2;pointer-events:none;border-radius:999px;padding:3px 9px;font-size:.75rem;font-weight:700;position:absolute;top:8px;left:8px}.bfr-rank-1{color:#000;background:#f59e0b;box-shadow:0 2px 8px #f59e0b80}.bfr-rank-2{color:#000;background:#94a3b8;box-shadow:0 2px 6px #94a3b866}.bfr-intro{flex-direction:column;gap:16px;animation:.3s ease-out fadeIn;display:flex}.bfr-intro-profile{align-items:center;gap:12px;display:flex}.bfr-intro-avatar{object-fit:cover;border:2px solid var(--bg-elevated);border-radius:50%;width:56px;height:56px}.bfr-intro-avatar-placeholder{background:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:600;display:flex}.bfr-intro-profile-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bfr-intro-name{font-size:1.05rem;font-weight:700}.bfr-intro-username{color:var(--text-muted);font-size:.85rem}.bfr-intro-brief-count{color:var(--text-muted);background:var(--bg-elevated);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.8rem}.bfr-intro-brief{flex-direction:column;gap:10px;padding:16px;display:flex}.bfr-intro-occasion{font-size:1.3rem;font-weight:700;line-height:1.2}.bfr-intro-meta{flex-wrap:wrap;gap:8px;display:flex}.bfr-meta-item{color:var(--text-muted);font-size:.85rem}.bfr-intro-vibes{flex-wrap:wrap;gap:6px;display:flex}.bfr-intro-thumbs-wrap{flex-direction:column;gap:8px;display:flex}.bfr-intro-thumbs-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.bfr-intro-thumbs-row{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.bfr-intro-thumbs-row::-webkit-scrollbar{display:none}.bfr-intro-thumb{flex-direction:column;flex-shrink:0;gap:4px;width:21%;display:flex}.bfr-intro-thumb-img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--bg-elevated);width:100%;height:300px}.bfr-intro-thumb-title{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:.65rem;overflow:hidden}.bfr-cta{border-radius:var(--radius);width:100%;margin-top:4px;padding:16px;font-size:1rem}.bfr-select{flex-direction:column;gap:16px;animation:.3s ease-out fadeIn;display:flex}.bfr-select-header{text-align:center}.bfr-select-title{margin-bottom:4px;font-size:1.15rem;font-weight:700}.bfr-select-hint{color:var(--text-muted);min-height:1.4em;font-size:.85rem}.bfr-outfit-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (width>=360px){.bfr-outfit-grid:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}}.bfr-outfit-card{border-radius:var(--radius);cursor:pointer;transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);background:0 0;border:2px solid #0000;flex-direction:column;gap:6px;padding:0;display:flex;position:relative;overflow:visible}.bfr-outfit-card:active{transform:scale(.97)}.bfr-outfit-card.is-best{border-radius:var(--radius);border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b40}.bfr-outfit-card.is-second{border-radius:var(--radius);border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b833}.bfr-outfit-img-wrap{aspect-ratio:3/4;border-radius:calc(var(--radius) - 2px);background:var(--bg-card);width:100%;position:relative;overflow:hidden}.bfr-outfit-img{object-fit:cover;width:100%;height:100%;display:block}.bfr-outfit-title{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font-size:.75rem;overflow:hidden}.bfr-proceed-btn{border-radius:var(--radius);width:100%;padding:15px;font-size:1rem}.bfr-proceed-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.bfr-reason{flex-direction:column;gap:16px;animation:.3s ease-out fadeIn;display:flex}.bfr-reason-header{text-align:center}.bfr-reason-title{margin-bottom:4px;font-size:1.1rem;font-weight:700;line-height:1.3}.bfr-reason-title em{color:var(--accent);font-style:normal}.bfr-reason-subtitle{color:var(--text-muted);font-size:.85rem}.bfr-reason-preview{border-radius:var(--radius-sm);border:2px solid #f59e0b;align-self:center;width:80px;height:108px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #f59e0b33}.bfr-reason-img{object-fit:cover;width:100%;height:100%;display:block}.bfr-reason-preview .bfr-rank-badge{padding:2px 6px;font-size:.65rem;top:4px;left:4px}.bfr-reason-chips{flex-wrap:wrap;gap:8px;display:flex}.bfr-reason-actions{gap:10px;margin-top:4px;display:flex}.bfr-reason-actions .btn-secondary{border-radius:var(--radius);flex:none;padding:14px 20px}.bfr-reason-actions .btn-primary{border-radius:var(--radius);flex:1;padding:14px}.bfr-confirm{flex-direction:column;gap:18px;animation:.3s ease-out fadeIn;display:flex}.bfr-confirm-title{text-align:center;font-size:1.2rem;font-weight:700}.bfr-confirm-picks{justify-content:center;gap:12px;display:flex}.bfr-confirm-pick{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:160px;display:flex}.bfr-confirm-rank-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.bfr-confirm-best .bfr-confirm-rank-label{color:#f59e0b}.bfr-confirm-second .bfr-confirm-rank-label{color:#94a3b8}.bfr-confirm-img-wrap{aspect-ratio:3/4;border-radius:var(--radius-sm);background:var(--bg-card);width:100%;position:relative;overflow:hidden}.bfr-confirm-best .bfr-confirm-img-wrap{border:2px solid #f59e0b;box-shadow:0 0 12px #f59e0b4d}.bfr-confirm-second .bfr-confirm-img-wrap{border:2px solid #94a3b8}.bfr-confirm-img{object-fit:cover;width:100%;height:100%;display:block}.bfr-confirm-outfit-name{color:var(--text-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.78rem;overflow:hidden}.bfr-confirm-reasons{background:var(--bg-card);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.bfr-confirm-reasons-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.bfr-confirm-reasons-chips{flex-wrap:wrap;gap:6px;display:flex}.bfr-confirm-actions{gap:10px;margin-top:4px;display:flex}.bfr-confirm-actions .btn-secondary{border-radius:var(--radius);flex:none;padding:14px 20px}.bfr-submit-btn{border-radius:var(--radius);flex:1;padding:16px;font-size:1rem}.bfr-submit-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.bfr-intro-thumb-viewer,.bfr-outfit-viewer,.bfr-reason-viewer,.bfr-confirm-viewer{width:100%;height:100%;position:absolute;top:0;left:0}.bfr-intro-thumb-viewer{height:auto;position:relative}.variant-carousel{flex-direction:column;flex:1;gap:16px;display:flex}.carousel-brief{background:var(--bg-card);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #0000001a}.brief-header{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.brief-occasion{color:var(--text-primary);font-size:1.1rem;font-weight:600}.brief-location{color:var(--text-muted);font-size:.9rem}.brief-details{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;font-size:.85rem;display:flex}.brief-time,.brief-weather,.brief-venue{align-items:center;gap:4px;display:inline-flex}.brief-wants{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.want-chip{background:var(--primary-color);color:#fff;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:500}.carousel-container{flex:1;justify-content:center;align-items:center;min-height:0;margin:-16px;display:flex;position:relative;overflow:hidden}.carousel-track{will-change:transform;align-items:center;width:100%;height:100%;transition:transform .3s;display:flex;position:absolute;left:45%}.carousel-item{will-change:transform;touch-action:none;flex-shrink:0;width:calc(95dvw - 88px);height:100%;padding:16px 0 0;transition:opacity .3s,transform .3s;position:absolute}.carousel-item:not(.active){opacity:.1}.carousel-image-wrap{border-radius:var(--radius);background:var(--bg-card);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.carousel-image{object-fit:cover;width:100%;height:100%}.carousel-counter{background:#0009;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:500;position:absolute;top:8px;left:8px}.carousel-title{background:linear-gradient(#0000,#000000b3);padding:20px 10px 10px;font-size:.85rem;font-weight:500;position:absolute;bottom:0;left:0;right:0}.carousel-nav{cursor:pointer;width:44px;height:44px;transition:opacity var(--transition), transform var(--transition);z-index:10;color:#fff;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;margin:-6px;font-size:1.8rem;display:flex;position:absolute;bottom:44px;transform:translateY(-50%)}.carousel-nav:disabled{opacity:0;cursor:default}.carousel-nav:hover:not(:disabled){background:#000000b3;transform:translateY(-50%)scale(1.1)}.carousel-nav-left{left:12px}.carousel-nav-right{right:12px}.v-slider-wrap{z-index:5;flex-direction:column;align-items:center;gap:6px;width:64px;display:flex;position:absolute;top:12px;bottom:0;right:0}.v-slider-wrap.is-active:after{content:"";pointer-events:none;width:92px;height:92px;left:50%;top:calc(var(--thumb-y,50%) - 46px);background:radial-gradient(circle,#ffffff29 0%,#ffffff1a 35%,#ffffff0d 55%,#fff0 72%);border-radius:999px;transition:opacity .14s;position:absolute;transform:translate(-50%)}.v-slider-track{place-items:center;width:56px;height:50%;margin:48px auto 12px;display:grid;position:relative;overflow:visible}.v-slider-input{appearance:none;writing-mode:vertical-lr;background:linear-gradient(to top, #f5ea1a 0%, #f7c51d 35%, #f7921f 65%, #ff5b1f 100%) bottom / 100% var(--fill,60%) no-repeat, #202126;cursor:pointer;direction:rtl;border:0;border-radius:999px;outline:none;width:56px;height:100%;margin:0;position:relative;box-shadow:inset 0 0 0 2px #ffffff05,inset 0 2px 6px #00000047}.v-slider-input::-webkit-slider-runnable-track{background:0 0;border:none;height:100%}.v-slider-input::-moz-range-track{background:0 0;border:none;height:100%}.v-slider-input::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle,#f05a23 0 9px,#0000 10px),radial-gradient(circle,#f2f2f2 0 22px,#0000 23px);border:0;border-radius:50%;width:52px;height:52px;margin-left:2px;box-shadow:0 2px 8px #00000047}.v-slider-input::-moz-range-thumb{background:radial-gradient(circle,#f05a23 0 9px,#0000 10px),radial-gradient(circle,#f2f2f2 0 22px,#0000 23px);border:0;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #00000047}.v-slider-input:focus-visible{outline:none}.v-slider-value{color:var(--accent);margin-top:2px;font-size:.8rem;font-weight:600}.rating-prompt{text-align:right;width:100px;position:absolute;top:12px;right:24px}.rating-indicator{text-align:center;width:100%;font-size:xx-large;position:absolute;right:0}.rating-badge{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 2px 8px #0000004d}.completion-card{justify-content:center;align-items:center;display:flex}.completion-content{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;padding:40px;display:flex}.completion-title{text-align:center;color:var(--text);font-size:2rem;font-weight:700}.submit-btn{border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;border:none;min-width:120px;padding:12px 24px;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.submit-btn:hover:not(:disabled){background:var(--accent-hover)}.submit-btn:disabled{opacity:.7;cursor:default}.submit-text{z-index:2;position:relative}.submit-progress{z-index:1;background:#0003;height:4px;position:absolute;bottom:0;left:0;right:0}.submit-progress-bar{background:var(--text);height:100%;transition:width .1s linear}.brief-stack-page{height:calc(100dvh - var(--top-nav-height));background:var(--bg);flex-direction:column;display:flex;position:relative;overflow:hidden}.brief-stack-container{flex:1;justify-content:center;align-items:stretch;min-height:0;margin:0 -16px;padding:8px 32px 0;display:flex;position:relative;overflow:hidden}.brief-card{background:var(--bg-card);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:calc(100% - 4em);max-height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;inset:16px auto 8px;overflow:hidden;box-shadow:0 4px 20px #00000040}.brief-card.stack-card-0{opacity:0;z-index:1;transform:translateY(-16%)scale(.75)}.brief-card.stack-card-1{opacity:.25;z-index:2;transform:translateY(-12%)scale(.85)}.brief-card.stack-card-2{opacity:.8;z-index:3;transform:translateY(-8%)scale(.9)}.brief-card.stack-card-3{opacity:1;z-index:4;transform:translateY(-4%)scale(.95)}.brief-card.stack-card-current{opacity:1;z-index:5;transform:translateY(0)scale(1)}.brief-card.animating.slide-left{opacity:0;z-index:5;transform:translate(-150%)rotate(-20deg)}.brief-card.animating.slide-right{opacity:0;z-index:5;transform:translate(150%)rotate(20deg)}.brief-card.animating.slide-up{opacity:0;z-index:5;transform:translateY(-150%)rotate(-10deg)}.brief-card.animating.slide-down{opacity:0;z-index:5;transform:translateY(150%)rotate(10deg)}.brief-card.moving-forward-0{opacity:0;z-index:1;transform:translateY(-12%)scale(.85)}.brief-card.moving-forward-1{opacity:.25;z-index:2;transform:translateY(-8%)scale(.9)}.brief-card.moving-forward-2{opacity:.8;z-index:3;transform:translateY(-4%)scale(.95)}.brief-card.moving-forward-3{opacity:1;z-index:4;transform:translateY(0)scale(1)}.brief-card.entering{opacity:0;transform:translateY(20px)scale(.9)}.brief-card.entering-visible{opacity:0;transform:translateY(-16%)scale(.75)}.dismiss-btn{color:#fff;cursor:pointer;z-index:5;width:36px;height:36px;transition:background var(--transition), transform var(--transition);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:12px;right:12px}.dismiss-btn:hover{background:#000000b3;transform:scale(1.1)}.dismiss-btn:active{transform:scale(.95)}.brief-card-summary{padding:20px 16px 16px;overflow-y:auto}.brief-card-content{flex-direction:column;flex:1;display:flex;position:relative}.brief-card-profile{cursor:pointer;align-items:center;gap:12px;padding:16px;transition:background-color .2s;display:flex}.brief-card-profile:hover{background-color:#667eea1a}.brief-card-avatar{object-fit:cover;border:2px solid var(--accent);border-radius:50%;flex-shrink:0;width:48px;height:48px}.brief-card-avatar-placeholder{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:600;display:flex}.brief-card-profile-info{flex-direction:column;gap:2px;display:flex}.brief-card-name{color:var(--text);font-size:1rem;font-weight:600}.brief-card-username{color:var(--text-muted);font-size:.85rem}.brief-card-occasion{color:var(--text);margin:0 0 12px;font-size:1.4rem;font-weight:700;line-height:1.2}.brief-card-meta{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.brief-card-meta-item{color:var(--text-muted);background:var(--bg-elevated);border-radius:var(--radius-sm);padding:4px 10px;font-size:.85rem}.brief-card-vibes{flex-wrap:wrap;gap:8px;display:flex}.brief-card-chip{color:var(--text);background:var(--accent-light);border-radius:var(--radius-full);padding:6px 12px;font-size:.8rem;font-weight:500}.brief-card-outfits{flex-direction:column;flex:1;padding:0 16px 16px;display:flex}.brief-card-outfits-label{color:var(--text-muted);margin-bottom:10px;font-size:.85rem;display:block}.brief-card-outfits-row{scrollbar-width:thin;flex:1;justify-content:center;gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.brief-card-outfits-row::-webkit-scrollbar{height:4px}.brief-card-outfits-row::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:var(--radius-sm)}.brief-card-outfits-row::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--radius-sm)}.brief-card-outfit-thumb{background:var(--bg-elevated);border-radius:var(--radius-md);aspect-ratio:3/4;flex-shrink:0;width:80px;min-width:80px;position:relative;overflow:hidden}.brief-card-outfit-img{object-fit:contain;width:100%;height:100%}.brief-card-outfit-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#000c);padding:20px 6px 4px;font-size:.7rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.brief-card-cta{border-radius:var(--radius-md);background:var(--accent);color:#fff;cursor:pointer;transition:background var(--transition), transform var(--transition);border:none;margin:0 16px 16px;padding:14px 20px;font-size:1rem;font-weight:600}.brief-card-cta:hover{background:var(--accent-dark);transform:translateY(-2px)}.brief-card-cta:active{transform:translateY(0)}.brief-card-hint{text-align:center;color:var(--text-muted);padding:0 16px 16px;font-size:.75rem}.brief-card-preview{opacity:1;visibility:visible;flex-direction:column;flex:1;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0}.brief-card-preview-hidden{opacity:0;visibility:hidden;pointer-events:none}.brief-card-faceoff{opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;flex:1;gap:8px;min-height:0;transition:opacity .3s,visibility .3s;display:flex;position:absolute;inset:0}.brief-card-faceoff-visible{opacity:1;visibility:visible;pointer-events:auto}.brief-card-faceoff .faceoff-outfits{flex:1;justify-content:center;align-items:stretch;gap:8px;min-height:0;max-height:calc(100dvh - 280px);padding:4px 0;display:flex;position:relative}.brief-card-faceoff .faceoff-outfit{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:600px;transition:opacity .3s,transform .3s;display:flex;position:relative}.brief-card-faceoff .faceoff-image-wrap,.brief-card-faceoff .faceoutfit-image-wrap{border-radius:var(--radius-md);width:100%;height:100%;padding-top:32px;position:relative;overflow:hidden}.brief-card-faceoff .faceoff-outfit-img{object-fit:contain;width:100%;height:100%}.brief-card-faceoff .faceoff-vs{background:var(--bg-elevated);width:36px;height:36px;color:var(--text);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000040}.brief-card-faceoff .faceoff-outfit-title{color:var(--text);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8rem;overflow:hidden}.brief-card-faceoff .faceoff-badge{letter-spacing:.02em;z-index:2;pointer-events:none;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:.7rem;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%)}.brief-card-faceoff .winner-badge{color:#000;background:#f59e0b;box-shadow:0 2px 8px #f59e0b80}.brief-card-faceoff .loser-badge{color:#fff;background:#64748b;box-shadow:0 2px 6px #64748b66}.brief-card-faceoff .faceoff-slider-container{flex-direction:column;gap:8px;padding:8px 0;display:flex}.brief-card-faceoff .faceoff-slider-track{width:100%;padding:16px 0;position:relative}.brief-card-faceoff .faceoff-slider-input{appearance:none;z-index:2;background:0 0;border-radius:8px;outline:none;width:100%;height:10px;position:relative}.brief-card-faceoff .faceoff-slider-input::-webkit-slider-thumb{appearance:none;border:4px solid var(--accent);cursor:pointer;z-index:3;background:#fff;border-radius:50%;width:36px;height:36px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 2px 8px #0000004d}.brief-card-faceoff .faceoff-slider-input::-webkit-slider-thumb:hover{transform:scale(1.1)}.brief-card-faceoff .faceoff-slider-input::-webkit-slider-thumb:active{transform:scale(1.2)}.brief-card-faceoff .faceoff-slider-fill,.brief-card-faceoff .faceoff-slider-background{background:var(--bg-elevated);pointer-events:none;z-index:1;border-radius:8px;height:8px;position:absolute;top:50%;transform:translateY(-50%)}.brief-card-faceoff .faceoff-slider-fill-left{background:linear-gradient(90deg,#ef4444 0%,#f97316 25%,#eab308 50%,#22c55e 75%,#3b82f6 100%);right:50%}.brief-card-faceoff .faceoff-slider-fill-right{background:linear-gradient(90deg,#3b82f6 0%,#22c55e 25%,#eab308 50%,#f97316 75%,#ef4444 100%);left:50%}.brief-card-faceoff .faceoff-instruction{color:var(--text-muted);text-align:center;margin:8px 0 0;font-size:.875rem}.brief-card-faceoff .faceoff-explain{flex-direction:column;gap:16px;padding:16px 0;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.brief-card-faceoff .faceoff-explain-header{text-align:center}.brief-card-faceoff .faceoff-explain-header h2{color:var(--text);margin:0 0 4px;font-size:1.125rem;font-weight:600}.brief-card-faceoff .faceoff-explain-header p{color:var(--text-muted);margin:0;font-size:.875rem}.brief-card-faceoff .faceoff-winner-badge{letter-spacing:.02em;color:#000;z-index:2;background:#f59e0b;border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:700;box-shadow:0 2px 12px #f59e0b99}.brief-card-faceoff .faceoff-winner-badge-final{position:absolute;top:20px;left:50%;transform:translate(-50%)}.brief-card-faceoff .faceoff-reason-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.brief-card-faceoff .faceoff-chip{color:var(--text);background:var(--bg-elevated);border-radius:var(--radius-full);border:1px solid var(--border);cursor:pointer;transition:background var(--transition), border-color var(--transition);padding:8px 12px;font-size:.8rem}.brief-card-faceoff .faceoff-chip:hover{background:var(--accent-light);border-color:var(--accent)}.brief-card-faceoff .faceoff-chip.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.brief-card-faceoff .faceoff-chip-check{font-weight:700}.brief-card-faceoff .faceoff-explain-actions{justify-content:center;gap:8px;margin-top:8px;display:flex}.brief-card-faceoff .faceoff-fire-emoji{z-index:10;font-size:3rem;animation:.5s firePop;position:absolute}@keyframes firePop{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.3)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(-5deg)}}.congrats-card-content{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 24px;animation:.5s congrats-pop;display:flex}@keyframes congrats-pop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.congrats-emoji{margin-bottom:16px;font-size:4rem;animation:1s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.congrats-title{margin:0 0 12px;font-size:1.5rem;font-weight:700}.congrats-message{opacity:.9;margin:0 0 24px;font-size:1rem;line-height:1.5}.congrats-continue{color:var(--accent);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), transform var(--transition);background:#fff;border:none;padding:12px 24px;font-weight:600}.congrats-continue:hover{background:var(--bg-elevated);transform:translateY(-2px)}.congrats-continue:active{transform:translateY(0)}.empty-stack{text-align:center;max-width:400px;padding:40px 24px}.empty-stack-emoji{margin-bottom:16px;font-size:4rem}.empty-stack h2{color:var(--text);margin:0 0 12px;font-size:1.3rem;font-weight:600}.empty-stack p{color:var(--text-muted);margin:0 0 24px;font-size:.95rem;line-height:1.5}.brief-stack-progress{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0f0fe0;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:6px;padding:10px 16px 12px;display:flex}.progress-bar{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent) 0%, var(--accent-light) 100%);border-radius:var(--radius-full);height:100%;transition:width .3s}.progress-text{color:var(--text-muted);text-align:center;font-size:.75rem;line-height:1.2}@keyframes fadeInFrom0{0%{opacity:0}}.stack-card-fade-in{animation:.3s fadeInFrom0}@media (width<=360px){.brief-card-occasion{font-size:1.2rem}.brief-card-avatar,.brief-card-avatar-placeholder{width:40px;height:40px}.brief-card-outfit-thumb{width:65px}}.profile-page{background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);max-width:1200px;min-height:100vh;margin:0 auto;padding:20px}.profile-loading,.profile-error{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:50vh;display:flex}.profile-error button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:12px 24px;font-size:16px}.profile-error button:hover{background:#5a67d8}.profile-back-btn{color:#667eea;cursor:pointer;background:0 0;border:2px solid #667eea;border-radius:8px;margin-bottom:20px;padding:10px 20px;font-size:14px;transition:all .2s}.profile-back-btn:hover{color:#fff;background:#667eea}.profile-hero{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;margin-bottom:30px;padding:32px;box-shadow:0 8px 24px #667eea4d}.profile-hero-content{flex-wrap:wrap;align-items:center;gap:40px;display:flex}.profile-hero-info{color:#fff;flex:1;min-width:280px}.profile-hero-info-top{gap:10px;display:flex}.profile-hero-name{color:#fff;margin:0 0 8px;font-size:36px;font-weight:700}.profile-hero-username{color:#fffc;margin:0 0 12px;font-size:18px}.profile-hero-bio{color:#ffffffe6;margin:0 0 20px;font-size:16px;line-height:1.6}.profile-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.profile-hero-actions .profile-follow-btn{color:#667eea;background:#fff}.profile-hero-actions .profile-follow-btn:hover{background:#ffffffe6}.profile-hero-actions .profile-follow-btn.following{color:#fff;background:#fff3;border:1px solid #ffffff80}.profile-hero-actions .profile-style-btn{color:#fff;background:#ffffff26;border-color:#fff}.profile-hero-actions .profile-style-btn:hover{color:#667eea;background:#fff}.profile-hero-model{aspect-ratio:.5;background:#ffffff1a;border-radius:12px;flex:1;justify-content:center;align-items:center;min-width:280px;max-width:400px;display:flex;position:relative;overflow:hidden}.profile-hero-model canvas{width:100%;height:100%}.profile-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:30px;display:flex}.profile-avatar-section{flex:1;align-items:center;gap:20px;min-width:280px;display:flex}.profile-avatar{object-fit:cover;border:4px solid #fff;border-radius:50%;width:100px;max-height:100px;box-shadow:0 4px 12px #0000001a}.profile-basic-info{flex:1}.profile-name{color:#1a1a2e;margin:0 0 4px;font-size:28px;font-weight:700}.profile-username{color:#666;margin:0 0 8px;font-size:16px}.profile-bio{color:#555;margin:0;font-size:14px;line-height:1.5}.profile-actions{flex-wrap:wrap;gap:12px;display:flex}.profile-follow-btn{cursor:pointer;color:#fff;background:#667eea;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.profile-follow-btn:hover{background:#5a67d8;transform:translateY(-1px)}.profile-follow-btn.following{color:#333;background:#e0e0e0}.profile-follow-btn.following:hover{background:#d0d0d0}.profile-style-btn{color:#667eea;cursor:pointer;background:#fff;border:2px solid #667eea;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.profile-style-btn:hover{color:#fff;background:#667eea;transform:translateY(-1px)}.profile-stats{flex-wrap:wrap;gap:15px;margin-bottom:30px;display:flex}.profile-stat-card{text-align:center;background:#fff;border-radius:12px;min-width:120px;padding:20px;box-shadow:0 2px 8px #00000014}.profile-stat-value{color:#667eea;margin-bottom:4px;font-size:28px;font-weight:700;display:block}.profile-stat-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.profile-showcase{background:#fff;border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 4px 16px #00000014}.profile-section-title{color:#1a1a2e;margin:0 0 20px;font-size:20px;font-weight:600}.profile-showcase-content{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.profile-showcase-viewer{aspect-ratio:3/4;background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);border-radius:12px;flex:1;min-width:280px;max-width:400px;position:relative;overflow:hidden}.profile-showcase-viewer canvas{width:100%;height:100%}.profile-showcase-info{flex:1;min-width:200px}.profile-showcase-info h3{color:#1a1a2e;margin:0 0 8px;font-size:20px}.profile-showcase-date{color:#666;margin:0;font-size:14px}.profile-avatar-3d{background:#fff;border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 4px 16px #00000014}.profile-avatar-3d-viewer{aspect-ratio:3/4;background:linear-gradient(135deg,#f5f7fa 0%,#e8eef5 100%);border-radius:12px;position:relative;overflow:hidden}.profile-avatar-3d-viewer canvas{width:100%;height:100%}.profile-content-tabs{background:#fff;border-radius:16px;margin-bottom:30px;padding:24px;box-shadow:0 4px 16px #00000014}.profile-tab-header{border-bottom:2px solid #eee;gap:10px;margin-bottom:24px;padding-bottom:16px;display:flex}.profile-tab-btn{color:#666;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.profile-tab-btn:hover{color:#667eea}.profile-tab-btn.active{color:#667eea;border-bottom-color:#667eea}.profile-outfit-controls{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.profile-outfit-filters,.profile-outfit-sort{align-items:center;gap:10px;display:flex}.profile-filter-label{color:#666;font-size:14px;font-weight:600}.profile-filter-select,.profile-sort-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s}.profile-filter-select:hover,.profile-sort-select:hover{border-color:#667eea}.profile-filter-select:focus,.profile-sort-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea33}.profile-outfits-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.profile-outfit-card{background:#f8f9fa;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.profile-outfit-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.profile-outfit-image-wrapper{aspect-ratio:3/4;width:100%;position:relative;overflow:hidden}.profile-outfit-image{object-fit:cover;width:100%;height:100%}.profile-outfit-like-btn{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0000001a}.profile-outfit-like-btn:hover{background:#fff;transform:scale(1.1)}.profile-outfit-like-btn.liked{background:#ff6b6be6}.profile-outfit-details{padding:12px}.profile-outfit-details h4{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;overflow:hidden}.profile-outfit-stats{gap:12px;margin:4px 0;font-size:12px;display:flex}.profile-outfit-likes{color:#666;align-items:center;gap:4px;display:flex}.profile-outfit-rating{color:#f59e0b;align-items:center;gap:4px;display:flex}.profile-outfit-date{color:#888;margin:0;font-size:12px}.profile-garments-list{flex-direction:column;gap:24px;display:flex}.profile-garment-category{background:#f8f9fa;border-radius:12px;padding:16px}.profile-category-title{color:#1a1a2e;text-transform:capitalize;margin:0 0 16px;font-size:16px}.profile-garment-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.profile-garment-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 8px #0000000f}.profile-garment-info h4{color:#1a1a2e;margin:0 0 4px;font-size:14px}.profile-garment-brand{color:#666;margin:0 0 4px;font-size:12px}.profile-garment-color{color:#666;align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.profile-garment-color-dot{border:1px solid #0000001a;border-radius:50%;width:12px;height:12px}.profile-connections{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.profile-connections-column{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014}.profile-user-list{flex-direction:column;gap:12px;display:flex}.profile-user-card{cursor:pointer;background:#f8f9fa;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.profile-user-card:hover{background:#eef1f5;transform:translate(4px)}.profile-user-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;width:48px;height:48px}.profile-user-info{flex-direction:column;gap:2px;display:flex}.profile-user-name{color:#1a1a2e;font-size:14px;font-weight:600}.profile-user-handle{color:#888;font-size:12px}.profile-empty-state{text-align:center;color:#888;padding:40px 20px;font-size:14px}@media (width<=768px){.profile-header{flex-direction:column}.profile-avatar-section{text-align:center;flex-direction:column}.profile-stats{justify-content:center}.profile-showcase-content{flex-direction:column}.profile-showcase-viewer{max-width:100%}.profile-connections{grid-template-columns:1fr}.profile-hero-content{flex-direction:column-reverse}.profile-hero-model{aspect-ratio:.5;max-width:100%}.profile-hero-name{font-size:28px}}.style-me-page{color:#f7f8fc;background:linear-gradient(#0f1117 0%,#151a23 100%);min-height:100vh;padding:20px}.style-me-header{align-items:flex-start;gap:16px;max-width:1400px;margin:0 auto 20px;display:flex}.style-me-title{margin:0;font-size:clamp(1.6rem,2vw,2rem)}.style-me-subtitle{color:#bec4d8;margin:6px 0 0;font-size:.95rem}.style-me-back-btn{color:#eff1f8;white-space:nowrap;background:#1a2130;border:1px solid #3a435a;border-radius:10px;padding:10px 14px}.style-me-back-btn:hover{border-color:#6f86ff}.style-me-layout{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);align-items:start;gap:16px;max-width:1400px;margin:0 auto;display:grid}.card-surface{background:#1a2130;border:1px solid #2a3348;border-radius:14px;box-shadow:0 6px 24px #00000047}.style-me-wardrobe{padding:16px}.style-me-controls{gap:12px;margin-bottom:16px;display:grid}.style-me-search-label{color:#b6bfd8;font-size:.85rem}.style-me-search-input{color:#f7f8fc;background:#121826;border:1px solid #36425f;border-radius:10px;width:100%;padding:12px 14px}.style-me-search-input:focus{outline-offset:1px;outline:2px solid #7187ff}.style-me-category-group{gap:10px;padding-bottom:2px;display:flex}.style-me-category-btn{color:#d9e0f3;white-space:nowrap;background:#131b2b;border:1px solid #394667;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:.85rem;display:inline-flex}.style-me-category-btn.active{color:#fff;background:#566df7;border-color:#7083ff}.style-me-category-icon{font-size:1rem}.style-me-category-count{background:#0003;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:.75rem;display:inline-flex}.style-me-outerwear-group{flex-wrap:wrap;gap:8px;display:flex}.style-me-outerwear-btn{color:#c8d0e6;background:#151d2d;border:1px solid #3b4560;border-radius:999px;padding:6px 11px;font-size:.82rem}.style-me-outerwear-btn.active{color:#fff;background:#2e3c62;border-color:#6f86ff}.style-me-garment-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px;display:grid}.style-me-garment-card{background:#121826;border:1px solid #303a53;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.style-me-garment-card.selected{border-color:#7a8dff;box-shadow:0 0 0 1px #7a8dff}.style-me-garment-image{aspect-ratio:3/4;object-fit:cover;background:#0f1421;width:100%}.style-me-garment-content{gap:8px;padding:10px;display:grid}.style-me-garment-name{margin:0;font-size:.9rem;line-height:1.3}.style-me-garment-meta{color:#aeb9d5;min-height:32px;margin:0;font-size:.75rem}.style-me-select-btn{color:#e7ecfd;background:#1f2a40;border:1px solid #52608a;border-radius:8px;padding:8px;font-size:.82rem}.style-me-select-btn.selected{background:#394b8d;border-color:#8798ff}.style-me-composer{flex-direction:column;gap:14px;padding:14px;display:flex;position:sticky;top:12px}@media (width>=1081px){.style-me-layout{align-items:stretch}.style-me-wardrobe{flex-direction:column;max-height:calc(100dvh - 170px);padding-left:0;padding-right:0;display:flex}.style-me-controls{z-index:2;background:#1a2130;margin-bottom:12px;padding-bottom:12px;padding-left:18px;padding-right:18px;top:0}.scrollable-area-container{flex:1;position:relative}.scrollable-area{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;position:absolute;inset:0;overflow-y:auto}.style-me-garment-grid{align-content:start;min-width:0;padding-left:18px;padding-right:18px}.style-me-composer{min-height:0;max-height:calc(100dvh - 24px);overflow-y:auto}}.style-me-preview h2,.style-me-selection h2,.style-me-saved-stubs h2{margin:0 0 8px;font-size:1rem}.style-me-preview-note{color:#b9c2dc;margin:0 0 10px;font-size:.8rem;line-height:1.4}.style-me-preview-frame{background:#0f1626;border:1px solid #2e3956;border-radius:12px;width:100%;min-height:340px;position:relative;overflow:hidden}.style-me-preview-frame img{object-fit:cover;width:100%;height:100%}.style-me-preview-placeholder{color:#aeb8d4;text-align:center;place-items:center;min-height:300px;padding:12px;font-size:.9rem;display:grid}.style-me-selection-header{gap:10px;margin-bottom:10px;display:grid}.style-me-selection-actions{flex-wrap:wrap;gap:8px;display:flex}.style-me-primary-btn,.style-me-secondary-btn{border-radius:9px;padding:9px 11px;font-size:.82rem}.style-me-primary-btn{color:#fff;background:#5f77ff}.style-me-secondary-btn{color:#d9e2fb;background:#22304e;border:1px solid #43517a}.style-me-selected-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.style-me-selected-item{background:#131a2a;border:1px solid #36415c;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.style-me-selected-item.dragging{box-shadow:0 8px 18px #00000059}.style-me-drag-handle{color:#dce5ff;touch-action:none;background:#273551;border:1px solid #455885;border-radius:8px;width:30px;height:30px}.style-me-selected-item-name{font-size:.88rem}.style-me-selected-item-meta{color:#adbadc;margin-top:2px;font-size:.75rem}.style-me-selected-remove{color:#d7dfef;background:#202a3c;border:1px solid #4a5673;border-radius:8px;padding:6px 8px;font-size:.75rem}.style-me-saved-stubs ul{color:#c2cbe4;gap:4px;margin:0;padding-left:18px;font-size:.84rem;display:grid}.style-me-empty-state{color:#bac3dd;padding:10px 4px;font-size:.86rem}.style-me-status{text-align:center;background:#1a2130;border:1px solid #303a53;border-radius:12px;max-width:640px;margin:48px auto;padding:20px}.style-me-status-error{color:#ffd0d8;border-color:#a94b5c}.style-me-toast{z-index:30;color:#f3f6ff;background:#25334f;border:1px solid #6177d6;border-radius:10px;padding:11px 14px;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #00000052}@media (width<=1080px){.style-me-layout{grid-template-columns:1fr}.style-me-composer{position:static}}@media (width<=640px){.style-me-page{padding:12px}.style-me-header{flex-direction:column}.style-me-garment-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.style-me-selected-item{grid-template-columns:auto 1fr;grid-template-areas:"drag main""remove remove"}.style-me-drag-handle{grid-area:drag}.style-me-selected-item-main{grid-area:main}.style-me-selected-remove{grid-area:remove;justify-self:start}}.sync-pill{z-index:100;background:var(--bg-elevated);color:var(--text-muted);transition:background var(--transition), color var(--transition);border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.8rem;font-weight:500;display:flex;position:fixed;top:12px;right:12px}.sync-pill:hover:not(:disabled){color:var(--text);background:#333}.sync-dot{background:#f97316;border-radius:50%;flex-shrink:0;width:8px;height:8px}.sync-pill.syncing .sync-dot{background:var(--accent);animation:.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.global-top-nav{z-index:200;height:var(--top-nav-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f0fe6;border-bottom:1px solid #ffffff14;padding:10px 16px;position:fixed;top:0;left:0;right:0}.global-top-nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:auto;display:flex}.global-top-nav-brand{color:var(--text-primary);letter-spacing:.2px;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}.global-top-nav-brand-mark{font-size:1.15rem}.global-top-nav-actions{align-items:center;gap:8px;display:inline-flex}.global-top-nav-link{color:var(--text-primary);background:0 0;border:1px solid #ffffff26;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.global-top-nav-link-signup{background:var(--accent);color:#fff;border-color:#0000}.global-top-nav-actions-authenticated{position:relative}.global-top-nav-avatar-link{background:var(--bg-elevated);border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;display:inline-flex;overflow:hidden}.global-top-nav-avatar-image{object-fit:cover;width:100%;height:100%}.global-top-nav-avatar-fallback{color:var(--text-primary);font-size:.7rem;font-weight:700}.global-top-nav-menu-trigger{background:var(--bg-elevated);width:34px;height:34px;color:var(--text-primary);border:1px solid #ffffff26;border-radius:8px;font-size:1rem;line-height:1}.global-top-nav-menu{background:var(--bg-card);border:1px solid #ffffff1f;border-radius:10px;min-width:150px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 30px #00000059}.global-top-nav-menu-item{text-align:left;border-radius:8px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:600}.global-top-nav-menu-item-warning{color:#ff8a8a}.global-top-nav-menu-item-warning:hover{background:#ff8a8a1f}@media (width<=520px){.global-top-nav{padding:8px 12px}.global-top-nav-brand{font-size:.95rem}.global-top-nav-link{padding:7px 10px;font-size:.84rem}}.item-preview-page{color:#f7f8fc;background:linear-gradient(#0f1117 0%,#151a23 100%);min-height:100vh;position:relative}.item-preview-back{z-index:2;color:#eff1f8;cursor:pointer;background:#1a2130d9;border:1px solid #3a435a;border-radius:10px;padding:8px 12px;font-size:.9rem;position:absolute;top:16px;left:16px}.item-preview-back:hover{border-color:#6f86ff}.item-preview-frame{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.item-preview-viewer{position:absolute;inset:0}.item-preview-status{color:#bec4d8;font-size:.95rem}.item-preview-toggle{color:#eff1f8;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;background:#1a2130eb;border:1px solid #3a435a;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:.9rem;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.item-preview-toggle:hover{border-color:#6f86ff}.item-preview-toggle input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.item-preview-toggle-track{background:#2a3142;border-radius:999px;width:36px;height:20px;transition:background-color .12s;position:relative}.item-preview-toggle-track:after{content:"";background:#f7f8fc;border-radius:50%;width:16px;height:16px;transition:transform .12s;position:absolute;top:2px;left:2px}.item-preview-toggle input[type=checkbox]:checked+.item-preview-toggle-track{background:#6f86ff}.item-preview-toggle input[type=checkbox]:checked+.item-preview-toggle-track:after{transform:translate(16px)}.item-preview-toggle input[type=checkbox]:focus-visible+.item-preview-toggle-track{outline-offset:2px;outline:2px solid #6f86ff}.item-preview-toggle input[type=checkbox]:disabled+.item-preview-toggle-track{opacity:.4;cursor:not-allowed}.item-preview-toggle-label{min-width:56px;font-weight:500}.error-docs-page{color:#e5e5e5;background:radial-gradient(circle at top,#1f1f1f 0%,#111 48%,#0d0d0d 100%);min-height:100dvh;padding:48px 24px}.error-docs-card{background:#1c1c1ceb;border:1px solid #ffffff1a;border-radius:20px;width:min(760px,100%);margin:0 auto;padding:32px 36px;line-height:1.55;box-shadow:0 16px 42px #00000073}.error-docs-card h1{margin:4px 0 24px;font-size:2rem;line-height:1.2}.error-docs-card h2{color:#fff;margin:28px 0 8px;font-size:1.1rem}.error-docs-card p{color:#d3d3d3;margin:0 0 12px}.error-docs-card a{color:#7ab8ff;text-decoration:none}.error-docs-card a:hover{text-decoration:underline}.error-docs-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:#9aa0a6;margin-bottom:6px;font-size:.85rem}.error-docs-card code{background:#ffffff0f;border-radius:4px;padding:1px 6px;font-family:SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}.error-docs-pre{background:#0d0d0d;border:1px solid #ffffff14;border-radius:12px;margin:8px 0 16px;padding:16px 18px;overflow-x:auto}.error-docs-pre code{color:#d3d3d3;background:0 0;padding:0;font-size:.85rem}.error-docs-extensions{gap:12px;margin:8px 0 16px;display:grid}.error-docs-extensions>div{border-left:2px solid #ffffff1f;padding:4px 12px}.error-docs-extensions dt{margin-bottom:4px}.error-docs-extensions dd{color:#c8c8c8;margin:0}.error-docs-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.error-docs-list li a{color:#e5e5e5;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:96px 220px 1fr;align-items:center;gap:16px;padding:12px 16px;text-decoration:none;transition:background .15s,border-color .15s;display:grid}.error-docs-list li a:hover{background:#ffffff0f;border-color:#ffffff2e;text-decoration:none}.error-docs-list-status{color:#9aa0a6;letter-spacing:.04em;font-size:.8rem}.error-docs-list-slug code{color:#7ab8ff;background:0 0;padding:0}.error-docs-list-title{color:#d3d3d3}@media (width<=600px){.error-docs-page{padding:24px 12px}.error-docs-card{padding:24px 20px}.error-docs-list li a{grid-template-columns:1fr;gap:4px}}.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>:not(#osFakeId){clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:#00000070;--os-handle-bg-hover:#0000008c;--os-handle-bg-active:#000000a8}.os-theme-light{--os-handle-bg:#ffffff70;--os-handle-bg-hover:#ffffff8c;--os-handle-bg-active:#ffffffa8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--bg-card:#1a1a1a;--bg-elevated:#252525;--text:#f5f5f5;--text-primary:#f5f5f5;--text-secondary:#ccc;--text-muted:#999;--accent:#8b5cf6;--accent-light:#a78bfa;--accent-dark:#7c3aed;--accent-glow:#8b5cf659;--accent-hover:#7c3aed;--success:#22c55e;--primary-color:#8b5cf6;--border:#333;--radius:var(--radius-md);--radius-xs:4px;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition:.2s cubic-bezier(.4, 0, .2, 1);--top-nav-height:56px}html{-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.app-shell{max-width:100%;min-height:100dvh;margin:0 auto;padding:0;position:relative}.app-shell.has-top-nav{padding-top:var(--top-nav-height)}.loading-screen{justify-content:center;align-items:center;min-height:100dvh;display:flex}.loading-spinner{border:3px solid var(--bg-elevated);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);transition:transform var(--transition), box-shadow var(--transition);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border-radius:var(--radius);transition:background var(--transition);justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#333}.card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden}.page-enter{animation:.3s ease-out fadeIn}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}