@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&display=swap";.plaza-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.plaza-canvas{width:100%;height:100%}.plaza-canvas canvas{display:block;width:100%!important;height:100%!important}.plaza-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 58%,rgba(58,30,18,.14) 100%)}.plaza-hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px}.plaza-title{font-family:Orbitron,sans-serif;background:#f8f1e8eb;border:2px solid var(--border, #c8b09a);border-radius:var(--radius-lg, 9px);padding:10px 34px;font-size:17px;font-weight:800;color:var(--text-primary, #1a0c0a);letter-spacing:4px;text-transform:uppercase;box-shadow:0 4px 18px #3a1e1229}.plaza-title-u{color:var(--kh-primary, #c41e3a);text-transform:lowercase}.plaza-footer{display:flex;flex-direction:column;align-items:center;gap:7px}.plaza-count{display:flex;align-items:center;gap:8px;font-family:Rajdhani,sans-serif;background:#f8f1e8d9;border:1px solid var(--border-light, #d8c8b0);border-radius:var(--radius-md, 6px);padding:6px 18px;font-size:14px;font-weight:600;letter-spacing:1.5px;color:var(--text-secondary, #5a3828);box-shadow:0 2px 10px #3a1e121a}.plaza-dot{width:8px;height:8px;border-radius:50%;background:#2ea35a;box-shadow:0 0 6px #2ea35ab3;animation:plaza-pulse 2.2s ease-in-out infinite}@keyframes plaza-pulse{0%,to{opacity:1}50%{opacity:.45}}.plaza-hint{font-family:Rajdhani,sans-serif;font-size:12px;font-weight:500;letter-spacing:1.2px;color:#5a3828bf;text-transform:uppercase}:root{--kh-primary: #C41E3A;--kh-primary-light: #E0253F;--kh-primary-dark: #9A1530;--kh-accent: #C41E3A;--kh-accent-glow: transparent;--bg-main: #F7F4EF;--bg-panel: #F1ECE3;--bg-elevated: #E8E0D3;--bg-hover: #DCD2C0;--bg-card: #FBF9F6;--bg-secondary: #EDE6D9;--text-primary: #1A0C0A;--text-secondary: #5A3828;--text-muted: #7A6858;--border: #D6CBBA;--border-light: #E2D6C4;--border-glow: #C41E3A;--shadow: transparent;--shadow-lg: transparent;--glow: transparent;--glow-strong: transparent;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 9px;--radius-xl: 12px}.style-current{width:42px;height:42px;cursor:pointer;border:2px solid var(--border-light);border-radius:var(--radius-md);padding:4px;background:var(--bg-elevated);transition:all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg-main)}body{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-main);color:var(--text-primary);min-height:100vh;width:100%;overflow:hidden}.hidden{display:none!important}.corner-accent{position:absolute;width:16px;height:16px;border:2px solid var(--kh-primary);pointer-events:none;z-index:10}.corner-accent.tl{top:-2px;left:-2px;border-right:none;border-bottom:none}.corner-accent.tr{top:-2px;right:-2px;border-left:none;border-bottom:none}.corner-accent.bl{bottom:-2px;left:-2px;border-right:none;border-top:none}.corner-accent.br{bottom:-2px;right:-2px;border-left:none;border-top:none}.login-screen{display:flex;align-items:center;justify-content:center;position:fixed;inset:0;overflow:hidden;background:linear-gradient(135deg,#0a0e1a,#141828,#0d1525);padding:2rem 1rem;overflow-y:auto}.kh-bg-pattern{position:fixed;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(74,159,216,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(74,159,216,.03) 0%,transparent 50%);animation:bgPulse 8s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:.5}50%{opacity:.8}}.login-container{background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:3rem 2.5rem;width:90%;max-width:450px;box-shadow:0 0 40px var(--glow),inset 0 0 40px #0000004d;position:relative;animation:fadeInUp .6s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2.5rem}.logo-crown{width:100px;height:100px;margin:0 auto 1.5rem;background:radial-gradient(circle,var(--kh-primary) 0%,transparent 70%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:crownFloat 3s ease-in-out infinite;box-shadow:0 0 40px var(--glow-strong);position:relative}.crown-glow{position:absolute;inset:-10px;background:radial-gradient(circle,var(--glow-strong) 0%,transparent 70%);animation:glowPulse 2s ease-in-out infinite;border-radius:50%}@keyframes crownFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glowPulse{0%,to{opacity:.3}50%{opacity:.6}}.crown-icon{font-size:3.5rem;filter:drop-shadow(0 0 10px var(--kh-accent-glow));position:relative;z-index:1}.app-title{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:900;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:8px;text-shadow:0 0 10px var(--glow-strong),0 0 20px var(--glow),2px 2px 0 var(--kh-primary-dark)}.app-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:4px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:1rem}.google-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-hover) 100%);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;font-weight:700;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.875rem;font-family:inherit;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.google-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--glow),transparent);transform:translate(-100%);transition:transform .6s ease}.google-btn:hover:before{transform:translate(100%)}.google-icon{width:22px;height:22px;flex-shrink:0}.google-btn:hover{border-color:var(--kh-primary);box-shadow:0 0 20px var(--glow);transform:translateY(-2px)}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;position:relative}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-light),transparent)}.divider span{padding:0 1.25rem;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.form-field input{padding:.875rem 1rem;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);font-size:.95rem;font-weight:600;color:var(--text-primary);transition:all .3s ease;font-family:inherit}.form-field input:focus{outline:none;border-color:var(--kh-primary);background:var(--bg-elevated);box-shadow:0 0 15px var(--glow)}.login-btn,.guest-btn{padding:1rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.login-btn{background:linear-gradient(135deg,var(--kh-primary-dark) 0%,var(--kh-primary) 100%);color:var(--text-primary);box-shadow:0 0 20px var(--glow)}.login-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.login-btn:hover:not(:disabled):before{transform:translate(100%)}.login-btn:hover:not(:disabled){box-shadow:0 0 30px var(--glow-strong);transform:translateY(-2px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.loader{width:20px;height:20px;border:3px solid var(--border-light);border-top-color:var(--kh-primary);border-radius:50%;animation:spin .8s linear infinite}.guest-btn{background:var(--bg-elevated);color:var(--text-secondary);border:2px solid var(--border)}.guest-btn:hover{background:var(--bg-hover);border-color:var(--border-light);transform:translateY(-2px)}.login-hint{text-align:center;font-size:.85rem;color:var(--text-muted);padding-top:1.5rem;border-top:1px solid var(--border);font-weight:600;line-height:1.6;font-style:italic}@media(max-width:768px){.login-screen{align-items:stretch;padding:max(1.25rem,env(safe-area-inset-top,1.25rem)) 1.25rem max(1.25rem,env(safe-area-inset-bottom,1.25rem))}.login-container{padding:1.5rem 1.25rem;width:100%;display:flex;flex-direction:column;justify-content:center}.login-header{margin-bottom:1rem}.logo-crown{width:56px;height:56px;margin-bottom:.625rem}.crown-icon{font-size:1.75rem}.app-title{font-size:1.6rem;letter-spacing:4px;margin-bottom:.25rem}.app-subtitle{font-size:.7rem;letter-spacing:2px}.login-form{gap:.5rem}.google-btn{padding:.75rem;font-size:.85rem}.divider{margin:.5rem 0}.form-field input{padding:.75rem .875rem}.login-btn,.guest-btn{padding:.75rem;font-size:.8rem;letter-spacing:1px}.login-hint{padding-top:.75rem;font-size:.75rem}}.app-wrapper{display:flex;flex-direction:column;height:100vh;position:fixed;inset:0;overflow:hidden}.kh-bg-stars{position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent);background-size:200% 200%;animation:starsMove 60s linear infinite;opacity:.3;pointer-events:none}@keyframes starsMove{0%{background-position:0 0}to{background-position:100% 100%}}.native-app .top-bar,html.native-app .top-bar{display:none!important}.native-app .app-wrapper,html.native-app .app-wrapper{padding-top:.4rem!important}.native-app .main-container,html.native-app .main-container{padding-top:0!important}.native-app .search-section,html.native-app .search-section{padding-top:.75rem!important;margin-top:0!important;margin-bottom:.5rem!important}.native-app .profile-container,html.native-app .profile-container{padding-top:.75rem!important}.native-app .social-container,html.native-app .social-container{padding:0 .75rem 1rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.native-app .main-container.social-view,html.native-app .main-container.social-view{padding:0!important}.native-app .social-header,html.native-app .social-header{display:none!important}.native-app .social-filter-tabs,html.native-app .social-filter-tabs{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.45rem!important;padding:.4rem .3rem .5rem!important;margin-bottom:.5rem!important}.native-app .social-filter-tabs::-webkit-scrollbar,html.native-app .social-filter-tabs::-webkit-scrollbar{display:none!important}.native-app .social-tab,html.native-app .social-tab{flex:0 0 auto!important;width:auto!important;min-width:auto!important;padding:.35rem .7rem!important;font-size:.75rem!important;border-radius:99px!important;border:1.5px solid var(--border)!important;white-space:nowrap!important;gap:.25rem!important}.native-app .social-tab.active,html.native-app .social-tab.active{box-shadow:none!important}.native-app .social-tab .tab-icon,html.native-app .social-tab .tab-icon{font-size:.8rem!important}.native-app .users-grid,html.native-app .users-grid,.native-app .entries-social-grid,html.native-app .entries-social-grid,.native-app .closets-social-grid,html.native-app .closets-social-grid{grid-template-columns:1fr!important;width:100%!important;min-width:0!important}.search-filter-btn{display:none;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1rem;width:36px;height:36px;cursor:pointer;flex-shrink:0;transition:background .2s,border-color .2s}.search-filter-btn:hover{background:var(--bg-hover);border-color:var(--kh-primary);color:var(--kh-primary)}.native-app .search-filter-btn,html.native-app .search-filter-btn{display:flex;align-items:center;justify-content:center}.native-app .modal-overlay,html.native-app .modal-overlay{padding-top:env(safe-area-inset-top,3.5rem)!important;align-items:flex-start;overflow-y:auto}.native-app .modal-dialog,html.native-app .modal-dialog{margin:auto;max-height:calc(90vh - env(safe-area-inset-top,3.5rem) - env(safe-area-inset-bottom,0px))}.native-app .social-detail-dialog,html.native-app .social-detail-dialog{height:calc(100dvh - env(safe-area-inset-top,3.5rem));max-height:calc(100dvh - env(safe-area-inset-top,3.5rem))}.native-app-settings{display:none}.native-app .native-app-settings{display:block;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.9rem 1rem;margin-bottom:1.25rem}.nas-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.nas-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;min-width:48px}.nas-style-grid{display:flex;gap:.4rem;flex-wrap:wrap}.nas-style-grid .style-option{width:38px;height:28px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;overflow:hidden;transition:border-color .2s,transform .15s}.nas-style-grid .style-option:hover,.nas-style-grid .style-option.active{border-color:var(--kh-primary);transform:scale(1.1)}.nas-style-grid .theme-preview{width:100%;height:100%;border-radius:0}.nas-actions{display:flex;gap:.5rem}.nas-btn{flex:1;padding:.55rem .5rem;font-size:.8rem;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background .2s,border-color .2s}.nas-btn:hover{background:var(--bg-hover)}.nas-signout-btn{color:var(--kh-primary);border-color:var(--kh-primary)}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-panel);border-bottom:2px solid var(--border-glow);box-shadow:0 0 20px var(--glow),0 4px 20px var(--shadow);position:relative;z-index:100;flex-shrink:0}.bar-glow{position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--kh-primary),transparent);animation:barPulse 2s ease-in-out infinite}@keyframes barPulse{0%,to{opacity:.5}50%{opacity:1}}.top-bar-left{display:flex;align-items:center;gap:1rem}.logo-mini{width:36px;height:36px;background:var(--bg-elevated);border:2px solid var(--kh-primary);border-radius:50%;box-shadow:0 0 15px var(--glow);display:flex;align-items:center;justify-content:center;position:relative}.logo-shape{width:20px;height:20px;background:var(--kh-primary);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:logoRotate 4s linear infinite}@keyframes logoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-name{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:900;color:var(--text-primary);text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 10px var(--glow)}.version-badge{padding:.3rem .8rem;background:var(--bg-elevated);border:2px solid var(--kh-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;color:var(--kh-primary);text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px var(--glow)}.bookmark-tabs{display:flex;align-items:flex-end;gap:.5rem;margin-left:2rem;height:42px}.bookmark-tab{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem .65rem;background:var(--bg-elevated);border:2px solid var(--border-light);border-bottom:2px solid var(--border-light);border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;transform-origin:bottom;z-index:1;margin-bottom:-4px}.bookmark-tab:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--kh-primary);box-shadow:0 -2px 10px var(--glow)}.bookmark-tab.active{background:var(--bg-main);border-color:var(--border-glow);border-bottom-color:var(--bg-main);color:var(--kh-primary);z-index:101;transform:translateY(2px) scale(1.05);box-shadow:0 -4px 20px var(--glow-strong),inset 0 -3px 0 var(--bg-main);padding-bottom:.85rem;margin-bottom:-2px}.bookmark-tab .tab-icon{font-size:1.1rem;filter:grayscale(.5);transition:filter .3s ease}.bookmark-tab.active .tab-icon{filter:grayscale(0);text-shadow:0 0 10px var(--glow)}.bookmark-tab .tab-label{font-family:Rajdhani,sans-serif;font-size:.85rem}@media(max-width:900px){.bookmark-tabs{margin-left:1rem;gap:.35rem}.bookmark-tab{padding:.45rem .9rem .6rem;font-size:.8rem}.bookmark-tab .tab-icon{font-size:1rem}.bookmark-tab .tab-label{font-size:.75rem}.bookmark-tab.active{padding-bottom:.8rem}}.top-bar-center{display:flex;align-items:center}.entry-counter{display:flex;align-items:center;gap:.75rem;font-weight:800;position:relative}.counter-current{font-family:Orbitron,monospace;font-size:2.5rem;color:var(--kh-primary);text-shadow:0 0 20px var(--glow-strong);position:relative}.counter-label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.top-bar-right{display:flex;align-items:center;gap:1rem}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-role{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:1px}.user-name{font-size:1rem;font-weight:700;color:var(--kh-primary);text-shadow:0 0 5px var(--glow)}.logout-btn{padding:.6rem 1.2rem;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.8rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;font-family:inherit}.logout-btn:hover{background:var(--bg-hover);border-color:var(--kh-primary);color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.mobile-menu-btn,.mobile-info-btn{display:none;width:48px;height:48px;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1.5rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.desktop-info-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:50%;margin-left:-.75rem;font-size:1rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-family:inherit;flex-shrink:0}.desktop-info-btn:hover{border-color:var(--kh-primary);color:var(--kh-primary);box-shadow:0 0 12px var(--glow);text-shadow:0 0 8px var(--glow)}.main-container{flex:1;display:grid;grid-template-columns:310px 580px 1fr;gap:1.5rem;overflow:hidden;padding:1.5rem}.main-container.closet-view{grid-template-columns:310px 670px 1fr}.main-container.profile-view{grid-template-columns:1fr}.main-container.profile-view .left-panel,.main-container.profile-view .right-panel{display:none}.main-container.social-view{grid-template-columns:1fr}.main-container.social-view .left-panel,.main-container.social-view .right-panel{display:none}.left-panel{background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 30px var(--glow),inset 0 0 30px #0000004d;position:relative;overflow:hidden;display:flex;flex-direction:column}.panel-inner{display:flex;flex-direction:column;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-section{padding:1.5rem;border-bottom:1px solid var(--border);position:relative;flex-shrink:0}.panel-section:last-child{border-bottom:none}.section-header{font-family:Orbitron,monospace;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:var(--kh-primary);margin-bottom:1.25rem;position:relative;padding-bottom:.75rem}.header-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--kh-primary),transparent);box-shadow:0 0 10px var(--glow)}.category-nav{display:flex;flex-direction:column;gap:.25rem}.category-item{display:grid;grid-template-columns:4px 36px 1fr auto;align-items:center;gap:.75rem;padding:.875rem .75rem;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;text-align:left;font-family:inherit;position:relative}.item-selector{width:4px;height:24px;align-self:center;background:transparent;border-radius:2px;transition:all .3s ease}.category-item:hover .item-selector{background:var(--kh-primary);box-shadow:0 0 10px var(--glow)}.category-item.active .item-selector{background:var(--kh-primary);box-shadow:0 0 15px var(--glow-strong)}.category-item:hover{background:var(--bg-hover)}.category-item.active{background:linear-gradient(90deg,var(--bg-hover) 0%,transparent 100%)}.cat-icon{font-size:1.4rem}.cat-name{font-size:.9rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px}.cat-count{font-family:Orbitron,monospace;font-size:.85rem;font-weight:800;color:var(--kh-primary);background:var(--bg-elevated);padding:.25rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);text-shadow:0 0 5px var(--glow)}.category-item.active .cat-count{border-color:var(--kh-primary);box-shadow:0 0 10px var(--glow)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;max-height:200px;overflow-y:auto}.tag-chip{padding:.5rem .875rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.tag-chip:hover{background:var(--bg-hover);border-color:var(--kh-primary);color:var(--kh-primary);box-shadow:0 0 10px var(--glow)}.tag-chip.active{background:var(--kh-primary-dark);border-color:var(--kh-primary);color:var(--text-primary);box-shadow:0 0 15px var(--glow-strong)}.draft-item{padding:.875rem;background:var(--bg-elevated);border:2px solid var(--border);border-left:4px solid #FF9800;border-radius:var(--radius-md);margin-bottom:.5rem;cursor:pointer;transition:all .3s ease}.draft-item:hover{background:var(--bg-hover);border-color:#ff9800;box-shadow:0 0 15px #ff980066}.draft-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.draft-type{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.panel-btn{width:100%;padding:1rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;background:var(--bg-elevated);color:var(--text-primary);margin-bottom:.75rem;font-family:inherit;position:relative;overflow:hidden}.panel-btn:last-child{margin-bottom:0}.panel-btn:hover{border-color:var(--kh-primary);box-shadow:0 0 20px var(--glow);transform:translateY(-2px)}.btn-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,var(--glow) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.panel-btn:hover .btn-glow{opacity:.3}.add-btn{background:linear-gradient(135deg,var(--kh-primary-dark) 0%,var(--kh-primary) 100%);border-color:var(--kh-primary);box-shadow:0 0 20px var(--glow)}.add-btn:hover{box-shadow:0 0 30px var(--glow-strong)}.secondary-btn{background:var(--bg-elevated);color:var(--text-secondary)}.center-panel{display:flex;flex-direction:column;overflow:hidden;position:relative}.app-page{display:flex;flex-direction:column;overflow:hidden;height:100%;width:100%}.app-page.hidden{display:none}.search-section{background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 30px var(--glow),inset 0 0 30px #0000004d;padding:1rem;margin-bottom:1rem;flex-shrink:0}.search-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.search-icon{font-size:1.3rem;color:var(--text-muted)}.search-input{flex:1;padding:.875rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;background:var(--bg-main);color:var(--text-primary);transition:all .3s ease;font-family:inherit}.search-input:focus{outline:none;border-color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.search-clear{width:40px;height:40px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);font-size:1.5rem;color:var(--text-muted);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:var(--bg-hover);color:var(--kh-primary);border-color:var(--kh-primary);box-shadow:0 0 10px var(--glow)}.filter-stats{display:flex;gap:.75rem}.stat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);flex:1}.stat-value{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:900;color:var(--kh-primary);text-shadow:0 0 15px var(--glow)}.stat-label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.list-view{flex:1;overflow:hidden;background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 30px var(--glow),inset 0 0 30px #0000004d}.list-scroll{height:100%;overflow-y:auto;padding:1rem}.list-item{display:flex;flex-direction:column;padding:1rem;margin-bottom:.75rem;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;position:relative;min-height:190px;max-height:190px}.item-content{display:grid;grid-template-columns:1fr 130px;gap:1rem;height:100%}.item-left{display:grid;grid-template-rows:1fr 1fr 1fr;gap:.5rem;min-width:0;overflow:hidden}.item-right{flex-shrink:0;width:130px}.item-header{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding-left:4px}.item-title{font-size:clamp(.75rem,2.5vw,1.35rem);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;line-height:1.2;white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-align:left;-webkit-overflow-scrolling:touch;cursor:grab;padding-bottom:4px}.item-title:active{cursor:grabbing}.item-title::-webkit-scrollbar{height:6px}.item-title::-webkit-scrollbar-track{background:var(--bg-main);border-radius:3px}.item-title::-webkit-scrollbar-thumb{background:var(--kh-primary-dark);border-radius:3px;border:1px solid var(--bg-main)}.item-title::-webkit-scrollbar-thumb:hover{background:var(--kh-primary)}.item-middle{display:grid;grid-template-columns:48px 1fr;gap:.5rem;align-items:center;height:100%;padding-left:4px}.item-number{font-family:Orbitron,monospace;font-size:1rem;font-weight:900;color:var(--kh-primary);text-shadow:0 0 10px var(--glow);white-space:nowrap;line-height:1}.item-info{min-width:0;display:flex;flex-direction:column;justify-content:center;padding-right:4px}.item-subtitle{font-size:.8rem;color:var(--text-secondary);font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3}.item-tags{display:flex;flex-wrap:nowrap;gap:.375rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--kh-primary-dark) var(--bg-main);padding-bottom:8px;padding-left:4px;width:100%;min-width:0;cursor:grab}.item-tags:active{cursor:grabbing}.item-tags::-webkit-scrollbar{height:6px}.item-tags::-webkit-scrollbar-track{background:var(--bg-main);border-radius:3px}.item-tags::-webkit-scrollbar-thumb{background:var(--kh-primary-dark);border-radius:3px;border:1px solid var(--bg-main)}.item-tags::-webkit-scrollbar-thumb:hover{background:var(--kh-primary)}.item-tag{padding:.25rem .6rem;background:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;flex-shrink:0}.item-tag-more{padding:.25rem .6rem;background:var(--kh-primary-dark);border:1px solid var(--kh-primary);border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;color:var(--kh-primary);text-transform:uppercase;white-space:nowrap;flex-shrink:0}.item-image-container{width:100%;height:100%;min-height:120px;max-height:120px;border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;position:relative;background:var(--bg-main)}.item-image{width:100%;height:100%;object-fit:cover;display:block}.item-no-image{display:flex;align-items:center;justify-content:center;background:var(--bg-elevated)}.item-no-image-icon{font-size:2.5rem;opacity:.3}.item-type-overlay{position:absolute;bottom:0;left:0;right:0;padding:.4rem;background:#141828f2;border-top:1px solid var(--kh-primary);font-size:.65rem;font-weight:800;color:var(--kh-primary);text-transform:uppercase;letter-spacing:1px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;border-radius:var(--radius-lg) 0 0 var(--radius-lg);transition:all .3s ease}.list-item:hover:before{background:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.list-item:hover{border-color:var(--kh-primary);background:var(--bg-hover);box-shadow:0 0 20px var(--glow);transform:translate(4px)}.list-item.active{border-color:var(--kh-primary);background:var(--bg-hover);box-shadow:0 0 25px var(--glow-strong)}.list-item.active:before{background:var(--kh-primary);box-shadow:0 0 20px var(--glow-strong)}.item-info{flex:1}.item-subtitle{font-size:.85rem;color:var(--text-secondary);font-weight:600}.item-type-badge{padding:.35rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.right-panel{background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 30px var(--glow),inset 0 0 30px #0000004d;position:relative;overflow:hidden;display:flex;flex-direction:column}.entry-card-view{flex:1;display:flex;align-items:center;justify-content:center}.no-selection{text-align:center;padding:3rem}.no-selection-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.no-selection-text{font-size:1.1rem;color:var(--text-muted);font-weight:600}.entry-detail{display:flex;flex-direction:column;height:100%;position:relative}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:2px solid var(--border);background:var(--bg-elevated);flex-shrink:0;position:sticky;z-index:50;top:0}.back-btn{padding:.75rem 1.25rem;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1.2rem;color:var(--kh-primary);cursor:pointer;transition:all .3s ease;font-family:inherit;display:flex;align-items:center;gap:.5rem}.back-btn:hover{background:var(--bg-hover);border-color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.detail-actions{display:flex;gap:.5rem}.icon-button{width:48px;height:48px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1.2rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--bg-hover);border-color:var(--kh-primary);color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.detail-content{flex:1;overflow-y:auto;padding:2rem 1.5rem 1.5rem}.detail-header-section{text-align:center;padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border);position:relative}.detail-header-section:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:100px;height:2px;background:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.detail-number{font-family:Orbitron,monospace;font-size:3rem;font-weight:900;color:var(--kh-primary);margin-bottom:.75rem;text-shadow:0 0 30px var(--glow-strong)}.detail-title{font-family:Orbitron,monospace;font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.detail-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:600}.detail-type-badge{display:inline-block;padding:.6rem 1.75rem;background:var(--kh-primary-dark);border:2px solid var(--kh-primary);border-radius:var(--radius-md);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);box-shadow:0 0 20px var(--glow)}.detail-images{margin-bottom:1.5rem;position:relative}.image-gallery{position:relative;width:100%;height:auto;min-height:300px;max-height:500px;border:2px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 0 30px var(--glow);display:flex;align-items:center;justify-content:center;background:var(--bg-main)}.gallery-image{width:100%;height:100%;max-height:500px;object-fit:contain;display:block}.entry-badge-overlay{position:absolute;top:1rem;left:1rem;z-index:10;display:flex;flex-direction:column;gap:.5rem}.entry-number-badge{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:900;color:var(--kh-primary);background:#141828f2;padding:.5rem 1rem;border:2px solid var(--kh-primary);border-radius:var(--radius-md);text-shadow:0 0 15px var(--glow-strong);box-shadow:0 0 20px var(--glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.entry-type-badge-small{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);background:#141828f2;padding:.4rem .75rem;border:2px solid var(--kh-primary);border-radius:var(--radius-sm);box-shadow:0 0 15px var(--glow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#141828f2;border:3px solid var(--kh-primary);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:var(--kh-primary);font-size:1.5rem;font-weight:700;box-shadow:0 0 20px var(--glow);z-index:10;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.gallery-nav:hover{background:var(--kh-primary);color:var(--bg-main);box-shadow:0 0 30px var(--glow-strong);transform:translateY(-50%) scale(1.15);border-color:var(--kh-primary)}.gallery-nav:active{transform:translateY(-50%) scale(.95)}.gallery-nav.prev{left:.75rem}.gallery-nav.next{right:.75rem}.gallery-counter{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);padding:.6rem 1.2rem;background:#141828f2;border:2px solid var(--kh-primary);border-radius:var(--radius-md);font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:var(--kh-primary);box-shadow:0 0 20px var(--glow);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.info-card{padding:1.25rem;background:var(--bg-elevated);border:2px solid var(--border);border-left:4px solid var(--kh-primary);border-radius:var(--radius-md);box-shadow:inset 0 0 20px #0000004d}.info-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:.625rem}.info-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.detail-section{margin-bottom:2rem}.detail-section-title{font-family:Orbitron,monospace;font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--kh-primary);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid var(--border);position:relative}.detail-section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:80px;height:2px;background:var(--kh-primary);box-shadow:0 0 10px var(--glow)}.detail-text{line-height:1.8;color:var(--text-secondary);font-weight:500;font-size:.95rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.625rem;margin-top:2rem}.detail-tag{padding:.6rem 1.25rem;background:var(--kh-primary-dark);border:2px solid var(--kh-primary);border-radius:var(--radius-md);font-size:.8rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px var(--glow)}.modal-overlay{position:fixed;inset:0;background:#0a0e1af2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{width:90%;max-width:750px;max-height:90vh;background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 50px var(--glow-strong);display:flex;flex-direction:column;animation:modalSlide .4s ease;position:relative}@keyframes modalSlide{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:2px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-title{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px var(--glow)}.modal-close{width:48px;height:48px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1.75rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-hover);border-color:var(--kh-primary);color:var(--kh-primary);box-shadow:0 0 20px var(--glow)}.modal-body{flex:1;overflow-y:auto;padding:2rem}.entry-form{display:flex;flex-direction:column;gap:1.75rem}.form-section{display:flex;flex-direction:column;gap:.625rem}.form-label{font-family:Orbitron,monospace;font-size:.85rem;font-weight:800;color:var(--kh-primary);text-transform:uppercase;letter-spacing:2px}.form-input,.form-textarea{padding:1rem;border:2px solid var(--border);border-radius:var(--radius-md);font-size:.95rem;font-family:inherit;font-weight:600;background:var(--bg-main);color:var(--text-primary);transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--kh-primary);background:var(--bg-elevated);box-shadow:0 0 15px var(--glow)}.form-textarea{resize:vertical}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.type-card{padding:.9rem .4rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.type-card:hover{border-color:var(--kh-primary);background:var(--bg-hover);box-shadow:0 0 20px var(--glow)}.type-card.selected{background:var(--kh-primary-dark);border-color:var(--kh-primary);box-shadow:0 0 25px var(--glow-strong)}.type-emoji{font-size:1.9rem;margin-bottom:.3rem;filter:drop-shadow(0 0 6px var(--glow))}.type-text{font-size:.72rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.upload-area{padding:2rem;background:var(--bg-elevated);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center}.upload-btn{padding:1.25rem 2.5rem;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.95rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;font-family:inherit}.upload-btn:hover{background:var(--bg-hover);border-color:var(--kh-primary);box-shadow:0 0 20px var(--glow)}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;margin-top:1.5rem}.image-preview-single{margin-top:1rem;max-width:300px}.image-preview-single img{width:100%;height:auto;border-radius:var(--radius-md);border:2px solid var(--border-light)}.image-preview-item{position:relative;aspect-ratio:1;overflow:hidden;border:2px solid var(--border);border-radius:var(--radius-md)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:.5rem;right:.5rem;width:36px;height:36px;background:#141828f2;border:2px solid var(--kh-primary);border-radius:50%;font-size:1.5rem;color:var(--kh-primary);cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px var(--glow);display:flex;align-items:center;justify-content:center}.remove-image-btn:hover{background:var(--kh-primary);color:var(--text-primary);box-shadow:0 0 20px var(--glow-strong)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid var(--border)}.form-button{padding:1rem 2rem;border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;font-family:inherit;position:relative;overflow:hidden}.submit-btn{background:linear-gradient(135deg,var(--kh-primary-dark) 0%,var(--kh-primary) 100%);border-color:var(--kh-primary);color:var(--text-primary);box-shadow:0 0 20px var(--glow)}.submit-btn:hover{box-shadow:0 0 30px var(--glow-strong);transform:translateY(-2px)}.cancel-btn{background:var(--bg-elevated);color:var(--text-secondary)}.cancel-btn:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.delete-btn{background:linear-gradient(135deg,#8b2e2e,#b33a3a);border-color:#d32f2f;color:var(--text-primary);box-shadow:0 0 15px #d32f2f66}.draft-btn{background:linear-gradient(135deg,#8b5e2e,#b37a3a);border-color:#ff9800;color:var(--text-primary);box-shadow:0 0 15px #ff980066}.draft-btn:hover{box-shadow:0 0 25px #ff980099;transform:translateY(-2px)}.delete-btn:hover{box-shadow:0 0 25px #d32f2f99;transform:translateY(-2px)}.privacy-toggle-wrapper{padding:1rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);transition:all .3s ease}.privacy-toggle{display:flex;align-items:center;gap:1rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.privacy-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.privacy-slider{width:52px;height:28px;background:var(--bg-card);border:2px solid var(--border);border-radius:10px;position:relative;transition:all .3s ease;flex-shrink:0}.privacy-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--text-muted);top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0006}.privacy-toggle input[type=checkbox]:checked~.privacy-slider{background:var(--kh-primary);border-color:var(--kh-primary)}.privacy-toggle input[type=checkbox]:checked~.privacy-slider:before{transform:translate(24px);background:#fff}.privacy-label{display:flex;align-items:center;gap:.75rem;flex:1}.privacy-icon{font-size:1.5rem;line-height:1}.privacy-text{display:flex;flex-direction:column;gap:.25rem}.privacy-text strong{font-size:.95rem;color:var(--text-primary);font-weight:700}.privacy-text small{font-size:.8rem;color:var(--text-muted);font-weight:400}.privacy-toggle:hover .privacy-slider{border-color:var(--kh-primary)}.privacy-toggle input[type=checkbox]:checked~.privacy-label .privacy-icon{filter:drop-shadow(0 0 8px var(--glow))}.toast-container{position:fixed;top:2rem;right:2rem;z-index:10000;display:flex;flex-direction:column;gap:1rem}.toast{padding:1.25rem 1.75rem;background:var(--bg-panel);border:2px solid var(--kh-primary);border-left:5px solid var(--kh-primary);border-radius:var(--radius-md);box-shadow:0 0 30px var(--glow-strong);min-width:320px;animation:toastSlide .4s ease;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;color:var(--text-primary)}@keyframes toastSlide{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast.success{border-left-color:#4caf50;box-shadow:0 0 30px #4caf5080}.toast.error{border-left-color:#f44336;box-shadow:0 0 30px #f4433680}.toast.warning{border-left-color:#ff9800;box-shadow:0 0 30px #ff980080}.toast.info{border-left-color:var(--kh-primary);box-shadow:0 0 30px var(--glow)}.activity-panel{position:fixed;right:-400px;top:0;bottom:0;width:400px;max-width:90vw;background:var(--bg-panel);border-left:2px solid var(--border-light);box-shadow:-4px 0 30px var(--shadow-lg);z-index:1001;display:flex;flex-direction:column;transition:right .3s cubic-bezier(.4,0,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}.activity-panel.active{right:0}.panel-header{padding:max(1.5rem,calc(1rem + env(safe-area-inset-top,0px))) 1.5rem 1.5rem;border-bottom:2px solid var(--border);background:var(--bg-elevated);display:flex;justify-content:space-between;align-items:center}.panel-title{font-family:Orbitron,monospace;font-size:1.2rem;font-weight:800;color:var(--kh-primary);text-transform:uppercase;letter-spacing:2px}.panel-close{width:40px;height:40px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1.5rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.panel-close:hover{background:var(--bg-hover);border-color:var(--kh-primary);color:var(--kh-primary)}.activity-scroll{flex:1;overflow-y:auto;padding:1rem}.activity-empty{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.activity-item{display:flex;gap:1rem;padding:1rem;margin-bottom:.75rem;background:var(--bg-elevated);border:2px solid var(--border);border-left:4px solid var(--kh-primary);border-radius:var(--radius-md);transition:all .3s ease}.activity-item:hover{background:var(--bg-hover);box-shadow:0 0 15px var(--glow)}.activity-icon{font-size:1.5rem;flex-shrink:0}.activity-details{flex:1}.activity-action{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.activity-entry{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.activity-meta{font-size:.75rem;color:var(--text-muted)}.feedback-form-section{padding:1rem;border-bottom:1px solid var(--border)}.feedback-input{width:100%;background:var(--bg-main);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:.9rem;padding:.75rem;resize:vertical;min-height:70px;max-height:200px;transition:border-color .3s ease;box-sizing:border-box}.feedback-input:focus{outline:none;border-color:var(--kh-primary);box-shadow:0 0 10px var(--glow)}.feedback-input::placeholder{color:var(--text-muted)}.feedback-form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.feedback-char-count{font-size:.75rem;color:var(--text-muted);font-family:Rajdhani,sans-serif}.feedback-submit-btn{padding:.4rem 1.2rem;background:var(--kh-primary-dark);border:2px solid var(--kh-primary);border-radius:var(--radius-md);font-size:.8rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;font-family:Rajdhani,sans-serif}.feedback-submit-btn:hover{background:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-divider{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem .5rem}.feedback-divider span{font-family:Orbitron,monospace;font-size:.65rem;font-weight:800;color:var(--text-muted);letter-spacing:2px;white-space:nowrap}.feedback-divider:after{content:"";flex:1;height:1px;background:var(--border)}.feedback-list{padding:0 1rem 1rem}.feedback-item{padding:.75rem;margin-bottom:.5rem;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--kh-primary);border-radius:var(--radius-md);transition:all .3s ease}.feedback-item:hover{background:var(--bg-hover);box-shadow:0 0 10px var(--glow)}.feedback-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.feedback-username{font-size:.8rem;font-weight:700;color:var(--kh-primary);text-shadow:0 0 5px var(--glow)}.feedback-time{font-size:.7rem;color:var(--text-muted)}.feedback-message{font-size:.85rem;color:var(--text-secondary);line-height:1.4;word-break:break-word}.panel-credits{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 1rem;margin-top:auto;border-top:1px solid var(--border);text-align:center}.credits-label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px}.credits-email{font-size:.75rem;color:var(--kh-primary);text-decoration:none;transition:all .3s ease}.credits-email:hover{text-shadow:0 0 8px var(--glow)}.mobile-nav-overlay{display:none;position:fixed;inset:0;background:#0a0e1acc;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav-overlay.active{display:block;opacity:1;pointer-events:auto}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-main);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--kh-primary-dark);border-radius:var(--radius-sm);border:2px solid var(--bg-main);box-shadow:inset 0 0 10px var(--glow)}::-webkit-scrollbar-thumb:hover{background:var(--kh-primary);box-shadow:inset 0 0 15px var(--glow-strong)}@media(max-width:1600px){.main-container{grid-template-columns:300px 520px 1fr}.main-container.closet-view{grid-template-columns:300px 570px 1fr}}@media(max-width:1400px){.main-container{grid-template-columns:290px 460px 1fr}.main-container.closet-view{grid-template-columns:290px 510px 1fr}}@media(max-width:1200px){.main-container{grid-template-columns:280px 420px 1fr}.main-container.closet-view{grid-template-columns:280px 450px 1fr}.detail-number{font-size:2.5rem}.detail-title{font-size:1.5rem}}@media(max-width:1024px){.left-panel{display:none!important}.top-bar{padding:.75rem}.top-bar-left{gap:.5rem;flex:1;overflow:hidden}.top-bar-right{gap:.5rem}.app-name,.version-badge,.top-bar-center,.user-info,.desktop-info-btn,.bookmark-tabs{display:none!important}.main-container{padding-bottom:0}.logout-btn{padding:.5rem .75rem;font-size:.7rem;white-space:nowrap}.style-selector-wrapper{display:flex;margin-right:.5rem;margin-left:auto;position:relative;z-index:200}.style-current{width:48px;height:40px;padding:6px}.style-options{right:0;z-index:250}.style-option{width:48px;height:48px;padding:6px}.mobile-menu-btn,.mobile-info-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1.5rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.main-container,.main-container.closet-view{grid-template-columns:1fr!important;gap:0;padding:1rem 1rem .75rem}.center-panel{width:100%!important;margin-bottom:0}.closet-grid-view,.closet-list-view,.search-section,#closetPage{width:100%!important;max-width:100%!important}.app-page{width:100%!important;max-width:100%!important;overflow-x:hidden!important}#profilePage{overflow-x:hidden!important}.profile-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.profile-content-grid{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.profile-sidebar,.profile-main{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}.profile-box{max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.view-mode-toggle{display:none!important}.closet-add-section:not(.closet-fab){display:none!important}.right-panel{display:none}.list-scroll,.closet-grid-scroll,.closet-list-view .list-scroll{padding-bottom:1.25rem}.activity-panel{width:350px;z-index:2000}.modal-overlay{padding-bottom:75px;z-index:1800}.modal-dialog{width:95%;max-height:calc(95vh - 75px)}.type-grid{grid-template-columns:repeat(3,1fr);gap:.6rem}.mobile-backdrop{position:fixed;inset:0;background:#0a0e1ae6;z-index:1500;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-backdrop.active{opacity:1;visibility:visible}.fab-backdrop{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1005;opacity:0;pointer-events:none;transition:opacity .2s ease}.fab-backdrop.visible{opacity:1;pointer-events:all}.fab-options{position:fixed;bottom:calc(82px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(16px);display:flex;flex-direction:column;gap:10px;align-items:center;z-index:1010;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.fab-options.visible{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}.fab-option{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:50px;color:var(--text-primary);cursor:pointer;font-size:14px;font-family:inherit;white-space:nowrap;box-shadow:0 4px 24px #0006;transition:background .15s ease,transform .1s ease,border-color .15s ease}.fab-option:active{transform:scale(.96)}.fab-option:hover{border-color:var(--kh-primary)}.fab-option-icon{font-size:18px}.fab-option-label{font-weight:600;letter-spacing:.5px}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-panel);border-top:2px solid var(--border-light);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom,0px));z-index:1000;box-shadow:0 -4px 20px var(--shadow-lg)}.app-wrapper.hidden .mobile-bottom-nav{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.login-screen:not(.hidden)) .mobile-bottom-nav{display:none!important;visibility:hidden!important}.mobile-bottom-nav{display:flex;align-items:center;justify-content:space-around;gap:.25rem}.app-wrapper{top:env(safe-area-inset-top,0px);bottom:65px;height:auto}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-wrapper{top:env(safe-area-inset-top,0px);bottom:calc(65px + env(safe-area-inset-bottom));height:auto}}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;flex:1;padding:.5rem .25rem;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;position:relative;min-width:0}.bottom-nav-btn:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:3px;background:linear-gradient(90deg,var(--kh-primary),var(--kh-accent));border-radius:0 0 3px 3px;transition:width .3s ease}.bottom-nav-btn.active:before{width:60%}.bottom-nav-btn.active{color:var(--kh-primary);background:var(--bg-elevated)}.bottom-nav-btn:active{transform:scale(.95);background:var(--bg-elevated-hover)}@supports (backdrop-filter: blur(10px)){.mobile-bottom-nav{background:#12192fd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}.bottom-nav-btn .nav-icon{font-size:1.4rem;transition:transform .3s ease}.bottom-nav-btn.active .nav-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--glow))}.bottom-nav-btn .nav-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fab-wrapper{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.fab-btn{position:relative;margin-top:-28px;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--kh-primary),var(--kh-primary-dark));border:3px solid var(--bg-panel);box-shadow:0 4px 20px #4a9fd880;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:400;color:#fff;line-height:1;padding-bottom:2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;z-index:1010}.fab-btn.open{transform:rotate(45deg);box-shadow:0 6px 28px #4a9fd8b3}.mobile-menu-container{position:fixed;top:0;bottom:0;left:-100%;width:85vw;max-width:350px;background:var(--bg-panel);border-right:2px solid var(--border-light);box-shadow:4px 0 30px var(--shadow-lg);z-index:1600;display:flex;flex-direction:column;transition:left .3s cubic-bezier(.4,0,.2,1);padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-menu-container.active{left:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:max(1.5rem,calc(1rem + env(safe-area-inset-top,0px))) 1.5rem 1.5rem;border-bottom:2px solid var(--border);background:var(--bg-elevated)}.mobile-menu-title{font-family:Orbitron,monospace;font-size:1.2rem;font-weight:800;color:var(--kh-primary);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 10px var(--glow)}.mobile-menu-close{width:40px;height:40px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1.5rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mobile-menu-close:hover{background:var(--bg-hover);border-color:var(--kh-primary);color:var(--kh-primary)}.mobile-menu-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-detail-overlay{position:fixed;inset:0;background:var(--bg-panel);z-index:1700;display:none;flex-direction:column;overflow:hidden}.mobile-detail-overlay.active{display:flex}.mobile-detail-header{display:flex;justify-content:space-between;align-items:center;padding:max(3.5rem,env(safe-area-inset-top,3.5rem)) 1rem .75rem;background:var(--bg-elevated);border-bottom:2px solid var(--border);flex-shrink:0}.mobile-detail-back{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:1rem;color:var(--kh-primary);cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:700}.mobile-detail-back:hover{background:var(--bg-hover);border-color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.mobile-detail-actions{display:flex;gap:.5rem}.mobile-detail-btn{width:44px;height:44px;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);font-size:1.1rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mobile-detail-btn:hover{background:var(--bg-hover);border-color:var(--kh-primary);color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.mobile-detail-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.5rem 1rem}.image-gallery{min-height:250px;max-height:400px}.gallery-image{max-height:400px}.entry-number-badge{font-size:1.2rem;padding:.4rem .8rem}.entry-type-badge-small{font-size:.7rem;padding:.3rem .6rem}}.style-selector-wrapper{display:flex;align-items:center;margin-right:1rem;position:relative;z-index:150}.style-dropdown{position:relative}.style-current{width:50px;height:36px;cursor:pointer;border:2px solid var(--border-light);border-radius:var(--radius-md);padding:4px;background:var(--bg-elevated);transition:all .3s ease}.style-current:hover{border-color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.style-options{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-md);padding:8px;display:none;flex-direction:column;gap:8px;box-shadow:0 8px 24px var(--shadow-lg);min-width:60px}.style-options.active{display:flex}.style-option{width:42px;height:42px;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all .3s ease}.style-option:hover{transform:scale(1.05)}.theme-preview{width:100%;height:100%;border-radius:6px;position:relative;border:2px solid transparent;transition:all .3s ease}.style-option:hover .theme-preview{border-color:var(--kh-primary);box-shadow:0 0 10px var(--glow)}.preview-default{background:linear-gradient(135deg,#2e6b99,#4a9fd8)}.preview-cyberpunk{background:#000;border:2px solid #FF1493;border-radius:8px;box-shadow:0 0 8px #ff149399,inset 0 0 10px #ff8c0033;position:relative;overflow:hidden}.preview-cyberpunk:before{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(135deg,#ff8c004d,#ff14934d)}.preview-pokedex{background:#8b0000}.preview-pokedex:before{content:"";position:absolute;top:4px;left:4px;width:12px;height:12px;background:radial-gradient(circle,#4da9ff,#06c);border-radius:50%;border:1px solid #FFFFFF;box-shadow:0 0 8px #4da9ffcc}.preview-gameboy{background:linear-gradient(135deg,#b8b896,#c4c4a0);border:2px solid #2B2B2B}.preview-cozy{background:linear-gradient(135deg,#ffb4a8,#ffccc4)}.preview-letter{background:linear-gradient(135deg,#f7f4ef,#ede6d9);border:2px solid #C41E3A;position:relative;overflow:hidden}.preview-letter:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,#C41E3A 49%,#C41E3A 51%,transparent 52%),linear-gradient(225deg,transparent 48%,#C41E3A 49%,#C41E3A 51%,transparent 52%);opacity:.35}.preview-letter:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:radial-gradient(circle,#e0253f,#9a1530);border-radius:50%;box-shadow:0 0 4px #a3221ab3}.preview-console{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #107C10;box-shadow:0 0 6px #107c1099}.preview-console:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#107c10;border-radius:50%;box-shadow:0 0 8px #107c10}.preview-rainbow{background:#fff;position:relative;overflow:hidden;border:2px solid #E8E8F0}.preview-rainbow:before{content:"";position:absolute;bottom:7px;left:5px;right:5px;height:5px;background:linear-gradient(90deg,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc);border-radius:3px}.preview-rainbow:after{content:"☁";position:absolute;top:1px;left:4px;font-size:18px;color:#ccd;line-height:1}@media(max-width:1024px){.style-current,.style-option{width:44px;height:32px}}body[data-theme=pokedex]{--kh-primary: #8B0000;--kh-primary-light: #A52A2A;--kh-primary-dark: #660000;--kh-accent: #FFD700;--kh-accent-glow: #FFF4A3;--bg-main: #1A0505;--bg-panel: #8B0000;--bg-elevated: #7A0000;--bg-hover: #9B1010;--bg-card: #750000;--text-primary: #FFFFFF;--text-secondary: #FFE6E6;--text-muted: #FFCCCC;--border: #660000;--border-light: #8B0000;--border-glow: #A52A2A;--shadow: rgba(0, 0, 0, .7);--shadow-lg: rgba(0, 0, 0, .9);--glow: rgba(139, 0, 0, .4);--glow-strong: rgba(139, 0, 0, .6)}body[data-theme=pokedex] .logo-mini{background:linear-gradient(135deg,#06c,#4da9ff);border-color:#fff}body[data-theme=pokedex] .logo-shape{width:16px;height:16px;background:radial-gradient(circle,#fff,#4da9ff);clip-path:circle(50%);animation:pokePulse 2s ease-in-out infinite}@keyframes pokePulse{0%,to{transform:scale(1);box-shadow:0 0 10px #4da9ff99}50%{transform:scale(1.2);box-shadow:0 0 20px #4da9ff}}body[data-theme=pokedex] .app-name{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5),2px 2px 0 #660000,-1px -1px 0 #000000}body[data-theme=pokedex] .version-badge{background:gold;color:#8b0000;border-color:gold;font-weight:900}body[data-theme=pokedex] .top-bar{background:linear-gradient(180deg,#8b0000,#750000);border-bottom-color:gold}body[data-theme=pokedex] .bar-glow{background:linear-gradient(90deg,transparent,#FFD700,transparent)}body[data-theme=pokedex] .left-panel,body[data-theme=pokedex] .center-panel .search-section,body[data-theme=pokedex] .center-panel .list-view,body[data-theme=pokedex] .right-panel{background:linear-gradient(135deg,#7a0000,#8b0000,#7a0000);border-color:#600}body[data-theme=pokedex] .category-item:hover,body[data-theme=pokedex] .list-item:hover{background:#9b101066}body[data-theme=pokedex] .category-item.active{background:linear-gradient(90deg,rgba(155,16,16,.6) 0%,transparent 100%)}body[data-theme=pokedex] .item-selector{background:transparent}body[data-theme=pokedex] .category-item:hover .item-selector,body[data-theme=pokedex] .category-item.active .item-selector{background:gold;box-shadow:0 0 15px #ffd700cc}body[data-theme=pokedex] .cat-count,body[data-theme=pokedex] .stat-value,body[data-theme=pokedex] .counter-current{color:gold;text-shadow:0 0 10px rgba(255,215,0,.8)}body[data-theme=pokedex] .section-header{color:#fff}body[data-theme=pokedex] .user-name,body[data-theme=pokedex] .user-role{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}body[data-theme=pokedex] .item-number,body[data-theme=pokedex] .detail-number,body[data-theme=pokedex] .entry-number-badge{color:#4da9ff;text-shadow:0 0 15px rgba(77,169,255,.9)}body[data-theme=pokedex] .list-item:before,body[data-theme=pokedex] .list-item.active:before{background:gold;box-shadow:0 0 15px #ffd700cc}body[data-theme=pokedex] .item-tag,body[data-theme=pokedex] .item-tag-more{background:#0f6b0f;border-color:#1a8f1a;color:#90ee90}body[data-theme=pokedex] .add-btn{background:linear-gradient(135deg,gold,orange);color:#8b0000;border-color:gold;text-shadow:none}body[data-theme=pokedex] .modal-dialog,body[data-theme=pokedex] .login-container{background:linear-gradient(135deg,#7a0000,#8b0000,#7a0000);border-color:gold}body[data-theme=pokedex] .type-card.selected{background:gold;border-color:orange;color:#8b0000}body[data-theme=pokedex] .type-card.selected .type-text{color:#8b0000}body[data-theme=pokedex] .style-selector-dropdown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFD700' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}body[data-theme=gameboy] .style-selector-dropdown{background:#9bbc0f;border:2px solid #0F380F;color:#0f380f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230F380F' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}body[data-theme=gameboy] .style-selector-dropdown:hover{background:#a0cc1f;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230F380F' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-shadow:none}@media(max-width:1024px){.style-selector-wrapper{margin-right:.5rem;order:-1}.style-selector-dropdown{padding:.5rem 2rem .5rem .75rem;font-size:.75rem}}body[data-theme=gameboy]{--kh-primary: #2B2B2B;--kh-primary-light: #3A3A3A;--kh-primary-dark: #1A1A1A;--kh-accent: #2B2B2B;--kh-accent-glow: #3A3A3A;--bg-main: #C4C4A0;--bg-panel: #B8B896;--bg-elevated: #C4C4A0;--bg-hover: #CFCFB0;--bg-card: #B8B896;--text-primary: #2B2B2B;--text-secondary: #3A3A3A;--text-muted: #5A5A4A;--border: #2B2B2B;--border-light: #3A3A3A;--border-glow: #2B2B2B;--shadow: rgba(43, 43, 43, .2);--shadow-lg: rgba(43, 43, 43, .4);--glow: rgba(43, 43, 43, .3);--glow-strong: rgba(43, 43, 43, .6)}body[data-theme=gameboy] *{text-shadow:none!important}body[data-theme=gameboy]{background:#c4c4a0}body[data-theme=gameboy] .kh-bg-stars,body[data-theme=gameboy] .kh-bg-pattern{display:none}body[data-theme=gameboy] .logo-mini{background:transparent;border:3px solid #2B2B2B}body[data-theme=gameboy] .logo-shape{background:#2b2b2b;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}body[data-theme=gameboy] .app-name{color:#2b2b2b;font-family:Courier New,monospace;letter-spacing:2px}body[data-theme=gameboy] .version-badge{background:transparent;color:#2b2b2b;border:2px solid #2B2B2B}body[data-theme=gameboy] .top-bar{background:#b8b896;border-bottom:3px solid #2B2B2B;box-shadow:none}body[data-theme=gameboy] .bar-glow{display:none}body[data-theme=gameboy] .left-panel,body[data-theme=gameboy] .center-panel .search-section,body[data-theme=gameboy] .center-panel .list-view,body[data-theme=gameboy] .right-panel{background:#c4c4a0;border:3px solid #2B2B2B;box-shadow:inset 0 0 20px #2b2b2b1a}body[data-theme=gameboy] .corner-accent{border-color:#2b2b2b;border-width:3px}body[data-theme=gameboy] .category-item,body[data-theme=gameboy] .list-item{background:transparent;border:2px solid #2B2B2B}body[data-theme=gameboy] .category-item:hover,body[data-theme=gameboy] .list-item:hover,body[data-theme=gameboy] .category-item.active,body[data-theme=gameboy] .list-item.active{background:#b8b896}body[data-theme=gameboy] .item-selector{background:transparent}body[data-theme=gameboy] .category-item:hover .item-selector,body[data-theme=gameboy] .category-item.active .item-selector{background:#2b2b2b}body[data-theme=gameboy] .cat-count,body[data-theme=gameboy] .stat-value,body[data-theme=gameboy] .counter-current,body[data-theme=gameboy] .item-number{color:#2b2b2b;font-family:Courier New,monospace}body[data-theme=gameboy] .list-item:before{background:#2b2b2b}body[data-theme=gameboy] .item-image-container{background:#b8b896;border:2px solid #2B2B2B}body[data-theme=gameboy] .item-image{filter:none;opacity:1}body[data-theme=gameboy] .item-no-image{background:#c4c4a0}body[data-theme=gameboy] .item-type-overlay{background:#b8b896f2;border-top:2px solid #2B2B2B;color:#2b2b2b}body[data-theme=gameboy] .search-input,body[data-theme=gameboy] .form-input,body[data-theme=gameboy] .form-textarea{background:#c4c4a0;border:2px solid #2B2B2B;color:#2b2b2b}body[data-theme=gameboy] .search-input:focus,body[data-theme=gameboy] .form-input:focus,body[data-theme=gameboy] .form-textarea:focus{background:#cfcfb0;border-color:#2b2b2b;box-shadow:inset 0 0 10px #2b2b2b33}body[data-theme=gameboy] button{background:#b8b896;border:2px solid #2B2B2B;color:#2b2b2b;box-shadow:none}body[data-theme=gameboy] button:hover{background:#c4c4a0;box-shadow:none}body[data-theme=gameboy] .add-btn,body[data-theme=gameboy] .submit-btn,body[data-theme=gameboy] .login-btn{background:#2b2b2b;color:#c4c4a0;border:2px solid #2B2B2B}body[data-theme=gameboy] .add-btn:hover,body[data-theme=gameboy] .submit-btn:hover,body[data-theme=gameboy] .login-btn:hover{background:#3a3a3a}body[data-theme=gameboy] .tag-chip,body[data-theme=gameboy] .item-tag,body[data-theme=gameboy] .detail-tag{background:transparent;border:2px solid #2B2B2B;color:#2b2b2b}body[data-theme=gameboy] .tag-chip.active,body[data-theme=gameboy] .tag-chip:hover{background:#2b2b2b;color:#c4c4a0}body[data-theme=gameboy] .modal-dialog,body[data-theme=gameboy] .login-container{background:#c4c4a0;border:3px solid #2B2B2B;box-shadow:0 0 #0000}body[data-theme=gameboy] .type-card{background:#c4c4a0;border:2px solid #2B2B2B}body[data-theme=gameboy] .type-card:hover,body[data-theme=gameboy] .type-card.selected{background:#2b2b2b;color:#c4c4a0}body[data-theme=gameboy] .type-card.selected .type-text{color:#c4c4a0}body[data-theme=gameboy] .gallery-image{filter:none}body[data-theme=gameboy] .detail-number,body[data-theme=gameboy] .detail-title{color:#2b2b2b;font-family:Courier New,monospace}body[data-theme=gameboy] .info-card{background:#b8b896;border:2px solid #2B2B2B;border-left-width:4px}body[data-theme=gameboy] .toast{background:#c4c4a0;border:3px solid #2B2B2B;color:#2b2b2b;box-shadow:none}body[data-theme=gameboy] ::-webkit-scrollbar-track{background:#c4c4a0}body[data-theme=gameboy] ::-webkit-scrollbar-thumb{background:#2b2b2b;border:2px solid #C4C4A0}body[data-theme=gameboy] .logo-crown{background:transparent;box-shadow:none}body[data-theme=gameboy] .crown-glow{display:none}body[data-theme=gameboy] .crown-icon{filter:none}body[data-theme=gameboy] .entry-number-badge,body[data-theme=gameboy] .entry-type-badge-small,body[data-theme=gameboy] .gallery-nav,body[data-theme=gameboy] .gallery-counter{background:#b8b896f2;border:2px solid #2B2B2B;color:#2b2b2b;box-shadow:none}body[data-theme=gameboy] .style-selector-dropdown{background:#c4c4a0;border:2px solid #2B2B2B;color:#2b2b2b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232B2B2B' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}body[data-theme=gameboy] .style-selector-dropdown:hover{background:#b8b896;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232B2B2B' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-shadow:none}body[data-theme=cozy]{--kh-primary: #FFB4A8;--kh-primary-light: #FFCCC4;--kh-primary-dark: #FF9B8E;--kh-accent: #FFF4A3;--kh-accent-glow: #FFFBCC;--bg-main: #FFF9F0;--bg-panel: #FFEBE0;--bg-elevated: #FFF5EB;--bg-hover: #FFD4C8;--bg-card: #FFF0E6;--text-primary: #6B4E3D;--text-secondary: #8B7355;--text-muted: #A89080;--border: #FFD4C8;--border-light: #FFE0D6;--border-glow: #FFB4A8;--shadow: rgba(107, 78, 61, .15);--shadow-lg: rgba(107, 78, 61, .25);--glow: rgba(255, 180, 168, .3);--glow-strong: rgba(255, 180, 168, .5)}body[data-theme=cozy] *{text-shadow:none!important}body[data-theme=cozy]{background:linear-gradient(135deg,#fff9f0,#ffebe0,#fff5eb);font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif}body[data-theme=cozy] .kh-bg-stars{background-image:radial-gradient(circle,#FFE0D6 2px,transparent 2px),radial-gradient(circle,#FFD4C8 1px,transparent 1px);background-size:80px 80px,40px 40px;background-position:0 0,20px 20px;opacity:.4}body[data-theme=cozy] .kh-bg-pattern{background-image:radial-gradient(circle at 20% 30%,rgba(255,180,168,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,212,200,.08) 0%,transparent 50%)}body[data-theme=cozy] .logo-mini{background:linear-gradient(135deg,#ffb4a8,#ffccc4);border:3px solid #FFF5EB;box-shadow:0 4px 12px #ffb4a84d}body[data-theme=cozy] .logo-shape{background:#fff;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:cozyBounce 2s ease-in-out infinite}@keyframes cozyBounce{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(5deg)}}body[data-theme=cozy] .app-name{color:#6b4e3d;font-family:Comic Sans MS,cursive;letter-spacing:2px}body[data-theme=cozy] .version-badge{background:#fff;color:#ffb4a8;border:2px solid #FFB4A8;font-weight:700;box-shadow:0 2px 8px #ffb4a84d}body[data-theme=cozy] .top-bar{background:linear-gradient(180deg,#ffebe0,#fff5eb);border-bottom:3px solid #FFD4C8;box-shadow:0 4px 12px #6b4e3d1a}body[data-theme=cozy] .bar-glow{background:linear-gradient(90deg,transparent,#FFB4A8,transparent);opacity:.4}body[data-theme=cozy] .left-panel,body[data-theme=cozy] .center-panel .search-section,body[data-theme=cozy] .center-panel .list-view,body[data-theme=cozy] .right-panel{background:#ffebe0;border:3px solid #FFD4C8;border-radius:20px;box-shadow:0 8px 20px #6b4e3d1f}body[data-theme=cozy] .corner-accent{border-color:#ffb4a8;border-width:3px;width:20px;height:20px;border-radius:4px}body[data-theme=cozy] .category-item,body[data-theme=cozy] .list-item{background:#fff5eb;border:2px solid #FFE0D6;border-radius:15px}body[data-theme=cozy] .category-item:hover,body[data-theme=cozy] .list-item:hover{background:#ffd4c8;border-color:#ffb4a8;transform:translate(4px) scale(1.02)}body[data-theme=cozy] .category-item.active,body[data-theme=cozy] .list-item.active{background:linear-gradient(90deg,#ffd4c8,#ffe0d6);border-color:#ffb4a8;box-shadow:0 4px 12px #ffb4a84d}body[data-theme=cozy] .item-selector{background:transparent;border-radius:4px}body[data-theme=cozy] .category-item:hover .item-selector,body[data-theme=cozy] .category-item.active .item-selector{background:#ffb4a8;box-shadow:0 0 10px #ffb4a880}body[data-theme=cozy] .cat-count,body[data-theme=cozy] .stat-value,body[data-theme=cozy] .counter-current,body[data-theme=cozy] .item-number,body[data-theme=cozy] .detail-number{color:#ffb4a8;font-family:Comic Sans MS,cursive}body[data-theme=cozy] .user-name{color:#6b4e3d}body[data-theme=cozy] .list-item:before{background:#ffb4a8;box-shadow:0 0 10px #ffb4a866;border-radius:4px}body[data-theme=cozy] .item-image-container{background:#fff5eb;border:3px solid #FFE0D6;border-radius:15px}body[data-theme=cozy] .item-type-overlay{background:#ffebe0f2;border-top:2px solid #FFB4A8;color:#6b4e3d;font-family:Comic Sans MS,cursive}body[data-theme=cozy] .tag-chip,body[data-theme=cozy] .item-tag,body[data-theme=cozy] .detail-tag{background:#fff;border:2px solid #FFD4C8;color:#6b4e3d;border-radius:20px;font-family:Comic Sans MS,cursive}body[data-theme=cozy] .tag-chip:hover,body[data-theme=cozy] .tag-chip.active{background:#ffb4a8;color:#fff;border-color:#ffb4a8}body[data-theme=cozy] .item-tag-more{background:#ffb4a8;border-color:#ffb4a8;color:#fff}body[data-theme=cozy] button,body[data-theme=cozy] .form-button{background:#fff5eb;border:3px solid #FFD4C8;color:#6b4e3d;border-radius:15px;box-shadow:0 4px 10px #6b4e3d1a}body[data-theme=cozy] button:hover,body[data-theme=cozy] .form-button:hover{background:#ffd4c8;border-color:#ffb4a8;transform:translateY(-2px);box-shadow:0 6px 15px #6b4e3d26}body[data-theme=cozy] .add-btn,body[data-theme=cozy] .submit-btn,body[data-theme=cozy] .login-btn{background:linear-gradient(135deg,#ffb4a8,#ffccc4);color:#fff;border:3px solid #FFB4A8;box-shadow:0 6px 15px #ffb4a84d}body[data-theme=cozy] .add-btn:hover,body[data-theme=cozy] .submit-btn:hover,body[data-theme=cozy] .login-btn:hover{background:linear-gradient(135deg,#ff9b8e,#ffb4a8);box-shadow:0 8px 20px #ffb4a866}body[data-theme=cozy] .search-input,body[data-theme=cozy] .form-input,body[data-theme=cozy] .form-textarea{background:#fff;border:2px solid #FFE0D6;color:#6b4e3d;border-radius:12px}body[data-theme=cozy] .search-input:focus,body[data-theme=cozy] .form-input:focus,body[data-theme=cozy] .form-textarea:focus{background:#fffbf5;border-color:#ffb4a8;box-shadow:0 0 15px #ffb4a833}body[data-theme=cozy] .modal-dialog,body[data-theme=cozy] .login-container{background:#ffebe0;border:3px solid #FFD4C8;border-radius:25px;box-shadow:0 15px 40px #6b4e3d33}body[data-theme=cozy] .type-card{background:#fff5eb;border:2px solid #FFE0D6;border-radius:15px}body[data-theme=cozy] .type-card:hover,body[data-theme=cozy] .type-card.selected{background:linear-gradient(135deg,#ffd4c8,#ffe0d6);border-color:#ffb4a8;transform:scale(1.05)}body[data-theme=cozy] .type-card.selected .type-text{color:#6b4e3d;font-weight:700}body[data-theme=cozy] .info-card{background:#fff5eb;border:2px solid #FFE0D6;border-left:5px solid #FFB4A8;border-radius:12px;box-shadow:0 4px 10px #6b4e3d14}body[data-theme=cozy] .toast{background:#ffebe0;border:3px solid #FFB4A8;color:#6b4e3d;border-radius:15px;box-shadow:0 8px 20px #6b4e3d26}body[data-theme=cozy] ::-webkit-scrollbar-track{background:#fff5eb}body[data-theme=cozy] ::-webkit-scrollbar-thumb{background:#ffb4a8;border:2px solid #FFF5EB;border-radius:10px}body[data-theme=cozy] ::-webkit-scrollbar-thumb:hover{background:#ff9b8e}body[data-theme=cozy] .logo-crown{background:linear-gradient(circle,rgba(255,180,168,.3) 0%,transparent 70%);box-shadow:0 0 30px #ffb4a84d}body[data-theme=cozy] .crown-glow{background:radial-gradient(circle,rgba(255,180,168,.2) 0%,transparent 70%)}body[data-theme=cozy] .entry-number-badge,body[data-theme=cozy] .entry-type-badge-small,body[data-theme=cozy] .gallery-nav,body[data-theme=cozy] .gallery-counter{background:#ffebe0f2;border:2px solid #FFB4A8;color:#6b4e3d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body[data-theme=cozy] .draft-item{border-left-color:#ffb4a8}body[data-theme=cozy] .style-selector-dropdown{background-color:#fff5eb;border:2px solid #FFD4C8;color:#6b4e3d;border-radius:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFB4A8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}body[data-theme=cozy] .style-selector-dropdown:hover{background:#ffd4c8;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23FFB4A8' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;box-shadow:0 4px 10px #ffb4a833}body[data-theme=cyberpunk]{--kh-primary: #FF0080;--kh-primary-light: #FF1493;--kh-primary-dark: #CC0066;--kh-accent: #00FFFF;--kh-accent-glow: #00FFFF;--bg-main: #0A0A0F;--bg-panel: #12121A;--bg-elevated: #1A1A28;--bg-hover: #252535;--bg-card: #16161F;--text-primary: #FFFFFF;--text-secondary: #A8A8B8;--text-muted: #6B6B7B;--border: #2A2A3A;--border-light: #3A3A4A;--border-glow: #FF0080;--shadow: rgba(0, 0, 0, .8);--shadow-lg: rgba(0, 0, 0, .95);--glow: rgba(255, 0, 128, .5);--glow-strong: rgba(255, 0, 128, .8)}body[data-theme=cyberpunk]{background:#0a0a0f;font-family:Rajdhani,sans-serif}body[data-theme=cyberpunk] .kh-bg-stars{background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,128,.03) 2px,rgba(255,0,128,.03) 4px),radial-gradient(circle at 30% 40%,rgba(255,0,128,.08) 0%,transparent 60%),radial-gradient(circle at 70% 60%,rgba(0,255,255,.08) 0%,transparent 60%);opacity:.6}body[data-theme=cyberpunk] .kh-bg-pattern{background-image:radial-gradient(circle at 20% 30%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,255,.1) 0%,transparent 50%)}body[data-theme=cyberpunk] .logo-mini{background:linear-gradient(135deg,#1a1a28,#252535);border:2px solid #FF0080;box-shadow:0 0 20px #ff008099,0 0 40px #00ffff4d,inset 0 0 20px #ff00801a}body[data-theme=cyberpunk] .logo-shape{width:18px;height:18px;background:linear-gradient(135deg,#ff0080,#0ff);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);animation:cyberSpin 6s linear infinite;filter:drop-shadow(0 0 8px #FF0080)}@keyframes cyberSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body[data-theme=cyberpunk] .app-name{color:#ff0080;text-shadow:0 0 10px rgba(255,0,128,.8),2px 0 5px rgba(0,255,255,.5),-2px 0 5px rgba(0,255,255,.5);animation:glitchText 3s infinite}@keyframes glitchText{0%,90%,to{text-shadow:0 0 10px rgba(255,0,128,.8),2px 0 5px rgba(0,255,255,.5),-2px 0 5px rgba(0,255,255,.5)}95%{text-shadow:0 0 20px rgba(255,0,128,1),4px 0 10px rgba(0,255,255,.8),-4px 0 10px rgba(0,255,255,.8);transform:translate(2px)}}body[data-theme=cyberpunk] .version-badge{background:linear-gradient(135deg,#ff0080,#c06);color:#fff;border:2px solid #00FFFF;box-shadow:0 0 15px #00ffff80;text-shadow:0 0 5px rgba(0,0,0,.5)}body[data-theme=cyberpunk] .top-bar{background:linear-gradient(180deg,#12121a,#0a0a0f);border-bottom:2px solid #FF0080;box-shadow:0 0 30px #ff008080,0 4px 20px #000c,inset 0 -1px 20px #ff008033}body[data-theme=cyberpunk] .bar-glow{background:linear-gradient(90deg,transparent,#FF0080,#00FFFF,#FF0080,transparent);height:2px;animation:barGlide 4s ease-in-out infinite}@keyframes barGlide{0%,to{opacity:.5;transform:translate(-50%)}50%{opacity:1;transform:translate(50%)}}body[data-theme=cyberpunk] .left-panel,body[data-theme=cyberpunk] .center-panel .search-section,body[data-theme=cyberpunk] .center-panel .list-view,body[data-theme=cyberpunk] .right-panel{background:linear-gradient(135deg,#12121a,#16161f,#12121a);border:2px solid #FF0080;box-shadow:0 0 20px #ff008066,0 8px 32px #0009,inset 0 0 40px #00000080,inset 0 0 2px #ff00804d}body[data-theme=cyberpunk] .corner-accent{border-color:#0ff;box-shadow:0 0 10px #0ffc;animation:cornerFlicker 2s ease-in-out infinite}@keyframes cornerFlicker{0%,to{opacity:1}50%{opacity:.7}}body[data-theme=cyberpunk] .category-item:hover,body[data-theme=cyberpunk] .list-item:hover{background:linear-gradient(90deg,#ff008026,#00ffff0d);border-color:#ff0080;box-shadow:0 0 15px #ff00804d}body[data-theme=cyberpunk] .category-item.active{background:linear-gradient(90deg,rgba(255,0,128,.2) 0%,transparent 100%);border-color:#ff0080;box-shadow:0 0 20px #ff008066}body[data-theme=cyberpunk] .category-item:hover .item-selector,body[data-theme=cyberpunk] .category-item.active .item-selector{background:linear-gradient(180deg,#ff0080,#0ff);box-shadow:0 0 10px #ff0080cc}body[data-theme=cyberpunk] .cat-count,body[data-theme=cyberpunk] .stat-value,body[data-theme=cyberpunk] .counter-current{color:#ff0080;text-shadow:0 0 10px rgba(255,0,128,1),0 0 20px rgba(255,0,128,.5);font-weight:900}body[data-theme=cyberpunk] .user-name{color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.8)}body[data-theme=cyberpunk] .user-role{color:#a8a8b8}body[data-theme=cyberpunk] .item-number,body[data-theme=cyberpunk] .detail-number,body[data-theme=cyberpunk] .entry-number-badge{color:#ff0080;text-shadow:0 0 10px rgba(255,0,128,1),0 0 20px rgba(255,0,128,.5);font-family:Rajdhani,monospace;font-weight:900;letter-spacing:-1px}body[data-theme=cyberpunk] .section-header{color:#ff0080;text-shadow:0 0 10px rgba(255,0,128,.6)}body[data-theme=cyberpunk] .list-item:before{background:linear-gradient(180deg,#ff0080,#0ff);box-shadow:0 0 15px #ff0080cc}body[data-theme=cyberpunk] .list-item.active{border-color:#ff0080;background:#ff008014;box-shadow:0 0 20px #ff008066,inset 0 0 20px #ff00800d}body[data-theme=cyberpunk] .item-tag{background:#00ffff1a;border-color:#0ff;color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.5)}body[data-theme=cyberpunk] .item-tag-more{background:linear-gradient(135deg,#ff0080,#c06);border-color:#ff0080;color:#fff;box-shadow:0 0 10px #ff008080}body[data-theme=cyberpunk] .add-btn{background:linear-gradient(135deg,#ff0080,#c06);color:#fff;border-color:#0ff;box-shadow:0 0 20px #ff008099,0 0 40px #00ffff4d;text-shadow:0 0 5px rgba(0,0,0,.5)}body[data-theme=cyberpunk] .add-btn:hover{box-shadow:0 0 30px #ff0080cc,0 0 50px #00ffff80}body[data-theme=cyberpunk] .modal-dialog,body[data-theme=cyberpunk] .login-container{background:linear-gradient(135deg,#12121a,#16161f,#12121a);border:2px solid #FF0080;box-shadow:0 0 40px #ff008099,0 0 80px #00ffff4d,inset 0 0 50px #0009}body[data-theme=cyberpunk] .type-card.selected{background:#ff008026;border-color:#ff0080;box-shadow:0 0 20px #ff008099,inset 0 0 20px #ff00801a}body[data-theme=cyberpunk] .search-input:focus,body[data-theme=cyberpunk] .form-input:focus,body[data-theme=cyberpunk] .form-textarea:focus{border-color:#ff0080;box-shadow:0 0 15px #ff008080,inset 0 0 10px #ff00801a}body[data-theme=cyberpunk] .detail-tag,body[data-theme=cyberpunk] .tag-chip.active{background:linear-gradient(135deg,#ff0080,#c06);border-color:#0ff;color:#fff;box-shadow:0 0 15px #ff008099}body[data-theme=cyberpunk] button:hover{border-color:#ff0080;box-shadow:0 0 15px #ff008066}body[data-theme=cyberpunk] .info-card{background:#ff00800d;border-left-color:#ff0080;border-left-width:4px;box-shadow:inset 0 0 20px #0009,-4px 0 10px #ff00804d}body[data-theme=cyberpunk] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff0080,#c06);border-color:#0a0a0f;box-shadow:0 0 10px #ff008099}body[data-theme=cyberpunk] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff1493,#0ff);box-shadow:0 0 15px #0ffc}body[data-theme=cyberpunk] .item-image-container,body[data-theme=cyberpunk] .image-gallery{border-color:#ff0080;box-shadow:0 0 15px #ff00804d}body[data-theme=cyberpunk] .item-type-overlay{background:#12121af2;border-top-color:#ff0080;color:#0ff;text-shadow:0 0 5px rgba(0,255,255,.6)}body[data-theme=console]{--kh-primary: #107C10;--kh-primary-light: #1B9E1B;--kh-primary-dark: #0B5B0B;--kh-accent: #52B043;--kh-accent-glow: #7FD672;--bg-main: #1A1A1A;--bg-panel: #242424;--bg-elevated: #2D2D2D;--bg-hover: #333333;--bg-card: #282828;--text-primary: #FFFFFF;--text-secondary: #C8C8C8;--text-muted: #808080;--border: #3A3A3A;--border-light: #4A4A4A;--border-glow: #107C10;--shadow: rgba(0, 0, 0, .6);--shadow-lg: rgba(0, 0, 0, .85);--glow: rgba(16, 124, 16, .35);--glow-strong: rgba(16, 124, 16, .6)}body[data-theme=console]{background:#1a1a1a;font-family:Segoe UI,Noto Sans,-apple-system,sans-serif}body[data-theme=console] .kh-bg-stars{background-image:radial-gradient(circle at 50% 50%,rgba(16,124,16,.03) 0%,transparent 70%);opacity:.8}body[data-theme=console] .kh-bg-pattern{background-image:radial-gradient(circle at 30% 40%,rgba(16,124,16,.05) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(82,176,67,.03) 0%,transparent 50%)}body[data-theme=console] .logo-mini{background:#1a1a1a;border:2px solid #107C10;border-radius:50%;box-shadow:0 0 12px #107c1080,inset 0 0 8px #107c1026}body[data-theme=console] .logo-shape{width:16px;height:16px;background:#107c10;border-radius:50%;box-shadow:0 0 10px #107c10cc;animation:consolePulse 3s ease-in-out infinite}@keyframes consolePulse{0%,to{box-shadow:0 0 8px #107c1099;opacity:.9}50%{box-shadow:0 0 16px #107c10;opacity:1}}body[data-theme=console] .app-name{color:#fff;font-weight:300;letter-spacing:4px;text-shadow:none}body[data-theme=console] .version-badge{background:#107c10;color:#fff;border:none;font-weight:700;border-radius:3px}body[data-theme=console] .top-bar{background:linear-gradient(180deg,#2d2d2d,#242424);border-bottom:2px solid #107C10;box-shadow:0 2px 15px #00000080}body[data-theme=console] .bar-glow{background:linear-gradient(90deg,transparent,#107C10,transparent);height:2px;opacity:.7}body[data-theme=console] .left-panel,body[data-theme=console] .center-panel .search-section,body[data-theme=console] .center-panel .list-view,body[data-theme=console] .right-panel{background:#242424;border:1px solid #3A3A3A;border-radius:4px;box-shadow:0 2px 10px #0006}body[data-theme=console] .corner-accent{border-color:#107c10;opacity:.5}body[data-theme=console] .category-item{border-radius:4px;transition:all .2s ease}body[data-theme=console] .category-item:hover,body[data-theme=console] .list-item:hover{background:#107c101f;border-color:#107c10}body[data-theme=console] .category-item.active{background:linear-gradient(90deg,rgba(16,124,16,.2) 0%,transparent 100%);border-left:3px solid #107C10}body[data-theme=console] .item-selector{background:transparent}body[data-theme=console] .category-item:hover .item-selector,body[data-theme=console] .category-item.active .item-selector{background:#107c10;box-shadow:0 0 8px #107c10b3}body[data-theme=console] .cat-count,body[data-theme=console] .stat-value,body[data-theme=console] .counter-current{color:#52b043;text-shadow:0 0 6px rgba(82,176,67,.4);font-weight:700}body[data-theme=console] .section-header{color:#c8c8c8;letter-spacing:2px}body[data-theme=console] .user-name{color:#52b043;text-shadow:none}body[data-theme=console] .user-role{color:gray}body[data-theme=console] .item-number,body[data-theme=console] .detail-number,body[data-theme=console] .entry-number-badge{color:#107c10;text-shadow:0 0 8px rgba(16,124,16,.5)}body[data-theme=console] .list-item:before,body[data-theme=console] .list-item.active:before{background:#107c10;box-shadow:0 0 6px #107c1080}body[data-theme=console] .list-item.active{background:#107c101a;border-color:#107c10}body[data-theme=console] .item-tag,body[data-theme=console] .item-tag-more{background:#107c1026;border:1px solid #107C10;color:#52b043;border-radius:3px}body[data-theme=console] .tag-chip{background:#2d2d2d;border:1px solid #3A3A3A;color:#c8c8c8;border-radius:3px}body[data-theme=console] .tag-chip.active,body[data-theme=console] .tag-chip:hover{background:#107c10;border-color:#107c10;color:#fff;box-shadow:0 0 8px #107c1066}body[data-theme=console] .add-btn{background:#107c10;color:#fff;border:none;border-radius:4px;font-weight:600;text-shadow:none;box-shadow:0 2px 8px #107c104d}body[data-theme=console] .add-btn:hover{background:#1b9e1b;box-shadow:0 4px 16px #107c1080}body[data-theme=console] .submit-btn,body[data-theme=console] .login-btn{background:#107c10;color:#fff;border:none;border-radius:4px}body[data-theme=console] .submit-btn:hover,body[data-theme=console] .login-btn:hover{background:#1b9e1b}body[data-theme=console] button{border-radius:4px}body[data-theme=console] button:hover{box-shadow:0 0 10px #107c1033}body[data-theme=console] .search-input,body[data-theme=console] .form-input,body[data-theme=console] .form-textarea{background:#1a1a1a;border:1px solid #3A3A3A;color:#fff;border-radius:4px}body[data-theme=console] .search-input:focus,body[data-theme=console] .form-input:focus,body[data-theme=console] .form-textarea:focus{border-color:#107c10;box-shadow:0 0 8px #107c104d;outline:none}body[data-theme=console] .modal-dialog,body[data-theme=console] .login-container{background:#242424;border:1px solid #3A3A3A;border-radius:6px;box-shadow:0 8px 40px #000000b3}body[data-theme=console] .type-card{background:#2d2d2d;border:1px solid #3A3A3A;border-radius:4px}body[data-theme=console] .type-card:hover{border-color:#107c10;background:#333}body[data-theme=console] .type-card.selected{background:#107c10;border-color:#1b9e1b;color:#fff;box-shadow:0 0 12px #107c1066}body[data-theme=console] .type-card.selected .type-text{color:#fff}body[data-theme=console] .item-image-container,body[data-theme=console] .image-gallery{border-color:#3a3a3a;border-radius:4px}body[data-theme=console] .item-type-overlay{background:#242424f2;border-top:1px solid #3A3A3A;color:#52b043}body[data-theme=console] .detail-number,body[data-theme=console] .detail-title{color:#fff;font-weight:400;letter-spacing:1px}body[data-theme=console] .info-card{background:#2d2d2d;border:1px solid #3A3A3A;border-left:3px solid #107C10;border-radius:4px}body[data-theme=console] .detail-tag{background:#107c1026;border:1px solid #107C10;color:#52b043;border-radius:3px}body[data-theme=console] .toast{background:#2d2d2d;border:1px solid #107C10;border-left:4px solid #107C10;color:#fff;border-radius:4px;box-shadow:0 4px 15px #00000080}body[data-theme=console] ::-webkit-scrollbar-track{background:#1a1a1a}body[data-theme=console] ::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}body[data-theme=console] ::-webkit-scrollbar-thumb:hover{background:#107c10}body[data-theme=console] .logo-crown{background:transparent;box-shadow:none}body[data-theme=console] .crown-glow{display:none}body[data-theme=console] .entry-number-badge,body[data-theme=console] .entry-type-badge-small{background:#242424f2;border:1px solid #3A3A3A;color:#52b043;border-radius:3px}body[data-theme=console] .gallery-nav,body[data-theme=console] .gallery-counter{background:#242424f2;border:1px solid #3A3A3A;color:#fff;border-radius:4px}body[data-theme=console] .closet-item-card{border-color:#3a3a3a;border-radius:4px}body[data-theme=console] .closet-item-card:hover{border-color:#107c10;box-shadow:0 2px 12px #107c104d}body[data-theme=console] .closet-item-card.active{border-color:#107c10;box-shadow:0 0 15px #107c1066}body[data-theme=console] .closet-category-badge{background:#1a1a1af2;border-color:#107c10;color:#52b043}body[data-theme=console] .bookmark-tab{border-radius:4px 4px 0 0}body[data-theme=console] .bookmark-tab.active{border-bottom:2px solid #107C10}body[data-theme=console] .mobile-bottom-nav{background:#242424;border-top:1px solid #3A3A3A}body[data-theme=console] .bottom-nav-btn.active{color:#107c10}body[data-theme=console] .bottom-nav-btn.active:after{background:#107c10}body[data-theme=letter]{--kh-primary: #C41E3A;--kh-primary-light: #E0253F;--kh-primary-dark: #9A1530;--kh-accent: #C41E3A;--kh-accent-glow: rgba(196, 30, 58, .28);--bg-main: #F7F4EF;--bg-panel: #F1ECE3;--bg-elevated: #E8E0D3;--bg-hover: #DCD2C0;--bg-card: #FBF9F6;--bg-secondary: #EDE6D9;--text-primary: #1A0C0A;--text-secondary: #5A3828;--text-muted: #7A6858;--border: #D6CBBA;--border-light: #E2D6C4;--border-glow: #C41E3A;--shadow: transparent;--shadow-lg: transparent;--glow: transparent;--glow-strong: transparent;--kh-accent-glow: transparent;background:#f7f4ef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' fill='%23a07850' opacity='0.07'/%3E%3C/svg%3E");background-repeat:repeat;background-size:300px 300px;color:#1a0c0a}body[data-theme=letter] .kh-bg-pattern,body[data-theme=letter] .kh-bg-stars{display:none}body[data-theme=letter] .top-bar{background:#efe7da;border-bottom:2px solid #C41E3A;box-shadow:none}body[data-theme=letter] .bar-glow{display:none}body[data-theme=letter] .app-name{color:#c41e3a;text-shadow:none;letter-spacing:3px}body[data-theme=letter] .version-badge{background:#c41e3a;color:#f7f4ef;border:none}body[data-theme=letter] .left-panel{background:#efe7da;border-right:2px solid #D6CBBA}body[data-theme=letter] .panel-inner{background:transparent}body[data-theme=letter] .section-header{color:#c41e3a;border-bottom:1px solid #D6CBBA;letter-spacing:2px}body[data-theme=letter] .category-item,body[data-theme=letter] .list-item{background:#fbf9f6;border:1px solid #E2D6C4;color:#1a0c0a}body[data-theme=letter] .category-item:hover,body[data-theme=letter] .list-item:hover{background:#efe7da;border-color:#c41e3a;color:#c41e3a;transform:translate(3px)}body[data-theme=letter] .category-item.active,body[data-theme=letter] .list-item.active{background:#efe7da;border-left:3px solid #C41E3A;color:#c41e3a;font-weight:700}body[data-theme=letter] .list-item:before{background:#c41e3a;box-shadow:none}body[data-theme=letter] .center-panel{background:#f7f4ef}body[data-theme=letter] .center-panel .list-view,body[data-theme=letter] .right-panel{background:#fbf9f6;border:2px solid #E2D6C4;box-shadow:none}body[data-theme=letter] .search-input{background:#f1ece3;border:1px solid #D6CBBA;color:#1a0c0a}body[data-theme=letter] .search-input:focus{border-color:#c41e3a;box-shadow:none}body[data-theme=letter] .search-input::placeholder{color:#8a7060}body[data-theme=letter] .stat-box{background:#efe7da;border:1px solid #D6CBBA;color:#1a0c0a}body[data-theme=letter] .stat-box .stat-num{color:#c41e3a}body[data-theme=letter] .item-image-container{background:#efe7da;border:2px solid #E2D6C4}body[data-theme=letter] .tag-chip,body[data-theme=letter] .item-tag,body[data-theme=letter] .detail-tag{background:#fbf9f6;border:1px solid #D6CBBA;color:#5a3828}body[data-theme=letter] .tag-chip:hover,body[data-theme=letter] .tag-chip.active{background:#c41e3a;border-color:#c41e3a;color:#f7f4ef}body[data-theme=letter] button,body[data-theme=letter] .form-button{background:#efe7da;border:1px solid #D6CBBA;color:#1a0c0a}body[data-theme=letter] button:hover,body[data-theme=letter] .form-button:hover{border-color:#c41e3a;color:#c41e3a}body[data-theme=letter] .add-btn,body[data-theme=letter] .submit-btn{background:#c41e3a;border:1px solid #9A1530;color:#f7f4ef;box-shadow:none}body[data-theme=letter] .add-btn:hover,body[data-theme=letter] .submit-btn:hover{background:#9a1530;box-shadow:none}body[data-theme=letter] .form-input,body[data-theme=letter] .form-textarea{background:#fbf9f6;border:1px solid #D6CBBA;color:#1a0c0a}body[data-theme=letter] .form-input:focus,body[data-theme=letter] .form-textarea:focus{border-color:#c41e3a;box-shadow:none}body[data-theme=letter] .form-label{color:#5a3828;letter-spacing:1px}body[data-theme=letter] .modal-dialog,body[data-theme=letter] .login-container{background:#f7f4ef;border:2px solid #C41E3A;box-shadow:none}body[data-theme=letter] .modal-title{color:#c41e3a;letter-spacing:2px}body[data-theme=letter] .type-card{background:#f1ece3;border:1px solid #E2D6C4;color:#1a0c0a}body[data-theme=letter] .type-card:hover,body[data-theme=letter] .type-card.selected{background:#c41e3a;border-color:#9a1530;color:#f7f4ef}body[data-theme=letter] .entry-number-badge,body[data-theme=letter] .entry-type-badge-small,body[data-theme=letter] .gallery-nav,body[data-theme=letter] .gallery-counter{background:#efe7da;border:1px solid #D6CBBA;color:#1a0c0a;-webkit-backdrop-filter:none;backdrop-filter:none}body[data-theme=letter] .info-card{background:#f1ece3;border:1px solid #E2D6C4;border-left:4px solid #C41E3A}body[data-theme=letter] .toast{background:#efe7da;border:2px solid #C41E3A;color:#1a0c0a;box-shadow:none}body[data-theme=letter] .draft-item{border-left-color:#c41e3a}body[data-theme=letter] .mobile-bottom-nav{background:#efe7da;border-top:2px solid #C41E3A}body[data-theme=letter] .bottom-nav-btn{color:#8a7060}body[data-theme=letter] .bottom-nav-btn.active{color:#c41e3a}body[data-theme=letter] .bottom-nav-btn:before{background:#c41e3a}body[data-theme=letter] .fab-btn{background:#c41e3a;box-shadow:none;border-color:#efe7da}body[data-theme=letter] .bookmark-tab{color:#8a7060;border-bottom-color:transparent}body[data-theme=letter] .bookmark-tab.active{color:#c41e3a;border-bottom-color:#c41e3a}body[data-theme=letter] ::-webkit-scrollbar-track{background:#efe7da}body[data-theme=letter] ::-webkit-scrollbar-thumb{background:#d6cbba;border:2px solid #EFE7DA}body[data-theme=letter] ::-webkit-scrollbar-thumb:hover{background:#c41e3a}body[data-theme=letter] .logo-crown{background:none;box-shadow:none}body[data-theme=letter] .style-selector-dropdown{background:#efe7da;border:1px solid #D6CBBA}body[data-theme=letter] .closet-item-card{background:#fbf9f6;border:1px solid #E2D6C4}body[data-theme=letter] .closet-item-card:hover{border-color:#c41e3a;box-shadow:none}body[data-theme=letter] .closet-item-card.active{border-color:#c41e3a;border-width:2px;box-shadow:none}body[data-theme=letter] .closet-category-badge{background:#a3221a1f;color:#c41e3a;border:1px solid rgba(163,34,26,.25)}body[data-theme=letter] .ai-fill-btn{background:linear-gradient(135deg,#9a15301f,#c41e3a2e);border:1px solid rgba(196,30,58,.4);color:#9a1530}body[data-theme=letter] .ai-fill-btn:hover:not(:disabled){background:linear-gradient(135deg,#9a153038,#c41e3a47);box-shadow:none}body[data-theme=letter] .ai-stylist-btn{background:#c41e3a;color:#f7f4ef;box-shadow:none}body[data-theme=letter] .ai-stylist-btn:hover,body[data-theme=letter] .closet-action-item.ai-stylist-fab .ai-stylist-btn{box-shadow:none}body[data-theme=letter] .ai-stylist-modal{background:#f7f4ef;border:2px solid #C41E3A;box-shadow:none}body[data-theme=letter] .ai-stylist-modal .modal-header{border-bottom:1px solid rgba(196,30,58,.25)}body[data-theme=letter] .ai-stylist-modal .modal-title{color:#c41e3a}body[data-theme=letter] .ai-stylist-form textarea,body[data-theme=letter] .ai-stylist-form input{background:#c41e3a0f;border:1px solid rgba(196,30,58,.2);color:#1a0c0a}body[data-theme=letter] .ai-stylist-form label,body[data-theme=letter] .ai-stylist-form .form-label{color:#5a3828}@keyframes rainbow-line-scroll{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes rainbow-border-scroll{0%{background-position:0% 0%,0% 0%}to{background-position:0% 0%,100% 0%}}@keyframes rainbow-border-scroll-v{0%{background-position:0% 0%}to{background-position:0% 100%}}body[data-theme=rainbow]{--kh-primary: #FF4FA3;--kh-primary-light: #FF70B8;--kh-primary-dark: #E03890;--kh-accent: #7C4DFF;--kh-accent-glow: #C8B0FF;--bg-main: #FFFFFF;--bg-panel: #F7F7FF;--bg-elevated: #EFEFFA;--bg-hover: #E8E8F5;--bg-card: #FFFFFF;--bg-secondary: #F2F2FC;--text-primary: #111111;--text-secondary: #333344;--text-muted: #777788;--border: #E0E0EE;--border-light: #EEEEEE;--border-glow: #FF4FA3;--shadow: rgba(0, 0, 0, .07);--shadow-lg: rgba(0, 0, 0, .12);--glow: rgba(255, 79, 163, .2);--glow-strong: rgba(255, 79, 163, .45);background:#fff;color:#111}body[data-theme=rainbow] .kh-bg-pattern,body[data-theme=rainbow] .kh-bg-stars{opacity:0}body[data-theme=rainbow] .top-bar{background:#fff;border-bottom:none;position:relative}body[data-theme=rainbow] .top-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc);background-size:200% 100%;animation:rainbow-line-scroll 3s linear infinite;z-index:1}body[data-theme=rainbow] .bar-glow{display:none}body[data-theme=rainbow] .app-name{background:linear-gradient(90deg,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body[data-theme=rainbow] .version-badge{background:linear-gradient(135deg,#ff4fa3,#7c4dff);color:#fff;border-color:transparent}body[data-theme=rainbow] .left-panel{background:#f7f7ff;border-right:none;position:relative}body[data-theme=rainbow] .left-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc);background-size:100% 200%;animation:rainbow-border-scroll-v 3s linear infinite;z-index:1}body[data-theme=rainbow] .section-header{color:#778;border-bottom-color:#e0e0ee}body[data-theme=rainbow] .category-item,body[data-theme=rainbow] .list-item{color:#111;border-color:transparent}body[data-theme=rainbow] .category-item:hover,body[data-theme=rainbow] .list-item:hover{background:#e8e8f5;border-color:#e0e0ee}body[data-theme=rainbow] .category-item.active,body[data-theme=rainbow] .list-item.active{background:linear-gradient(135deg,#ff4fa31f,#7c4dff1f);border-color:#ff4fa3;color:#111}body[data-theme=rainbow] .list-item:before{background:linear-gradient(180deg,#ff4fa3,#7c4dff)}body[data-theme=rainbow] .center-panel,body[data-theme=rainbow] .center-panel .list-view{background:#fff}body[data-theme=rainbow] .right-panel{background:#fff;border-left:none;position:relative}body[data-theme=rainbow] .right-panel:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc);background-size:100% 200%;animation:rainbow-border-scroll-v 3s linear infinite;z-index:1}body[data-theme=rainbow] .search-input{background:#f7f7ff;border-color:#e0e0ee;color:#111}body[data-theme=rainbow] .search-input:focus{border-color:#ff4fa3;box-shadow:0 0 0 3px #ff4fa326}body[data-theme=rainbow] .search-input::placeholder{color:#aaaabc}body[data-theme=rainbow] .tag-chip,body[data-theme=rainbow] .item-tag,body[data-theme=rainbow] .detail-tag{background:#efeffa;border-color:#d0d0ee;color:#334}body[data-theme=rainbow] .tag-chip:hover,body[data-theme=rainbow] .tag-chip.active{background:linear-gradient(135deg,#ff4fa3,#7c4dff);border-color:transparent;color:#fff}body[data-theme=rainbow] button,body[data-theme=rainbow] .form-button{background:#f0f0fa;border-color:#d8d8ee;color:#334}body[data-theme=rainbow] button:hover,body[data-theme=rainbow] .form-button:hover{background:#e8e8f5;border-color:#c0c0e0}body[data-theme=rainbow] .add-btn,body[data-theme=rainbow] .submit-btn{background:linear-gradient(135deg,#ff4fa3,#ff8c00 35%,#32cd32 65%,#7c4dff);background-size:200% 200%;border:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}body[data-theme=rainbow] .add-btn:hover,body[data-theme=rainbow] .submit-btn:hover{background-position:right center;box-shadow:0 4px 16px #ff4fa366}body[data-theme=rainbow] .form-input,body[data-theme=rainbow] .form-textarea{background:#f7f7ff;border-color:#e0e0ee;color:#111}body[data-theme=rainbow] .form-input:focus,body[data-theme=rainbow] .form-textarea:focus{border-color:#ff4fa3;box-shadow:0 0 0 3px #ff4fa31f}body[data-theme=rainbow] .form-label{color:#556}body[data-theme=rainbow] .modal-dialog,body[data-theme=rainbow] .login-container{border:2px solid transparent;background:#fff padding-box,linear-gradient(90deg,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc) border-box;background-size:auto,200% auto;animation:rainbow-border-scroll 4s linear infinite;box-shadow:0 20px 60px #0000001f}body[data-theme=rainbow] .modal-title{color:#111}body[data-theme=rainbow] .type-card{background:#f7f7ff;border-color:#e0e0ee;color:#111}body[data-theme=rainbow] .type-card:hover,body[data-theme=rainbow] .type-card.selected{background:linear-gradient(135deg,#ff4fa31a,#7c4dff1a);border-color:#ff4fa3}body[data-theme=rainbow] .entry-number-badge,body[data-theme=rainbow] .entry-type-badge-small,body[data-theme=rainbow] .gallery-nav,body[data-theme=rainbow] .gallery-counter{background:linear-gradient(135deg,#ff4fa3,#7c4dff);color:#fff;border-color:transparent}body[data-theme=rainbow] .info-card{border:2px solid transparent;background:#f7f7ff padding-box,linear-gradient(90deg,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc) border-box;background-size:auto,200% auto;animation:rainbow-border-scroll 4s linear infinite}body[data-theme=rainbow] .profile-box{border:2px solid transparent;background:#fff padding-box,linear-gradient(90deg,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc) border-box;background-size:auto,200% auto;animation:rainbow-border-scroll 4s linear infinite}body[data-theme=rainbow] .toast{background:#fff;border:1px solid #E0E0EE;color:#111;box-shadow:0 4px 16px #0000001f}body[data-theme=rainbow] .mobile-bottom-nav{background:#fff;border-top:none}body[data-theme=rainbow] .mobile-bottom-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc,#ff4040,#ff8c00,gold,#32cd32,#1e90ff,#9932cc);background-size:200% 100%;animation:rainbow-line-scroll 3s linear infinite;z-index:1}body[data-theme=rainbow] .bottom-nav-btn{color:#889}body[data-theme=rainbow] .bottom-nav-btn.active{color:#ff4fa3}body[data-theme=rainbow] .bottom-nav-btn.active:after{background:linear-gradient(90deg,#ff4fa3,#7c4dff)}body[data-theme=rainbow] .fab-btn{background:linear-gradient(135deg,#ff4fa3,#ff8c00,#7c4dff);border-color:#fff;box-shadow:0 4px 20px #ff4fa373}body[data-theme=rainbow] .bookmark-tab{color:#889}body[data-theme=rainbow] .bookmark-tab.active{color:#ff4fa3;border-bottom-color:#ff4fa3}body[data-theme=rainbow] ::-webkit-scrollbar-track{background:#f7f7ff}body[data-theme=rainbow] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff4fa3,#7c4dff)}body[data-theme=rainbow] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff70b8,#9b70ff)}body[data-theme=rainbow] .logo-crown{filter:drop-shadow(0 0 8px rgba(255,79,163,.5))}body[data-theme=rainbow] .closet-item-card{background:#f7f7ff;border-color:#e0e0ee}body[data-theme=rainbow] .closet-item-card:hover{border-color:#ff4fa3;box-shadow:0 4px 16px #ff4fa333}body[data-theme=rainbow] .closet-item-card.active{border-color:#7c4dff;box-shadow:0 0 0 2px #7c4dff40}body[data-theme=rainbow] .closet-category-badge{background:linear-gradient(135deg,#ff4fa3,#7c4dff);color:#fff;border-color:transparent}body[data-theme=rainbow] .ai-fill-btn{background:linear-gradient(135deg,#ff4fa3,#7c4dff);border-color:transparent;color:#fff}body[data-theme=rainbow] .ai-fill-btn:hover:not(:disabled){box-shadow:0 4px 16px #ff4fa366}body[data-theme=rainbow] .ai-stylist-btn{background:linear-gradient(135deg,#ff4fa3,#7c4dff);border-color:transparent;color:#fff}body[data-theme=rainbow] .ai-stylist-btn:hover{box-shadow:0 4px 16px #ff4fa366}body[data-theme=rainbow] .ai-stylist-modal{background:#fff;border-color:#e0e0ee}body[data-theme=rainbow] .ai-stylist-modal .modal-header{border-bottom-color:#e0e0ee}body[data-theme=rainbow] .ai-stylist-modal .modal-title{background:linear-gradient(90deg,#ff4fa3,#7c4dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body[data-theme=rainbow] .ai-stylist-form textarea,body[data-theme=rainbow] .ai-stylist-form input{background:#f7f7ff;border-color:#e0e0ee;color:#111}body[data-theme=rainbow] .ai-stylist-form label,body[data-theme=rainbow] .ai-stylist-form .form-label{color:#556}body[data-theme=rainbow] .draft-item,body[data-theme=rainbow] .stat-box{background:#f7f7ff;border-color:#e0e0ee}body[data-theme=rainbow] .stat-box .stat-num{color:#ff4fa3}@media(max-width:480px){.mobile-menu-container{width:90vw}.activity-panel{width:100%;right:-100%}.mobile-menu-btn,.mobile-info-btn{width:40px;height:40px;font-size:1.3rem}.mobile-bottom-nav{min-height:60px;padding:.5rem .25rem max(.5rem,env(safe-area-inset-bottom,0px))}.app-wrapper{bottom:calc(60px + env(safe-area-inset-bottom,0px));height:auto}.modal-overlay{padding-bottom:60px}.modal-dialog{max-height:calc(95vh - 60px)}.bottom-nav-btn{padding:.4rem .2rem;gap:.2rem}.bottom-nav-btn .nav-icon{font-size:1.3rem}.bottom-nav-btn .nav-label{font-size:.65rem}.type-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.image-gallery{min-height:200px;max-height:300px}}@media(max-width:1024px){.item-right{width:110px}.item-image-container{min-height:120px;max-height:120px}.list-item{min-height:156px;max-height:156px;padding:.5rem}.item-content{grid-template-columns:1fr 110px;gap:.5rem}.item-header{padding-left:4px}.item-middle{grid-template-columns:58px 1fr;gap:.75rem;padding-left:4px}.item-number{font-size:1.2rem}.item-title{font-size:1.32rem;text-align:left}.item-subtitle{font-size:.96rem}.item-info{padding-right:4px}.item-tags{padding-left:2px;max-height:30px}.item-tag,.item-tag-more{padding:.2rem .3rem;font-size:.6rem}}@media(max-width:480px){.item-right{width:100px}.item-image-container{min-height:110px;max-height:110px}.list-item{min-height:146px;max-height:146px}.item-content{grid-template-columns:1fr 100px;gap:.75rem}.item-header{padding-left:4px}.item-middle{grid-template-columns:50px 1fr;gap:1rem;padding-left:4px}.item-number{font-size:1.2rem}.item-title{font-size:1.2rem;text-align:left}.item-subtitle{font-size:.96rem}.item-info{padding-right:8px}.item-tags{padding-left:4px}.item-tag,.item-tag-more{padding:.25rem .5rem;font-size:.55rem}.gallery-nav{width:44px;height:44px;font-size:1.3rem}.gallery-nav.prev{left:.5rem}.gallery-nav.next{right:.5rem}.gallery-counter{font-size:.85rem;padding:.5rem 1rem;bottom:.75rem}}.view-mode-toggle{display:flex;gap:.5rem;padding:.5rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);margin-top:1rem}.view-mode-btn{flex:1;padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.view-mode-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-mode-btn.active{background:var(--kh-primary-dark);color:var(--text-primary);box-shadow:0 0 10px var(--glow)}.closet-action-row{display:flex;gap:.5rem;margin-top:1rem}.closet-action-item{flex:1;min-width:0}.closet-action-item .panel-btn,.closet-action-item .ai-stylist-btn,.closet-action-item .style-match-btn{width:100%;margin-bottom:0}.closet-add-section{margin-top:0}.closet-grid-view{flex:1;overflow:hidden;background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 30px var(--glow),inset 0 0 30px #0000004d;position:relative}.closet-grid-scroll{height:100%;overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;align-content:start}.closet-item-card{display:flex;flex-direction:column;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-md);padding:.5rem;cursor:pointer;transition:all .3s ease;position:relative;aspect-ratio:3 / 4;overflow:hidden}.closet-item-card:before{content:"";position:absolute;inset:-2px;background:transparent;border-radius:var(--radius-md);opacity:0;transition:all .3s ease;pointer-events:none;box-shadow:0 0 20px var(--glow)}.closet-item-card:hover{border-color:var(--kh-primary);transform:translateY(-2px);box-shadow:0 4px 16px var(--glow)}.closet-item-card:hover:before{opacity:1}.closet-item-card.active{border-color:var(--kh-primary);background:var(--bg-hover);box-shadow:0 0 25px var(--glow-strong)}.closet-item-image{position:relative;width:100%;flex:1;min-height:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-elevated);margin-bottom:.4rem;border:1px solid var(--border)}.closet-item-image img{width:100%;height:100%;object-fit:cover;display:block}.closet-item-no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--bg-elevated);font-size:2rem;opacity:.3}.closet-category-badge{position:absolute;bottom:.35rem;left:.35rem;padding:.15rem .4rem;background:#141828f2;border:1px solid var(--kh-primary);border-radius:var(--radius-sm);font-size:.6rem;font-weight:800;color:var(--kh-primary);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 10px var(--glow)}.closet-favorite-badge{position:absolute;top:.35rem;right:.35rem;font-size:1rem;filter:drop-shadow(0 0 4px rgba(255,215,0,.8));animation:favoritePulse 2s ease-in-out infinite}@keyframes favoritePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.closet-item-name{font-size:.75rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.closet-item-meta{font-size:.65rem;color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.closet-detail-header{padding:1.5rem;border-bottom:2px solid var(--border);text-align:center}.closet-detail-name{font-family:Orbitron,monospace;font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px}.closet-detail-category{display:inline-block;padding:.6rem 1.75rem;background:var(--kh-primary-dark);border:2px solid var(--kh-primary);border-radius:var(--radius-md);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);box-shadow:0 0 20px var(--glow);margin-bottom:1rem}.closet-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.closet-favorite-toggle{font-size:1.5rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);width:48px;height:48px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.closet-favorite-toggle:hover{background:var(--bg-hover);border-color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.closet-favorite-toggle.active{background:var(--kh-primary-dark);border-color:var(--kh-accent);box-shadow:0 0 20px #ffd70099}.closet-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:3rem;text-align:center}.closet-empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.3}.closet-empty-text{font-size:1.2rem;color:var(--text-muted);font-weight:600;margin-bottom:2rem}.closet-empty-cta{padding:1rem 2rem;background:linear-gradient(135deg,var(--kh-primary-dark) 0%,var(--kh-primary) 100%);border:2px solid var(--kh-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px var(--glow);font-family:inherit}.closet-empty-cta:hover{box-shadow:0 0 30px var(--glow-strong);transform:translateY(-2px)}.closet-list-view{flex:1;overflow:hidden;background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 30px var(--glow),inset 0 0 30px #0000004d;position:relative}.closet-list-view.hidden{display:none}@media(max-width:1200px){.closet-grid-scroll{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem}}@media(max-width:1024px){.closet-grid-scroll{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem;padding:.65rem .65rem 2rem}.closet-item-card{padding:.35rem}.closet-item-name{font-size:.65rem}.closet-item-meta{font-size:.55rem}.closet-category-badge{font-size:.5rem;padding:.1rem .3rem}.closet-favorite-badge{font-size:.85rem}.view-mode-toggle{flex-direction:row}}@media(max-width:480px){.closet-grid-scroll{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:.4rem;padding:.5rem .5rem 2rem}.closet-item-card{padding:.3rem}.closet-item-name{font-size:.6rem}.closet-category-badge{font-size:.45rem;padding:.1rem .25rem}.closet-favorite-badge{font-size:.75rem;top:.25rem;right:.25rem}}.onboarding-dialog{max-width:520px}.onboarding-header{padding:2rem 2rem 1.5rem;text-align:center;border-bottom:2px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.onboarding-welcome{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:800;color:var(--kh-primary);text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 15px var(--glow);margin-bottom:.35rem}.onboarding-subtitle{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.onboarding-steps-indicator{display:flex;align-items:center;justify-content:center;gap:0}.step-dot{width:32px;height:32px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:Orbitron,monospace;font-size:.75rem;font-weight:800;color:var(--text-muted);transition:all .3s ease}.step-dot.active{background:var(--kh-primary);border-color:var(--kh-primary);color:var(--bg-panel);box-shadow:0 0 12px var(--glow-strong)}.step-dot.completed{background:var(--kh-primary);border-color:var(--kh-primary);color:var(--bg-panel);opacity:.6}.step-line{width:40px;height:2px;background:var(--border);transition:background .3s ease}.step-line.active{background:var(--kh-primary);box-shadow:0 0 6px var(--glow)}.onboarding-body{padding:1.5rem 2rem}.onboarding-step{display:none;flex-direction:column;gap:1.5rem;animation:stepFadeIn .3s ease}.onboarding-step.active{display:flex}@keyframes stepFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-title{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px}.step-description{font-size:.85rem;color:var(--text-muted);margin-top:-.75rem}.onboarding-photo-area{display:flex;flex-direction:column;align-items:center;gap:1rem}.onboarding-photo-preview{width:120px;height:120px;border-radius:50%;background:var(--bg-elevated);border:3px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.onboarding-photo-preview img{width:100%;height:100%;object-fit:cover}.onboarding-photo-preview .photo-placeholder{font-size:3rem;opacity:.3}.onboarding-photo-preview.has-photo{border-color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.onboarding-tag-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.tag-suggestion{padding:.4rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tag-suggestion:hover{border-color:var(--kh-primary);color:var(--kh-primary)}.tag-suggestion.selected{background:var(--kh-primary);border-color:var(--kh-primary);color:var(--bg-panel);box-shadow:0 0 8px var(--glow)}.onboarding-footer{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-top:2px solid var(--border);background:var(--bg-elevated);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.onboarding-nav-buttons{display:flex;gap:.75rem}@media(max-width:768px){.onboarding-dialog{width:95%;max-height:95vh}.onboarding-header{padding:1.5rem 1.25rem 1rem}.onboarding-welcome{font-size:1.1rem;letter-spacing:2px}.onboarding-body{padding:1.25rem}.onboarding-footer{padding:1rem 1.25rem}.step-line{width:24px}}.upload-buttons{display:flex;gap:.75rem;width:100%}.upload-buttons .upload-btn{flex:1}@media(max-width:480px){.upload-buttons{flex-direction:column}.upload-area{padding:1rem}}.form-details-toggle{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;-webkit-user-select:none;user-select:none}.form-details-toggle:hover{border-color:var(--kh-primary);color:var(--kh-primary);box-shadow:0 0 15px var(--glow)}.form-details-toggle .toggle-icon{font-size:1.1rem;font-weight:900;transition:transform .3s ease}.form-details-toggle.expanded .toggle-icon{transform:rotate(45deg)}.form-details-section{display:flex;flex-direction:column;gap:1.75rem;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;max-height:2000px;opacity:1}.form-details-section.collapsed{max-height:0;opacity:0;pointer-events:none;margin:0}.closet-save-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 2rem;text-align:center}.closet-save-success.hidden{display:none}.closet-save-success .success-icon{width:64px;height:64px;border-radius:50%;background:var(--kh-primary);color:var(--bg-panel);font-size:2rem;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px var(--glow-strong);animation:successPop .4s ease}@keyframes successPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.closet-save-success .success-message{font-family:Orbitron,monospace;font-size:1.25rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px}.closet-save-success .success-actions{display:flex;gap:1rem;width:100%;max-width:400px}.closet-save-success .success-actions .form-button{flex:1}@media(max-width:768px){.closet-action-row{visibility:hidden;height:0;margin:0;overflow:visible}.closet-action-item.closet-fab{visibility:visible;position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));right:16px;z-index:100;width:auto;flex:none}.closet-action-item.closet-fab .panel-btn{width:56px;height:56px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--glow-strong);margin-bottom:0}.closet-action-item.closet-fab .panel-btn .btn-text{display:none}.closet-action-item.closet-fab .panel-btn .btn-icon{font-size:1.5rem}.closet-action-item.ai-stylist-fab{visibility:visible;position:fixed;bottom:calc(144px + env(safe-area-inset-bottom,0px));right:16px;z-index:100;width:auto;flex:none}.closet-action-item.ai-stylist-fab .ai-stylist-btn{width:56px;height:56px;border-radius:50%;padding:0;letter-spacing:0;box-shadow:0 4px 20px #7c4dff99}.closet-action-item.ai-stylist-fab .ai-stylist-btn .btn-text{display:none}.closet-action-item.style-match-fab{visibility:visible;position:fixed;bottom:calc(208px + env(safe-area-inset-bottom,0px));right:16px;z-index:100;width:auto;flex:none}.closet-action-item.style-match-fab .style-match-btn{width:56px;height:56px;border-radius:50%;padding:0;letter-spacing:0;box-shadow:0 4px 20px #14a07899}.closet-action-item.style-match-fab .style-match-btn .btn-text{display:none}}#profilePage{overflow-y:auto;overflow-x:hidden;padding:0}#profilePage.hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}#socialPage{overflow-y:auto;padding:0}#socialPage.hidden{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.profile-container{max-width:1400px;margin:0 auto;padding:1.5rem;overflow-x:hidden}.profile-header{background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 30px var(--glow);overflow:hidden;margin-bottom:1.5rem}.profile-banner{height:200px;background:linear-gradient(135deg,var(--kh-primary-dark),var(--kh-primary),var(--kh-accent));position:relative;display:flex;align-items:center;justify-content:center;background-size:100% auto;background-position:center;background-repeat:no-repeat}.profile-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--bg-panel))}.edit-banner-btn{position:absolute;top:1rem;right:2.5rem;padding:.5rem 1rem;background:#0009;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:2}.edit-banner-btn:hover{background:#000c;border-color:var(--kh-primary)}.profile-top{padding:0 2rem 2rem;display:flex;gap:2rem;align-items:flex-start;position:relative;margin-top:-60px}.profile-pic-wrapper{position:relative;flex-shrink:0}.profile-pic{width:150px;height:150px;border-radius:50%;border:4px solid var(--kh-primary);box-shadow:0 0 20px var(--glow-strong),0 4px 20px var(--shadow-lg);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-size:cover;background-position:center}.profile-pic-placeholder{font-size:4rem;opacity:.5}.profile-pic img{width:100%;height:100%;object-fit:cover}.edit-pic-btn{position:absolute;bottom:0;left:50%;transform:translate(-50%);padding:.4rem .8rem;background:#000c;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.edit-pic-btn:hover{background:var(--kh-primary);border-color:var(--kh-primary)}.profile-info{flex:1;padding-top:1rem}.profile-name{font-family:Orbitron,monospace;font-size:2rem;font-weight:900;color:var(--kh-primary);text-shadow:0 0 15px var(--glow);margin-bottom:.5rem}.profile-status{font-size:1.1rem;color:var(--text-secondary);margin-bottom:1.5rem;font-style:italic}.profile-stats{display:flex;gap:2rem}.stat-box{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md);min-width:100px;transition:all .3s ease}.stat-box:hover{border-color:var(--kh-primary);box-shadow:0 0 15px var(--glow);transform:translateY(-2px)}.mood-stat-box{cursor:pointer}.mood-emoji-stat{font-size:2rem;line-height:1}.mood-dropdown{padding:.5rem}.mood-option{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:1rem;text-align:left}.mood-option:hover{background:var(--bg-hover);border-color:var(--kh-primary);transform:translate(3px)}.mood-option-emoji{font-size:1.5rem;line-height:1}.mood-option-label{font-weight:600}.stat-num{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--kh-primary);margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.edit-profile-btn{position:absolute;top:1rem;right:1.5rem;padding:.75rem 1.5rem;background:var(--kh-primary);border:2px solid var(--kh-primary);border-radius:var(--radius-md);color:var(--bg-main);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.edit-profile-btn:hover{background:transparent;color:var(--kh-primary);box-shadow:0 0 20px var(--glow-strong)}.profile-content-grid{display:grid;grid-template-columns:350px minmax(0,800px);gap:1.5rem;align-items:stretch}.profile-sidebar{display:flex;flex-direction:column}.profile-sidebar .profile-box:last-child{flex:1;margin-bottom:0}.profile-main{display:flex;flex-direction:column}.contributions-box{flex:1;margin-bottom:0;display:flex;flex-direction:column}.contributions-content{flex:1;display:flex;flex-direction:column;gap:1.25rem}.contrib-section-label{font-family:Orbitron,monospace;font-size:.65rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.6rem;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.profile-box{background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 20px var(--glow);margin-bottom:1.5rem;overflow:hidden}.box-header{background:var(--bg-elevated);border-bottom:2px solid var(--border-light);padding:1.25rem 1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem}.box-header h3{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;color:var(--kh-primary);text-transform:uppercase;letter-spacing:1px;margin:0}.box-content{padding:1.5rem}.box-content p{color:var(--text-secondary);line-height:1.6;margin:0}.box-tabs{display:flex;gap:.5rem}.box-tab{padding:.5rem 1rem;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.box-tab:hover{color:var(--text-primary);border-color:var(--kh-primary)}.box-tab.active{background:var(--kh-primary);border-color:var(--kh-primary);color:var(--bg-main)}.interest-tags{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--kh-primary);font-size:.85rem;font-weight:600;transition:all .3s ease}.interest-tag:hover{border-color:var(--kh-primary);box-shadow:0 0 10px var(--glow)}.favorites-list{display:flex;flex-direction:column;gap:.75rem}.fave-item{padding:.75rem 1rem;background:var(--bg-elevated);border-left:3px solid var(--kh-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:600;transition:all .3s ease}.fave-item:hover{background:var(--bg-hover);border-left-width:5px;padding-left:1.2rem}.profile-entries-grid,.profile-closet-grid{display:flex;flex-direction:row;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--kh-primary) transparent}.profile-entries-grid::-webkit-scrollbar,.profile-closet-grid::-webkit-scrollbar{height:4px}.profile-entries-grid::-webkit-scrollbar-track,.profile-closet-grid::-webkit-scrollbar-track{background:transparent}.profile-entries-grid::-webkit-scrollbar-thumb,.profile-closet-grid::-webkit-scrollbar-thumb{background:var(--kh-primary);border-radius:2px}.profile-entry-card,.profile-closet-card{flex:0 0 120px;scroll-snap-align:start;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.profile-entry-card:hover,.profile-closet-card:hover{border-color:var(--kh-primary);box-shadow:0 0 15px var(--glow);transform:translateY(-2px)}.profile-card-image{width:100%;aspect-ratio:3 / 4;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden;flex-shrink:0}.profile-card-image img{width:100%;height:100%;object-fit:cover}.profile-card-name{font-weight:600;color:var(--text-primary);padding:.4rem .5rem .1rem;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-card-type{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 .5rem .4rem}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-text{font-size:1rem}.mood-box .box-content{padding:1rem 1.5rem}.mood-display{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-md)}.mood-emoji{font-size:2rem}.mood-text{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.profile-modal-dialog{max-width:700px}#viewUserProfileModal .modal-body{padding:0;overflow-y:auto}#profileModalOverlay .modal-body{padding:1.5rem}#socialDetailModal{z-index:1050}.social-detail-dialog{max-width:640px}@media(max-width:768px){.social-detail-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0}}.vp-banner{width:100%;height:160px;background-size:cover;background-position:center;flex-shrink:0}.vp-banner-default{background:linear-gradient(135deg,var(--kh-primary-dark, #1a0a2e) 0%,var(--kh-primary, #7b2fbe) 100%);opacity:.75}.vp-identity{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem 1rem}.vp-avatar-wrap{width:80px;height:80px;border-radius:50%;border:3px solid var(--kh-primary);box-shadow:0 0 16px var(--glow);background:var(--bg-elevated);overflow:hidden;flex-shrink:0}.vp-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.vp-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.vp-name-block{flex:1;min-width:0;padding-bottom:.25rem}.vp-display-name{font-family:Orbitron,monospace;font-size:1.2rem;font-weight:700;color:var(--kh-primary);text-shadow:0 0 8px var(--glow);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-username{font-size:.8rem;color:var(--text-muted);margin-top:.1rem}.vp-status-line{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;font-style:italic}.vp-mood-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.35rem;padding:.2rem .6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;font-size:.78rem;color:var(--text-secondary)}.vp-stats{display:flex;align-items:center;justify-content:center;gap:0;margin:.5rem 1.5rem 0;padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.vp-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;text-align:center}.vp-stat-num{font-family:Orbitron,monospace;font-size:1rem;font-weight:700;color:var(--kh-primary);line-height:1}.vp-stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.vp-stat-divider{width:1px;height:32px;background:var(--border);flex-shrink:0}.vp-about-section{margin:1rem 1.5rem 0;display:flex;flex-direction:column;gap:.6rem;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.vp-about-label{font-family:Orbitron,monospace;font-size:.65rem;font-weight:700;color:var(--kh-primary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:.15rem}.vp-about-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.vp-about-item+.vp-about-item{padding-top:.6rem;border-top:1px solid var(--border)}.vp-section{margin:1.25rem 1.5rem 0}.vp-section:last-child{padding-bottom:1.5rem}.vp-section-title{font-family:Orbitron,monospace;font-size:.8rem;font-weight:700;color:var(--kh-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.vp-section-count{font-family:Rajdhani,sans-serif;font-size:.75rem;font-weight:600;padding:.1rem .45rem;background:var(--kh-primary);color:var(--bg-main);border-radius:999px;line-height:1.4}.vp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.vp-item{cursor:pointer;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.vp-item:hover{transform:translateY(-3px);border-color:var(--kh-primary);box-shadow:0 0 14px var(--glow)}.vp-item-image{width:100%;aspect-ratio:1;background:var(--bg-main);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.vp-item-image img{width:100%;height:100%;object-fit:cover;display:block}.vp-item-emoji{font-size:1.75rem}.vp-item-badge{position:absolute;bottom:.35rem;left:.35rem;padding:.15rem .4rem;background:#000000bf;border:1px solid var(--kh-primary);border-radius:var(--radius-sm);font-size:.6rem;font-weight:700;color:var(--kh-primary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;max-width:calc(100% - .7rem);overflow:hidden;text-overflow:ellipsis}.vp-item-name{padding:.4rem .5rem;font-size:.72rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.view-profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.view-profile-info{flex:1}.view-profile-name{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.view-profile-status{font-size:.95rem;color:var(--text-secondary);margin-bottom:4px}.view-profile-mood{font-size:.9rem;color:var(--accent-primary)}.view-profile-stats{display:flex;gap:24px;padding:16px;background:var(--bg-secondary);border-radius:6px;margin-bottom:16px;justify-content:center}.view-profile-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.view-profile-stat-num{font-size:1.1rem;font-weight:700;color:var(--accent-primary)}.view-profile-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.view-profile-bio,.view-profile-interests,.view-profile-designers{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.view-profile-bio strong,.view-profile-interests strong,.view-profile-designers strong{color:var(--text-primary)}.view-profile-section{margin-top:20px}.view-profile-section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.view-profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.view-profile-item{cursor:pointer;border-radius:8px;overflow:hidden;background:var(--bg-secondary);transition:transform .2s ease,box-shadow .2s ease}.view-profile-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.view-profile-item-image{width:100%;aspect-ratio:1;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:24px}.view-profile-item-image img{width:100%;height:100%;object-fit:cover}.view-profile-item-name{padding:8px;font-size:.75rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.mood-selector{display:grid;grid-template-columns:140px 1fr;gap:.75rem}.form-hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}@media(max-width:1200px){.profile-content-grid{grid-template-columns:1fr;align-items:start}.profile-sidebar,.profile-main{display:block}.profile-sidebar .profile-box:last-child,.contributions-box{flex:unset;margin-bottom:1.5rem}.profile-stats{flex-wrap:wrap}}@media(max-width:768px){.profile-container{padding:.75rem;overflow-x:hidden;max-width:100%}.profile-header{overflow:hidden;max-width:100%}.profile-banner{height:140px}.profile-top{flex-direction:column!important;align-items:center;text-align:center;padding:0 1rem 1.25rem;margin-top:-40px;max-width:100%}.profile-pic{width:90px;height:90px}.profile-info{padding-top:.5rem;width:100%}.profile-name{font-size:1.25rem}.profile-status{font-size:.9rem;margin-bottom:.75rem}.profile-stats{justify-content:center;gap:.5rem;flex-wrap:wrap}.stat-box{min-width:0;padding:.5rem .65rem}.stat-label{font-size:.65rem}.stat-num{font-size:1rem}.edit-profile-btn{position:static;width:100%;margin-top:.75rem;padding:.6rem 1rem;font-size:.8rem}.box-header{padding:.875rem 1rem}.box-header h3{font-size:.9rem}.box-content{padding:1rem}.box-tabs{flex-direction:row;flex-wrap:wrap}.box-tab{text-align:center;flex:1;min-width:0;padding:.4rem .5rem;font-size:.75rem}.profile-content-grid{grid-template-columns:1fr;width:100%;max-width:100%}.profile-sidebar,.profile-main{width:100%;max-width:100%;min-width:0}.profile-box{max-width:100%;min-width:0}}@media(max-width:480px){.profile-banner{height:110px}.mood-selector{grid-template-columns:1fr}}.social-container{max-width:1400px;margin:0 auto;padding:2rem}.social-header{text-align:center;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid var(--border-light)}.social-title{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,var(--kh-primary),var(--kh-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px var(--glow);margin-bottom:.75rem}.social-subtitle{font-size:1.1rem;color:var(--text-secondary);font-weight:500}.social-filter-tabs{display:flex;gap:1rem;margin-bottom:2rem;padding:.5rem;background:var(--bg-panel);border:2px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 0 20px var(--glow);flex-wrap:wrap}.social-tab{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:2px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:1rem;font-weight:700;font-family:Rajdhani,sans-serif;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.social-tab .tab-icon{font-size:1.25rem;line-height:1}.social-tab:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-light)}.social-tab.active{background:var(--kh-primary);border-color:var(--kh-primary);color:var(--bg-main);box-shadow:0 0 20px var(--glow-strong)}.social-section{margin-bottom:3rem}.social-section.hidden{display:none}.section-header-social{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border)}.section-header-social h2{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--kh-primary);text-transform:uppercase;letter-spacing:1px}.user-count,.entry-count-social,.closet-count-social{font-size:.9rem;color:var(--text-muted);font-weight:600}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.user-card{background:var(--bg-panel);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all .3s ease;text-align:center;position:relative;overflow:hidden}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(135deg,var(--kh-primary-dark),var(--kh-primary));opacity:.3;transition:all .3s ease}.user-card:hover{border-color:var(--kh-primary);box-shadow:0 0 25px var(--glow);transform:translateY(-5px)}.user-card:hover:before{opacity:.5}.user-card-avatar{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;border:4px solid var(--kh-primary);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:3rem;box-shadow:0 0 20px var(--glow);position:relative;z-index:1;background-size:cover;background-position:center;overflow:hidden}.user-card-avatar img{width:100%;height:100%;object-fit:cover}.user-card-name{font-family:Orbitron,monospace;font-size:1.25rem;font-weight:700;color:var(--kh-primary);margin-bottom:.5rem}.user-card-status{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;font-style:italic}.user-card-stats{display:flex;justify-content:space-around;gap:1rem;padding-top:1rem;border-top:1px solid var(--border)}.user-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.user-stat-num{font-family:Orbitron,monospace;font-size:1.1rem;font-weight:700;color:var(--kh-primary)}.user-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.entries-social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.entry-social-card{background:var(--bg-panel);border:2px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.entry-social-card:hover{border-color:var(--kh-primary);box-shadow:0 0 20px var(--glow);transform:translateY(-3px)}.entry-social-image{width:100%;height:200px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:4rem;overflow:hidden;position:relative}.entry-social-image img{width:100%;height:100%;object-fit:cover}.entry-social-badge{position:absolute;top:.75rem;right:.75rem;padding:.4rem .8rem;background:#000c;border:1px solid var(--kh-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;color:var(--kh-primary);text-transform:uppercase;letter-spacing:.5px}.entry-social-content{padding:1rem}.entry-social-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.entry-social-designer{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem}.entry-social-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border)}.entry-creator{font-size:.75rem;color:var(--text-muted);font-weight:600}.entry-creator-icon{margin-right:.25rem}.entry-tags-social{display:flex;flex-wrap:wrap;gap:.25rem}.entry-tag-social{padding:.25rem .5rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.7rem;color:var(--text-muted)}.closets-social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.closet-social-card{background:var(--bg-panel);border:2px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.closet-social-card:hover{border-color:var(--kh-primary);box-shadow:0 0 20px var(--glow);transform:translateY(-3px)}.closet-social-image{width:100%;height:180px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden;position:relative}.closet-social-image img{width:100%;height:100%;object-fit:cover}.closet-social-category{position:absolute;top:.5rem;left:.5rem;padding:.3rem .6rem;background:#000c;border:1px solid var(--kh-primary);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;color:var(--kh-primary);text-transform:uppercase}.closet-social-content{padding:1rem}.closet-social-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.closet-social-brand{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.closet-social-owner{font-size:.75rem;color:var(--text-muted);padding-top:.5rem;border-top:1px solid var(--border)}.loading-state{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.loading-spinner{width:50px;height:50px;margin:0 auto 1rem;border:4px solid var(--border);border-top-color:var(--kh-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:1rem;font-weight:600}.empty-state-social{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state-social .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state-social .empty-text{font-size:1.1rem;font-weight:600}@media(max-width:1024px){.users-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.entries-social-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.closets-social-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.social-container{padding:1rem}.social-title{font-size:2rem}.social-filter-tabs{flex-direction:column}.social-tab{width:100%}.users-grid,.entries-social-grid,.closets-social-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.user-card-avatar{width:80px;height:80px;font-size:2.5rem}}@media(max-width:480px){.users-grid,.entries-social-grid,.closets-social-grid{grid-template-columns:1fr}.social-title{font-size:1.5rem}.section-header-social{flex-direction:column;align-items:flex-start;gap:.5rem}}.ai-fill-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.6rem;padding:.55rem 1rem;background:linear-gradient(135deg,#2a1a4a99,#3d208099);border:1px solid rgba(124,77,255,.5);border-radius:var(--radius-md);color:#c9b8ff;font-family:inherit;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;transition:all .25s ease}.ai-fill-btn:hover:not(:disabled){border-color:#7c4dff;background:linear-gradient(135deg,#2a1a4ae6,#3d2080e6);box-shadow:0 0 16px #7c4dff59;color:#e8e0ff}.ai-fill-btn:disabled{opacity:.5;cursor:not-allowed}.ai-stylist-fab{margin-top:0}.ai-stylist-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#2a1a4a,#3d2080);border:2px solid #7c4dff;border-radius:var(--radius-md);color:#c9b8ff;font-family:inherit;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 16px #7c4dff59;white-space:nowrap}.ai-stylist-btn:hover{border-color:#b39dff;box-shadow:0 0 28px #7c4dffa6;transform:translateY(-2px);color:#e8e0ff}.ai-btn-icon{font-size:1rem;animation:ai-pulse 2.5s ease-in-out infinite}@keyframes ai-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.ai-stylist-modal{background:var(--bg-elevated);border:2px solid #7c4dff;border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:85vh;overflow-y:auto;box-shadow:0 0 40px #7c4dff66,0 20px 60px #0009;display:flex;flex-direction:column}.ai-stylist-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(124,77,255,.3)}.ai-stylist-modal .modal-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#c9b8ff;margin:0}.ai-title-icon{animation:ai-pulse 2.5s ease-in-out infinite}.ai-stylist-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.ai-closet-note{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#7c4dff1a;border:1px solid rgba(124,77,255,.25);border-radius:var(--radius-md);font-size:.8rem;color:var(--text-secondary)}.ai-submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem;background:linear-gradient(135deg,#3d2080,#7c4dff);border:2px solid #7c4dff;border-radius:var(--radius-md);color:#fff;font-family:inherit;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #7c4dff66;margin-top:.5rem}.ai-submit-btn:hover:not(:disabled){box-shadow:0 0 32px #7c4dffb3;transform:translateY(-1px)}.ai-submit-btn:disabled{opacity:.6;cursor:not-allowed}.ai-result{padding:1.5rem;border-top:1px solid rgba(124,77,255,.2)}.ai-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.ai-result-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#7c4dff}.ai-try-again-btn{background:transparent;border:1px solid rgba(124,77,255,.4);border-radius:var(--radius-sm);color:#c9b8ff;font-family:inherit;font-size:.75rem;padding:.3rem .7rem;cursor:pointer;transition:all .2s ease}.ai-try-again-btn:hover{border-color:#7c4dff;background:#7c4dff1a}.ai-result-body{font-size:.875rem;line-height:1.7;color:var(--text-primary)}.ai-result-body strong{color:#c9b8ff;display:block;margin-top:1rem;margin-bottom:.25rem}.ai-result-body strong:first-child{margin-top:0}@media(max-width:768px){.ai-btn-icon{font-size:1.4rem}}.style-match-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#0d2b22,#14a078);border:2px solid #14a078;border-radius:var(--radius-md);color:#a8f0d8;font-family:inherit;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 0 16px #14a0784d;white-space:nowrap}.style-match-btn:hover{border-color:#3de8b0;box-shadow:0 0 28px #14a07899;transform:translateY(-2px);color:#d0fff0}.style-match-modal{border-color:#14a078;box-shadow:0 0 40px #14a07859,0 20px 60px #0009}.style-match-modal .modal-title{color:#a8f0d8}.style-match-hint{font-size:.82rem;color:var(--text-secondary);margin:0 0 .75rem;line-height:1.5}.style-match-upload-area{position:relative;min-height:120px;border:2px dashed rgba(20,160,120,.35);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.style-match-preview{position:relative;width:100%}.style-match-preview img{width:100%;max-height:260px;object-fit:cover;border-radius:var(--radius-md);display:block}.style-match-clear-img{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:#0009;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.style-match-upload-btn{background:transparent;border:none;color:#14a078cc}.sm-result-card{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;margin-bottom:.5rem;background:#14a0780d;border:1px solid rgba(20,160,120,.18);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.sm-result-card:last-child{margin-bottom:0}.sm-result-card:hover{background:#14a0781f;border-color:#14a07866;transform:translate(2px)}.sm-card-img{width:54px;height:54px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--bg-main)}.sm-card-img img{width:100%;height:100%;object-fit:cover}.sm-card-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;opacity:.4}.sm-card-info{flex:1;min-width:0}.sm-card-name{font-size:.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-card-meta{font-size:.72rem;color:var(--text-muted);margin:.1rem 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm-card-match{font-size:.72rem;color:#6dbfa0}.sm-card-match em{font-style:normal;color:#a8f0d8}.sm-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.sm-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.15rem .45rem;border-radius:99px}.sm-badge-closet{background:#4a9fd826;color:var(--kh-primary-light);border:1px solid rgba(74,159,216,.3)}.sm-badge-db{background:#7c4dff26;color:#c9b8ff;border:1px solid rgba(124,77,255,.3)}.sm-score{font-size:.7rem;color:#6dbfa0;font-weight:600}.sm-empty{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.sm-pieces-identified{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.sm-pieces-label{font-size:.75rem;color:var(--text-muted);width:100%;margin-bottom:.25rem}.sm-piece-tag{font-size:.72rem;padding:.2rem .6rem;background:#14a0781a;border:1px solid rgba(20,160,120,.25);border-radius:99px;color:#a8f0d8}.upgrade-modal-dialog{max-width:420px;width:90%}.upgrade-modal-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 2rem 2rem;gap:1rem}.upgrade-icon{font-size:2.5rem;color:var(--accent);line-height:1}.upgrade-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.upgrade-perks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem;width:100%}.upgrade-perks li{font-size:.85rem;color:var(--text-primary);padding:.45rem .75rem;background:#14a07812;border:1px solid rgba(20,160,120,.18);border-radius:8px}.upgrade-cta-btn{position:relative;width:100%;padding:.85rem 1.5rem;background:linear-gradient(135deg,#14a078,#0d7a5c);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;letter-spacing:.02em;overflow:hidden;transition:opacity .2s;margin-top:.5rem}.upgrade-cta-btn:hover{opacity:.88}.upgrade-cta-btn .btn-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.18) 0%,transparent 70%);pointer-events:none}.upgrade-note{font-size:.75rem;color:var(--text-muted);margin:0}.ai-locked{position:relative;opacity:.65;cursor:pointer}.ai-locked:after{content:"🔒";position:absolute;top:-6px;right:-6px;font-size:.75rem;background:var(--bg-secondary);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;line-height:1}.admin-grant-btn{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.2rem;background:#14a0781a;border:1px solid rgba(20,160,120,.3);border-radius:8px;color:#14a078;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap}.admin-grant-btn:hover{background:#14a0782e;border-color:#14a07880}.admin-grant-btn.revoke{background:#dc50501a;border-color:#dc50504d;color:#e05555}.admin-grant-btn.revoke:hover{background:#dc50502e;border-color:#dc505080}.admin-controls-row{display:flex;gap:.5rem;justify-content:center;padding:.75rem 0 0;flex-wrap:wrap}.vp-role-badge{display:inline-block;padding:.2rem .65rem;border-radius:99px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#14a0781f;border:1px solid rgba(20,160,120,.25);color:#14a078;margin-left:.4rem;vertical-align:middle}.vp-role-badge.admin{background:#b478ff1f;border-color:#b478ff4d;color:#b47cff}.vp-role-badge.member,.vp-role-badge.verified{background:#14a0781f;border-color:#14a0784d;color:#14a078}.vp-role-badge.unverified,.vp-role-badge.guest{background:#8c8c8c1a;border-color:#8c8c8c33;color:var(--text-muted)}.item-submitter{font-size:.65rem;color:var(--text-muted);text-align:center;margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:0 2px}.apple-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 20px;background:#fff;color:#000;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;margin-bottom:10px;transition:background .2s}.apple-btn:hover{background:#e8e8e8}.apple-icon{width:20px;height:20px;flex-shrink:0}.profile-danger-zone{display:flex;justify-content:flex-end;padding:0 0 12px}.delete-account-btn{background:transparent;border:1px solid rgba(220,60,60,.5);color:#dc3c3c;padding:7px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:background .2s,border-color .2s}.delete-account-btn:hover{background:#dc3c3c1a;border-color:#dc3c3c}.profile-privacy-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 16px 32px;text-align:center}.profile-privacy-footer a{color:var(--kh-primary);text-decoration:none;font-size:13px;letter-spacing:.5px}.profile-privacy-footer a:hover{text-decoration:underline}.profile-copyright{font-size:12px;color:var(--text-secondary);opacity:.6;letter-spacing:.5px}.delete-modal-dialog{max-width:420px}.delete-warning{font-size:14px;color:#dc3c3c;margin-bottom:16px;line-height:1.6}.delete-confirm-label{font-size:14px;color:var(--text-secondary, #8b949e);margin-bottom:8px}.terms-modal-dialog{max-width:480px}.terms-modal-body{padding-top:4px}.terms-intro{font-size:14px;color:var(--text-secondary, #8b949e);margin-bottom:14px}.terms-list{padding-left:18px;margin-bottom:16px}.terms-list li{font-size:14px;color:var(--text-secondary, #8b949e);line-height:1.65;margin-bottom:6px}.terms-link-row{font-size:13px;color:var(--text-muted);margin-bottom:18px}.terms-link-row a{color:var(--accent, #4A9FD8)}.terms-accept-btn{width:100%;margin-bottom:10px}.terms-decline-btn{width:100%}.flag-modal-dialog{max-width:400px}.flag-intro{font-size:14px;color:var(--text-secondary, #8b949e);margin-bottom:14px}.flag-reasons{display:flex;flex-direction:column;gap:8px}.flag-reason-btn{background:var(--surface-2, #1a2035);border:1px solid var(--border, #2A3754);color:var(--text-primary, #c9d1d9);padding:12px 16px;border-radius:8px;font-size:14px;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.flag-reason-btn:hover{background:var(--surface-3, #212840);border-color:var(--accent, #4A9FD8)}.user-card{position:relative}.user-card-actions{display:flex;gap:6px;justify-content:center;margin-top:8px}.ugc-flag-btn,.ugc-block-btn{background:transparent;border:1px solid var(--border, #2A3754);color:var(--text-muted);font-size:11px;padding:4px 9px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.ugc-flag-btn:hover{background:#dcb4281a;border-color:#dcb42880;color:#dcb428}.ugc-block-btn:hover{background:#dc3c3c1a;border-color:#dc3c3c80;color:#dc3c3c}.vp-safety-actions{display:flex;gap:8px;padding:12px 0;border-top:1px solid var(--border, #2A3754);border-bottom:1px solid var(--border, #2A3754);margin:0 0 16px}.pending-entries-grid{display:flex;flex-direction:column;gap:12px;padding:8px 0}.pending-entry-card{display:grid;grid-template-columns:80px 1fr auto;gap:12px;align-items:start;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;transition:border-color .2s}.pending-entry-card:hover{border-color:var(--kh-primary)}.pending-entry-image{position:relative;width:80px;height:80px;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.pending-entry-image img{width:100%;height:100%;object-fit:cover}.pending-no-img{font-size:2rem}.pending-type-badge{position:absolute;bottom:2px;left:2px;background:var(--kh-primary);color:var(--bg-main);font-size:.6rem;padding:1px 4px;border-radius:3px;text-transform:uppercase;font-weight:700}.pending-entry-name{font-weight:700;font-size:.95rem;color:var(--text-primary);margin-bottom:2px}.pending-entry-sub{font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.pending-entry-meta{font-size:.75rem;color:var(--kh-primary);opacity:.7;margin-bottom:6px}.pending-entry-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.pending-entry-actions{display:flex;flex-direction:column;gap:6px}.approve-btn{background:var(--success, #22c55e);color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .2s}.approve-btn:hover{opacity:.85}.reject-btn{background:var(--error, #ef4444);color:#fff;border:none;border-radius:var(--radius-sm);padding:6px 12px;font-size:.8rem;font-weight:700;cursor:pointer;transition:opacity .2s}.reject-btn:hover{opacity:.85}#scoreStatBox .stat-num{color:var(--kh-primary);font-weight:900}.score-stat .user-stat-num{color:var(--kh-primary);font-weight:700}.trade-badge{position:absolute;top:4px;right:4px;background:rgba(var(--kh-primary-rgb, 100,149,237),.9);color:var(--bg-main);font-size:.6rem;font-weight:700;padding:2px 5px;border-radius:4px}.trade-request-btn{width:100%;margin-top:6px;background:var(--kh-primary);color:var(--bg-main);border:none;border-radius:var(--radius-sm);padding:6px 10px;font-size:.75rem;font-weight:700;cursor:pointer;transition:opacity .2s}.trade-request-btn:hover{opacity:.85}.trade-modal-dialog{max-width:460px;width:90%}.trade-item-name{background:var(--bg-card);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;font-size:.9rem;color:var(--text-primary)}.trades-sub-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.trades-sub-tab{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem;color:var(--text-muted);cursor:pointer;transition:all .2s}.trades-sub-tab.active,.trades-sub-tab:hover{border-color:var(--kh-primary);color:var(--kh-primary);background:var(--bg-elevated)}.trades-browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.trade-browse-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.trade-browse-card:hover{border-color:var(--kh-primary)}.trade-browse-img{height:110px;overflow:hidden;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.trade-browse-img img{width:100%;height:100%;object-fit:cover}.trade-browse-info{padding:8px}.trade-browse-name{font-weight:700;font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trade-browse-brand,.trade-browse-owner{font-size:.75rem;color:var(--text-muted);margin-top:2px}.trade-browse-card .trade-request-btn{border-radius:0;margin:0;width:100%}.trade-own-label{padding:6px 10px;text-align:center;font-size:.75rem;color:var(--text-muted);font-style:italic}.trade-request-list{display:flex;flex-direction:column;gap:10px}.trade-request-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.trade-req-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.trade-req-label{font-size:.85rem;color:var(--text-primary)}.trade-req-date{font-size:.75rem;color:var(--text-muted);margin-left:auto}.trade-req-status{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:10px;text-transform:uppercase}.trade-status-pending{background:#eab30833;color:#eab308}.trade-status-accepted{background:#22c55e33;color:#22c55e}.trade-status-rejected{background:#ef444433;color:#ef4444}.trade-req-message{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-bottom:8px}.trade-req-actions{display:flex;gap:8px}.circle-modal-dialog{max-width:600px;width:95%;max-height:85vh;overflow-y:auto}.create-circle-btn{background:var(--kh-primary);color:var(--bg-main);border:none;border-radius:var(--radius-sm);padding:7px 14px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .2s}.create-circle-btn:hover{opacity:.85}.circles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:4px 0}.circle-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 12px;text-align:center;cursor:pointer;transition:border-color .2s,transform .15s;position:relative}.circle-card:hover{border-color:var(--kh-primary);transform:translateY(-2px)}.circle-card-icon{font-size:2rem;margin-bottom:8px}.circle-card-name{font-weight:700;font-size:.9rem;color:var(--text-primary);margin-bottom:4px}.circle-card-members{font-size:.75rem;color:var(--text-muted)}.circle-creator-badge{position:absolute;top:6px;right:6px;background:var(--kh-primary);color:var(--bg-main);font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:4px}.circle-detail-header{display:flex;align-items:center;gap:10px;padding:0 0 14px;border-bottom:1px solid var(--border);margin-bottom:14px;flex-wrap:wrap}.circle-detail-meta{font-size:.85rem;color:var(--text-muted);margin-right:auto}.circle-invite-btn{background:var(--kh-primary);color:var(--bg-main);border:none;border-radius:var(--radius-sm);padding:5px 12px;font-size:.8rem;font-weight:700;cursor:pointer}.circle-leave-btn{background:var(--bg-card);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;font-size:.8rem;cursor:pointer}.circle-leave-btn.danger{color:var(--error, #ef4444);border-color:var(--error, #ef4444)}.circle-members-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.circle-members-list{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.circle-member{display:flex;align-items:center;gap:6px;background:var(--bg-card);border-radius:var(--radius-sm);padding:4px 8px;font-size:.8rem;color:var(--text-primary);position:relative}.circle-member-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:.9rem}.circle-member-avatar img{width:100%;height:100%;object-fit:cover}.circle-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.circle-remove-btn:hover{color:var(--error, #ef4444)}.circle-feed-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.circle-feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.circle-feed-card{background:var(--bg-card);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border)}.circle-feed-img{height:90px;overflow:hidden;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:2rem;position:relative}.circle-feed-img img{width:100%;height:100%;object-fit:cover}.circle-feed-badge{position:absolute;bottom:2px;left:2px;background:#0009;color:#fff;font-size:.6rem;padding:1px 4px;border-radius:3px;text-transform:capitalize}.circle-feed-name{padding:5px 6px;font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:24px}.analytics-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;text-align:center;transition:border-color .2s}.analytics-stat-card.highlight{border-color:var(--kh-primary)}.analytics-stat-num{font-size:2rem;font-weight:900;color:var(--kh-primary);line-height:1;margin-bottom:4px}.analytics-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.analytics-section{margin-bottom:28px}.analytics-section-title{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid var(--border)}.analytics-bar-chart{display:flex;align-items:flex-end;gap:6px;height:100px;padding:0 4px}.analytics-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.analytics-bar-fill{width:100%;background:var(--kh-primary);border-radius:3px 3px 0 0;min-height:4px;position:relative;transition:height .4s ease;display:flex;align-items:flex-start;justify-content:center}.analytics-bar-val{position:absolute;top:-18px;font-size:.65rem;color:var(--text-muted);white-space:nowrap}.analytics-bar-label{font-size:.65rem;color:var(--text-muted);margin-top:4px;text-align:center}.analytics-leaderboard{display:flex;flex-direction:column;gap:8px}.leaderboard-row{display:flex;align-items:center;gap:12px;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:10px 14px;border:1px solid var(--border)}.leaderboard-rank{font-weight:900;font-size:1rem;color:var(--kh-primary);width:24px;text-align:center}.leaderboard-name{flex:1;font-size:.9rem;color:var(--text-primary)}.leaderboard-score{font-size:.85rem;font-weight:700;color:var(--kh-primary)}.tutorial-card{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:min(460px,calc(100vw - 2rem));background:var(--bg-elevated);border:2px solid var(--border-glow);border-radius:var(--radius-lg);box-shadow:0 -4px 32px var(--glow),0 8px 32px #00000059;z-index:9000;overflow:hidden;transition:opacity .3s ease,transform .3s ease}.tutorial-card.hidden{display:none}.tutorial-card-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-panel);border-bottom:1px solid var(--border)}.tutorial-label{font-family:Orbitron,monospace;font-size:.65rem;font-weight:800;color:var(--kh-primary);letter-spacing:3px;text-transform:uppercase;flex:1}.tutorial-step-counter{font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.tutorial-skip-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);transition:color .2s;padding:0;line-height:1}.tutorial-skip-btn:hover{color:var(--text-primary)}.tutorial-card-body{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem}.tutorial-icon-wrap{width:52px;height:52px;flex-shrink:0;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-glow);display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease}.tutorial-card-text{flex:1;min-width:0}.tutorial-step-title{font-family:Orbitron,monospace;font-size:.85rem;font-weight:800;color:var(--text-primary);letter-spacing:.5px;margin-bottom:.3rem}.tutorial-step-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.tutorial-card-footer{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-panel);gap:.75rem}.tutorial-dots{display:flex;gap:.4rem;align-items:center}.tutorial-dot{width:7px;height:7px;border-radius:50%;background:var(--border);transition:all .25s ease;display:inline-block}.tutorial-dot.active{background:var(--kh-primary);width:18px;border-radius:4px}.tutorial-nav-btns{display:flex;gap:.5rem;align-items:center}.tutorial-back-btn{background:none;border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;padding:.35rem .6rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-family:inherit}.tutorial-back-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-light)}.tutorial-back-btn:disabled{opacity:.25;cursor:default}.tutorial-next-btn{background:var(--kh-primary);border:none;color:#fff;font-size:.82rem;font-weight:700;padding:.4rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s;font-family:inherit}.tutorial-next-btn:hover{opacity:.85}.native-app .tutorial-card,html.native-app .tutorial-card{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.tutorial-card--top{bottom:auto!important;top:calc(env(safe-area-inset-top,3.5rem) + .75rem)}.tutorial-hl{outline:2px solid var(--kh-primary)!important;outline-offset:4px;border-radius:var(--radius-md);animation:thl-pulse 1.4s ease-in-out infinite;position:relative;z-index:8900!important}@keyframes thl-pulse{0%,to{box-shadow:0 0 #c41e3a8c}50%{box-shadow:0 0 0 8px #c41e3a00}}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.app-wrapper{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.app-body{display:flex;flex:1;overflow:hidden;min-height:0}.left-panel{flex:0 0 25%;min-width:220px;max-width:310px;flex-shrink:0;overflow-y:auto;border-right:none;background:transparent}.panel-inner{padding:1rem .75rem}.main-content{flex:1;display:flex;overflow:hidden;min-width:0}.list-col{flex:0 0 36%;min-width:280px;max-width:520px;overflow:hidden;border-right:none;height:100%}.detail-col,.full-col{flex:1;overflow-y:auto;min-width:0;height:100%}#profilePage{overflow-y:auto}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--bg-elevated, #1a1a1a);border-top:1px solid var(--border-color, #333);padding:.5rem 0;padding-bottom:env(safe-area-inset-bottom,.5rem);flex-direction:row;align-items:center;justify-content:space-around}.bottom-nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:.25rem .2rem;color:var(--text-muted, #888);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase;transition:color .2s}.bottom-nav-btn.active{color:var(--kh-primary, #c0392b)}.bottom-nav-btn .nav-icon{font-size:1.2rem}.fab-wrapper{position:relative}.fab-btn-fixed{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 4px);left:50%;transform:translate(-50%);z-index:300;width:60px;height:60px;border-radius:50%;border:3px solid var(--bg-main, #F3E8D8);background:#c41e3a;color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;box-shadow:none;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;-webkit-tap-highlight-color:transparent}.fab-btn-fixed.open{transform:translate(-50%) rotate(45deg);background:#a31830}.fab-options{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 4.5rem);left:50%;transform:translate(-50%);z-index:299;display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.fab-options.visible{opacity:1;pointer-events:all}.fab-backdrop{position:fixed;inset:0;z-index:298;background:#0006;opacity:0;pointer-events:none;transition:opacity .2s}.fab-backdrop.visible{opacity:1;pointer-events:all}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.social-page{padding:1.5rem 3.5rem;overflow-y:auto;height:100%}.social-header{text-align:center;margin-bottom:1rem}.social-title{font-size:1.8rem;font-weight:700;color:var(--kh-primary, #c0392b);margin:0 0 .25rem}.social-subtitle{color:var(--text-muted, #888);margin:0;font-size:.9rem}.social-divider{height:1px;background:var(--border-color, rgba(0,0,0,.1));margin:1rem 0}.social-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.social-tab-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1.25rem;border:2px solid var(--border-color, #ddd);border-radius:var(--radius-sm, 4px);background:transparent;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted, #888);transition:all .15s}.social-tab-btn.active{background:var(--kh-primary, #c0392b);border-color:var(--kh-primary, #c0392b);color:#fff}.social-section-block{margin-bottom:2rem}.social-section-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kh-primary, #c0392b);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.social-count{font-weight:400;color:var(--text-muted, #888);font-size:.7rem}.social-users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.social-user-card{background:var(--bg-card, rgba(255,255,255,.5));border:1px solid var(--border-color, rgba(0,0,0,.08));border-radius:var(--radius-md, 8px);padding:1.25rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;transition:transform .15s,box-shadow .15s}.social-user-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.suc-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--kh-primary, #c0392b);background:var(--bg-elevated, #eee);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.suc-avatar img{width:100%;height:100%;object-fit:cover}.suc-avatar-placeholder{width:100%;height:100%;background:var(--bg-elevated, #ccc)}.suc-name{font-weight:700;font-size:.95rem;color:var(--kh-primary, #c0392b);text-align:center}.suc-tagline{font-size:.75rem;color:var(--text-muted, #888);font-style:italic;text-align:center;margin-bottom:.5rem}.suc-stats{display:flex;gap:1rem;margin:.5rem 0}.suc-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.suc-stat-num{font-size:1.1rem;font-weight:700;color:var(--text-primary, #333)}.suc-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #888)}.suc-actions{display:flex;gap:.5rem;margin-top:.5rem}.suc-action-btn{padding:.25rem .6rem;font-size:.7rem;border:1px solid var(--border-color, #ddd);border-radius:var(--radius-sm, 4px);background:transparent;cursor:pointer;color:var(--text-muted, #888);transition:all .15s}.suc-action-btn:hover{border-color:var(--kh-primary, #c0392b);color:var(--kh-primary, #c0392b)}.social-feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1rem}.social-feed-card{background:var(--bg-card, rgba(255,255,255,.5));border:1px solid var(--border-color, rgba(0,0,0,.08));border-radius:var(--radius-md, 8px);overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}.social-feed-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.sfc-image{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--bg-elevated, #eee)}.sfc-image img{width:100%;height:100%;object-fit:cover}.sfc-type-badge{position:absolute;bottom:.4rem;right:.4rem;background:var(--kh-primary, #c0392b);color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .4rem;border-radius:2px}.sfc-trade-badge{position:absolute;top:.4rem;right:.4rem;font-size:.9rem}.sfc-body{padding:.75rem}.sfc-user{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;cursor:pointer}.sfc-avatar{width:22px;height:22px;border-radius:50%;overflow:hidden;background:var(--bg-elevated, #eee);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0}.sfc-avatar img{width:100%;height:100%;object-fit:cover}.sfc-username{font-size:.72rem;color:var(--text-muted, #888);font-weight:500}.sfc-title{font-weight:700;font-size:.9rem;color:var(--text-primary, #222);margin-bottom:.2rem}.sfc-subtitle{font-size:.78rem;color:var(--text-muted, #888);margin-bottom:.3rem}.sfc-tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.4rem}.sfc-tag{font-size:.65rem;padding:.15rem .4rem;background:var(--bg-elevated, #f0f0f0);border-radius:999px;color:var(--text-muted, #666)}.social-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:.75rem}.social-empty-icon{font-size:2.5rem}.social-empty-text{color:var(--text-muted, #888);font-size:.9rem}.social-loading{padding:3rem;text-align:center;color:var(--text-muted, #888)}.profile-settings-block{background:var(--bg-panel, rgba(255,255,255,.4));border:1px solid var(--border, rgba(0,0,0,.08));border-radius:var(--radius-lg, 12px);padding:.9rem 1rem;margin:1rem}.closet-grid-scroll{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important;gap:.5rem!important}.floor-page{display:flex;flex-direction:column;height:100%;overflow:hidden;background:var(--bg-main, #F3E8D8)}.floor-header{flex-shrink:0;padding:1.25rem 1.25rem 0;border-bottom:2px solid var(--border, #C8B09A);background:var(--bg-panel, #EADAC6)}.floor-brand{margin-bottom:1rem}.floor-wordmark{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:900;letter-spacing:.12em;color:var(--kh-primary, #C41E3A);line-height:1}.floor-tagline{font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted, #7A6858);margin-top:.2rem}.floor-tabs{display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.floor-tabs::-webkit-scrollbar{display:none}.floor-tab{display:flex;align-items:center;gap:.35rem;padding:.6rem 1rem .7rem;border:none;border-bottom:3px solid transparent;background:none;cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted, #7A6858);transition:color .15s;position:relative;flex-shrink:0;white-space:nowrap}@media(max-width:900px){.floor-tab{padding:.55rem .7rem .65rem;font-size:.65rem;gap:.25rem}}.floor-tab.active{color:var(--kh-primary, #C41E3A);border-bottom-color:var(--kh-primary, #C41E3A)}.floor-tab-icon{font-size:.9rem}.floor-tab-badge{background:var(--kh-primary, #C41E3A);color:#fff;font-size:.6rem;font-weight:800;border-radius:999px;padding:.1rem .4rem;min-width:16px;text-align:center}.floor-body{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.floor-loading{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:3rem}.floor-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--kh-primary, #C41E3A);animation:floorPulse 1.2s ease-in-out infinite}.floor-loading-dot:nth-child(2){animation-delay:.2s}.floor-loading-dot:nth-child(3){animation-delay:.4s}@keyframes floorPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.1)}}.floor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:3rem 2rem;gap:.75rem;text-align:center;min-height:280px}.floor-empty-glyph{font-size:3rem;margin-bottom:.5rem;opacity:.8}.floor-empty-title{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;letter-spacing:.08em;color:var(--text-primary, #1A0C0A);text-transform:uppercase}.floor-empty-body{font-size:.82rem;color:var(--text-muted, #7A6858);max-width:260px;line-height:1.5}.floor-empty-cta{margin-top:.5rem;padding:.6rem 1.25rem;border:2px solid var(--kh-primary, #C41E3A);border-radius:var(--radius-md, 6px);background:none;color:var(--kh-primary, #C41E3A);font-family:inherit;font-size:.8rem;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .15s}.floor-empty-cta:hover{background:var(--kh-primary, #C41E3A);color:#fff}.floor-card{background:var(--bg-card, #F8F1E8);border:2px solid var(--border, #C8B09A);border-radius:var(--radius-lg, 9px);overflow:hidden;cursor:pointer;transition:border-color .15s,transform .12s}.floor-card:hover{border-color:var(--kh-primary, #C41E3A);transform:translateY(-1px)}.floor-card:active{transform:translateY(0)}.floor-card-exchange{display:flex;align-items:center;padding:1rem;gap:0}.floor-card-slot{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;min-width:0}.floor-card-thumb{width:72px;height:72px;border-radius:var(--radius-md, 6px);overflow:hidden;background:var(--bg-elevated, #E0CCBA);border:1px solid var(--border-light, #D8C8B0);flex-shrink:0}.floor-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.floor-card-thumb-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.6rem}.floor-card-item-name{font-size:.65rem;font-weight:600;text-align:center;color:var(--text-secondary, #5A3828);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80px}.floor-card-glyph{flex:0 0 48px;display:flex;flex-direction:column;align-items:center;gap:.2rem}.floor-card-glyph-icon{font-size:1.4rem;color:var(--kh-primary, #C41E3A);font-weight:700}.floor-card-type-label{font-size:.52rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted, #7A6858)}.floor-card-meta{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem .75rem;border-top:1px solid var(--border-light, #D8C8B0)}.floor-card-party{font-size:.72rem;font-weight:700;color:var(--text-primary, #1A0C0A)}.floor-card-status{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.floor-card-time{font-size:.62rem;color:var(--text-muted, #7A6858)}.floor-overlay{position:fixed;inset:0;z-index:400;background:#1a0c0a99;display:flex;align-items:flex-end;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.floor-sheet{background:var(--bg-main, #F3E8D8);border-top:2px solid var(--border, #C8B09A);border-radius:18px 18px 0 0;width:100%;max-height:92vh;overflow-y:auto;padding:0 1.25rem 2rem;display:flex;flex-direction:column;gap:1rem}.floor-sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--border, #C8B09A);margin:.75rem auto .25rem;flex-shrink:0}.floor-sheet-header{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.floor-sheet-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border, #C8B09A);background:var(--bg-elevated, #E0CCBA);color:var(--text-muted, #7A6858);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.floor-sheet-who{flex:1;font-weight:700;font-size:.9rem;color:var(--text-primary, #1A0C0A)}.floor-sheet-meta-icon{margin-right:.2rem}.floor-sheet-status{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;flex-shrink:0}.floor-sheet-items{display:flex;align-items:flex-start;gap:.5rem;background:var(--bg-panel, #EADAC6);border-radius:var(--radius-lg, 9px);border:1px solid var(--border-light, #D8C8B0);padding:1rem}.floor-sheet-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem}.floor-sheet-thumb{width:88px;height:88px;border-radius:var(--radius-md, 6px);overflow:hidden;background:var(--bg-elevated, #E0CCBA);border:1px solid var(--border-light, #D8C8B0)}.floor-sheet-thumb img{width:100%;height:100%;object-fit:cover;display:block}.floor-sheet-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}.floor-sheet-item-cap{font-size:.55rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted, #7A6858)}.floor-sheet-item-name{font-size:.72rem;font-weight:700;color:var(--text-primary, #1A0C0A);text-align:center}.floor-sheet-swap-glyph{font-size:1.6rem;color:var(--kh-primary, #C41E3A);font-weight:700;align-self:center;padding-top:1.5rem}.floor-info-pill{font-size:.76rem;background:var(--bg-panel, #EADAC6);border:1px solid var(--border-light, #D8C8B0);border-radius:999px;padding:.3rem .85rem;display:inline-block;color:var(--text-secondary, #5A3828)}.floor-init-quote{font-style:italic;font-size:.82rem;color:var(--text-muted, #7A6858);border-left:3px solid var(--kh-primary, #C41E3A);padding-left:.75rem}.floor-stepper{display:flex;align-items:flex-start}.floor-step{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;position:relative}.floor-step-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border, #C8B09A);background:var(--bg-card, #F8F1E8);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--text-muted, #7A6858);z-index:1;position:relative}.floor-step.done .floor-step-dot{background:var(--kh-primary, #C41E3A);border-color:var(--kh-primary, #C41E3A);color:#fff}.floor-step.current .floor-step-dot{border-color:var(--kh-primary, #C41E3A);color:var(--kh-primary, #C41E3A);font-weight:700}.floor-step-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #7A6858);text-align:center}.floor-step.done .floor-step-label,.floor-step.current .floor-step-label{color:var(--kh-primary, #C41E3A)}.floor-step-line{position:absolute;top:14px;left:50%;right:-50%;height:2px;background:var(--border, #C8B09A);z-index:0}.floor-step.done .floor-step-line{background:var(--kh-primary, #C41E3A)}.floor-terminal{padding:.75rem 1rem;border-radius:var(--radius-md, 6px);font-size:.85rem;font-weight:700;text-align:center;background:var(--bg-panel, #EADAC6);color:var(--text-secondary, #5A3828);border:1px solid var(--border-light, #D8C8B0)}.floor-terminal-complete{background:#d4edda;color:#155724;border-color:#c3e6cb}.floor-terminal-disputed{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.floor-actions{display:flex;flex-wrap:wrap;gap:.5rem}.floor-btn{padding:.55rem 1rem;border-radius:var(--radius-md, 6px);border:none;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:700;letter-spacing:.03em;transition:opacity .15s,transform .1s}.floor-btn:active{transform:scale(.97)}.floor-btn.accept{background:#1a7a4a;color:#fff}.floor-btn.decline{background:var(--bg-elevated, #E0CCBA);color:var(--text-muted, #7A6858);border:1px solid var(--border, #C8B09A)}.floor-btn.cancel{background:transparent;color:var(--text-muted, #7A6858);border:1px solid var(--border, #C8B09A)}.floor-btn.shipped{background:var(--kh-primary, #C41E3A);color:#fff}.floor-btn.receipt{background:#1a7a4a;color:#fff}.floor-btn.meetup{background:#6b3fa0;color:#fff}.floor-btn.met{background:#1a7a4a;color:#fff}.floor-btn.dispute{background:transparent;color:#8b1a1a;border:1px solid #8B1A1A;font-size:.72rem}.floor-ship-row{display:flex;align-items:center;gap:.5rem;width:100%}.floor-tracking-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border, #C8B09A);border-radius:var(--radius-md, 6px);background:var(--bg-card, #F8F1E8);font-family:inherit;font-size:.82rem;color:var(--text-primary, #1A0C0A)}.floor-waiting{font-size:.78rem;color:var(--text-muted, #7A6858);font-style:italic}.floor-chat{display:flex;flex-direction:column;gap:.5rem}.floor-chat-label{font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted, #7A6858)}.floor-messages{display:flex;flex-direction:column;gap:.5rem;min-height:80px;max-height:200px;overflow-y:auto;padding:.75rem;background:var(--bg-panel, #EADAC6);border-radius:var(--radius-md, 6px);border:1px solid var(--border-light, #D8C8B0)}.floor-no-msgs{text-align:center;font-size:.78rem;color:var(--text-muted, #7A6858);padding:.5rem 0;font-style:italic}.floor-msg{display:flex;flex-direction:column;max-width:78%}.floor-msg.mine{align-self:flex-end;align-items:flex-end}.floor-msg.theirs{align-self:flex-start;align-items:flex-start}.floor-msg-sender{font-size:.62rem;color:var(--text-muted, #7A6858);margin-bottom:2px;font-weight:600}.floor-msg-bubble{padding:.45rem .8rem;border-radius:12px;font-size:.82rem;line-height:1.4;background:var(--bg-card, #F8F1E8);border:1px solid var(--border-light, #D8C8B0);color:var(--text-primary, #1A0C0A)}.floor-msg.mine .floor-msg-bubble{background:var(--kh-primary, #C41E3A);color:#fff;border-color:transparent}.floor-msg-time{font-size:.58rem;color:var(--text-muted, #7A6858);margin-top:2px}.floor-msg-row{display:flex;gap:.5rem}.floor-msg-input{flex:1;padding:.55rem .9rem;border:1px solid var(--border, #C8B09A);border-radius:999px;background:var(--bg-card, #F8F1E8);font-family:inherit;font-size:.85rem;color:var(--text-primary, #1A0C0A)}.floor-msg-input:focus{outline:none;border-color:var(--kh-primary, #C41E3A)}.floor-msg-send{width:38px;height:38px;border-radius:50%;background:var(--kh-primary, #C41E3A);color:#fff;border:none;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .15s}.floor-msg-send:hover{opacity:.85}.trade-modal{max-width:520px}.trade-wanted-preview{display:flex;gap:.75rem;align-items:center;margin-bottom:1.25rem;padding:.75rem;background:var(--bg-elevated, #E0CCBA);border-radius:var(--radius-md, 6px)}.trade-wanted-preview img{width:56px;height:56px;border-radius:6px;object-fit:cover}.trade-wanted-name{font-weight:700;font-size:.95rem}.trade-wanted-owner{font-size:.75rem;color:var(--text-muted, #7A6858)}.trade-step-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--kh-primary, #C41E3A);margin-bottom:.6rem}.trade-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.trade-type-tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem;border:2px solid var(--border, #C8B09A);border-radius:var(--radius-md, 6px);background:var(--bg-card, #F8F1E8);cursor:pointer;transition:all .15s}.trade-type-tile.active{border-color:var(--kh-primary, #C41E3A);background:var(--bg-elevated, #E0CCBA)}.trade-type-icon{font-size:1.5rem}.trade-type-label{font-size:.8rem;font-weight:700}.trade-type-desc{font-size:.65rem;color:var(--text-muted, #7A6858);text-align:center}.trade-closet-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;margin-bottom:1rem;max-height:200px;overflow-y:auto}.trade-closet-tile{border:2px solid var(--border, #C8B09A);border-radius:6px;overflow:hidden;cursor:pointer;text-align:center}.trade-closet-tile.active{border-color:var(--kh-primary, #C41E3A)}.trade-closet-tile img{width:100%;aspect-ratio:1;object-fit:cover}.trade-closet-name{font-size:.65rem;padding:.2rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-closet-cat{font-size:.6rem;color:var(--text-muted, #7A6858);padding-bottom:.2rem}.trade-date-input,.trade-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #C8B09A);border-radius:var(--radius-md, 6px);background:var(--bg-card, #F8F1E8);font-size:.85rem;margin-bottom:.5rem;box-sizing:border-box;font-family:inherit}.trade-input.sm{flex:1;margin-bottom:0}.trade-textarea{width:100%;padding:.5rem .75rem;border:1px solid var(--border, #C8B09A);border-radius:var(--radius-md, 6px);background:var(--bg-card, #F8F1E8);font-size:.85rem;resize:vertical;box-sizing:border-box;font-family:inherit}.trade-note{font-size:.72rem;color:var(--text-muted, #7A6858);padding:.4rem .6rem;background:var(--bg-elevated, #E0CCBA);border-radius:var(--radius-md, 6px);margin-bottom:.75rem}.trade-meetup-fields{display:flex;flex-direction:column;gap:.25rem}.trade-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.trade-back-btn{padding:.5rem 1rem;border:1px solid var(--border, #C8B09A);background:none;border-radius:var(--radius-md, 6px);cursor:pointer;font-size:.82rem;color:var(--text-muted, #7A6858);font-family:inherit}.trade-empty{padding:1rem;text-align:center;color:var(--text-muted, #7A6858);font-size:.85rem}.trade-meetup-option{border-top:1px solid var(--border-light, #D8C8B0);padding-top:.75rem}.social-trade-actions{margin-top:.75rem}.social-trade-btn{width:100%;padding:.6rem;background:var(--kh-primary, #C41E3A);color:#fff;border:none;border-radius:var(--radius-md, 6px);font-weight:700;font-size:.85rem;cursor:pointer;font-family:inherit}.trade-step{display:flex;flex-direction:column;gap:.5rem}.trade-wanted-info{display:flex;flex-direction:column;gap:.2rem}.trade-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #7A6858);font-size:1.5rem;background:var(--bg-elevated, #E0CCBA)}.suc-proximity{font-size:.68rem;color:#27ae60;font-weight:600}.upm-dialog{max-width:620px;max-height:82vh;display:flex;flex-direction:column}.upm-body{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.upm-hero{display:flex;align-items:flex-start;gap:1rem}.upm-info{flex:1;display:flex;flex-direction:column;gap:.35rem}.upm-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color, rgba(0,0,0,.08))}.upm-tab{padding:.5rem 1rem;border:none;border-bottom:3px solid transparent;background:none;cursor:pointer;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #888)}.upm-tab.active{border-bottom-color:var(--kh-primary, #c0392b);color:var(--kh-primary, #c0392b)}.upm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;min-height:80px}.upm-empty{grid-column:1/-1;text-align:center;color:var(--text-muted, #888);font-size:.82rem;padding:1.5rem 0}.upm-thumb{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border-color, rgba(0,0,0,.08));cursor:pointer}.upm-thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.upm-thumb-ph{width:100%;aspect-ratio:1;background:var(--bg-elevated, #eee)}.upm-badge{position:absolute;top:.2rem;right:.2rem;background:var(--kh-primary, #c0392b);color:#fff;font-size:.55rem;font-weight:700;padding:.1rem .3rem;border-radius:2px;text-transform:uppercase}.upm-thumb-name{font-size:.6rem;padding:.2rem .3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--bg-card, #fff)}.upm-admin{border-top:1px solid var(--border-color, rgba(0,0,0,.08));padding-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.upm-admin-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--kh-primary, #c0392b)}.upm-admin-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.upm-toggle{padding:.3rem .75rem;border-radius:4px;border:none;cursor:pointer;font-size:.75rem;font-weight:700}.upm-toggle.on{background:#27ae60;color:#fff}.upm-toggle.off{background:var(--bg-elevated, #eee);color:var(--text-muted, #888);border:1px solid var(--border-color, #ddd)}.upm-role-select{padding:.3rem .5rem;border:1px solid var(--border-color, #ddd);border-radius:4px;background:var(--bg-card, #fff);font-size:.78rem;cursor:pointer}.user-profile-content{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.5rem 0}.user-profile-avatar-large{width:88px;height:88px;border-radius:50%;overflow:hidden;border:3px solid var(--kh-primary, #c0392b);background:var(--bg-elevated, #eee);flex-shrink:0}.user-profile-avatar-large img{width:100%;height:100%;object-fit:cover}.large-avatar-placeholder{width:100%;height:100%;background:var(--bg-elevated, #ccc)}.user-profile-handle{font-size:.8rem;color:var(--text-muted, #888)}.user-profile-bio{font-size:.85rem;text-align:center;color:var(--text-primary, #333);max-width:340px;margin:0}.user-profile-interests{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.interest-tag{font-size:.7rem;padding:.2rem .6rem;background:var(--bg-elevated, #f0f0f0);border-radius:999px;color:var(--text-muted, #666)}.profile-entries-grid,.profile-closet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem}.profile-entry-mini{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.profile-entry-mini img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm, 4px)}.profile-entry-mini .mini-name{font-size:.65rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted, #888)}.fab-spacer{flex:1;min-width:48px;max-width:64px}@media(max-width:900px){.left-panel{display:none}.mobile-bottom-nav{display:flex}.app-wrapper{height:calc(100vh - 65px - env(safe-area-inset-bottom,0px));height:calc(100dvh - 65px - env(safe-area-inset-bottom,0px));padding-bottom:0}.list-col{flex:1;max-width:100%;height:100%}.detail-col,.main-content.detail-open .list-col.hidden-mobile{display:none}.main-content.detail-open .detail-col{display:flex;flex:1}.social-page{padding:1rem}.social-users-grid,.social-feed-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(min-width:901px){.fab-btn-fixed{display:none}}