@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--dark: #000000;--accent: #3B50A9;--grey: #D6DDE6;--offwhite: #F0F0F0;--white: #FFFFFF;--accent-light: #0F52BA;--accent-dark: #3B50A9;--primary: var(--accent);--light: var(--offwhite);--font-text: Arial, -apple-system, BlinkMacSystemFont, sans-serif;--font-title: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--glass: rgba(255, 255, 255, .65);--glass-strong: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .3);--shadow: 0 4px 24px rgba(0, 0, 0, .08);--blur: 16px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font-text);color:var(--dark);background:var(--white);min-height:100vh;min-height:100dvh;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh;max-width:100vw;margin:0 auto}input,button,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}.accent-bg{background:var(--accent-dark)}.accent-text{color:var(--accent-dark)}.accent-border{border:2px solid var(--accent-dark)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.welcome{height:100vh;height:100dvh;display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.welcome-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(170deg,#070d22,#122253 45%,#2b4699 80%,#3a5ec0)}.welcome-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 32%,rgba(130,170,255,.3),transparent 70%)}.welcome-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;padding:0 28px;text-align:center}.welcome-eyebrow{font-size:12px;letter-spacing:.22em;font-weight:600;color:#fff9;margin-bottom:10px}.welcome-title{font-family:var(--font-title);font-size:64px;line-height:1;font-weight:700;color:#fff;letter-spacing:-1px;text-shadow:0 6px 30px rgba(0,0,0,.4)}.welcome-tagline{font-size:16px;line-height:1.5;color:#ffffffd1;margin:14px 0 22px;max-width:300px}.welcome-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.welcome-features li{font-size:13.5px;color:#ffffffe6;padding-left:22px;position:relative;text-align:left}.welcome-features li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:#9db8ff}.welcome-footer{position:relative;z-index:1;padding:0 28px;padding-bottom:max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:14px}.welcome-cta{width:100%;max-width:360px;padding:16px;background:#fff;color:#0b1430;font-size:17px;font-weight:700;text-align:center;text-decoration:none;box-shadow:0 8px 24px #00000059;transition:transform .15s}.welcome-cta:active{transform:scale(.98)}.welcome-login{font-size:14px;color:#fffc;text-decoration:none;font-weight:500}.welcome-login:active{opacity:.6}.welcome-version{font-size:11px;color:#ffffff73;letter-spacing:.04em}.auth-page{height:100vh;height:100dvh;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top));background:var(--white);position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;flex-direction:column}.auth-page.signup-page{background:var(--primary);display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.back-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--dark);border-radius:50%}.back-btn:active{background:#0000000d}.auth-title{font-family:var(--font-title);font-size:30px;font-weight:700;margin:32px 0 28px;padding-left:8px}.auth-form{padding:0 8px}.field{margin-bottom:22px}.field label{display:block;font-size:15px;font-weight:600;margin-bottom:8px;color:var(--dark)}.field input{width:100%;padding:14px 0;border:none;border-bottom:1.5px solid var(--grey);font-size:16px;background:transparent}.field input:focus{outline:none;border-bottom-color:var(--primary)}.auth-footer{display:flex;flex-direction:column;align-items:center;margin-top:36px;gap:14px}.auth-logo{width:36px;height:auto;margin-bottom:16px}.auth-btn{width:100%;max-width:260px;padding:16px;border-radius:0;font-size:17px;font-weight:600}.auth-btn.primary{background:var(--accent-dark);color:var(--white)}.auth-btn:disabled{opacity:.6}.auth-link{color:var(--dark);font-size:16px;font-weight:600}.error{color:#d32f2f;font-size:14px;margin-bottom:12px;padding:10px 12px;background:#d32f2f14;border-radius:10px}.signup-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-shrink:0}.back-btn-small{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--white);border-radius:50%}.back-btn-small:active{background:#ffffff1a}.signup-header h1{font-family:var(--font-title);flex:1;font-size:24px;font-weight:700;color:var(--white)}.signup-logo{width:32px;height:32px;filter:brightness(0)}.signup-form{flex:1;display:flex;flex-direction:column;gap:16px}.field-row{display:flex;align-items:center;gap:12px}.field-row label{width:70px;font-size:14px;font-weight:600;color:var(--white);flex-shrink:0}.field-row input{flex:1;padding:12px 0;border:none;border-bottom:1.5px solid rgba(255,255,255,.35);font-size:15px;background:transparent;color:var(--white)}.field-row input::placeholder{color:#ffffff80}.field-row input:focus{outline:none;border-bottom-color:var(--white)}.signup-field-item{display:flex;flex-direction:column;gap:8px}.signup-field-title{font-family:var(--font-title);font-size:15px;font-weight:600;color:var(--white)}.signup-field-subtitle{font-size:13px;color:#ffffffb3}.signup-field-input{padding:12px 0;border:none;border-bottom:1.5px solid rgba(255,255,255,.35);font-size:15px;background:transparent;color:var(--white)}.signup-field-input::placeholder{color:#ffffff80}.signup-field-input:focus{outline:none;border-bottom-color:var(--white)}.error-msg{color:var(--white);font-size:13px;background:#0003;padding:10px 12px;border-radius:10px;text-align:center}.signup-btn{margin-top:auto;margin-bottom:max(20px,env(safe-area-inset-bottom));padding:16px;background:var(--dark);color:var(--white);border-radius:0;font-size:16px;font-weight:600}.signup-btn:disabled{opacity:.6}.gender-options{display:flex;flex-direction:column;gap:12px;margin-top:8px}.gender-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--white)}.gender-option input[type=radio]{width:18px;height:18px;accent-color:var(--white);cursor:pointer;flex-shrink:0}.gender-option span{font-size:15px}.signup-page .response-options{margin-top:8px}.signup-page .response-option{color:var(--white)}.signup-page .response-option input[type=radio]{accent-color:var(--accent)}.verify-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 8px}.verify-prompt{color:var(--white);font-size:15px;text-align:center;margin-bottom:32px;line-height:1.5}.verify-prompt strong{word-break:break-all}.code-inputs{display:flex;gap:8px;margin-bottom:24px}.code-input{width:44px;height:54px;text-align:center;font-size:24px;font-weight:700;border:none;border-bottom:2.5px solid rgba(255,255,255,.4);background:transparent;color:var(--white);border-radius:0;caret-color:var(--white)}.code-input:focus{outline:none;border-bottom-color:var(--white)}.verify-btn{margin-top:12px;margin-bottom:16px}.resend-btn{background:none;border:none;color:#ffffffb3;font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer;padding:8px 0}.resend-btn:disabled{opacity:.5}.auth-social{display:flex;flex-direction:column;gap:10px;margin:8px 0 4px}.auth-btn.social{display:block;text-align:center;text-decoration:none;background:#fff;color:#1a1a2e;border:1px solid #c8c8d8}.feedback-content{padding-top:8px}.feedback-intro{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--dark)}.feedback-text{font-size:15px;line-height:1.6;color:var(--dark);margin-bottom:16px}.feedback-link{color:var(--accent-dark);text-decoration:underline;word-break:break-all}.feedback-link:hover{opacity:.8}.feedback-textarea{width:100%;padding:12px;border:1px solid var(--grey);border-radius:0;font-size:15px;font-family:var(--font-text);resize:vertical;min-height:120px;box-sizing:border-box;margin-bottom:20px}.feedback-textarea:focus{outline:none;border:2px solid var(--accent-dark)}.response-section{margin-bottom:20px}.response-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--dark)}.response-options{display:flex;flex-direction:column;gap:12px}.response-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--dark)}.response-option input[type=radio]{width:18px;height:18px;accent-color:var(--accent-mid);cursor:pointer}.contact-input{width:100%;padding:12px;border:1px solid var(--grey);border-radius:0;font-size:15px;font-family:var(--font-text);box-sizing:border-box;margin-top:12px}.contact-input:focus{outline:none;border:2px solid var(--accent-dark)}.feedback-error{color:#e74c3c;font-size:14px;margin-bottom:12px}.submit-button-container{display:flex;justify-content:center;margin-top:20px}.feedback-success{text-align:center;padding:40px 20px}.feedback-success h2{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--dark)}.feedback-success p{font-size:16px;color:#666;margin-bottom:24px}.navbar{position:fixed;bottom:0;left:0;right:0;background:var(--white);border-top:1px solid var(--grey);padding:4px 16px;padding-bottom:max(4px,env(safe-area-inset-bottom));z-index:100;transition:background-color .3s ease,border-color .3s ease}.navbar.dark-mode{background:#000;border-top:1px solid rgba(255,255,255,.1)}.navbar-glass{display:flex;justify-content:space-evenly;align-items:center;max-width:600px;margin:0 auto;padding:0}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:3px 2px;background:none;border:none;cursor:pointer;flex:1;min-width:0;max-width:70px}.nav-icon{font-size:28px;width:28px;height:28px;color:var(--dark);transition:color .3s ease}.navbar.dark-mode .nav-icon{color:var(--white)}.nav-item.active .nav-icon{color:var(--accent-dark)}.navbar.dark-mode .nav-item.active .nav-icon{color:var(--accent-light)}.nav-label{font-family:var(--font-title);font-size:11px;color:var(--dark);transition:color .3s ease;white-space:nowrap}.navbar.dark-mode .nav-label{color:var(--white)}.nav-item.active .nav-label{color:var(--accent-dark)}.navbar.dark-mode .nav-item.active .nav-label{color:var(--accent-light)}.main-layout{min-height:100vh;min-height:100dvh;padding-bottom:80px;background:var(--white);transition:background-color .4s ease}.main-layout.runway-bg{background:#000;padding-bottom:0}.page-content{padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.loading-page{position:fixed;top:0;left:0;right:0;bottom:80px;display:flex;align-items:center;justify-content:center;background:transparent;z-index:100;overflow:hidden;pointer-events:none}.loading-page.runway-mode{background:transparent}.loading-logo-container{display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;max-width:90vw;width:100%}.loading-base-logo,.loading-star{width:80px;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.loading-base-logo{position:relative;left:0;transform:none;width:80px;height:auto}.loading-base-logo .cls-1,.loading-base-logo .cls-2{fill:none;stroke:#000;stroke-miterlimit:10}.loading-base-logo .cls-3{fill:#000;stroke:#000;stroke-miterlimit:10}.loading-page.runway-mode .loading-base-logo .cls-1,.loading-page.runway-mode .loading-base-logo .cls-2,.loading-page.runway-mode .loading-base-logo .cls-3{stroke:#fff}.loading-page.runway-mode .loading-base-logo .cls-3{fill:#fff}.star-path{fill:none;stroke:#fff;stroke-width:1px;stroke-miterlimit:10}.loading-page.runway-mode .star-path{stroke:#000}.loading-star{opacity:0;transform:translate(-50%)}.loading-star-left{animation:twinkleLeft 2s ease-out infinite}.loading-star-right{animation:twinkleRight 2s ease-out .15s infinite}@keyframes twinkleLeft{0%{opacity:0}8%{opacity:1}50%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes twinkleRight{0%{opacity:0}8%{opacity:1}50%{opacity:1}60%{opacity:0}to{opacity:0}}.loading-caption{font-family:var(--font-title);font-size:11px;color:var(--dark);margin-top:60px;text-align:center;width:100%;padding:0 20px;box-sizing:border-box}.loading-caption a{color:var(--accent-dark);text-decoration:none;font-weight:500}.loading-caption a:hover{text-decoration:underline}.loading-page.runway-mode .loading-caption{color:var(--white)}.loading-page.runway-mode .loading-caption a{color:var(--accent-light)}.loading-helper-text{font-family:var(--font-text);font-size:11px;color:#999;margin-top:20px;text-align:center;width:100%;padding:0 20px;box-sizing:border-box;font-style:italic;opacity:0;animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.loading-page.runway-mode .loading-helper-text{color:#fff9}.loading-logo-container.progress-mode{position:relative;max-width:90vw;width:100%;min-height:50px}.loading-progress-logo{width:80px;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.loading-progress-logo.base-layer{z-index:1}.loading-progress-logo.overlay-layer{z-index:2;transition:clip-path .15s ease-out}.loading-progress-logo.base-layer .cls-1,.loading-progress-logo.base-layer .cls-2{fill:none;stroke:#000;stroke-miterlimit:10}.loading-progress-logo.base-layer .cls-3{fill:#000;stroke:#000;stroke-miterlimit:10}.loading-progress-logo.overlay-layer .cls-1,.loading-progress-logo.overlay-layer .cls-2{fill:none;stroke:var(--accent-dark);stroke-miterlimit:10}.loading-progress-logo.overlay-layer .cls-3{fill:var(--accent-dark);stroke:var(--accent-dark);stroke-miterlimit:10}.loading-page.runway-mode .loading-progress-logo.base-layer .cls-1,.loading-page.runway-mode .loading-progress-logo.base-layer .cls-2,.loading-page.runway-mode .loading-progress-logo.base-layer .cls-3{stroke:#fff}.loading-page.runway-mode .loading-progress-logo.base-layer .cls-3{fill:#fff}.loading-page.runway-mode .loading-progress-logo.overlay-layer .cls-1,.loading-page.runway-mode .loading-progress-logo.overlay-layer .cls-2{stroke:var(--accent-light)}.loading-page.runway-mode .loading-progress-logo.overlay-layer .cls-3{fill:var(--accent-light);stroke:var(--accent-light)}.loading-progress-star{width:80px;height:auto;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:3}.star-border{fill:none;stroke:#fff;stroke-width:1px;stroke-miterlimit:10}.star-fill{fill:#000;stroke:none}.loading-page.runway-mode .star-border{stroke:#000}.loading-page.runway-mode .star-fill{fill:#fff}.progress-mode .loading-caption{margin-top:70px}.runway-page{background:#000;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;margin:-16px;padding:16px 16px 0;padding-top:max(16px,env(safe-area-inset-top))}.runway-header{position:sticky;top:0;background:#000;z-index:10;padding-top:max(16px,env(safe-area-inset-top));margin:-16px -16px 0;padding-left:16px;padding-right:16px;padding-bottom:8px}.runway-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.runway-title{font-family:var(--font-title);font-size:32px;font-weight:700;margin-bottom:0;color:var(--white);text-transform:uppercase;letter-spacing:2px}.runway-favorites-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:8px;color:var(--white);font-family:var(--font-text);font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:background .15s,transform .1s}.runway-favorites-icon{font-size:13px;color:#ff5b7f}.runway-favorites-btn:active{background:#ffffff1f;transform:scale(.96)}.section-tabs{display:flex;gap:20px;overflow-x:auto;margin-left:0;margin-right:0;padding-left:0;padding-right:0;margin-bottom:0;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.2);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative}.section-tabs::-webkit-scrollbar{display:none}.section-tab{font-family:var(--font-title);font-size:14px;font-weight:600;color:var(--white);background:none;border:none;padding:2px 4px;cursor:pointer;white-space:nowrap;position:relative;transition:color .2s}.section-tab.active{color:var(--accent-light)}.section-tab.active:after{display:none}.section-tab-underline{position:absolute;bottom:0;height:2px;background:var(--accent-light);pointer-events:none}.swipe-container{overflow:hidden;margin-left:-16px;margin-right:-16px;flex:1;min-height:0;touch-action:pan-y pinch-zoom}.swipe-track{display:flex;height:100%;will-change:transform}.swipe-panel{flex:0 0 100%;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:88px}.swipe-panel .outfits-grid{margin-left:4px;margin-right:4px}.outfits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding-bottom:16px;padding-top:0;margin-top:4px;margin-left:-12px;margin-right:-12px}.runway-outfit-wrapper{position:relative;width:100%;cursor:pointer}.runway-outfit-item{width:100%;aspect-ratio:9/16;border-radius:0;overflow:hidden;background:var(--offwhite);transition:transform .15s}.runway-outfit-wrapper:active .runway-outfit-item{transform:scale(.97)}.runway-outfit-item img{width:100%;height:100%;object-fit:cover}.runway-outfit-overlay{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);display:flex;align-items:flex-end;justify-content:space-between;padding:8px 10px;pointer-events:none}.runway-outfit-rating{font-size:13px;font-weight:600;color:var(--white)}.runway-outfit-username{font-size:12px;font-weight:500;color:var(--white);opacity:.9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--white);border-radius:0;padding:24px;width:100%;max-width:300px;box-shadow:0 20px 60px #0000004d}.modal-title{font-family:var(--font-title);font-size:18px;font-weight:700;margin-bottom:12px}.modal-text{color:#555;font-size:14px;line-height:1.5;margin-bottom:16px}.modal-input{width:100%;padding:14px 16px;border:none;background:var(--offwhite);border-radius:0;font-size:16px;margin-bottom:16px}.modal-input:focus{outline:none;background:#e8e8e8}.modal-buttons{display:flex;gap:10px}.modal-buttons-vertical{display:flex;flex-direction:column;gap:10px}.modal-btn{flex:1;padding:14px;border-radius:0;font-size:15px;font-weight:600;transition:transform .1s,opacity .1s}.modal-btn:active{transform:scale(.97);opacity:.9}.modal-btn.cancel{background:var(--white);border:2px solid var(--accent-dark);color:var(--accent-dark)}.modal-btn.primary{background:var(--accent-dark);color:var(--white)}.tryon-modal-loading{position:relative;width:100%;height:140px;margin-bottom:12px}.tryon-modal-loading .loading-page{position:absolute;top:0;left:0;right:0;bottom:0;z-index:auto}.share-prepare-row{display:flex;align-items:center;gap:12px}.share-prepare-spinner{flex-shrink:0;font-size:20px;color:var(--accent-dark);animation:share-prepare-spin .8s linear infinite}@keyframes share-prepare-spin{to{transform:rotate(360deg)}}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:transparent}.popover-panel{position:fixed;z-index:9999;background:var(--white);border:1px solid #e8e8e8;border-radius:0;box-shadow:0 6px 20px #0003;overflow:hidden}.popover-item{display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;background:var(--white);border:none;font-size:15px;font-weight:600;color:var(--dark);text-align:left;cursor:pointer}.popover-item+.popover-item{border-top:1px solid #e8e8e8}.popover-item:active{background:var(--offwhite)}.popover-item:disabled{cursor:default;color:#9a9a9a}.popover-item.danger{color:#f85646}.popover-item-icon{font-size:16px;color:var(--accent-dark)}.popover-item:disabled .popover-item-icon{color:#9a9a9a}.popover-item.danger .popover-item-icon{color:#f85646}.popover-spinner{animation:popover-spin .8s linear infinite}@keyframes popover-spin{to{transform:rotate(360deg)}}.sort-menu-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--white);border:1.5px solid var(--grey);border-radius:0;font-family:var(--font-text);font-size:13px;font-weight:600;color:var(--dark);cursor:pointer;white-space:nowrap}.sort-menu-trigger:active{background:var(--offwhite)}.sort-menu-trigger-icon{font-size:11px;color:var(--accent-dark);flex-shrink:0}.sort-menu-trigger-label{font-size:13px;line-height:1}.closet-page{padding-bottom:16px}.closet-greeting{font-family:var(--font-title);font-size:22px;font-weight:700;margin-bottom:8px;background:var(--dark);color:var(--white);padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));margin-left:-16px;margin-right:-16px;margin-top:calc(-1*max(16px,env(safe-area-inset-top)))}.closets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-left:-12px;margin-right:-12px}.closet-item{display:flex;flex-direction:column;aspect-ratio:9/18;background:var(--offwhite);overflow:hidden;cursor:pointer;transition:transform .15s}.closet-item:active{transform:scale(.97)}.closet-preview{width:100%;flex:16;background:var(--offwhite);border-radius:0;overflow:hidden}.preview-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;height:100%}.preview-cell{width:100%;height:100%;overflow:hidden}.preview-cell img{width:100%;height:100%;object-fit:cover}.preview-empty{width:100%;height:100%;background:var(--offwhite)}.closet-preview.add{display:flex;align-items:center;justify-content:center;background:var(--accent-dark);color:var(--white);font-size:36px}.closet-caption{display:flex;align-items:center;justify-content:space-between;flex:2;background:var(--offwhite);padding:6px 4px 2px;font-size:13px;font-weight:600}.closet-caption span{color:var(--dark)}.preview-grid.count-1 .preview-cell:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}.preview-grid.count-1 .preview-cell:nth-child(n+2){display:none}.preview-grid.count-2 .preview-cell:nth-child(1){grid-column:1 / 2;grid-row:1 / 3}.preview-grid.count-2 .preview-cell:nth-child(2){grid-column:2 / 3;grid-row:1 / 3}.preview-grid.count-2 .preview-cell:nth-child(n+3){display:none}.closet-actions{display:flex;gap:8px}.edit-btn,.delete-btn{background:none;border:none;color:#666;font-size:12px;cursor:pointer;padding:4px;line-height:1;display:flex;align-items:center;justify-content:center}.edit-btn:active,.delete-btn:active{color:#999}.closet-sort-row{display:flex;align-items:center;gap:10px;padding:0 0 10px}.closet-sort-label{font-size:13px;font-weight:600;color:#666}.closet-empty-state{background:var(--offwhite);padding:24px 16px;margin-bottom:12px;text-align:center}.closet-empty-state-text{font-size:14px;color:#666;line-height:1.5;margin:0 0 14px}.closet-empty-state-btn{background:var(--accent-dark);color:var(--white);border:none;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.closet-empty-state-btn:active{opacity:.85;transform:scale(.98)}.drag-handle-btn{background:none;border:none;color:#666;font-size:12px;padding:4px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:none}.drag-handle-btn:active{cursor:grabbing;color:#999}.modal-btn.issue-delete{background:var(--white);border:2px solid #e74c3c;color:#e74c3c}.closet-detail{min-height:100vh;min-height:100dvh;background:var(--white)}.detail-header{display:flex;align-items:center;gap:12px;margin-bottom:4px;background:#000;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));min-height:52px;position:sticky;top:0;z-index:10}.detail-header .back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:17px;border-radius:50%;flex-shrink:0;color:var(--white);padding:0;margin:0}.detail-header .back-btn:active{background:#ffffff1a}.closet-title,.closet-title-clickable{font-family:var(--font-title);flex:1;font-size:20px;font-weight:700;color:var(--white);line-height:1}.closet-title-clickable{cursor:pointer;transition:opacity .15s}.closet-title-clickable:active{opacity:.6}.delete-closet-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--white);flex-shrink:0}.delete-closet-btn:active{opacity:.6}.detail-meta{padding:8px 16px 16px}.count{font-family:var(--font-title);color:#000;font-size:16px;font-weight:600;display:block}.detail-content{padding:0 16px 32px}.outfit-item{aspect-ratio:9/16;border-radius:0;overflow:hidden;cursor:pointer;background:#eee;transition:transform .15s}.outfit-item:active{transform:scale(.96)}.outfit-item img{width:100%;height:100%;object-fit:cover}.outfit-item.processing{opacity:.35}.outfit-item.broken{position:relative}.outfit-item.broken img{opacity:.35}.outfit-item.broken .broken-badge{position:absolute;top:4px;right:4px;font-size:15px;line-height:1;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4)}.outfit-item.add-item{display:flex;align-items:center;justify-content:center;background:var(--accent-dark);color:var(--white);font-size:22px}.multi-upload-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:12px}.multi-upload-btn:disabled{opacity:.5;cursor:not-allowed}.detail-meta{display:flex;align-items:center;gap:12px}.multi-upload-strip{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;background:#fafafa;border-bottom:1px solid #eee}.multi-upload-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;background:#fff;border:1px solid #ddd;font-size:11px;max-width:200px}.multi-upload-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.status-done{border-color:#4caf50;color:#2e7d32}.status-error{border-color:#f44336;color:#c62828}.status-uploading{border-color:#2196f3;color:#1565c0}.detail-sort{margin-left:auto;display:flex;align-items:center;gap:8px}.detail-sort-label{font-size:13px;font-weight:600;color:#666}.vault-empty{text-align:center;padding:48px 24px;color:#888}.vault-empty-title{font-size:16px;font-weight:600;color:#555;margin-bottom:6px}.vault-empty-sub{font-size:13px;line-height:1.5}.items-by-type{padding-top:2px}.type-section{margin-bottom:6px}.type-header{font-family:var(--font-title);font-size:14px;font-weight:600;color:#666;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}.subtype-section{margin-bottom:6px}.subtype-header{font-family:var(--font-title);font-size:11px;font-weight:600;color:#999;margin:2px 0;text-transform:uppercase;letter-spacing:.4px}.items-grid+.subtype-section{margin-top:6px}.item-square{aspect-ratio:1;border-radius:0;overflow:hidden;background:#f0f0f0}.item-square.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.item-square.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.item-square.add-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;background:var(--accent-dark);color:var(--white);cursor:pointer;transition:transform .2s,opacity .2s}.add-item-icon{font-size:18px}.add-item-label{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;text-align:center;line-height:1.15}.item-square.add-item:hover{opacity:.9;transform:scale(1.05)}.item-square.broken{position:relative}.item-square.broken img{opacity:.35}.broken-badge{position:absolute;top:3px;right:3px;font-size:13px;line-height:1;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.35)}.origin-badge{position:absolute;top:4px;right:4px;z-index:5;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--accent-dark, #3B50A9);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000040;pointer-events:none}.origin-badge svg{width:12px;height:12px}.origin-badge-runway{width:11px;height:11px;fill:var(--accent-dark, #3B50A9)}.origin-badge-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:5px 10px 5px 8px;border-radius:999px;background:#fffffff2;color:var(--accent-dark, #3B50A9);box-shadow:0 1px 6px #0000002e;font-size:12px;font-weight:700;line-height:1}.origin-badge-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.origin-badge-pill-icon svg{width:13px;height:13px}.origin-badge-pill-icon .origin-badge-runway{width:12px;height:12px}.origin-badge-pill-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-source-picker{display:flex;flex-direction:column;gap:10px}.image-source-primary,.image-source-secondary{flex:1;padding:11px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-text)}.image-source-primary{background:var(--accent-dark, #1a1a1a);color:#fff;border:none}.image-source-primary:disabled{opacity:.5;cursor:not-allowed}.image-source-secondary{background:#fff;color:#333;border:1px solid #ddd}.image-source-secondary:disabled{opacity:.5;cursor:not-allowed}.insufficient-credits-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.insufficient-credits-popup{background:var(--white);border-radius:0;padding:24px;max-width:400px;width:100%;box-shadow:0 4px 20px #00000026}.insufficient-credits-content h3{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--dark)}.insufficient-credits-content p{margin:0 0 20px;font-size:15px;color:#666;line-height:1.5}.insufficient-credits-detail{font-weight:600;color:var(--dark)}.insufficient-credits-buttons{display:flex;gap:12px}.insufficient-credits-btn{flex:1;padding:12px 20px;border:none;border-radius:0;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.insufficient-credits-btn.secondary{background:var(--white);border:2px solid var(--accent-dark);color:var(--accent-dark)}.insufficient-credits-btn.primary{background:var(--accent-dark);color:var(--white)}.insufficient-credits-btn:hover{opacity:.9}.insufficient-credits-btn:active{opacity:.8}.clothing-upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.clothing-upload-modal{background:var(--white, #fff);border-radius:12px;width:100%;max-width:380px;overflow:hidden;display:flex;flex-direction:column}.clothing-upload-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.clothing-upload-header h2{margin:0;font-size:16px;font-family:var(--font-display, var(--font-text))}.clothing-upload-close{border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#999;padding:0 4px}.clothing-upload-step{padding:16px;display:flex;flex-direction:column;gap:14px}.clothing-upload-tips{margin:0;padding-left:18px;color:#666;font-size:13px;line-height:1.7}.clothing-upload-crop{position:relative;width:100%;aspect-ratio:1;background:#111;border-radius:8px;overflow:hidden}.clothing-upload-actions{display:flex;gap:10px}.clothing-upload-primary,.clothing-upload-secondary{flex:1;padding:11px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-text)}.clothing-upload-primary{background:var(--accent-dark, #1a1a1a);color:#fff;border:none}.clothing-upload-primary:disabled{opacity:.5;cursor:not-allowed}.clothing-upload-secondary{background:#fff;color:#333;border:1px solid #ddd}.clothing-upload-secondary:disabled{opacity:.5;cursor:not-allowed}.clothing-upload-error{color:#c62828;font-size:13px;margin:0}.manual-add-preview{width:100%;max-height:240px;object-fit:contain;border-radius:10px;background:#f4f4f4;margin-bottom:12px}.manual-add-shoppable{margin-bottom:12px}.manual-add-shoppable-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:#222}.manual-add-fields{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.draft-card{position:relative;aspect-ratio:9/16;background:var(--offwhite);overflow:hidden;cursor:pointer;transition:transform .15s}.draft-card:active{transform:scale(.97)}.draft-card.current{outline:3px solid var(--accent-dark);outline-offset:-3px}.draft-card-thumb{width:100%;height:100%;object-fit:cover;display:block}.draft-card-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:11px;text-align:center;padding:8px}.draft-card-badge{position:absolute;top:6px;left:6px;width:22px;height:22px;border-radius:50%;background:#0000008c;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:11px}.draft-card-spinner{animation:draft-spin .9s linear infinite}@keyframes draft-spin{to{transform:rotate(360deg)}}.draft-card-menu-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#505050d9;color:var(--white);display:flex;align-items:center;justify-content:center;font-size:13px;border:none;cursor:pointer;z-index:2}.draft-card-menu-btn:active{background:#282828e6}.draft-card-title{position:absolute;left:0;right:0;bottom:0;padding:6px 8px;font-size:11px;font-weight:600;color:var(--white);background:linear-gradient(transparent,#000000b3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drafts-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drafts-grid-empty{color:#999;font-size:13px;text-align:center;padding:24px 8px}.draft-build-new-tile{position:relative;aspect-ratio:9/16;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;background:var(--accent-light);color:var(--white);border:none;cursor:pointer;transition:transform .15s,opacity .15s}.draft-build-new-tile:active{transform:scale(.97)}.draft-build-new-tile:disabled{opacity:.6;cursor:default}.draft-build-new-icon{font-size:28px}.draft-build-new-label{font-size:12px;font-weight:600;text-align:center;line-height:1.3}.drafts-sidebar-tab{position:absolute;left:0;top:50%;transform:translateY(-50%);width:26px;height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 0;background:#ffffffeb;color:var(--dark);border:none;border-radius:0;box-shadow:0 2px 8px #00000026;font-size:14px;z-index:100;cursor:pointer}.drafts-sidebar-tab-label{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-title);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.drafts-sidebar-tab-caret{font-size:11px}.drafts-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0006}.drafts-sidebar-panel{position:fixed;top:0;left:0;bottom:0;width:78vw;max-width:340px;background:var(--white);z-index:201;display:flex;flex-direction:column;box-shadow:4px 0 24px #00000040}.drafts-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;padding-top:max(14px,env(safe-area-inset-top));background:var(--dark);color:var(--white)}.drafts-sidebar-title{font-family:var(--font-title);font-size:17px;font-weight:700}.drafts-sidebar-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--white);border:none;font-size:16px;cursor:pointer}.drafts-sidebar-body{flex:1;overflow-y:auto;padding:12px}.drafts-scroll{overflow-y:auto}.draft-rename-input{width:100%;box-sizing:border-box;padding:12px 14px;margin-bottom:16px;font-size:15px;color:var(--dark);background:var(--offwhite);border:1px solid #e8e8e8;border-radius:0;outline:none}.draft-rename-input:focus{border-color:var(--accent-dark)}.outfit-builder-loading{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;color:#999}.outfit-builder-page{padding-bottom:32px}.outfit-builder-title{font-family:var(--font-title);font-size:22px;font-weight:700;background:var(--dark);color:var(--white);padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));margin:-16px -16px 8px;position:sticky;top:0;z-index:10}.lets-create-btn{width:100%;padding:16px;background:var(--accent-dark);color:var(--white);border-radius:0;font-size:16px;font-weight:600;margin-bottom:12px;transition:opacity .2s}.lets-create-btn:active{opacity:.9;transform:scale(.98)}.lets-create-btn.disabled{background:var(--grey);cursor:not-allowed}.section-header{font-family:var(--font-title);font-size:18px;font-weight:600;margin-bottom:4px;color:var(--dark)}.base-outfit-section{margin-bottom:12px}.base-drafts-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;align-items:start}.base-avatar-col,.drafts-col{display:flex;flex-direction:column;min-width:0}.base-avatar-col .base-outfit-card{flex:none;width:100%;margin-bottom:8px}.base-avatar-col .replace-base-outfit-btn{flex:none;width:100%}.base-avatar-col .add-base-outfit-btn{margin-top:0}.drafts-col-body{height:calc((100vw - 12px - 32px) / 2 * 16 / 9 + 8px + 42px);max-height:60vh;overflow-y:auto}.add-base-outfit-btn{width:100%;padding:16px;background:var(--accent);color:var(--white);border-radius:0;font-size:16px;font-weight:600}.add-base-outfit-btn:active{opacity:.9;transform:scale(.98)}.base-outfit-container{display:flex;align-items:flex-start;gap:12px}.base-outfit-card{flex:1;aspect-ratio:9/16;border-radius:0;overflow:hidden;background:var(--offwhite);cursor:pointer;transition:transform .15s}.base-outfit-card:active{transform:scale(.96)}.base-outfit-card.processing{opacity:.35}.base-outfit-card.broken{position:relative}.base-outfit-card.broken img{opacity:.35}.base-outfit-card.broken .broken-badge{position:absolute;top:6px;right:6px;font-size:16px;line-height:1;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.4)}.base-outfit-card img{width:100%;height:100%;object-fit:cover}.replace-base-outfit-btn{flex:1;padding:12px 16px;background:var(--white);border:2px solid var(--accent-dark);color:var(--accent-dark);border-radius:0;font-size:14px;font-weight:600;white-space:nowrap;height:fit-content;align-self:flex-start}.replace-base-outfit-btn:active{background:var(--offwhite);transform:scale(.98)}.wardrobe-section{margin-bottom:8px}.wardrobe-message{font-size:14px;color:#666;margin-bottom:8px;line-height:1.4}.merge-duplicates-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 16px;margin-bottom:12px;background:var(--white);border:1.5px solid var(--accent);border-radius:0;color:var(--accent);text-align:left;font-family:var(--font-text);cursor:pointer;transition:background .15s,transform .1s}.merge-duplicates-btn:active{background:var(--offwhite);transform:scale(.99)}.merge-duplicates-prompt{font-size:14px;font-weight:500;color:var(--accent);line-height:1.3}.merge-duplicates-action{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--accent);letter-spacing:.2px;white-space:nowrap}.empty-wardrobe{color:#999;text-align:center;padding:40px 0;font-size:14px}.wardrobe-empty-state{background:var(--offwhite);padding:20px 16px;margin-bottom:12px;text-align:center}.wardrobe-empty-state-text{font-size:14px;color:#666;line-height:1.5;margin:0 0 12px}.wardrobe-empty-state-btn{background:var(--accent-dark);color:var(--white);border:none;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.wardrobe-empty-state-btn:active{opacity:.85;transform:scale(.98)}.saved-section{margin-top:16px}.saved-section-header{display:flex;align-items:center;gap:8px}.saved-section-icon{width:18px;height:18px;flex:none}.saved-tile{position:relative;padding:2px;border-radius:8px}.saved-tile-shopping{background:linear-gradient(135deg,#15803d,#22c55e)}.saved-tile-runway{background:linear-gradient(135deg,#ff5b7f,#c0392b)}.saved-tile img{border-radius:6px}.wardrobe-secnav{position:sticky;top:0;z-index:8;display:flex;margin:20px -16px 0;background:var(--white, #fff);border-bottom:1px solid rgba(0,0,0,.1)}.wardrobe-secnav-tab{flex:1 1 0;min-width:0;text-align:center;font-family:var(--font-title);font-size:12px;line-height:1.2;font-weight:600;color:#00000073;background:none;border:none;padding:10px 4px;cursor:pointer;white-space:normal;position:relative;transition:color .2s}.wardrobe-secnav-tab.is-active{color:var(--accent-light)}.wardrobe-secnav-tab.is-active:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:var(--accent-light, #0F52BA);border-radius:2px}.wardrobe-section{padding-top:16px;scroll-margin-top:100px}.wardrobe-section:last-of-type{padding-bottom:88px}.wardrobe-sec-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.wardrobe-sec-title{font-family:var(--font-title);font-size:17px;font-weight:700;margin:0;color:var(--dark, #111)}.add-new-clothes-btn{margin-top:16px}.add-new-clothes-text{display:flex;flex-direction:column;gap:2px}.wardrobe-sec-hint{font-family:var(--font-text);font-size:14px;line-height:1.5;color:#00000080;margin:0 0 8px}.billing-panel{margin-bottom:8px}.billing-heading{font-family:var(--font-title);font-size:18px;font-weight:600;color:var(--dark);margin-bottom:10px}.billing-loading{font-size:14px;color:#888;padding:12px 0}.billing-block{margin-bottom:18px}.billing-block-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#888;margin-bottom:8px}.billing-note{font-size:13px;color:#666;line-height:1.55;margin:8px 0 10px}.billing-uses{list-style:disc;padding-left:20px}.billing-uses li{font-size:13px;color:#666;line-height:1.7}.billing-message{font-size:14px;line-height:1.5;padding:10px 12px;margin-bottom:16px;border-left:3px solid var(--accent);background:var(--offwhite);color:var(--dark)}.billing-message.warn{border-left-color:#d64545;background:#fbeaea}.usage-bar{margin-bottom:10px}.usage-bar-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px;font-weight:600;color:var(--dark);margin-bottom:6px}.usage-bar-title{min-width:0}.usage-bar-pct{flex-shrink:0;font-size:13px;font-weight:700;color:#888}.usage-bar-track{height:12px;background:var(--grey);overflow:hidden}.usage-bar-fill{height:100%;transition:width .4s ease,background-color .4s ease}.usage-bar-fill.tone-full{background:var(--accent)}.usage-bar-fill.tone-low{background:#e8a317}.usage-bar-fill.tone-empty{background:#d64545}.usage-bar-sublabel{font-size:12px;color:#888;margin-top:5px}.billing-btn{width:100%;padding:11px 14px;background:var(--accent-dark);color:var(--white);border:1.5px solid var(--accent-dark);border-radius:0;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.billing-btn.secondary{background:var(--white);color:var(--accent-dark)}.billing-btn:active{opacity:.8}.billing-btn:disabled{opacity:.5;cursor:default}.plan-cards{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:6px}.plan-card{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;border:1.5px solid var(--grey);background:var(--white);padding:14px 6px 10px}.plan-card.lifetime{border-color:var(--dark)}.plan-badge.lifetime{background:var(--dark)}.plan-choose.lifetime{background:var(--dark);color:var(--white);border-color:var(--dark)}.plan-card.featured{border-color:var(--accent);border-width:2px}.plan-badge{position:absolute;top:-9px;left:8px;background:var(--accent);color:var(--white);font-size:8.5px;font-weight:700;letter-spacing:.04em;padding:2px 6px}.plan-name{font-family:var(--font-title);font-size:16px;font-weight:700;color:var(--dark)}.plan-price{margin:2px 0 6px}.plan-price-amount{font-size:22px;font-weight:800;color:var(--dark)}.plan-price-cadence{font-size:12px;color:#888;margin-left:2px}.plan-tagline{font-size:12.5px;font-weight:600;color:var(--accent-dark);margin-bottom:7px;line-height:1.3}.plan-perks{list-style:none;padding:0;margin:0 0 10px}.plan-perks li{font-size:11px;color:#555;line-height:1.35;padding-left:11px;position:relative;margin-bottom:3px}.plan-perks li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.plan-choose{width:100%;margin-top:auto;padding:9px 6px;background:var(--white);color:var(--accent-dark);border:1.5px solid var(--accent-dark);border-radius:0;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s}.plan-choose.featured{background:var(--accent-dark);color:var(--white)}.plan-choose:active{opacity:.8}.plan-choose:disabled{opacity:.5;cursor:default}.billing-lifetime{padding:14px 14px 4px;background:var(--offwhite);border:1.5px solid var(--dark)}.billing-lifetime-badge{display:inline-block;font-family:var(--font-title);font-size:14px;font-weight:700;color:var(--dark);margin-bottom:10px}.billing-infinite{text-align:center;padding:28px 16px;background:var(--offwhite);border:1.5px solid var(--accent)}.billing-infinite-mark{font-size:30px;color:var(--accent);line-height:1}.billing-infinite-title{font-family:var(--font-title);font-size:19px;font-weight:700;color:var(--dark);margin:8px 0 4px}.billing-infinite-text{font-size:14px;color:#666;line-height:1.5}.profile-page{min-height:100vh;min-height:100dvh;background:var(--white);padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(80px,env(safe-area-inset-bottom))}.profile-header{display:flex;align-items:center;justify-content:space-between;margin:-16px -16px 8px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:var(--white);position:sticky;top:0;z-index:10}.profile-username{font-family:var(--font-title);font-size:24px;font-weight:700;color:var(--dark)}.settings-btn{font-size:24px;color:#666;padding:8px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.settings-btn:active{opacity:.6}.profile-divider{height:1px;background:var(--grey);margin-bottom:8px;margin-left:-16px;margin-right:-16px}.get-help-btn{width:100%;padding:9px 12px;margin:4px 0 14px;background:var(--accent-dark);color:var(--white);border:none;border-radius:0;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s}.get-help-btn:active{opacity:.8}.profile-section-header{font-family:var(--font-title);font-size:18px;font-weight:600;color:var(--dark);margin-bottom:8px}.profile-body-section{margin-bottom:16px}.profile-body-private-hint{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#9a9a9a;margin:-2px 0 6px}.profile-body-text{font-size:14px;color:#666;line-height:1.5}.profile-body-link{color:var(--accent-dark);font-weight:600;cursor:pointer}.profile-body-link:active{opacity:.7}.profile-outfits{padding-bottom:16px}.no-outfits{text-align:center;color:#999;padding:40px 0;font-size:15px}.profile-error{text-align:center;color:#999;padding:40px 20px;font-size:16px}.outfit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin-left:-12px;margin-right:-12px}.profile-outfit-wrapper{display:flex;flex-direction:column;gap:4px;cursor:pointer}.profile-outfit-item{aspect-ratio:9/16;border-radius:0;overflow:hidden;background:var(--offwhite);transition:transform .15s}.profile-outfit-wrapper:active .profile-outfit-item{transform:scale(.97)}.profile-outfit-item img{width:100%;height:100%;object-fit:cover}.profile-outfit-rating{text-align:center;font-size:11px;font-weight:600;color:gold;display:flex;align-items:center;justify-content:center;gap:2px}.profile-rating-star{font-size:10px;color:gold}.shop-search-row.shop-deals-cta{border-color:#ff6a00;background:#ff6a00;cursor:pointer}.shop-deals-cta .shop-search-input{color:#fff;font-weight:700}.shop-deals-cta .shop-search-icon{color:#fff}.shop-deals-cta-emoji{font-size:20px;line-height:1;flex:none}.shop-deals-searchbar{position:relative;display:flex;align-items:center;margin:4px 12px 14px}.shop-deals-search-icon{position:absolute;left:14px;font-size:14px;color:#9a9a9a;pointer-events:none}.shop-deals-search-input{width:100%;border:1px solid #e3e3e3;background:var(--offwhite, #f4f4f4);border-radius:12px;padding:11px 38px;font-size:15px;color:#222;outline:none;-webkit-appearance:none}.shop-deals-search-input:focus{border-color:#ff6a00;background:#fff}.shop-deals-search-input::-webkit-search-cancel-button{display:none}.shop-deals-search-clear{position:absolute;right:10px;border:none;background:transparent;color:#9a9a9a;padding:6px;cursor:pointer;display:inline-flex}.shop-deals-sticky{background:#fff}.shop-deals-sticky .shop-deals-searchbar{margin:0 0 2px}.shop-deals-view .shop-cat-chip.is-active{background:#ff6a00;color:#fff}.shop-deals-tier-head{display:flex;align-items:baseline;gap:8px}.shop-deals-tier-sub{font-size:12px;font-weight:600;color:#ff6a00;letter-spacing:.2px}.shop-deals-hero-wrap{margin-bottom:18px}.shop-deals-hero-head{margin-bottom:8px}.shop-deals-hero{display:flex;gap:10px;overflow-x:auto;padding:2px 12px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.shop-deals-hero::-webkit-scrollbar{display:none}.shop-deals-hero{scrollbar-width:none}.shop-deals-hero-card{flex:0 0 46%;max-width:46%;border:none;background:transparent;padding:0;cursor:pointer;scroll-snap-align:start}@media(min-width:560px){.shop-deals-hero-card{flex-basis:30%;max-width:30%}}.ids{display:flex;flex-direction:column}.ids-carousel-wrap{position:relative}.ids-badge{position:absolute;top:10px;left:10px;right:10px;z-index:5;pointer-events:none}.ids-title{font-family:var(--font-title, inherit);font-size:18px;font-weight:600;line-height:1.35;color:var(--dark, #222);margin:14px 0 8px}.ids-actions{margin-top:4px}.ids-actions .shop-action{flex:1 1 0;min-width:0}.shop-action--remove{background:#fff;color:#b00020;border:1px solid #b00020}.shop-action--remove:active{opacity:.85}.shopping-page.shopping-tabbed{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;flex-direction:column;background:var(--offwhite, #f0f0f0);overflow:hidden;margin:0;padding:0}.shop-tabbar{flex:none;display:flex;align-items:stretch;gap:6px;padding:calc(env(safe-area-inset-top,0px) + 8px) 8px 8px;background:#fff;border-bottom:1px solid var(--grey, #d6dde6)}.shop-tabbar-scroll{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.shop-tabbar-scroll::-webkit-scrollbar{display:none}.shop-tab{flex:0 0 auto;max-width:160px;display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:10px;background:var(--offwhite, #f0f0f0);color:#555;font-size:13px;cursor:pointer;white-space:nowrap}.shop-tab.is-active{background:var(--accent-dark, #3B50A9);color:#fff}.shop-tab-title{overflow:hidden;text-overflow:ellipsis;max-width:120px}.shop-tab-close{display:flex;align-items:center;border:none;background:none;color:inherit;opacity:.7;padding:0;font-size:11px;cursor:pointer}.shop-tab-add{flex:none;width:36px;border:none;border-radius:10px;background:var(--offwhite, #f0f0f0);color:var(--accent-dark, #3B50A9);font-size:14px;cursor:pointer}.shop-viewport{flex:1;display:flex;flex-direction:column;min-height:0}.shop-tabpane{flex:1 1 auto;min-height:0;flex-direction:column}.shop-tabpane-body{flex:1;min-height:0;display:flex;flex-direction:column}.shop-back{flex:none;display:flex;align-items:center;gap:6px;border:none;background:#fff;border-bottom:1px solid var(--grey, #d6dde6);color:var(--accent-dark, #3B50A9);font-size:14px;font-weight:600;padding:10px 14px;cursor:pointer;overflow:hidden;max-height:56px;transition:max-height .26s ease,padding .26s ease,opacity .2s ease}.shop-back.is-collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;border-bottom-color:transparent}.shop-home,.shop-brand-view,.shop-search-view,.shop-detail{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px 6px 88px}.shop-detail{padding-left:14px;padding-right:14px}.shop-home-hero{min-height:22vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8px 2px}.shop-home-title{font-family:Poppins,sans-serif;font-size:clamp(30px,9vw,44px);font-weight:300;line-height:1.12;letter-spacing:-.6px;margin:0;background:linear-gradient(120deg,#3b50a9,#6c7be0 45%,#9b7be0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.shop-search-stack{display:flex;flex-direction:column;gap:12px}.shop-search-row{display:flex;align-items:center;gap:10px;width:100%;min-height:50px;box-sizing:border-box;background:#fff;border:1px solid var(--grey, #d6dde6);border-radius:10px;padding:0 14px;text-align:left;cursor:text}.shop-search-row--button{cursor:pointer}.shop-search-icon{color:var(--accent-dark, #3B50A9);flex:none}.shop-search-field{position:relative;flex:1;display:flex;align-items:center}.shop-search-input{flex:1;width:100%;border:none;outline:none;font-size:16px;background:none;font-family:inherit}.shop-search-input::placeholder{color:#6b7077;opacity:1}.shop-search-placeholder{color:#6b7077}.shop-search-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;pointer-events:none;font-size:16px;white-space:nowrap;overflow:hidden}.shop-search-overlay .prefill-static{color:#6b7077}.shop-search-overlay .prefill-dynamic{color:#9aa0a6}.shop-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.shop-brand-tile{display:flex;flex-direction:column;align-items:center;gap:6px;border:none;background:none;cursor:pointer}.shop-brand-logo{width:100%;aspect-ratio:1;border-radius:8px;background:#fff;border:1px solid var(--grey, #d6dde6);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px}.shop-brand-logo img{max-width:100%;max-height:100%;object-fit:contain}.shop-brand-logo span{font-family:Poppins,sans-serif;font-weight:700;font-size:13px;color:#333;text-align:center}.shop-brand-name{font-size:12px;color:#555}.shop-brand-view{padding-top:0}.shop-brand-head{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 0 8px}.shop-brand-head-logo{width:56px;height:56px;object-fit:contain}.shop-brand-head-name{font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.shop-brand-sticky{position:sticky;top:0;z-index:6;background:var(--offwhite, #f0f0f0);padding:6px 0;margin:0 -2px;transition:transform .24s ease}.shop-brand-sticky.is-hidden{transform:translateY(-118%);pointer-events:none}.shop-brand-searchbar{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--grey, #d6dde6);border-radius:8px;padding:0 12px;min-height:46px}.shop-brand-searchbar input{flex:1;border:none;outline:none;font-size:16px;background:none}.shop-brand-search-clear{border:none;background:none;color:#999;padding:4px;cursor:pointer;display:flex}.shop-cat-nav{display:flex;gap:0;overflow-x:auto;margin:8px 0 2px;background:#e9edf3;border:1px solid var(--grey, #d6dde6);border-radius:8px}.shop-cat-nav::-webkit-scrollbar{height:7px}.shop-cat-nav::-webkit-scrollbar-thumb{background:#9aa6b8;border-radius:4px}.shop-cat-nav::-webkit-scrollbar-track{background:transparent}.shop-cat-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:none;border-right:1px solid var(--grey, #d6dde6);background:transparent;border-radius:0;padding:10px 16px;font-size:13px;color:#444;cursor:pointer;white-space:nowrap}.shop-cat-chip:last-child{border-right:none}.shop-cat-chip.is-active{background:var(--accent-dark, #3B50A9);color:#fff}.shop-cat-chevron{font-size:9px;opacity:.7}.shop-cat-menu{display:flex;flex-direction:column}.shop-cat-menu-item{border:none;background:none;text-align:left;padding:11px 14px;font-size:15px;color:#222;cursor:pointer}.shop-cat-menu-item:active{background:var(--offwhite, #f0f0f0)}.shop-section{padding-top:6px;scroll-margin-top:112px}.shop-section-head{font-family:Poppins,sans-serif;font-size:18px;font-weight:700;margin:10px 0 2px}.shop-section-subhead{font-size:13px;font-weight:600;color:#888;margin:0 0 8px}.shop-brand-tail{height:22vh}.shop-featured-label{font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px;padding:6px 2px 2px}.shop-more-note{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px 4px;text-align:center;color:#777;font-size:14px}.shop-more-note button{border:1px solid var(--accent-dark, #3B50A9);background:#fff;color:var(--accent-dark, #3B50A9);border-radius:999px;padding:9px 18px;font-size:14px;font-weight:600;cursor:pointer}.shop-facets{display:flex;align-items:center;gap:8px;padding:4px 0 10px;flex-wrap:wrap}.shop-facet-sort{flex:1 1 130px;min-width:120px;padding:8px 10px;border:1px solid var(--grey, #d6dde6);border-radius:8px;font-size:14px;background:#fff}.shop-facet-price{width:74px;padding:8px 10px;border:1px solid var(--grey, #d6dde6);border-radius:8px;font-size:16px}.shop-facet-apply{border:none;background:var(--accent-dark, #3B50A9);color:#fff;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer}.shop-loading{height:3px;margin:16px auto;width:40%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent-dark, #3B50A9),transparent);background-size:200% 100%;animation:shop-load 1.1s linear infinite}@keyframes shop-load{0%{background-position:200% 0}to{background-position:-200% 0}}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.shop-masonry{display:flex;gap:5px;align-items:flex-start}.shop-masonry-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:5px}.shop-mtile{position:relative}.shop-tile{display:block;width:100%;border:none;background:none;padding:0;cursor:pointer;text-align:left}.shop-tile-img{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000f;transition:transform .12s ease,box-shadow .12s ease;aspect-ratio:3 / 4}.shop-tile-img.is-loaded{aspect-ratio:auto}.shop-tile-img img{width:100%;height:100%;display:block;object-fit:contain}.shop-tile-img.is-loaded img{height:auto}.shop-tile-img-empty{width:100%;height:100%;min-height:180px;background:#e9eef5}.shop-tile:active .shop-tile-img{transform:scale(.98);box-shadow:0 1px 4px #0000000d}@media(hover:hover){.shop-tile:hover .shop-tile-img{transform:scale(1.01);box-shadow:0 3px 12px #0000001a}}.shop-tile-title{overflow:hidden;white-space:nowrap;padding:5px 3px 0}.shop-tile-title-text{display:inline-block;font-size:12px;line-height:1.25;color:#333}.shop-tile-title-text.is-marquee{will-change:transform;animation:shop-tile-marquee var(--mq-dur, 7s) ease-in-out infinite alternate}@keyframes shop-tile-marquee{0%,14%{transform:translate(0)}86%,to{transform:translate(var(--mq-shift, 0))}}.shop-tile-price{display:flex;align-items:baseline;gap:6px;padding:4px 3px 2px;font-size:12.5px}.shop-tile-price-reg{color:#222;font-weight:600}.shop-tile-price-sale{color:#c0392b;font-weight:700}.shop-tile-price-orig{color:#2e8b57;text-decoration:line-through;font-size:11px}.shop-mtile-saved{position:absolute;top:8px;right:8px;z-index:4;width:22px;height:22px;border-radius:50%;background:var(--accent-dark, #3B50A9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 1px 4px #00000040;pointer-events:none}.shop-empty{color:#888;font-size:14px;text-align:center;padding:24px 0}.shop-carousel{width:100%}.shop-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;aspect-ratio:1;width:100%;background:#fff;border-radius:8px;scrollbar-width:none}.shop-carousel-track::-webkit-scrollbar{display:none}.shop-carousel-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-carousel-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.shop-carousel-dots{display:flex;gap:6px;justify-content:center;padding:8px 0 2px}.shop-dot{width:6px;height:6px;border-radius:50%;background:#cfd6df}.shop-dot.is-active{background:var(--accent-dark, #3B50A9)}.shop-detail-priceRow{display:flex;align-items:center;justify-content:space-between;margin:14px 0 10px}.shop-detail-price{display:flex;align-items:baseline;gap:8px;font-size:18px}.shop-buy-btn{display:inline-flex;align-items:center;gap:8px;border:none;background:#ff6a00;color:#fff;border-radius:10px;padding:11px 20px;font-size:15px;font-weight:600;cursor:pointer}.shop-buy-btn:disabled{opacity:.5}.shop-detail-actions{display:flex;gap:10px;margin-bottom:12px}.shop-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px;font-size:14px;font-weight:600;cursor:pointer}.shop-action--tryon{background:var(--accent-dark, #3B50A9);color:#fff;border:none}.shop-action--save{background:#fff;color:var(--accent-dark, #3B50A9);border:1px solid var(--accent-dark, #3B50A9)}.shop-action:disabled{opacity:.55}.shop-detail-msg{color:#c0392b;font-size:13px;margin:4px 0 10px}.shop-detail-title{font-size:15px;color:#333;line-height:1.5;margin-top:6px}.shop-detail-source{font-size:12px;color:#888}.shop-country-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.shop-country-modal{background:#fff;border-radius:16px;padding:22px;width:100%;max-width:340px;text-align:center}.shop-country-modal h2{font-family:Poppins,sans-serif;font-size:19px;margin-bottom:8px}.shop-country-detected{color:#555;font-size:14px;margin-bottom:14px}.shop-country-modal select{width:100%;padding:11px;border:1px solid var(--grey, #d6dde6);border-radius:10px;font-size:15px;margin-bottom:14px}.shop-country-confirm{width:100%;border:none;background:var(--accent-dark, #3B50A9);color:#fff;border-radius:10px;padding:12px;font-size:15px;font-weight:600;cursor:pointer}.shop-country-confirm:disabled{opacity:.5}.outfit-view-loading{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;color:#999}.outfit-view-page{min-height:100vh;min-height:100dvh;background:var(--white);padding:16px;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:16px;box-sizing:border-box}.outfit-header{display:flex;justify-content:space-between;align-items:center;margin:-16px -16px 8px;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));background:var(--white);position:sticky;top:0;z-index:10}.outfit-header .back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:17px;border-radius:50%;flex-shrink:0}.outfit-header .back-btn:active{background:#0000000d}.outfit-info-top{flex:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;margin:0 12px}.owner-username{font-size:14px;font-weight:600;color:var(--dark)}.owner-username.clickable{cursor:pointer;transition:opacity .2s}.owner-username.clickable:active{opacity:.6}.outfit-rating-top{font-size:13px;font-weight:600;color:gold;display:flex;align-items:center;gap:3px}.rating-star-top{font-size:12px;color:gold}.outfit-actions{display:flex;gap:12px;flex-shrink:0;align-items:center}.spacer-actions{width:0}.outfit-actions button{font-size:20px;color:var(--dark);padding:8px}.heart.filled,.saved.filled{color:var(--primary)}.outfit-display{display:flex;align-items:center;justify-content:center;gap:2%;margin-bottom:16px;height:calc(95vh - 72px - max(16px,env(safe-area-inset-top)) - env(safe-area-inset-bottom));height:calc(95dvh - 72px - max(16px,env(safe-area-inset-top)) - env(safe-area-inset-bottom))}.nav-arrow-btn{width:5%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--dark);border:none;background:none;flex-shrink:0}.nav-arrow-btn:active{transform:scale(.9)}.nav-arrow-btn.disabled{color:var(--grey)}.outfit-card{height:100%;max-width:100%;aspect-ratio:9/16;border-radius:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.outfit-card img{width:100%;height:100%;object-fit:cover}.contents-section{padding-top:8px}.contents-section h3{font-family:var(--font-title);font-size:20px;font-weight:700;margin-bottom:20px}.extraction-cta-btn{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 16px;margin-bottom:12px;font-family:var(--font-text);background:var(--white);border:1.5px solid var(--accent);border-radius:0;color:var(--accent);text-align:left;cursor:pointer;transition:background .15s,transform .1s}.extraction-cta-btn:active{background:var(--offwhite);transform:scale(.995)}.extraction-cta-prompt{font-size:14px;font-weight:500;color:var(--accent);line-height:1.3}.extraction-cta-action{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--accent);letter-spacing:.2px;white-space:nowrap}.extraction-cta-icon{font-size:13px}.extraction-cta-arrow{font-size:16px;line-height:1}.type-section{margin-bottom:20px}.type-header{font-size:14px;font-weight:600;color:#666;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.item-square{aspect-ratio:1;border-radius:0;overflow:hidden;background:var(--offwhite)}.item-square img{width:100%;height:100%;object-fit:cover}.outfit-action-bar{position:fixed;bottom:0;left:0;right:0;background:var(--white);display:flex;flex-direction:column;border-top:1px solid #eee;z-index:100;padding:10px 16px;padding-bottom:calc(10px + env(safe-area-inset-bottom));gap:8px}.outfit-tryon-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent-dark, #3B50A9);color:#fff;border:none;border-radius:10px;padding:13px;font-family:var(--font-text);font-size:14px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.outfit-tryon-cta .action-icon{color:#fff;font-size:16px}.outfit-tryon-cta:active{opacity:.85;transform:scale(.99)}.outfit-action-secondary{display:flex;width:100%}.action-bar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;font-family:var(--font-text);font-size:13px;font-weight:400;cursor:pointer;transition:background .15s}.action-bar-btn:active{background:#0000000d}.action-bar-btn.blank-btn{cursor:default}.action-bar-btn.blank-btn:active{background:none}.action-bar-btn .edit-icon{color:var(--accent-dark);font-size:18px}.action-bar-btn.edit-btn span,.action-bar-btn.try-on-btn span{color:var(--dark)}.action-bar-btn .post-icon{color:var(--dark);font-size:16px}.action-bar-btn.post-btn span{color:var(--dark)}.action-bar-btn .star-icon{color:gold;font-size:18px}.action-bar-btn.rate-btn span{color:var(--dark)}.action-bar-btn .bookmark-icon{color:var(--dark);font-size:18px}.action-bar-btn .bookmark-icon.filled,.action-bar-btn.save-btn span{color:var(--dark)}.outfit-action-secondary .edit-btn{border-right:1px solid #eee}.outfit-action-secondary .action-bar-btn{padding:8px 0}.action-bar-spacer{height:calc(118px + env(safe-area-inset-bottom))}.new-outfit-flow{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--white)}.flow-header{display:flex;align-items:center;gap:12px;padding:16px;padding-top:max(16px,env(safe-area-inset-top));flex-shrink:0;position:sticky;top:0;z-index:10;background:var(--white)}.flow-header .back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:17px;border-radius:50%}.flow-header .back-btn:active{background:#0000000d}.flow-header h1{font-family:var(--font-title);font-size:20px;font-weight:700}.flow-content{flex:1;display:flex;flex-direction:column;padding:16px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.step-1{justify-content:center;align-items:center}.instructions{text-align:center;margin-bottom:40px}.instructions p{font-size:16px;font-weight:600;margin-bottom:16px}.instructions ul{list-style:none;padding:0;text-align:left;display:inline-block}.instructions li{font-size:14px;color:#666;margin:8px 0}.instructions li:before{content:"•";margin-right:8px;color:var(--primary)}.upload-btn{padding:16px 48px;background:var(--accent-dark);color:var(--white);border-radius:0;font-size:16px;font-weight:600}.upload-btn:active{opacity:.9;transform:scale(.98)}.upload-source-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.upload-btn-alt{background:var(--white);color:var(--accent-dark);border:1px solid var(--accent-dark)}.step-2{justify-content:space-between;padding:0}.crop-container{position:relative;flex:1;background:#000}.step-2-buttons{display:flex;gap:12px;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.nav-btn{flex:1;padding:16px;border-radius:0;font-size:16px;font-weight:600}.nav-btn.back{background:var(--white);border:2px solid var(--accent-dark);color:var(--accent-dark)}.nav-btn.continue{background:var(--accent-dark);color:var(--white)}.nav-btn:disabled{opacity:.6}.step-3{justify-content:center;align-items:center}.success-message{text-align:center;padding:0 20px}.success-message h2{font-size:22px;font-weight:700;margin-bottom:16px;color:var(--dark)}.success-message p{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px}.instructions-hint{margin-top:12px;font-size:13px;color:#888;font-style:italic}.crop-counter{text-align:center;font-size:14px;font-weight:600;color:var(--dark);padding:8px 0}.upload-progress-list{margin:16px auto 4px;max-width:260px;text-align:left}.upload-progress-row{display:flex;justify-content:space-between;font-size:14px;padding:6px 10px;border-radius:6px;margin-bottom:4px;background:#f3f3f3}.upload-progress-row.status-done{background:#e8f5e9;color:#2e7d32}.upload-progress-row.status-error{background:#ffebee;color:#c62828}.upload-progress-row.status-uploading{background:#e3f2fd;color:#1565c0}.fullscreen-page{min-height:100vh;min-height:100dvh;background:var(--white)}.fullscreen-header{position:sticky;top:0;background:#000;padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px;z-index:10;min-height:52px}.fullscreen-header h1{font-family:var(--font-title);font-size:20px;font-weight:700;color:#fff;line-height:1}.fullscreen-header .back-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:17px;border-radius:50%;flex-shrink:0;color:#fff;padding:0;margin:0}.fullscreen-header .back-btn:active{background:#ffffff1a}.fullscreen-content{padding:0 16px 32px}.empty-full{grid-column:1 / -1;text-align:center;color:#999;padding:40px 0}.duplicates-content{padding:16px 16px 100px}.duplicates-instructions{margin:0 0 8px;font-size:14px;color:#333}.duplicates-error{color:#c62828;font-size:13px;margin:4px 0 12px}.duplicates-section{margin-bottom:4px}.duplicates-section-head{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;color:#222;margin:14px 2px 8px}.duplicates-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.duplicates-thumb{position:relative;aspect-ratio:1 / 1;border:2px solid #eee;border-radius:8px;overflow:hidden;cursor:pointer;background:#f3f3f3;transition:border-color .15s,opacity .15s,transform .05s}.duplicates-thumb img{width:100%;height:100%;object-fit:cover;display:block}.duplicates-thumb.selected{border-color:#2196f3}.duplicates-thumb.rep{border-color:#4caf50;box-shadow:0 0 0 3px #4caf50 inset}.duplicates-thumb.dimmed{opacity:.4}.duplicates-thumb.locked{filter:grayscale(1);cursor:not-allowed}.duplicates-keep-badge{position:absolute;top:6px;left:6px;background:#4caf50;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 7px;border-radius:5px}.duplicates-delete-badge{position:absolute;top:6px;left:6px;background:#c62828eb;color:#fff;font-size:11px;font-weight:600;padding:3px 7px;border-radius:5px}.duplicates-class-lock{margin:0 0 10px;padding:7px 12px;background:#eef4ff;border:1px solid #c9dbff;border-radius:8px;font-size:12px;color:#2b4a7e;text-align:center}.duplicates-thumb-meta{position:absolute;left:0;right:0;bottom:0;background:#0000008c;color:#fff;font-size:10px;padding:2px 6px;text-align:center}.duplicates-action-bar{position:fixed;left:0;right:0;bottom:0;display:flex;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #eee;box-shadow:0 -2px 8px #0000000a}.duplicates-action-bar .action-bar-btn{flex:1;padding:12px;border-radius:6px;border:1px solid #ddd;background:#fff;font-size:14px;cursor:pointer}.duplicates-action-bar .action-bar-btn:disabled{opacity:.5;cursor:not-allowed}.add-clothes-content{padding-top:20px}.add-clothes-option{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;margin-bottom:12px;background:var(--white);border:1.5px solid var(--accent);border-radius:0;text-align:left;font-family:var(--font-text);cursor:pointer;transition:background .15s,transform .1s}.add-clothes-option:active{background:var(--offwhite);transform:scale(.99)}.add-clothes-option-text{display:flex;flex-direction:column;gap:4px}.add-clothes-option .merge-duplicates-action{display:inline-flex;align-items:center;font-size:15px;font-weight:700;color:var(--accent);letter-spacing:.2px;line-height:1.3}.add-clothes-option .merge-duplicates-prompt{font-size:13px;font-weight:500;color:var(--accent);opacity:.85;line-height:1.3}.add-clothes-arrow{font-size:18px;font-weight:700;color:var(--accent);flex-shrink:0}.add-clothes-link-form{display:flex;flex-direction:column;gap:10px;margin:-4px 0 16px;padding:14px;background:var(--offwhite)}.add-clothes-link-input{margin-bottom:0;background:var(--white)}.add-clothes-owns{display:flex;flex-direction:column;gap:8px}.add-clothes-owns-label{font-size:14px;font-weight:600;color:var(--accent)}.add-clothes-owns-toggle{display:flex;border:1.5px solid var(--accent);overflow:hidden}.add-clothes-owns-opt{flex:1;padding:10px 12px;background:var(--white);border:none;font-family:var(--font-text);font-size:14px;font-weight:600;color:var(--accent);cursor:pointer;transition:background .15s,color .15s}.add-clothes-owns-opt+.add-clothes-owns-opt{border-left:1.5px solid var(--accent)}.add-clothes-owns-opt.selected{background:var(--accent);color:var(--white)}.add-clothes-owns-opt:disabled{opacity:.6;cursor:default}.add-clothes-owns-help{margin:0;font-size:12px;line-height:1.45;color:#777}.add-clothes-link-submit{flex:none;width:100%}.add-clothes-link-submit:disabled{opacity:.5}.add-clothes-note{margin-top:20px;font-size:13px;line-height:1.6;color:#777;text-align:center}.add-clothes-link{display:inline;padding:0;background:none;border:none;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}.add-clothes-link:active{opacity:.7}.canvas-loading{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;color:#999}.canvas-page{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh;background:var(--white);overflow:hidden}.canvas-back-btn{position:absolute;top:16px;top:max(16px,env(safe-area-inset-top));left:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:17px;border-radius:50%;background:#ffffffe6;z-index:100;box-shadow:0 2px 8px #0000001a}.canvas-back-btn:active{background:#0000000d}.canvas-help-btn{position:absolute;top:64px;top:calc(max(16px,env(safe-area-inset-top)) + 48px);left:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;background:#ffffffe6;color:var(--accent-dark);z-index:100;box-shadow:0 2px 8px #0000001a}.canvas-help-btn:active{background:#0000000d}.canvas-menu-title-row{flex-shrink:0;display:flex;align-items:center;padding:0 12px 8px;background:var(--white)}.canvas-menu-title,.canvas-menu-title-input{width:100%;height:34px;padding:0 10px;font-family:var(--font-title);font-size:14px;font-weight:600;color:var(--dark);background:var(--offwhite);border:1px solid var(--offwhite);border-radius:0;box-sizing:border-box}.canvas-menu-title{display:flex;align-items:center;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.canvas-menu-title:active{background:#e6e6e6}.canvas-menu-title:disabled{opacity:.6;cursor:not-allowed}.canvas-menu-title-input{outline:none;border-color:var(--accent-dark)}.canvas-undo-redo-container{position:absolute;top:16px;top:max(16px,env(safe-area-inset-top));right:16px;display:flex;flex-direction:column;gap:8px;z-index:100}.canvas-save-btn,.canvas-undo-btn,.canvas-redo-btn,.canvas-duplicate-btn,.canvas-share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:17px;border-radius:50%;background:transparent;color:var(--dark);border:none;cursor:pointer;padding:0}.canvas-save-btn:active,.canvas-undo-btn:active,.canvas-redo-btn:active,.canvas-duplicate-btn:active,.canvas-share-btn:active{background:#0000000d}.canvas-save-btn:disabled,.canvas-undo-btn:disabled,.canvas-redo-btn:disabled,.canvas-duplicate-btn:disabled,.canvas-share-btn:disabled{opacity:.4;color:#999;cursor:not-allowed;pointer-events:none}.canvas-duplicate-btn.is-inert{opacity:.4;color:#999;cursor:pointer}.canvas-image-container{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;overflow:hidden}.canvas-image-container.menu-up{bottom:45vh;bottom:45dvh}.canvas-image-container.menu-down{bottom:0}.canvas-base-image{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain}.canvas-no-image{color:#999;font-size:16px}.canvas-arrow-up-btn{position:absolute;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#999;z-index:100;background:transparent}.canvas-arrow-up-btn:active{opacity:.6}.canvas-menu{position:absolute;left:0;right:0;background:var(--white);border-radius:0;box-shadow:0 -2px 20px #0000001a;overflow:hidden;transition:none}.canvas-menu.expanded{bottom:0;height:45vh;height:45dvh;display:flex;flex-direction:column}.canvas-menu.collapsed{bottom:-100%}.canvas-menu-content{position:relative;display:flex;flex-direction:row;flex:1;min-height:0;overflow:hidden}.canvas-menu-drag-handle{flex-shrink:0;height:20px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none}.canvas-menu-drag-grip{width:40px;height:4px;border-radius:2px;background:#ccc}.canvas-left-list{width:30%;overflow-y:auto;padding:8px 12px;background:var(--white)}.canvas-category-section{margin-bottom:12px}.canvas-category-header{font-family:var(--font-title);font-size:12px;font-weight:600;color:var(--dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.canvas-outfit-item-wrapper{position:relative;margin-bottom:2px;overflow:visible;display:flex;align-items:center;flex-wrap:wrap}.canvas-outfit-item-wrapper.dragging{opacity:0}.canvas-drag-handle{width:16px;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:12px;cursor:grab;flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;align-self:stretch;padding:0 2px}.canvas-drag-handle:active{cursor:grabbing;color:#999}.canvas-outfit-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f0f0f0;cursor:pointer;border:2px solid transparent;flex:1;min-width:0}.canvas-outfit-item.selected{border:2px solid var(--accent-dark)}.canvas-outfit-item img{width:100%;height:100%;object-fit:cover}.canvas-item-remove-btn{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:50%;color:var(--accent-dark);font-size:12px;padding:0;z-index:20;box-shadow:0 1px 3px #0003}.canvas-item-remove-btn:active{opacity:.7}.canvas-plus-row{display:flex;align-items:center;justify-content:center;height:24px;margin:2px 0;cursor:pointer;color:#999;transition:color .15s ease;width:100%}.canvas-plus-row.active,.canvas-plus-row.drag-highlight{color:var(--accent-dark)}.canvas-plus-row.drag-highlight .canvas-plus-line{background:var(--accent-dark);height:2px}.canvas-plus-row.drag-highlight .canvas-plus-icon{transform:scale(1.2)}.canvas-plus-line{flex:1;height:1px;background:currentColor;margin:0 8px;transition:height .15s ease,background .15s ease}.canvas-plus-icon{font-size:16px;font-weight:300;line-height:1;transition:transform .15s ease}.canvas-vertical-divider{width:1px;background:#ddd;flex-shrink:0}.canvas-right-menu{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--white)}.canvas-right-header{display:flex;align-items:center;padding:6px 12px;min-height:28px;border-bottom:1px solid #e8e8e8}.canvas-right-header-text{flex:1;font-family:var(--font-title);font-size:12px;font-weight:600;color:var(--dark);text-transform:uppercase;letter-spacing:.5px}.canvas-right-header-separator{width:1px;height:20px;background:#ddd;margin:0 8px}.canvas-menu-down-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;color:#999;font-size:14px;padding:0}.canvas-menu-down-btn:active{opacity:.6}.canvas-menu-down-btn:disabled{opacity:.4;cursor:not-allowed}.canvas-header-icon-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;color:#999;font-size:14px;padding:0;margin-right:4px}.canvas-header-icon-btn:active{opacity:.6}.canvas-header-icon-btn:disabled{opacity:.4;cursor:not-allowed}.canvas-header-icon-btn.active{color:var(--accent-dark)}.canvas-subclass-buttons{display:flex;gap:6px;padding:4px 12px;border-bottom:1px solid #e8e8e8;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.canvas-subclass-buttons::-webkit-scrollbar{display:none}.canvas-subclass-btn{position:relative;padding:4px 12px;font-family:var(--font-text);font-size:12px;font-weight:500;border:1px solid var(--dark);border-radius:16px;background:var(--white);color:var(--dark);white-space:nowrap;cursor:pointer;transition:all .2s}.canvas-subclass-shop-icon{position:absolute;top:-7px;right:-7px;font-size:16px;color:var(--accent-dark, #3B50A9);background:var(--white);border-radius:50%;padding:2px;box-shadow:0 0 0 1px #00000026}.canvas-subclass-btn.selected{border:1px solid transparent;background:var(--accent-dark);color:var(--white)}.canvas-subclass-btn:active{opacity:.8}.canvas-items-grid-container{flex:1;overflow-y:auto;padding:4px}.canvas-items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;width:100%;box-sizing:border-box}.canvas-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f0f0f0;border:2px solid transparent;width:100%;box-sizing:border-box}.canvas-tile-shop-btn{position:absolute;left:0;right:0;bottom:0;height:22px;display:flex;align-items:center;justify-content:center;width:100%;padding:0;border:none;border-radius:0;background:#15803d;color:#fff;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;z-index:10;touch-action:manipulation}.canvas-tile-shop-btn:active{opacity:.85}.canvas-item.selected{border:2px solid var(--accent-dark)}.canvas-item img{width:100%;height:100%;object-fit:cover}.canvas-empty{display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;padding:40px 0;text-align:center}.canvas-instructions{padding:20px 12px;text-align:left}.canvas-instructions ul{margin:0;padding-left:20px;list-style-type:disc;color:#666;font-size:14px;line-height:1.8}.canvas-instructions li{margin-bottom:8px}.canvas-backdrop-content{padding:20px 12px;text-align:left;color:#666;font-size:14px}.canvas-backdrop-content p{margin:0}.canvas-backdrops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px;width:100%;box-sizing:border-box}.canvas-backdrop-item{aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background:#f0f0f0;border:2px solid transparent;width:100%;box-sizing:border-box}.canvas-backdrop-item.selected{border:2px solid var(--accent-dark)}.canvas-backdrop-item img{width:100%;height:100%;object-fit:cover}.canvas-backdrop-none{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#f7f7f7,#f7f7f7 8px,#ececec 8px,#ececec 16px)}.canvas-backdrop-none-label{font-family:var(--font-text);font-size:12px;font-weight:600;color:#777;text-align:center;padding:0 4px}.canvas-empty-subclass{display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;padding:20px 0;text-align:center}.canvas-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#808080b3;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:all}.canvas-loading-overlay img{width:60px;height:60px}.canvas-loading-overlay .loading-caption{background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2);padding:12px 16px;box-shadow:0 8px 32px #0000001a}.canvas-drag-floating{position:fixed;pointer-events:none;z-index:2000;display:flex;align-items:center;transform:translate(-50%,-50%);opacity:.95}.canvas-drag-floating-handle{width:16px;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;margin-right:4px}.canvas-drag-floating-item{width:60px;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--offwhite);border:2px solid var(--accent-dark);box-shadow:0 4px 16px #00000040}.canvas-drag-floating-item img{width:100%;height:100%;object-fit:cover}.canvas-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.canvas-popup{background:var(--white);border-radius:0;max-width:320px;width:100%;overflow:hidden;box-shadow:0 4px 24px #0003}.canvas-popup-content{padding:24px;text-align:left}.canvas-popup-content p{font-family:var(--font-text);font-size:14px;color:var(--dark);line-height:1.5;margin:0 0 20px;text-align:left}.canvas-popup-btn{font-family:var(--font-text);font-size:14px;font-weight:600;padding:10px 32px;border-radius:0;background:var(--accent-dark);color:var(--white);border:none;cursor:pointer;transition:opacity .2s}.canvas-popup-btn:active{opacity:.8}.canvas-suggestor-popup{background:var(--white);border-radius:0;max-width:400px;width:100%;overflow:hidden;box-shadow:0 4px 24px #0003}.canvas-suggestor-popup-content{padding:24px}.canvas-suggestor-title{font-family:var(--font-title);font-size:20px;font-weight:700;color:var(--dark);margin:0 0 16px}.canvas-suggestor-description{font-family:var(--font-text);font-size:14px;color:var(--dark);line-height:1.5;margin:0 0 12px}.canvas-suggestor-cleared-note{font-family:var(--font-text);font-size:13px;color:#8a5a00;background:#fff4d6;border:1px solid #f0d28a;border-radius:8px;padding:8px 10px;line-height:1.4;margin:0 0 12px}.canvas-suggestor-examples{font-family:var(--font-text);font-size:14px;color:#666;line-height:1.6;margin:0 0 16px;padding-left:20px}.canvas-suggestor-examples li{margin-bottom:4px}.canvas-suggestor-textarea{width:100%;height:calc(3em + 24px);padding:12px;font-family:var(--font-text);font-size:14px;line-height:1.5em;border:1px solid var(--grey);border-radius:8px;resize:none;overflow-y:auto;box-sizing:border-box;margin-bottom:20px}.canvas-suggestor-textarea:focus{outline:none;border:2px solid var(--accent-dark)}.canvas-suggestor-buttons{display:flex;gap:12px;justify-content:flex-end}.canvas-suggestor-cancel-btn{font-family:var(--font-text);font-size:14px;font-weight:600;padding:10px 24px;border-radius:0;background:#999;color:var(--white);border:none;cursor:pointer;transition:opacity .2s}.canvas-suggestor-cancel-btn:active{opacity:.8}.canvas-suggestor-submit-btn{font-family:var(--font-text);font-size:14px;font-weight:600;padding:10px 24px;border-radius:0;background:var(--accent-dark);color:var(--white);border:none;cursor:pointer;transition:opacity .2s}.canvas-suggestor-submit-btn:active{opacity:.8}.canvas-suggestor-submit-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.canvas-save-popup{background:var(--white);border-radius:0;width:90%;max-width:340px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.canvas-save-popup-content{padding:24px;display:flex;flex-direction:column;overflow:hidden}.canvas-save-title{font-family:var(--font-title);font-size:20px;font-weight:700;color:var(--dark);margin-bottom:16px;text-align:center}.canvas-save-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:12px}.canvas-save-loading p{font-family:var(--font-text);font-size:14px;color:#666;margin:0}.canvas-closet-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;margin-bottom:16px}.canvas-no-closets{font-family:var(--font-text);font-size:14px;color:#666;text-align:center;padding:24px 0;margin:0}.canvas-closet-btn{font-family:var(--font-text);font-size:16px;font-weight:600;color:var(--dark);background:#f5f5f5;border:2px solid transparent;border-radius:0;padding:14px 16px;cursor:pointer;text-align:left;transition:all .2s}.canvas-closet-btn:hover{background:#eee}.canvas-closet-btn:active{background:var(--grey)}.canvas-closet-btn.selected{border-color:var(--dark);background:var(--white)}.canvas-save-buttons{display:flex;gap:12px;justify-content:space-between}.canvas-save-cancel-btn{font-family:var(--font-text);font-size:14px;font-weight:600;color:#666;background:transparent;border:1px solid var(--grey);border-radius:0;padding:12px 24px;cursor:pointer;flex:1}.canvas-save-cancel-btn:active{opacity:.8}.canvas-save-confirm-btn{font-family:var(--font-text);font-size:14px;font-weight:600;color:var(--white);background:var(--accent-dark);border:none;border-radius:0;padding:12px 24px;cursor:pointer;flex:1}.canvas-save-confirm-btn:active{opacity:.8}.canvas-save-confirm-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.canvas-help-modal-content{padding:8px 0}.canvas-help-text{font-size:15px;line-height:1.6;color:var(--dark);margin-bottom:16px}.canvas-help-link{display:inline-block;font-size:16px;font-weight:600;color:var(--accent-dark);text-decoration:none;margin-bottom:20px;transition:opacity .2s}.canvas-help-link:hover{opacity:.8}.canvas-help-link:active{opacity:.6}.canvas-help-tip{font-size:14px;line-height:1.6;color:#666;background:#f5f5f5;padding:12px;border-radius:8px;margin-bottom:20px}.canvas-help-close-btn{width:100%;padding:12px;background:var(--accent-dark);color:var(--white);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s}.canvas-help-close-btn:hover{opacity:.9}.canvas-help-close-btn:active{opacity:.8}.canvas-item.canvas-item-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--accent-dark, #1a1a1a);color:#fff;cursor:pointer;border:2px solid transparent}.canvas-item.canvas-item-upload:active{opacity:.85}.canvas-item-upload-plus{font-size:26px;line-height:1;font-weight:300}.canvas-item-upload-label{font-size:10px;letter-spacing:.5px;text-transform:uppercase}.canvas-mode-toggle{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:40px;height:88px;border:none;border-radius:20px;background:var(--white);box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px 0;cursor:pointer;z-index:20}.canvas-mode-toggle:disabled{opacity:.45;cursor:not-allowed}.canvas-mode-toggle-half{display:flex;align-items:center;justify-content:center;height:24px;font-size:14px;color:#bbb;z-index:1;transition:color .15s}.canvas-mode-toggle-half.multi-fingers{gap:1px;font-size:11px}.canvas-mode-toggle-half.active{color:#fff}.canvas-mode-toggle-knob{position:absolute;left:5px;width:30px;height:30px;border-radius:50%;background:var(--accent-dark);z-index:0;transition:top .2s ease}.canvas-mode-toggle-knob.up{top:5px}.canvas-mode-toggle-knob.down{top:53px}.canvas-unsubmitted-note{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#000000b8;color:#fff;font-size:11px;font-weight:600;letter-spacing:.2px;padding:5px 12px;border-radius:13px;white-space:nowrap;z-index:20;pointer-events:none}.canvas-multi-bar{position:absolute;left:0;right:0;bottom:0;background:var(--white);display:flex;align-items:stretch;justify-content:space-between;gap:0;padding:0;padding-bottom:env(safe-area-inset-bottom);height:calc(48px + env(safe-area-inset-bottom));z-index:60}.canvas-multi-bar.working{border-top:1px solid #ececec;align-items:center;padding:0 12px}.canvas-multi-bar-summary{display:flex;flex-direction:column;justify-content:center;gap:0;min-width:0;flex:1;padding:0 12px}.canvas-multi-bar-label{font-size:8.5px;letter-spacing:.7px;text-transform:uppercase;color:#9a9a9a}.canvas-multi-bar-changes{font-size:12px;font-weight:600;color:#1a1a1a;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-multi-bar-nochange{font-size:12px;color:#9a9a9a}.canvas-multi-bar-working{flex:1;text-align:center;font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:#9a9a9a}.canvas-multi-submit{flex-shrink:0;align-self:stretch;background:var(--white);border:1px solid #1faa52;border-radius:0;padding:0 22px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;text-align:center;color:#1faa52;cursor:pointer;transition:background .08s,color .08s}.canvas-multi-submit:active:not(:disabled){background:#1faa52;color:#fff}.canvas-multi-submit:disabled{opacity:.32;cursor:not-allowed}.canvas-page.multi-mode .canvas-left-list,.canvas-page.multi-mode .canvas-items-grid-container{padding-bottom:52px}.canvas-suggestor-charcount{font-size:11px;color:#999;text-align:right;margin-top:2px}.canvas-suggestor-queue{margin-top:8px;max-height:96px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.canvas-suggestor-queue-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f3f3f3;border-radius:6px;padding:6px 8px 6px 10px;font-size:13px}.canvas-suggestor-queue-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-suggestor-queue-item button{border:none;background:none;font-size:16px;color:#c62828;cursor:pointer;line-height:1;flex-shrink:0;padding:0 4px}.canvas-suggestor-history-box{margin-top:16px;border:1px solid #e8e8e8;border-radius:4px;overflow:hidden}.canvas-suggestor-history-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;background:#fafafa;border:none;padding:9px 12px;font-size:11.5px;font-weight:600;letter-spacing:.3px;color:#555;cursor:pointer}.canvas-suggestor-history-chevron{color:#aaa;font-size:10px}.canvas-suggestor-history{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:5px;padding:8px;border-top:1px solid #eee}.canvas-suggestor-history-empty{font-size:12px;color:#999;padding:4px 2px}.canvas-suggestor-history-item{display:flex;align-items:center;gap:6px}.canvas-suggestor-history-fill{flex:1;min-width:0;text-align:left;background:#f7f7f7;border:1px solid #eee;border-radius:6px;padding:6px 8px;font-size:12px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-suggestor-history-del{border:none;background:none;font-size:15px;color:#999;cursor:pointer;flex-shrink:0;padding:0 4px}.manage-post-content{display:flex;flex-direction:column;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);padding-bottom:max(32px,env(safe-area-inset-bottom))}.instructions-section{margin-bottom:24px;padding:16px;background-color:#f8f9fa;border-radius:0;border-left:4px solid var(--accent-dark)}.instruction-text{font-size:15px;color:#555;margin:8px 0;line-height:1.5}.instruction-text strong{color:var(--dark);font-weight:600}.tags-section{flex:1;margin-bottom:24px}.tags-header{font-family:var(--font-title);font-size:18px;font-weight:600;margin-bottom:12px;color:var(--dark)}.tags-textarea{width:100%;padding:12px;border:1px solid var(--grey);border-radius:0;font-size:16px;font-family:inherit;resize:vertical;min-height:120px;max-height:300px;line-height:1.5;overflow-y:auto}.tags-textarea::placeholder{color:#999}.tags-textarea:focus{outline:none;border-color:var(--primary, #007bff)}.manage-post-buttons{display:flex;gap:12px;padding-top:16px;flex-shrink:0}.manage-post-buttons .nav-btn{flex:1;padding:16px;border-radius:0;font-size:16px;font-weight:600;border:none;cursor:pointer}.manage-post-buttons .nav-btn.back{border:2px solid var(--accent-dark);background:var(--white);color:var(--accent-dark)}.manage-post-buttons .nav-btn.continue{background:var(--accent-dark);color:var(--white)}.manage-post-buttons .nav-btn:disabled{opacity:.6;cursor:not-allowed}.manage-post-buttons .nav-btn:active:not(:disabled){opacity:.9;transform:scale(.98)}.post-actions-list{display:flex;flex-direction:column;gap:12px;padding-top:16px}.delete-post-btn{width:100%;padding:16px;border-radius:0;font-size:16px;font-weight:600;border:none;cursor:pointer;background:var(--accent-dark);color:var(--white)}.delete-post-btn:active:not(:disabled){opacity:.9;transform:scale(.98)}.delete-post-btn:disabled{opacity:.6;cursor:not-allowed}.notes-ai-textarea{width:100%;padding:12px;border:1px solid var(--grey);border-radius:0;font-size:15px;font-family:var(--font-text);resize:vertical;min-height:140px;box-sizing:border-box}.notes-ai-textarea:focus{outline:none;border:2px solid var(--accent-dark)}.notes-ai-textarea:disabled{background:var(--offwhite);color:#888}.notes-ai-counter{font-size:12px;color:#888;text-align:right;margin-top:6px;margin-bottom:12px}.notes-ai-error{font-size:13px;color:#d64545;margin-bottom:12px}.saved-item-page.fullscreen-page{min-height:100dvh;max-height:100dvh;display:flex;flex-direction:column}.saved-item-page .saved-item-content{flex:1 1 auto;min-height:0;overflow-y:auto}.saved-item-content{padding:0;display:flex;flex-direction:column}.saved-item-header{justify-content:flex-start}.saved-item-body{padding:16px;display:flex;flex-direction:column}.saved-item-body .ids>.saved-item-secondary-btn,.saved-item-body .ids>.saved-item-runway-card,.saved-item-body .ids>.saved-item-runway-fallback{margin-top:14px}.saved-item-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;padding:10px 18px;border:1px solid var(--accent-dark, #3B50A9);border-radius:10px;background:#fff;color:var(--accent-dark, #3B50A9);font-size:13px;font-weight:700;cursor:pointer}.saved-item-secondary-btn:active{opacity:.85}.saved-item-runway-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid #eee;border-radius:12px;background:#fafafa;cursor:pointer;text-align:left}.saved-item-runway-card:active{background:#f0f0f0}.saved-item-runway-card img{width:48px;aspect-ratio:9 / 16;object-fit:cover;border-radius:8px;flex-shrink:0}.saved-item-runway-card-label{flex:1;font-size:14px;font-weight:600;color:var(--dark)}.saved-item-runway-card-chevron{color:#bbb;font-size:13px;flex-shrink:0}.saved-item-runway-fallback{font-size:13px;color:#999;font-style:italic;margin:0}.item-view-content{padding:0;display:flex;flex-direction:column}.item-category-caption{padding-top:10px;font-size:13px;font-weight:500;color:#888}.item-view-content>*:not(.item-image-container){padding-left:16px;padding-right:16px}.item-image-container{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.item-image{width:100%;height:100%;object-fit:contain;border-radius:0;box-shadow:none}.item-description-section{margin-bottom:20px}.description-header{font-family:var(--font-title);font-size:18px;font-weight:600;margin-bottom:8px;color:var(--dark)}.description-hint{font-size:14px;color:#666;margin-bottom:12px;font-style:italic}.description-textarea{width:100%;padding:12px;border:1px solid var(--grey);border-radius:0;font-size:15px;font-family:var(--font-text);resize:vertical;min-height:120px;box-sizing:border-box}.description-textarea:focus{outline:none;border:2px solid var(--accent-dark)}.item-update-button-container{display:flex;justify-content:center;margin-top:20px}.update-btn{background:var(--accent-dark);color:var(--white);border:none;padding:12px 40px;border-radius:0;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.update-btn:hover:not(:disabled){opacity:.9}.update-btn:disabled{background-color:var(--grey);cursor:not-allowed}.item-description-display{margin-top:20px;padding-bottom:20px}.description-text{font-size:15px;line-height:1.6;color:var(--dark);white-space:pre-wrap;word-wrap:break-word}.description-text.description-empty{color:#999;font-style:italic}.item-link{color:var(--accent-dark);text-decoration:underline;word-break:break-all}.item-link:hover{opacity:.8}.action-bar-spacer{height:80px}.item-inline-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:8px}.item-primary-tryon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border:none;border-radius:12px;background:var(--accent-dark, #3B50A9);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.item-primary-tryon-btn:active{opacity:.9}.item-secondary-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:1px solid var(--accent-dark, #3B50A9);border-radius:12px;background:#fff;color:var(--accent-dark, #3B50A9);font-size:13px;font-weight:700;cursor:pointer}.item-secondary-action-btn:active{opacity:.85}.item-secondary-action-btn:disabled{opacity:.5;cursor:not-allowed}.item-action-bar{position:fixed;bottom:0;left:0;right:0;height:5vh;height:5dvh;min-height:48px;background:var(--white);display:flex;border-top:1px solid #eee;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.item-action-bar .action-bar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;font-family:var(--font-text);font-size:13px;font-weight:400;cursor:pointer;transition:background .15s}.item-action-bar .action-bar-btn:active{background:#0000000d}.item-action-bar .action-bar-btn .edit-icon{color:var(--accent-dark);font-size:18px}.item-action-bar .action-bar-btn span{color:var(--dark)}.item-action-bar .action-bar-btn:not(:last-child){border-right:1px solid #eee}.item-action-bar .delete-item-btn .delete-icon{color:#999;font-size:16px}.item-action-bar .delete-item-btn:disabled{opacity:.5;cursor:not-allowed}.item-source-outfits{padding:16px 20px 0}.item-source-outfits-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.item-source-outfits-header .description-header{margin-bottom:0}.source-outfit-row{display:flex;gap:8px;overflow-x:auto;padding:8px 0 4px;-webkit-overflow-scrolling:touch}.source-outfit-thumb{flex:0 0 auto;width:96px;aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;border:none;padding:0;cursor:pointer;background:#f3f3f3;transition:transform .15s;position:relative}.source-outfit-thumb:active{transform:scale(.96)}.source-outfit-thumb img{width:100%;height:100%;object-fit:cover;display:block}.source-outfit-date{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;font-size:10px;font-weight:600;color:#fff;background:linear-gradient(to top,#0000008c,#0000);text-align:left;pointer-events:none}.item-owner-tools{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px 0;align-items:center}.owner-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px}.owner-tool-btn:hover{background:#f7f7f7}.owner-tool-btn:disabled{opacity:.5;cursor:not-allowed}.category-class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.category-class-btn{padding:10px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:13px}.category-class-btn.selected{border-color:#000;background:#f7f7f7;font-weight:600}.category-class-btn:disabled{opacity:.5;cursor:not-allowed}.settings-list{background:var(--white);border-radius:0;overflow:hidden;margin-top:8px}.settings-item{padding:16px 20px;background:var(--white);border-bottom:1px solid var(--offwhite);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .15s}.settings-item:last-child{border-bottom:none}.settings-item:active{background:#0000000d}.settings-item span{font-size:16px;color:var(--dark)}.settings-item.logout span{color:var(--accent-dark);font-weight:600}.settings-chevron{font-size:14px;color:#c7c7cc}.settings-select-row{cursor:default}.settings-select{font-size:15px;color:var(--dark);background:var(--white);border:1.5px solid var(--grey);border-radius:0;padding:8px 28px 8px 12px;cursor:pointer;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%23888' stroke-width='1.5' fill='none'/></svg>");background-repeat:no-repeat;background-position:right 10px center}.settings-select:focus{outline:none;border-color:var(--accent-dark)}.settings-version-row{cursor:default}.settings-version{font-size:14px;color:#888}.change-username-content{display:flex;flex-direction:column;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);padding-bottom:max(32px,env(safe-area-inset-bottom))}.username-input-section{flex:1;padding:24px 0}.username-label{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:8px;display:block}.username-input{width:100%;padding:12px 16px;border:1px solid var(--grey);border-radius:0;font-size:16px;box-sizing:border-box}.username-input:focus{outline:none;border:2px solid var(--accent-dark)}.error-message{color:var(--accent-dark);font-size:14px;margin-top:8px}.change-username-buttons{display:flex;gap:12px;padding-top:16px;flex-shrink:0}.change-username-buttons .nav-btn{flex:1;padding:16px;border-radius:0;font-size:16px;font-weight:600;border:none;cursor:pointer}.change-username-buttons .nav-btn.back{border:2px solid var(--accent-dark);background:var(--white);color:var(--accent-dark)}.change-username-buttons .nav-btn.continue{background:var(--accent-dark);color:var(--white)}.change-username-buttons .nav-btn:disabled{opacity:.6;cursor:not-allowed}.change-username-buttons .nav-btn:active:not(:disabled){opacity:.9;transform:scale(.98)}.view-email-content{display:flex;flex-direction:column;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);padding-bottom:max(32px,env(safe-area-inset-bottom))}.email-display{flex:1;padding:24px 0}.email-text{font-size:16px;color:var(--dark);text-align:center;padding:16px;background:var(--offwhite);border-radius:0}.view-email-buttons{display:flex;gap:12px;padding-top:16px;flex-shrink:0}.view-email-buttons .nav-btn{padding:16px;border-radius:0;font-size:16px;font-weight:600;border:none;cursor:pointer}.view-email-buttons .nav-btn.full-width{width:100%}.view-email-buttons .nav-btn.back{background:#e8e8e8;color:#333}.view-email-buttons .nav-btn:active:not(:disabled){opacity:.9;transform:scale(.98)}.change-gender-content{display:flex;flex-direction:column;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);padding-bottom:max(32px,env(safe-area-inset-bottom))}.change-gender-description{padding:16px 0 24px}.change-gender-description p{font-size:16px;color:#666;text-align:center}.gender-selection{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.gender-option-setting{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--dark)}.gender-option-setting input[type=radio]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.gender-option-setting span{font-size:15px}.message{text-align:center;padding:12px;border-radius:0;font-size:14px;margin-bottom:16px}.message.success{background:#e8f5e9;color:#2e7d32}.message.error{background:#ffebee;color:#c62828}.change-gender-buttons{display:flex;gap:12px;padding-top:16px;margin-top:auto;flex-shrink:0}.change-gender-buttons .nav-btn{flex:1;padding:16px;border-radius:0;font-size:16px;font-weight:600;border:none;cursor:pointer}.change-gender-buttons .nav-btn.back{border:2px solid var(--accent-dark);background:var(--white);color:var(--accent-dark)}.change-gender-buttons .nav-btn.save{background:var(--accent-dark);color:var(--white)}.change-gender-buttons .nav-btn:disabled{opacity:.5;cursor:not-allowed}.change-gender-buttons .nav-btn:active:not(:disabled){opacity:.9;transform:scale(.98)}.body-content{padding-top:8px}.body-intro{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--dark)}.body-note{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--grey)}.form-section:last-of-type{border-bottom:none;margin-bottom:16px;padding-bottom:0}.form-section-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--dark)}.form-row{margin-bottom:12px}.form-row.double{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-label{display:block;font-size:14px;color:#666;margin-bottom:6px}.form-select{width:100%;padding:12px;border:1px solid var(--grey);border-radius:0;font-size:15px;font-family:var(--font-text);background:var(--white);color:var(--dark);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-select:focus{outline:none;border:2px solid var(--accent-dark)}.body-error{color:#e74c3c;font-size:14px;margin-bottom:12px}.submit-button-container{display:flex;justify-content:center;margin-top:20px;padding-bottom:20px}.submit-btn{background:var(--accent-dark);color:var(--white);border:none;padding:12px 40px;border-radius:0;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{background-color:var(--grey);cursor:not-allowed}.body-success{text-align:center;padding:40px 20px}.body-success h2{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--dark)}.body-success p{font-size:16px;color:#666;margin-bottom:24px}.mobile-only-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}.mobile-only-modal{background:var(--white);border-radius:0;padding:40px 32px;max-width:400px;width:100%;box-shadow:0 20px 60px #0006;text-align:center}.mobile-only-text{font-size:16px;line-height:1.6;color:var(--dark);margin:0}.orientation-modal-content{text-align:center;padding:8px 0}.rotation-icon{margin-bottom:16px;color:var(--primary, #007AFF);display:flex;justify-content:center;animation:rotate-hint 2s ease-in-out infinite}@keyframes rotate-hint{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.orientation-title{font-family:var(--font-title);font-size:18px;font-weight:700;margin-bottom:12px;color:var(--dark)}.orientation-text{font-size:14px;line-height:1.6;color:#555;margin:0}