*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#19161e;--bg-page:#19161e;--bg-sidebar:#292031;--bg-card:#111;--bg-card-soft:#292031;--text-main:#f3e8ff;--text-muted:#bcb0c7;--text-soft:#e3c8fc;--border-soft:#ffffff14;--purple-main:#c084fc;--purple-dark:#8b5cf6;--cyan-secondary:#83fcf0}[data-theme=light]{--bg-main:#e5d5f8;--bg-page:#e5d5f8;--bg-sidebar:#cba7ef;--bg-card:#fff;--bg-card-soft:#fff;--text-main:#1d1922;--text-muted:#3f4242;--text-soft:#6b7280;--border-soft:#1f1f1f1f;--purple-main:#8b5cf6;--purple-dark:#6d28d9;--cyan-secondary:#83fcf0}body{background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.tiktok-actions span,.closet-home-label,.matches-home-label,.add-home-label{white-space:nowrap;opacity:0;pointer-events:none;z-index:30;background:#111;border:1px solid #c084fc59;border-radius:10px;padding:6px 10px;font-size:.75rem;font-weight:700;transition:all .2s;box-shadow:0 8px 20px #00000047;color:#fff!important}.tiktok-actions span{text-align:center;margin-top:-6px;display:block;position:static;transform:translateY(-4px)}.closet-home-label,.matches-home-label,.add-home-label{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#111;border:1px solid #c084fc40;border-radius:8px;padding:5px 8px 0;font-size:.72rem;transition:all .18s;position:absolute;top:50%;left:72px;transform:translateY(-50%)scale(.95);box-shadow:0 6px 4px #00000038}.tiktok-actions button:hover+span{opacity:1;transform:translateY(0)}@media (width<=900px){.tiktok-actions span,.closet-home-label,.matches-home-label,.add-home-label{display:none}}.closet-home-label,.matches-home-label,.add-home-label{opacity:0;white-space:nowrap;pointer-events:none;z-index:50;border:1px solid #c084fc59;box-shadow:0 6px 14px #00000040;color:#fff!important;background:#111!important;border-radius:8px!important;width:auto!important;height:auto!important;min-height:0!important;padding:4px 8px!important;font-size:.72rem!important;font-weight:700!important;line-height:1!important;transition:all .18s!important;position:absolute!important;top:50%!important;bottom:auto!important;left:74px!important;transform:translateY(-50%)translate(-6px)!important}.closet-home-btn:hover .closet-home-label,.matches-home-btn:hover .matches-home-label,.add-home-btn:hover .add-home-label{opacity:1;transform:translateY(-50%)translate(0)!important}.footer{text-align:center;background:#080808;border-top:1px solid #a855f73d;padding:21px 20px 28px}.footer-container{max-width:1000px;margin:0 auto}.footer-logo{color:#c084fc;letter-spacing:1px;margin-bottom:14px;font-size:2rem}.footer-text{color:#d4d4d4;margin-bottom:18px;font-size:.95rem;line-height:1.6}.footer-copy{color:#7a7a7a;font-size:.85rem}@media (width<=768px){.footer{padding:34px 16px 24px}}.tiktok-layout{background:var(--bg-main);min-height:100vh;color:var(--text-main);grid-template-columns:180px 1fr;display:grid}.tiktok-logo{object-fit:contain;width:50px;height:auto;margin:0 auto 10px;display:block}.tiktok-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);z-index:1000;flex-direction:column;height:100vh;padding:28px 22px;display:flex;position:relative;overflow-y:auto}.feed-search-box{width:100%;margin-top:6px;margin-bottom:12px}.feed-search-box input{border:1px solid var(--border-soft);background:var(--bg-card);width:100%;color:var(--text-main);border-radius:14px;outline:none;padding:11px 12px;font-size:.85rem}.feed-search-box input::placeholder{color:var(--text-soft)}.feed-search-box input:focus{border-color:var(--purple-main);box-shadow:0 0 0 2px #c084fc1f}.feed-clear-search{width:100%;color:var(--text-main);cursor:pointer;background:#c084fc29;border:none;border-radius:12px;margin-top:8px;padding:8px 10px;font-size:.78rem;font-weight:700;transition:all .2s}.feed-clear-search:hover{background:#c084fc47}.tiktok-actions,.sidebar-actions{flex-direction:column;align-items:center;display:flex}.tiktok-actions{color:var(--text-main);gap:6px}.sidebar-actions{flex-direction:column;align-items:center;width:100%;margin-top:14px;margin-bottom:14px;display:flex}.tiktok-feed{scroll-snap-type:y mandatory;scrollbar-width:none;background:var(--bg-page);height:100vh;overflow-y:scroll}.tiktok-feed::-webkit-scrollbar{display:none}.tiktok-card{scroll-snap-align:start;background:var(--bg-page);grid-template-columns:minmax(280px,390px) minmax(340px,540px);justify-content:center;align-items:center;gap:28px;min-height:100vh;padding:32px 36px;display:grid;position:relative}.tiktok-mobile-header{display:none}.tiktok-info-card{background:linear-gradient(135deg, var(--bg-card), var(--bg-card-soft));border:1px solid var(--border-soft);border-radius:22px;flex-direction:column;justify-content:flex-start;width:100%;height:min(82vh,760px);padding:26px;display:flex;box-shadow:0 22px 60px #00000040}.tiktok-info-card h2{color:var(--text-main);margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05}.tiktok-info-card p{color:var(--text-muted);white-space:pre-wrap;max-height:52%;margin:0;padding-right:4px;font-size:1rem;line-height:1.45;overflow-y:auto}.tiktok-tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px;display:flex}.tiktok-tags span{color:var(--text-main);background:#c084fc38;border:1px solid #c084fc57;border-radius:999px;padding:7px 11px;font-size:.8rem}.tiktok-media-frame{background:var(--bg-card);border-radius:18px;width:min(540px,100%);height:min(82vh,760px);position:relative;overflow:visible;box-shadow:0 24px 70px #00000059}.tiktok-media{object-fit:cover;background:var(--bg-card);width:100%;height:100%;animation:.8s both mediaZoom;display:block}.tiktok-no-media{width:100%;height:100%;color:var(--text-main);background:var(--bg-card);place-items:center;display:grid}.media-arrow{z-index:5;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000007a;border:none;border-radius:50%;width:42px;height:42px;font-size:2rem;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.media-arrow:hover{background:#c084fcc7}.media-arrow-left{left:12px}.media-arrow-right{right:12px}.media-dots{z-index:6;gap:6px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.media-dots span{background:#ffffff6b;border-radius:999px;width:7px;height:7px}.media-dots span.active{background:var(--purple-main);transform:scale(1.3)}.tiktok-action-btn{width:62px;height:62px;color:var(--text-main);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #c084fc59;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .22s;display:flex;position:relative;box-shadow:0 10px 24px #0000002e}body.light .tiktok-action-btn,.light .tiktok-action-btn,[data-theme=light] .tiktok-action-btn{background:#fff;border-color:#111}body.dark .tiktok-action-btn,.dark .tiktok-action-btn,[data-theme=dark] .tiktok-action-btn{background:#111;border-color:#c084fc}.tiktok-action-btn:hover{border-color:#c084fc;transform:scale(1.09);box-shadow:0 0 0 4px #c084fc1f,0 12px 28px #c084fc47}.tiktok-action-btn:active{transform:scale(.96)}.tiktok-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.tiktok-action-btn.liked{border-color:#c084fc;animation:.35s likePulse}.action-icon-img{object-fit:contain;filter:drop-shadow(0 0 4px #c084fc80);width:28px;height:28px;transition:all .22s;display:block}.tiktok-action-btn:hover .action-icon-img{transform:scale(1.12)}.tiktok-action-btn.liked .action-icon-img{filter:drop-shadow(0 0 9px #c084fcf2)}.sidebar-actions .tiktok-action-btn,.sidebar-actions .notification-container{flex-shrink:0;width:54px;height:54px}.sidebar-actions .notification-container{justify-content:center;align-items:center;display:flex;margin:0 0 10px!important;padding:0!important}.sidebar-actions .notification-container .tiktok-action-btn,.sidebar-actions .notification-container button{margin:0!important}.settings-menu-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.settings-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;background:#0f0f0ff5;border:1px solid #c084fc40;border-radius:16px;flex-direction:column;gap:6px;width:145px;padding:8px;animation:.2s fadeSettings;display:flex;position:fixed;bottom:42px;left:95px;box-shadow:0 18px 45px #0006}body.light .settings-dropdown,.light .settings-dropdown,[data-theme=light] .settings-dropdown{background:#fffffffa}.settings-dropdown-item{width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.settings-dropdown-item:hover{background:#c084fc1f}.settings-dropdown-item img{object-fit:contain;width:20px;height:20px}.settings-dropdown-item.danger:hover{background:#ff50501f}.match-toast{z-index:100;background:var(--bg-card);width:min(360px,100vw - 32px);color:var(--text-main);border:1px solid #c084fc59;border-radius:18px;padding:16px 18px;position:fixed;top:28px;right:28px;box-shadow:0 18px 44px #00000059}.match-toast strong{color:var(--purple-main);margin-bottom:6px;display:block}.match-toast p{color:var(--text-muted);margin:0;line-height:1.4}.tiktok-empty{text-align:center;min-height:100vh;color:var(--text-main);background:var(--bg-page);place-content:center;padding:32px;display:grid}.tiktok-empty h2{color:var(--purple-main);margin:0 0 10px;font-size:2rem}.tiktok-empty p{color:var(--text-muted);margin:0}.tiktok-like-pop{z-index:8;pointer-events:none;place-items:center;font-size:5rem;animation:.8s both likePop;display:grid;position:absolute;inset:0}.media-floating-actions{z-index:12;flex-direction:column;gap:10px;display:flex;position:absolute;bottom:52px;right:14px}.media-action-btn{color:#111;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #c084fc73;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .22s;display:flex;box-shadow:0 10px 26px #00000059}.media-action-btn:hover{background:#f5f5f5;border-color:#c084fc;transform:scale(1.08)}.media-action-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.media-action-btn.liked{animation:.35s likePulse}.media-action-icon{object-fit:contain;filter:drop-shadow(0 0 5px #c084fca6);width:28px;height:28px;display:block}.like-count-badge{z-index:15;color:#fff;text-align:center;pointer-events:none;background:#ff2d2d;border-radius:999px;min-width:22px;height:22px;padding:0 6px;font-size:.72rem;font-weight:800;line-height:22px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 10px #ff2d2dcc}.tiktok-action-btn{color:#fff}body.dark .tiktok-action-btn,.dark .tiktok-action-btn,[data-theme=dark] .tiktok-action-btn{color:#111}.tiktok-actions span{color:#fff!important}.tiktok-info-card,.tiktok-info-card h2,.tiktok-info-card p,.tiktok-tags span,.tiktok-empty,.tiktok-empty p,.match-toast,.match-toast p{color:var(--text-main)}.tiktok-info-card p,.tiktok-empty p,.match-toast p{color:var(--text-muted)}@keyframes likePulse{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes likePop{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.12)}to{opacity:0;transform:scale(1.45)}}@keyframes mediaZoom{0%{opacity:.88;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes fadeSettings{0%{opacity:0;transform:translate(-8px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@media (width<=900px){.tiktok-layout{display:block}.tiktok-sidebar{display:none}.tiktok-mobile-header{z-index:9999;background:var(--bg-page);width:100%;padding:12px 12px 10px;display:block;position:sticky;top:0}.tiktok-mobile-header-top{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.tiktok-mobile-logo{width:50px;height:auto;display:block}.mobile-actions{flex-direction:row;align-items:center;gap:8px;display:flex}.mobile-actions .tiktok-action-btn{width:44px;height:44px}.mobile-actions .action-icon-img{width:22px;height:22px}.mobile-actions .notification-container{margin:0!important}.mobile-search{margin-bottom:0}.tiktok-feed{scroll-snap-type:none;height:auto;min-height:100vh;overflow-y:visible}.tiktok-card{scroll-snap-align:none;flex-direction:column;justify-content:flex-start;gap:18px;min-height:100vh;padding:16px;display:flex}.tiktok-info-card{order:2;width:100%;height:auto;min-height:220px;padding:18px}.tiktok-media-frame{order:1;width:100%;height:62vh}.tiktok-info-card h2{font-size:1.8rem}.tiktok-info-card p{max-height:none}.media-floating-actions{bottom:46px;right:12px}.media-action-btn{width:46px;height:46px}.media-action-icon{width:25px;height:25px}.settings-dropdown{width:145px;position:absolute;inset:50% 58px auto auto;transform:translateY(-50%)}.match-toast{top:16px;right:16px}}.tiktok-owner-card{cursor:pointer;color:var(--text-main);align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;display:flex}.tiktok-owner-card strong{color:var(--purple-main);font-weight:700}.tiktok-owner-card:hover{text-decoration:underline}.tiktok-info-card p{scrollbar-width:thin;scrollbar-color:#c085fd transparent;max-height:52%;padding-right:4px;overflow-y:auto}.tiktok-info-card p::-webkit-scrollbar{width:8px}.tiktok-info-card p::-webkit-scrollbar-track{background:0 0;border-radius:6px}.tiktok-info-card p::-webkit-scrollbar-thumb{background-color:#c085fd;border:2px solid #0000;border-radius:6px}.tiktok-info-card p::-webkit-scrollbar-thumb:hover{background-color:#a763f5}.notification-container{z-index:10000;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:28px;display:flex;position:relative}.notification-btn{justify-content:center;align-items:center;width:54px;height:54px;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.notification-icon{pointer-events:none;font-size:1.35rem;line-height:1;opacity:1!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;transform:none!important}.notification-count{z-index:10002;color:#fff;text-align:center;pointer-events:none;background:#ff2d2d;border-radius:999px;min-width:22px;height:22px;padding:0 6px;font-size:.72rem;font-weight:800;line-height:22px;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 10px #ff2d2dcc}.notification-btn.has-notifications{border-color:#ff3b3b;box-shadow:0 0 14px #ff3b3ba6}.notification-btn.has-notifications:after{content:"";pointer-events:none;border:2px solid #ff3b3b73;border-radius:50%;animation:1.4s infinite notificationPulse;position:absolute;inset:-6px}.notification-dropdown{z-index:999999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f0ffa;border:1px solid #c084fc40;border-radius:18px;width:320px;max-height:420px;padding:16px;position:absolute;top:0;left:72px;overflow-y:auto;box-shadow:0 10px 35px #00000073}.notification-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.notification-dropdown h3{color:#fff;margin:0;font-size:1rem}.notification-actions{gap:6px;display:flex}.notification-actions button{color:#fff;cursor:pointer;background:#c084fc1f;border:1px solid #c084fc59;border-radius:8px;padding:6px 8px;font-size:.7rem}.notification-actions button:hover{background:#c084fc47}.notification-empty{color:#999;margin:0}.notification-card{cursor:pointer;background:#1b1b1b;border-radius:11px;margin-bottom:8px;padding:10px;transition:all .2s}.notification-card:hover{background:#252525}.notification-card.unread{border-left:4px solid #c084fc}.notification-card.read{opacity:.7}.notification-card p{color:#fff;margin:0 0 6px;font-size:.82rem;line-height:1.25}.notification-card small{color:#999;font-size:.68rem}@keyframes notificationPulse{0%{opacity:.9;transform:scale(.95)}to{opacity:0;transform:scale(1.18)}}.notification-container{z-index:999999;width:54px;height:54px;position:relative;overflow:visible!important}.notification-btn{position:relative;overflow:visible!important}.notification-count{color:#fff;background:#ff2d2d;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.72rem;font-weight:800;box-shadow:0 0 10px #ff2d2dcc;z-index:1000000!important;display:flex!important;position:absolute!important;inset:auto -8px -6px auto!important}.notification-dropdown{background:#111;border:1px solid #c084fc59;border-radius:18px;width:340px;max-height:430px;padding:16px;overflow-y:auto;box-shadow:0 20px 55px #0000008c;z-index:999999!important;position:fixed!important;top:170px!important;left:115px!important}.tiktok-layout,.tiktok-sidebar,.tiktok-actions,.sidebar-actions{overflow:visible!important}.sidebar-actions .notification-count,.mobile-actions .notification-count{display:flex!important}.notification-btn.has-notifications .notification-count{visibility:visible!important;opacity:1!important;display:flex!important}.notification-count{z-index:1000001!important;color:#fff!important;pointer-events:none!important;background:#ff2d2d!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;min-width:24px!important;height:24px!important;padding:0 6px!important;font-size:.75rem!important;font-weight:900!important;line-height:1!important;display:flex!important;position:absolute!important;inset:40px -10px auto auto!important;box-shadow:0 0 12px #ff2d2df2!important}.notification-btn,.notification-container{overflow:visible!important}@media (width<=900px){.mobile-actions .notification-container{justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;display:flex!important}.mobile-actions .notification-btn{width:44px!important;height:44px!important;margin:0!important;padding:0!important}.mobile-actions .notification-count{top:40px!important;right:-8px!important}}.closet-layout{background:var(--bg-main);min-height:100vh;color:var(--text-main);grid-template-columns:180px 1fr;display:grid}.closet-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);flex-direction:column;align-items:center;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.closet-logo{object-fit:contain;width:50px;height:auto;margin-bottom:72px;display:block}.closet-actions-menu{flex-direction:column;align-items:center;gap:8px;display:flex}.closet-home-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;padding:0;transition:all .2s;display:flex;position:relative}.closet-home-btn:hover{border-color:#c084fc;transform:scale(1.08)}.closet-home-icon{object-fit:contain;filter:drop-shadow(0 0 4px #c084fc73);width:28px;height:28px;transition:all .2s;display:block}.closet-home-btn:hover .closet-home-icon{transform:scale(1.1)}.closet-home-label{color:var(--text-main)}.closet-user-card{background:#111;border:1px solid #c084fc2e;border-radius:14px;flex-direction:column;gap:4px;width:100%;margin-top:auto;padding:14px;display:flex}.closet-user-card span{color:#aaa;font-size:.8rem}.closet-user-card strong{word-break:break-word;font-size:.9rem}.closet-container{background:radial-gradient(circle at top center, #c084fc14, transparent 32%), var(--bg-page);min-height:100vh;padding:44px 48px}.closet-header{justify-content:space-between;align-items:flex-end;gap:20px;max-width:1180px;margin:0 auto 32px;display:flex}.closet-header h1{color:#c084fc;margin:0 0 10px;font-size:2.6rem}.closet-header p{color:var(--text-muted);margin:0;font-size:1rem}.closet-add-btn{color:#111;cursor:pointer;background:#c084fc;border:none;border-radius:14px;padding:13px 18px;font-weight:800;transition:all .2s}.closet-add-btn:hover{background:#a855f7;transform:translateY(-2px)}.closet-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px;max-width:1180px;margin:0 auto;display:grid}.closet-card{background:linear-gradient(180deg, var(--bg-card-soft) 0%, var(--bg-card) 100%);border:1px solid #c084fc2e;border-radius:24px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 18px 42px #00000061}.closet-card:hover{border-color:#c084fc6b;transform:translateY(-4px)}.closet-image-wrapper{aspect-ratio:4/5;background:var(--bg-card);width:100%;overflow:hidden}.closet-info{flex-direction:column;flex:1;padding:18px;display:flex}.closet-info h2{color:var(--text-main);margin:0 0 8px;font-size:1.35rem}.closet-info p{color:var(--text-muted);margin:0 0 14px;line-height:1.4}.closet-meta{flex-wrap:wrap;gap:8px;display:flex}.closet-meta span{color:var(--text-main);background:#c084fc2e;border:1px solid #c084fc42;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:700}.closet-actions{justify-content:flex-end;gap:10px;margin-top:auto;padding-top:18px;display:flex}.closet-edit-btn,.closet-delete-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.closet-edit-btn img,.closet-delete-btn img{object-fit:contain;width:18px;height:18px}.closet-edit-btn,.closet-delete-btn{background:#fff}.closet-edit-btn:hover,.closet-delete-btn:hover{background:#fff;transform:scale(1.08)}.closet-delete-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.closet-empty,.closet-loading{text-align:center;min-height:60vh;color:var(--text-muted);place-content:center;padding:24px;display:grid}.closet-empty h2{color:#c084fc;margin:0 0 10px;font-size:2rem}.closet-empty p{margin:0 0 18px}.closet-empty button{color:#111;cursor:pointer;background:#c084fc;border:none;border-radius:14px;justify-self:center;padding:13px 18px;font-weight:800}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2000;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(180deg, var(--bg-card-soft) 0%, var(--bg-card) 100%);width:100%;max-width:520px;color:var(--text-main);border:1px solid #c084fc33;border-radius:22px;padding:22px;box-shadow:0 20px 40px #00000073}.modal-content-large{max-width:760px;max-height:90vh;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h2{color:#c084fc;margin:0;font-size:1.6rem}.modal-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;font-size:28px}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-form input,.modal-form textarea{background:var(--bg-card);width:100%;color:var(--text-main);box-sizing:border-box;border:1px solid #c084fc29;border-radius:12px;outline:none;padding:14px 16px}.modal-form input:focus,.modal-form textarea:focus{border-color:#c084fc;box-shadow:0 0 0 2px #c084fc1f}.modal-form textarea{resize:vertical;min-height:100px}.modal-media-section{background:var(--bg-card);border:1px solid #c084fc29;border-radius:16px;padding:16px}.modal-media-header h3{color:var(--text-main);margin:0 0 6px;font-size:1.1rem}.modal-media-header p{color:var(--text-muted);margin:0 0 14px;font-size:.9rem}.modal-upload-actions{flex-wrap:wrap;gap:10px;display:flex}.modal-upload-btn{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;min-height:52px;transition:all .2s;display:flex}.modal-upload-btn input{display:none}.modal-upload-icon{object-fit:contain;width:58px;height:58px}.modal-upload-btn:hover{transform:scale(1.05)}.modal-upload-helper{color:var(--text-muted);gap:12px;margin-top:12px;font-size:.82rem;display:flex}.modal-upload-status{color:#c084fc;margin:12px 0 0;font-size:.9rem}.modal-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:14px;display:grid}.modal-preview-item{background:var(--bg-card);aspect-ratio:1;border:1px solid #c084fc29;border-radius:14px;position:relative;overflow:hidden}.modal-preview-item img,.modal-preview-video{object-fit:cover;width:100%;height:100%;display:block}.modal-remove-media-btn{z-index:2;color:#fff;cursor:pointer;background:#000000b8;border:none;border-radius:50%;width:26px;height:26px;font-size:18px;position:absolute;top:6px;right:6px}.modal-media-type-label{color:#fff;background:#000000b8;border-radius:999px;padding:4px 7px;font-size:.72rem;position:absolute;bottom:6px;left:6px}.modal-empty-media{background:var(--bg-card);color:var(--text-muted);text-align:center;border-radius:12px;margin-top:14px;padding:16px;font-size:.9rem}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.modal-cancel-btn,.modal-save-btn{cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex}.modal-cancel-btn:hover,.modal-save-btn:hover{background:#fff;transform:scale(1.08)}.modal-save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-action-icon{object-fit:contain;width:24px;height:24px}.modal-saving-text{color:#111;font-size:18px;font-weight:700}body.light .closet-home-btn,.light .closet-home-btn,[data-theme=light] .closet-home-btn{background:#111;border:1px solid #c084fc8c;box-shadow:0 8px 22px #0000002e}body.dark .closet-home-btn,.dark .closet-home-btn,[data-theme=dark] .closet-home-btn{background:#fff;border:1px solid #c084fc73;box-shadow:0 8px 22px #ffffff14}@media (width<=900px){.closet-layout{display:block}.closet-sidebar{border-right:none;border-bottom:1px solid var(--border-soft);flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:20px 16px;position:static}.closet-logo{width:50px;margin-bottom:0}.closet-actions-menu{margin:0}.closet-home-btn{width:48px;height:48px}.closet-home-icon{width:24px;height:24px}.closet-home-label,.closet-user-card{display:none}.closet-container{padding:28px 16px}.closet-header{flex-direction:column;align-items:flex-start}.closet-header h1{font-size:2rem}.closet-add-btn{width:100%}.closet-grid{grid-template-columns:1fr}.closet-actions{justify-content:stretch}.closet-edit-btn,.closet-delete-btn{flex:1}.modal-form-row{grid-template-columns:1fr}}.carousel{background:#111;width:100%;height:100%;position:relative;overflow:hidden}.carousel-image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.carousel-placeholder{color:#c084fc;background:linear-gradient(135deg,#1b1028,#0e0e0e);justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:600;display:flex}.carousel-btn{color:#fff;cursor:pointer;z-index:2;background:#00000073;border:none;border-radius:50%;width:38px;height:38px;font-size:24px;transition:all .2s;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:#c084fcbf}.carousel-btn.prev{left:10px}.carousel-btn.next{right:10px}.carousel-dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.carousel-dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:10px;height:10px;transition:all .2s}.carousel-dot.active{background:#c084fc;transform:scale(1.15)}@media (width<=768px){.carousel-btn{width:34px;height:34px;font-size:22px}}.add-layout{background:var(--bg-main);min-height:100vh;color:var(--text-main);grid-template-columns:180px 1fr;display:grid}.add-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);flex-direction:column;align-items:center;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.add-logo{object-fit:contain;width:50px;height:auto;margin-bottom:72px;display:block}.add-actions-menu{flex-direction:column;align-items:center;gap:8px;display:flex}.add-home-btn{background:var(--bg-card);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #c084fc59;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;padding:0;transition:all .2s;display:flex;position:relative}.add-home-btn:hover{border-color:#c084fc;transform:scale(1.08)}.add-home-icon{object-fit:contain;filter:drop-shadow(0 0 4px #c084fc73);width:28px;height:28px;transition:all .2s;display:block}.add-home-btn:hover .add-home-icon{transform:scale(1.1)}.add-home-label{color:var(--text-main)}.add-page{background:var(--bg-page);min-height:100vh;padding:42px 48px}.add-page-header{max-width:1220px;margin:0 auto 28px}.add-page-header h1{color:#c084fc;margin:16px 0 8px;font-size:clamp(2.2rem,4vw,3.4rem)}.add-page-header p{color:var(--text-muted);margin:0}.add-back-btn{background:var(--bg-card);color:var(--text-main);cursor:pointer;border:1px solid #c084fc42;border-radius:14px;padding:11px 15px;font-weight:800}.add-back-btn:hover{background:#c084fc24}.add-content{grid-template-columns:minmax(360px,1fr) 380px;align-items:stretch;gap:28px;max-width:1220px;margin:0 auto;display:grid}.add-form-card,.add-preview-card{background:linear-gradient(135deg, var(--bg-card), var(--bg-card-soft));border:1px solid var(--border-soft);border-radius:26px;box-shadow:0 20px 48px #00000047}.add-form-card{flex-direction:column;gap:14px;height:100%;padding:26px;display:flex}.form-section-title h2{color:var(--text-main);margin:0 0 6px;font-size:1.35rem}.form-section-title p{color:var(--text-muted);margin:0 0 12px;font-size:.92rem}.add-form-card input,.add-form-card textarea{border:1px solid var(--border-soft);background:var(--bg-card);width:100%;color:var(--text-main);box-sizing:border-box;border-radius:14px;outline:none;padding:14px 16px}.add-form-card input::placeholder,.add-form-card textarea::placeholder{color:var(--text-soft)}.add-form-card input:focus,.add-form-card textarea:focus{border-color:#c084fc;box-shadow:0 0 0 2px #c084fc1f}.add-form-card textarea{resize:vertical;flex:1;min-height:220px;max-height:420px;overflow-y:auto}.upload-panel{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:20px;margin-top:auto;padding:18px}.upload-actions{grid-template-columns:1fr 1fr;align-items:center;gap:12px;display:grid}.upload-icon-btn{cursor:pointer;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto;transition:all .2s;display:flex}.upload-icon-btn:hover{transform:scale(1.08)}.upload-icon-btn input{display:none}.upload-icon{object-fit:contain;width:64px;height:64px}.upload-helper{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.upload-helper span{color:var(--text-main);background:#c084fc29;border:1px solid #c084fc38;border-radius:999px;padding:7px 10px;font-size:.78rem}.upload-status{color:#c084fc;text-align:center;margin:12px 0 0;font-size:.9rem}.add-preview-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.add-preview-item{background:var(--bg-card);border:1px solid #c084fc24;border-radius:16px;position:relative;overflow:hidden}.add-preview-item img,.add-preview-video{object-fit:cover;background:var(--bg-card);width:100%;height:128px;display:block}.remove-media-btn{z-index:2;color:#fff;cursor:pointer;background:#ef4444f2;border:none;border-radius:50%;width:26px;height:26px;font-weight:900;position:absolute;top:7px;right:7px}.media-type-label{color:#fff;background:#000000bf;border-radius:999px;padding:4px 7px;font-size:.68rem;position:absolute;bottom:7px;left:7px}.add-form-actions{justify-content:flex-end;gap:12px;margin-top:6px;display:flex}.cancel-btn,.submit-btn{cursor:pointer;border:none;border-radius:14px;padding:14px 18px;font-weight:900;transition:all .2s}.submit-btn{color:#111;background:#c084fc}.cancel-btn:hover,.submit-btn:hover{transform:translateY(-2px)}.submit-btn:hover{background:#a855f7}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.add-message{text-align:center;margin:8px 0 0;font-weight:700}.add-message.success{color:#22c55e}.add-message.error{color:#ef4444}.add-preview-card{height:fit-content;padding:22px;position:sticky;top:28px}.preview-phone{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:28px;width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.preview-media{aspect-ratio:4/5;background:var(--bg-card);width:100%}.preview-media img,.preview-media video{object-fit:cover;width:100%;height:100%;display:block}.preview-placeholder{text-align:center;color:#c084fc;place-content:center;width:100%;height:100%;display:grid}.preview-placeholder span{font-size:3rem}.preview-info{background:var(--bg-card);padding:18px}.preview-info h2{color:var(--text-main);margin:0 0 8px;font-size:1.45rem}.preview-info p{color:var(--text-muted);white-space:pre-wrap;margin:0;line-height:1.4}.preview-note{background:#c084fc1a;border:1px solid #c084fc2e;border-radius:16px;margin-top:16px;padding:14px}.preview-note strong{color:#000}.preview-note p{color:var(--text-muted);margin:6px 0 0;font-size:.9rem}.preview-icon{object-fit:contain;opacity:.7;width:64px;height:64px}.form-action-icon{object-fit:contain;width:40px;height:40px}.form-loading-text{color:#111;font-size:18px;font-weight:700}.cancel-btn,.submit-btn{background:var(--bg-card);width:54px;height:54px;color:var(--text-main);border:1px solid var(--border-soft);justify-content:center;align-items:center;padding:0;display:flex}.cancel-btn:hover,.submit-btn:hover{border-color:#c084fc;transform:scale(1.08);box-shadow:0 0 12px #c084fc47}@media (width<=1000px){.add-layout{display:block}.add-sidebar{border-right:none;border-bottom:1px solid var(--border-soft);flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:20px 16px;position:static}.add-logo{width:50px;margin-bottom:0}.add-actions-menu{margin:0}.add-home-btn{width:48px;height:48px}.add-home-icon{width:24px;height:24px}.add-home-label,.add-user-card{display:none}.add-page{padding:28px 16px}.add-content{grid-template-columns:1fr;align-items:start}.add-form-card{height:auto}.add-form-card textarea{flex:unset;max-height:none}.add-preview-card{height:auto;position:static}}@media (width<=600px){.upload-actions,.add-preview-grid{grid-template-columns:1fr 1fr}.add-form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.matches-page-layout{background:var(--bg-main);min-height:100vh;color:var(--text-main);grid-template-columns:180px 1fr;display:grid}.matches-page-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);flex-direction:column;align-items:center;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.matches-page-logo{object-fit:contain;width:50px;height:auto;margin-bottom:72px;display:block}.matches-page-actions-menu{flex-direction:column;align-items:center;gap:8px;display:flex}.matches-home-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ab8;border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;padding:0;transition:all .2s;display:flex;position:relative}.matches-home-btn:hover{border-color:#c084fcb3;transform:scale(1.08)}.matches-home-icon{object-fit:contain;width:28px;height:28px;transition:all .2s;display:block}.matches-home-btn:hover .matches-home-icon{transform:scale(1.1)}.matches-home-btn:hover .matches-home-label{opacity:1;transform:translate(-50%)translateY(0)}.matches-container{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at top center, #c084fc14, transparent 32%), var(--bg-page);padding:44px 48px 50px}.matches-header{max-width:1100px;margin:0 auto 30px}.matches-header h1{color:var(--purple-main);margin:0 0 10px;font-size:2.2rem}.matches-header p{color:var(--text-muted);margin:0}.matches-empty,.matches-loading{min-height:60vh;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:1.1rem;display:flex}.matches-layout{grid-template-columns:320px 1fr;gap:24px;max-width:1100px;min-height:70vh;margin:0 auto;display:grid}.matches-sidebar{background:linear-gradient(180deg, var(--bg-card-soft) 0%, var(--bg-card) 100%);border:1px solid #c084fc33;border-radius:24px;flex-direction:column;gap:12px;padding:14px;display:flex}.match-list-item{text-align:left;color:#111;cursor:pointer;background:#fff;border:1px solid #c084fc29;border-radius:16px;flex-direction:column;gap:6px;width:100%;padding:14px;transition:all .2s;display:flex}.match-list-item strong{color:#111;font-weight:700}.match-list-item span{color:#333;font-size:.9rem}.match-list-item.active,.match-list-item:hover{color:#fff;background:#181818;border-color:#c084fca6}.match-list-item.active strong,.match-list-item.active span,.match-list-item:hover strong,.match-list-item:hover span{color:#fff}.chat-panel{background:linear-gradient(180deg, var(--bg-card-soft) 0%, var(--bg-card) 100%);border:1px solid #c084fc33;border-radius:24px;flex-direction:column;min-height:70vh;display:flex;overflow:hidden}.chat-panel-header{border-bottom:1px solid #c084fc29;padding:20px 22px}.chat-panel-header h2{color:var(--purple-main);margin:0 0 4px}.chat-panel-header p{color:var(--text-muted);margin:0}.chat-items-preview{background:#ffffff05;border-bottom:1px solid #c084fc1f;flex-wrap:wrap;gap:16px;padding:18px 20px;display:flex}.chat-item-preview{background:var(--bg-card);border:1px solid #c084fc1f;border-radius:18px;align-items:center;gap:16px;padding:18px 20px;display:flex}.chat-item-media{background:#111;border-radius:16px;flex-shrink:0;width:90px;height:90px;overflow:hidden}.chat-item-media img,.chat-item-video{object-fit:cover;width:100%;height:100%;display:block}.chat-item-placeholder{width:100%;height:100%;color:var(--purple-main);text-align:center;justify-content:center;align-items:center;padding:8px;font-size:.9rem;display:flex}.chat-item-info h3{color:var(--text-main);margin:0 0 6px}.chat-item-info p{color:var(--text-muted);margin:0;font-size:.95rem}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.chat-empty{color:var(--text-muted);text-align:center;margin:auto}.chat-bubble{word-break:break-word;border-radius:18px;max-width:75%;padding:12px 16px;line-height:1.4}.chat-bubble p{margin:0}.chat-bubble.mine{background:var(--purple-main);color:#111;align-self:flex-end}.chat-bubble.theirs{background:var(--bg-card);color:var(--text-main);border:1px solid #c084fc29;align-self:flex-start}.chat-input-area{border-top:1px solid #c084fc29;gap:12px;padding:18px 20px;display:flex}.chat-input-area input{background:var(--bg-card);color:var(--text-main);border:1px solid #c084fc2e;border-radius:12px;outline:none;flex:1;padding:14px 16px}.chat-input-area input::placeholder{color:var(--text-muted)}.chat-input-area button,.chat-send-btn{color:#111;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-weight:700;display:flex}.chat-send-icon{object-fit:contain;width:40px;height:40px}@media (width<=900px){.matches-page-layout{display:block}.matches-page-sidebar{border-right:none;border-bottom:1px solid var(--border-soft);flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:20px 16px;position:static}.matches-page-logo{width:50px;margin-bottom:0}.matches-page-actions-menu{margin:0}.matches-home-btn{width:48px;height:48px}.matches-home-icon{width:24px;height:24px}.matches-home-label{display:none}.matches-container{padding:28px 16px}.matches-layout{grid-template-columns:1fr}.chat-panel,.matches-sidebar{min-height:auto}.chat-bubble{max-width:90%}.chat-item-preview{width:100%}}body.light .matches-home-btn,.light .matches-home-btn,[data-theme=light] .matches-home-btn{background:#111;border:1px solid #c084fc8c;box-shadow:0 8px 22px #0000002e}body.dark .matches-home-btn,.dark .matches-home-btn,[data-theme=dark] .matches-home-btn{background:#fff;border:1px solid #c084fc73;box-shadow:0 8px 22px #ffffff14}.matches-home-icon{filter:drop-shadow(0 0 4px #c084fc73)}.match-delete-btn{cursor:pointer;background:0 0;border:none;align-items:end;padding:4px;display:flex}.match-delete-btn img{object-fit:contain;align-items:start;width:20px;height:20px}.match-list-item,.chat-panel-user-info{justify-content:space-between;align-items:center;display:flex}.chat-panel-user-text h2{color:var(--purple-main);margin:0 0 4px}.chat-panel-user-text p{color:var(--text-muted);margin:0;font-size:.9rem}.chat-panel-delete-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.chat-panel-delete-btn img{object-fit:contain;width:24px;height:24px}.search-closets-layout{background:var(--bg-main,#050505);min-height:100vh;color:var(--text-main,#fff);grid-template-columns:180px 1fr;display:grid}.search-closets-sidebar{background:var(--bg-sidebar,#050505);border-right:1px solid var(--border-soft,#ffffff14);flex-direction:column;align-items:center;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.search-closets-logo{object-fit:contain;width:50px;height:auto;margin-bottom:72px;display:block}.search-closets-menu{flex-direction:column;gap:12px;display:flex}.search-closets-menu button{cursor:pointer;background:#fff;border:1px solid #c084fc59;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;transition:all .2s;display:flex}.search-closets-menu button:hover{border-color:#c084fc;transform:scale(1.08)}.search-closets-menu img{object-fit:contain;width:28px;height:28px}.search-closets-page{background:radial-gradient(circle at top center, #c084fc14, transparent 32%), var(--bg-page,#050505);min-height:100vh;padding:44px 48px}.search-closets-mobile-home{display:none}.search-closets-header{justify-content:space-between;align-items:flex-end;gap:24px;max-width:1280px;margin:0 auto 28px;display:flex}.search-closets-header h1{color:var(--purple-main,#c084fc);margin:0 0 10px;font-size:2.6rem}.search-closets-header p{color:var(--text-muted,#d4d4d4);max-width:720px;margin:0;line-height:1.5}.search-closets-back-btn{background:var(--purple-main,#c084fc);color:#111;cursor:pointer;border:none;border-radius:14px;padding:13px 18px;font-weight:800;transition:all .2s}.search-closets-back-btn:hover{background:#a855f7;transform:translateY(-2px)}.search-closets-content{grid-template-columns:340px 1fr;gap:24px;max-width:1280px;margin:0 auto;display:grid}.search-closets-list-panel,.search-closets-items-panel{background:linear-gradient(180deg, var(--bg-card-soft,#181818) 0%, var(--bg-card,#101010) 100%);border:1px solid #c084fc2e;border-radius:24px;box-shadow:0 18px 42px #0000004d}.search-closets-list-panel{min-height:70vh;padding:16px}.search-closets-items-panel{min-height:70vh;padding:22px}.search-closets-input-box{margin-bottom:16px}.search-closets-input-box input{background:var(--bg-card,#0f0f0f);width:100%;color:var(--text-main,#fff);border:1px solid #c084fc33;border-radius:14px;outline:none;padding:13px 14px}.search-closets-input-box input:focus{border-color:#c084fc;box-shadow:0 0 0 2px #c084fc1f}.search-closets-input-box button{width:100%;color:var(--text-main,#fff);cursor:pointer;background:#c084fc29;border:none;border-radius:12px;margin-top:8px;padding:9px;font-weight:700}.search-closets-users{flex-direction:column;gap:12px;display:flex}.search-closets-user-card{text-align:left;color:#111;cursor:pointer;background:#fff;border:1px solid #c084fc29;border-radius:16px;flex-direction:column;gap:6px;width:100%;padding:14px;transition:all .2s;display:flex}.search-closets-user-card strong{color:#111;font-size:1rem}.search-closets-user-card span{color:#333;word-break:break-word;font-size:.88rem}.search-closets-user-card small{color:#6d28d9;font-weight:800}.search-closets-user-card.active,.search-closets-user-card:hover{color:#fff;background:#181818;border-color:#c084fca6}.search-closets-user-card.active strong,.search-closets-user-card.active span,.search-closets-user-card:hover strong,.search-closets-user-card:hover span{color:#fff}.search-closets-user-card.active small,.search-closets-user-card:hover small{color:#c084fc}.search-closets-selected-header{border-bottom:1px solid #c084fc29;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;padding-bottom:18px;display:flex}.search-closets-selected-header span{color:var(--text-muted,#aaa);font-size:.9rem}.search-closets-selected-header h2{color:var(--purple-main,#c084fc);margin:4px 0 0;font-size:2rem}.search-closets-selected-header p{color:var(--text-muted,#d4d4d4);margin:0}.search-closets-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;display:grid}.search-closets-card{background:linear-gradient(180deg, var(--bg-card-soft,#181818) 0%, var(--bg-card,#101010) 100%);border:1px solid #c084fc2e;border-radius:22px;transition:all .2s;overflow:hidden}.search-closets-card:hover{border-color:#c084fc6b;transform:translateY(-4px)}.search-closets-media{aspect-ratio:4/5;background:#111;width:100%;overflow:hidden}.search-closets-info{padding:16px}.search-closets-info h3{color:var(--text-main,#fff);margin:0 0 8px;font-size:1.2rem}.search-closets-info p{color:var(--text-muted,#d4d4d4);margin:0 0 14px;font-size:.92rem;line-height:1.4}.search-closets-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.search-closets-tags span{color:var(--text-main,#fff);background:#c084fc2e;border:1px solid #c084fc42;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:700}.search-closets-like-btn{color:#111;cursor:pointer;background:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 12px;font-weight:900;transition:all .2s;display:flex}.search-closets-like-btn:hover{transform:scale(1.03);box-shadow:0 8px 20px #c084fc38}.search-closets-like-btn.liked{color:#111;background:#c084fc}.search-closets-like-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.search-closets-like-btn img{object-fit:contain;width:22px;height:22px}.search-closets-empty,.search-closets-status{text-align:center;min-height:220px;color:var(--text-muted,#d4d4d4);place-items:center;display:grid}.search-closets-toast{z-index:3000;color:#fff;background:#181818;border:1px solid #c084fc80;border-radius:16px;max-width:360px;padding:14px 18px;position:fixed;top:24px;right:24px;box-shadow:0 18px 42px #00000059}@media (width<=960px){.search-closets-layout{width:100%;display:block;overflow-x:hidden}.search-closets-sidebar{border-right:none;border-bottom:1px solid var(--border-soft,#ffffff14);flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:20px 16px;position:static}.search-closets-logo{width:50px;margin-bottom:0}.search-closets-menu{margin:0}.search-closets-menu button{width:48px;height:48px}.search-closets-menu img{width:24px;height:24px}.search-closets-mobile-home{display:none}.search-closets-page{width:100%;padding:28px 16px 90px;overflow-x:hidden}.search-closets-header{flex-direction:column;align-items:flex-start;gap:14px}.search-closets-header h1{font-size:2rem;line-height:1.1}.search-closets-content{grid-template-columns:1fr;gap:18px}.search-closets-list-panel,.search-closets-items-panel{border-radius:20px;width:100%;min-width:0;overflow:hidden}.search-closets-list-panel{min-height:auto;padding:14px}.search-closets-items-panel{padding:16px}.search-closets-selected-header{flex-direction:column;align-items:flex-start;gap:8px}.search-closets-selected-header h2{font-size:1.9rem;line-height:1}.search-closets-grid{grid-template-columns:1fr;gap:18px}.search-closets-user-card{padding:12px}.search-closets-user-card strong{font-size:.95rem}.search-closets-user-card span{font-size:.8rem}.search-closets-input-box input{font-size:14px}.search-closets-like-btn{padding:10px;font-size:.92rem}}.auth-panel{background:#0c1014;flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.auth-main{flex:1;grid-template-columns:2fr 1fr;min-height:0;display:grid}.auth-left{background:#0c1014;border-right:1px solid #4a4d53;flex-direction:column;justify-content:flex-start;padding:12px 72px 8px;display:flex;overflow:hidden}.auth-logo{object-fit:contain;z-index:2;flex-shrink:0;width:74px;margin-bottom:4px}.auth-left-content{flex-direction:column;flex:1;justify-content:center;gap:0;max-width:1000px;min-height:0;display:flex}.auth-preview-image{justify-content:flex-end;width:100%;line-height:0;display:flex}.auth-preview-image img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:650px;margin-bottom:-200px;display:block;transform:translate(120px)translateY(-70px)}.auth-title-big{letter-spacing:-2px;color:#fff;flex-direction:column;gap:4px;margin:0;font-size:4rem;font-weight:800;line-height:1.02;display:flex;transform:translateY(-40px)}.auth-title-big .line{display:block}.auth-title-big .highlight{color:#c084fc}.auth-title-big .dot{color:#fff}.auth-right{background:#1f1f22;justify-content:center;align-items:center;padding:0 32px;display:flex}.auth-card{width:100%;max-width:390px}.auth-title{text-align:left;color:#fff;margin-bottom:24px;font-family:Helvetica,Arial,sans-serif;font-size:20px;font-weight:600}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form input{box-sizing:border-box;color:#fff;background:#121214;border:1px solid #4a4d53;border-radius:8px;outline:none;width:100%;height:52px;padding:0 20px;font-size:17px;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder{color:#8d9199}.auth-form input:focus{border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.auth-form button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:26px;height:50px;margin-top:6px;font-size:20px;font-weight:700;transition:background .2s,transform .2s}.auth-form button:hover{background:#7c3aed}.forgot-password{color:#fff;cursor:pointer;margin-top:12px;margin-bottom:18px;background:0 0;border:none;margin-inline:auto;font-size:.95rem;font-weight:500;transition:color .2s,opacity .2s;display:block}.forgot-password:hover{color:#d1d5db}.google-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #4a4d53;border-radius:26px;justify-content:center;align-items:center;gap:12px;width:100%;height:48px;font-size:1.05rem;font-weight:700;transition:background .2s,border-color .2s;display:flex}.google-btn:hover{background:#ffffff08;border-color:#5b5f68}.google-btn img{object-fit:contain;width:20px;height:20px;display:block}.auth-toggle{justify-content:center;margin-top:10px;display:flex}.toggle-btn{color:#fff;background:0 0;border:1px solid #4a4d53;border-radius:26px;justify-content:center;align-items:center;width:100%;height:48px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.toggle-btn:hover{color:#fff;background:#ffffff08;border-color:#5b5f68}.auth-message{text-align:center;margin-top:14px;font-size:.95rem;font-weight:500}.auth-message.success{color:#4ade80}.auth-message.error{color:#f87171}.auth-brand{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.brand-logo{object-fit:contain;filter:brightness(0)invert();width:18px;height:18px;display:block}.auth-brand span{color:#fff;letter-spacing:.3px;font-size:16px;font-weight:600;line-height:18px}.auth-footer{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1014eb;border-top:1px solid #4a4d53;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:12px 24px;display:flex}.auth-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.auth-footer-links button{color:#8d9199;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:400;transition:color .2s}.auth-footer-links button:hover{color:#fff}.auth-footer-bottom{color:#8d9199;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;font-size:12px;display:flex}@media (width<=1100px){.auth-main{grid-template-columns:1fr}.auth-left{text-align:center;border-bottom:1px solid #4a4d53;border-right:none;align-items:center;padding:30px 24px}.auth-left-content{justify-content:center;align-items:center}.auth-title-big{font-size:2.5rem;transform:none}.auth-preview-image{display:none}.auth-right{padding:40px 20px}.auth-footer{padding-bottom:20px}}@media (width<=600px){.auth-title-big{font-size:2rem;line-height:1.08}.auth-left{padding:24px 18px}.auth-right{padding:24px 16px}.auth-footer-links{gap:14px}.auth-footer-bottom{text-align:center;flex-direction:column;gap:8px}}:root{--register-bg:#1f1f22;--register-surface:#1f1f22;--register-text:#fff;--register-text-secondary:#c7c7cc;--register-text-muted:#8d9199;--register-border:#4a4d53;--register-input-bg:#1f1f22;--register-primary:#8b5cf6;--register-primary-hover:#7c3aed;--register-hover:#ffffff08}html,body{background:var(--register-bg);color:var(--register-text);margin:0;padding:0;transition:background-color .25s,color .25s}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.register-page{background:var(--register-bg);flex-direction:column;min-height:100vh;transition:background-color .25s,color .25s;display:flex}.register-main{flex:1;justify-content:center;padding:48px 20px;display:flex}.register-container{width:100%;max-width:480px}.register-top{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:26px;display:flex}.register-back{width:34px;height:34px;color:var(--register-text-muted);justify-content:center;align-items:center;margin-left:-10px;font-size:42px;font-weight:300;line-height:1;text-decoration:none;transition:opacity .2s,color .2s;display:flex}.register-back:hover{opacity:.7}.register-brand{align-items:center;gap:8px;padding-left:2px;display:flex}.register-brand-logo{object-fit:contain;width:18px;height:18px;display:block}.register-brand span{color:var(--register-text);letter-spacing:.2px;font-size:18px;font-weight:500;line-height:1}.register-title{color:var(--register-text);margin:0 0 10px;font-size:2rem;font-weight:800;line-height:1.05}.register-subtitle{color:var(--register-text-secondary);margin-bottom:28px;font-size:1.05rem;line-height:1.4}.register-form{flex-direction:column;gap:22px;display:flex}.register-field{flex-direction:column;gap:10px;display:flex}.register-field label{color:var(--register-text);font-size:1.05rem;font-weight:700}.register-field input,.register-field select,.register-address-grid input,.register-address-grid select{background:var(--register-input-bg);border:1px solid var(--register-border);width:100%;height:56px;color:var(--register-text);box-sizing:border-box;border-radius:14px;outline:none;padding:0 18px;font-size:17px;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s}.register-field input::placeholder,.register-address-grid input::placeholder{color:var(--register-text-muted)}.register-field input:focus,.register-field select:focus,.register-address-grid input:focus,.register-address-grid select:focus{border-color:var(--register-primary);box-shadow:0 0 0 2px #8b5cf633}.register-field select,.register-address-grid select{cursor:pointer;appearance:none;background-color:var(--register-input-bg);color:var(--register-text-muted);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;background-size:18px;padding-right:52px}.register-field select:valid,.register-address-grid select:valid{color:var(--register-text-muted)}.register-field option,.register-address-grid option{color:#fff;background:#1f1f22}.register-date{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.register-address-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.register-info,.register-terms{color:var(--register-text-secondary);margin:-8px 0 0;font-size:.96rem;line-height:1.5}.register-policy,.register-policy p,.register-policy span,.register-policy strong{color:var(--register-text)!important}.register-policy{margin-top:-4px;font-size:.88rem;line-height:1.6}.register-policy strong{font-weight:600}.register-button{background:var(--register-primary);color:#fff;cursor:pointer;border:none;border-radius:999px;height:54px;margin-top:8px;font-size:1.05rem;font-weight:700;transition:background-color .2s,transform .2s}.register-button:hover{background:var(--register-primary-hover)}.register-login-button{border:1px solid var(--register-border);width:100%;height:54px;color:var(--register-text);background:0 0;border-radius:999px;justify-content:center;align-items:center;margin-top:12px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:flex}.register-login-button:hover{background:var(--register-hover)}.register-footer{box-sizing:border-box;background:0 0;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:28px 20px 22px;display:flex}.register-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.register-footer-links button{color:var(--register-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:400;transition:color .2s}.register-footer-links button:hover{color:var(--register-text)}.register-footer-bottom{color:var(--register-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex}@media (width<=600px){.register-main{padding:32px 18px}.register-title{font-size:1.8rem}.register-date,.register-address-grid{grid-template-columns:1fr}.register-brand span{font-size:16px}.register-policy{font-size:.84rem}.register-footer-links{gap:12px}.register-footer-bottom{text-align:center;flex-direction:column;gap:6px}}