*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid var(--scrollbar-track);transition:all .3s ease}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.app-container{height:100vh;padding:8px;display:flex;position:relative;overflow:hidden;background:var(--bg-primary)}.main-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;width:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-card);overflow:hidden;max-height:100%}.hamburger-menu{display:none}.tab-container{display:flex;gap:4px;padding:8px 8px 0;background:transparent;flex-shrink:0}.tab{padding:12px 24px;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-bottom:none;border-radius:12px 12px 0 0;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .25s ease;position:relative;outline:none}.tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab.active{background:var(--bg-tertiary);border-color:var(--border-hover);border-left-color:var(--border-hover);border-right-color:var(--border-hover);border-top-color:var(--border-hover);border-bottom-color:var(--bg-tertiary);color:var(--text-primary);margin-bottom:-1px;z-index:1}.content-area{flex:1;background:var(--bg-tertiary);border-top:1px solid var(--border-hover);padding:2rem;margin:0 8px 8px;border-radius:0 0 8px 8px;overflow:hidden;min-height:0;display:flex;flex-direction:column}.tab-content{max-width:100%;animation:fadeIn .3s ease;display:flex;flex-direction:column;flex:1;min-height:0}.tab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:998;animation:fadeIn .3s ease}.mobile-sidebar{display:none;position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--bg-secondary);box-shadow:2px 0 20px #00000080;z-index:999;animation:slideInFromLeft .3s ease;overflow-y:auto}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--accent-bg)}.sidebar-header h3{margin:0;font-size:1.2rem;color:var(--accent-secondary);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-close{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;line-height:1}.sidebar-close:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar-nav{display:flex;flex-direction:column;padding:1rem 0}.sidebar-tab{padding:1rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease;border-left:3px solid transparent}.sidebar-tab:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar-tab.active{background:var(--bg-active);color:var(--accent-secondary);border-left-color:var(--accent-primary)}h2{font-size:2.2rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 10px var(--accent-bg-hover);filter:drop-shadow(0 0 12px var(--accent-bg-hover))}h3{color:var(--accent-secondary);font-size:1.3rem;margin-bottom:1rem;margin-top:1.5rem;font-weight:600;text-shadow:0 1px 8px var(--border-active)}h4{color:var(--accent-secondary);font-size:1rem;margin-bottom:.3rem}p{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem;text-shadow:0 1px 3px rgba(0,0,0,.3);font-weight:400;letter-spacing:.01em}label{display:block;color:var(--text-secondary);font-size:.95rem;margin-bottom:.5rem;font-weight:500}.content-section{margin-bottom:2rem;flex:1;overflow-y:auto;min-height:0}.prompt-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1rem;color:var(--text-primary);font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s ease}.prompt-input:focus{outline:none;border-color:var(--border-active);box-shadow:0 0 0 3px var(--bg-hover)}.prompt-input::placeholder{color:var(--text-muted)}.prompt-tags{display:flex;flex-wrap:wrap;gap:.75rem}.tag{padding:.5rem 1rem;background:var(--bg-active);border:1px solid var(--accent-bg-hover);border-radius:20px;color:var(--accent-secondary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.tag:hover{background:var(--accent-bg-hover);border-color:var(--border-active);transform:translateY(-2px)}.lora-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.lora-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:.5rem;transition:all .3s ease;cursor:pointer}.lora-card:hover{transform:translateY(-4px);border-color:var(--border-active);box-shadow:0 8px 24px var(--bg-active)}.lora-card.admin-mode{cursor:pointer;position:relative}.lora-card.admin-mode:hover{border-color:var(--accent-primary)}.lora-card.admin-mode:hover .edit-indicator{opacity:1}.lora-card.add-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--bg-hover),var(--bg-hover));border:2px dashed var(--border-active);cursor:pointer;transition:all .3s ease}.lora-card.add-new-card:hover{background:linear-gradient(145deg,var(--accent-bg),var(--bg-hover));border-color:var(--accent-primary);transform:translateY(-4px)}.lora-card.add-new-card .lora-preview{background:transparent;display:flex;align-items:center;justify-content:center}.lora-card.add-new-card .add-new-icon{font-size:2.5rem;color:var(--accent-primary);line-height:1}.lora-card .edit-indicator{position:absolute;bottom:.5rem;right:.5rem;background:var(--accent-primary);color:var(--bg-primary);padding:.25rem .5rem;border-radius:4px;font-size:.7rem;opacity:0;transition:opacity .2s ease}.lora-preview{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--accent-bg) 0%,rgba(139,164,208,.1) 100%);background-size:cover;background-position:center;border-radius:8px;margin-bottom:.75rem}.lora-info h4{margin-bottom:.25rem;margin-top:0}.lora-info p{margin-bottom:0;font-size:.85rem;color:var(--text-secondary)}.lora-character{font-size:.8rem;font-weight:600;color:var(--accent-secondary);margin-bottom:.15rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lora-cloth{font-size:.7rem;font-weight:400;color:var(--text-secondary);margin-top:0;margin-bottom:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.prompt-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:.5rem;transition:all .3s ease;cursor:pointer}.prompt-card:hover{transform:translateY(-4px);border-color:var(--border-active);box-shadow:0 8px 24px var(--bg-active)}.prompt-thumbnail{width:100%;aspect-ratio:1;background-size:cover;background-position:center;border-radius:8px;margin-bottom:.75rem;overflow:hidden;position:relative}.prompt-thumbnail img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.prompt-info h4{font-size:.8rem;font-weight:600;color:var(--accent-secondary);margin-bottom:.15rem;margin-top:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.popup-content{background:var(--bg-tertiary);border:1px solid var(--border-hover);border-radius:16px;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.close-button{position:absolute;top:1rem;right:1rem;background:var(--bg-secondary);border:1px solid var(--border-hover);color:var(--text-primary);width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.close-button:hover{background:var(--accent-bg-hover);transform:rotate(90deg)}.popup-images{display:grid;gap:1.5rem;margin-bottom:1.5rem}.popup-images.portrait{grid-template-columns:repeat(2,1fr)}.popup-images.landscape{grid-template-columns:1fr;max-width:100%}.popup-images img{width:100%;height:auto;max-height:calc(70vh - 200px);object-fit:contain;border-radius:8px;border:1px solid var(--border-primary)}.popup-images.landscape img{max-width:100%;margin:0 auto}.popup-images.portrait img{max-height:calc(70vh - 200px)}.copy-button{width:100%;padding:1rem;background:var(--accent-bg);border:1px solid var(--border-hover);border-radius:8px;color:var(--accent-secondary);font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.copy-button:hover{background:var(--accent-bg-hover);border-color:var(--border-active);transform:translateY(-2px)}.copy-button svg{flex-shrink:0}.copy-buttons-group{display:flex;gap:.75rem;width:100%}.copy-buttons-group .copy-button{flex:1;padding:.85rem .5rem;font-size:.9rem}.copy-buttons-group .copy-button.costume-copy{background:#e07a5f26;border-color:#e07a5f4d;color:var(--chart-costume)}.copy-buttons-group .copy-button.costume-copy:hover:not(:disabled){background:#e07a5f40;border-color:#e07a5f80}.copy-buttons-group .copy-button.scene-copy{background:var(--bg-active);border-color:var(--accent-bg-hover);color:var(--accent-secondary)}.copy-buttons-group .copy-button.scene-copy:hover:not(:disabled){background:var(--accent-bg-hover);border-color:var(--border-active)}.copy-buttons-group .copy-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.burst-container{position:fixed;pointer-events:none;z-index:9999;width:0;height:0}.burst-line{position:absolute;width:4px;height:25px;background:#fff;border:2px solid black;transform-origin:top center;animation:burstExpand .6s ease-out forwards;left:-2px;top:-30px}@keyframes burstExpand{0%{height:0;opacity:1;top:-30px}50%{height:25px;opacity:.9;top:-30px}to{height:30px;opacity:0;top:-32px}}.copy-toast{position:fixed;top:2rem;left:50%;transform:translate(-50%) translateY(-100px);background:var(--accent-primary);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem;box-shadow:0 8px 24px #0000004d;z-index:10000;opacity:0;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);pointer-events:none}.copy-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.copy-toast svg{flex-shrink:0}@media (max-width: 1024px) and (min-width: 769px){.lora-grid,.prompt-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.lora-character{font-size:.7rem}.lora-cloth{font-size:.6rem}}@media (max-width: 768px){.app-container{padding:4px}.hamburger-menu{display:flex;flex-direction:column;justify-content:space-around;width:36px;height:36px;background:var(--bg-active);border:1px solid var(--border-hover);border-radius:8px;cursor:pointer;padding:8px;margin:8px;position:relative;z-index:10;transition:all .25s ease;flex-shrink:0}.hamburger-menu:hover{background:var(--accent-bg-hover)}.hamburger-menu:active{transform:scale(.95)}.hamburger-menu span{width:100%;height:2px;background:var(--accent-secondary);border-radius:2px;transition:all .3s ease}.tab-container{display:none}.sidebar-overlay,.mobile-sidebar{display:block}.content-area{padding:1rem;overflow-x:hidden}.tab{padding:10px 16px;font-size:.9rem}h2{font-size:1.5rem}.lora-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;overflow-x:hidden;max-width:100%}.lora-card{min-width:0;padding:.35rem}.prompt-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;overflow-x:hidden;max-width:100%}.prompt-card{min-width:0;padding:.35rem}.lora-character{font-size:.65rem}.lora-cloth{font-size:.55rem}.lora-preview{margin-bottom:.4rem}.popup-content{padding:1.5rem;margin:1rem}.popup-images{grid-template-columns:1fr}.filter-container{margin-bottom:1rem}.filter-grid{grid-template-columns:1fr;padding:0 1rem}.filter-row{flex-direction:column;align-items:flex-start}.custom-select-wrapper{max-width:100%;width:100%}.filter-toggle-button{padding:.875rem 1rem;font-size:.95rem}.filter-count{font-size:.85rem}.lora-version-header{flex-direction:column!important;align-items:stretch!important;gap:1rem!important;min-height:auto!important}.lora-version-left{width:100%!important;justify-content:flex-start!important;z-index:auto!important}.lora-company-group-container{position:static!important;transform:none!important;left:auto!important;align-self:stretch!important;margin-top:0!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;pointer-events:auto!important}.lora-company-line{justify-content:center!important;width:100%!important;position:static!important}.lora-group-line{position:static!important;transform:none!important;left:auto!important;top:auto!important;margin-top:0!important;text-align:center!important;width:100%!important}.lora-version-header .custom-version-select{min-width:150px!important;max-width:100%!important;flex:1 1 auto!important}}.filter-container{margin-bottom:2rem;flex-shrink:0}.filter-toggle-button{width:100%;padding:1rem 1.5rem;margin-top:.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;color:var(--accent-secondary);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.filter-container:has(.filter-content.expanded) .filter-toggle-button{border-bottom-left-radius:0;border-bottom-right-radius:0}.filter-toggle-button>span:first-child{flex-shrink:0}.filter-toggle-button:hover{background:var(--bg-hover)}.filter-arrow{color:var(--accent-secondary);font-size:.8rem;transition:transform .3s ease;display:inline-block}.filter-arrow.expanded{transform:rotate(180deg)}.filter-count{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-left:auto}.filter-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease;position:relative;z-index:100}.filter-content.expanded{grid-template-rows:1fr}.filter-content>div{min-height:0;overflow:visible;background:var(--bg-secondary);border:1px solid var(--border-primary);border-top:none;border-radius:0 0 12px 12px}.filter-content:not(.expanded)>div{border:none;background:transparent}.filter-grid{padding:1rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;align-items:start;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}.filter-content.expanded .filter-grid{opacity:1;transform:translateY(0);pointer-events:auto}.filter-row{display:flex;flex-direction:column;gap:.5rem}.filter-row label{color:var(--accent-secondary);font-size:.85rem;font-weight:600;text-shadow:0 1px 8px var(--border-active);margin-bottom:0;white-space:nowrap}.custom-select-wrapper{width:100%;position:relative}.custom-select{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-hover);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-weight:500;transition:all .25s ease;box-shadow:0 2px 8px #0000004d,inset 0 1px 0 var(--bg-hover)}.custom-select-trigger:hover{border-color:var(--border-active);background:var(--bg-card);box-shadow:0 4px 12px var(--accent-bg),inset 0 1px 0 var(--bg-active)}.custom-select-arrow{color:var(--accent-secondary);transition:transform .25s ease;flex-shrink:0;margin-left:.5rem}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-options{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-active);border-radius:8px;box-shadow:0 8px 24px #0006,0 0 0 1px var(--accent-bg),inset 0 1px 0 var(--bg-hover);z-index:9999;overflow:hidden;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{padding:.75rem 1rem;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--bg-hover)}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:var(--bg-card);color:var(--accent-secondary);padding-left:1.25rem}.custom-select-option.selected{background:linear-gradient(135deg,var(--accent-bg-hover) 0%,var(--accent-bg) 100%);color:var(--text-primary);font-weight:600;border-left:3px solid var(--accent-secondary);padding-left:calc(1rem - 3px)}.filter-info{color:var(--text-secondary);font-size:.9rem;font-style:italic;text-align:center;padding:.75rem 1.5rem;border-top:1px solid var(--accent-bg);margin-top:.5rem;opacity:0;transition:opacity .3s ease}.filter-content.expanded .filter-info{opacity:1}.sensitivity-toggle-container{position:absolute;top:20px;right:20px;z-index:500;animation:fadeIn .5s ease;display:flex;align-items:center;gap:.75rem}.womb-tattoo-icon{position:absolute;left:3px;top:50%;transform:translateY(-50%) scale(.3);width:28px;height:28px;color:var(--nsfw-pink);opacity:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:0}.womb-tattoo-icon.visible{opacity:.9;transform:translateY(-50%) scale(1);animation:tattooGlow 2s ease-in-out infinite alternate}.womb-tattoo-icon svg,.womb-tattoo-icon img{width:100%;height:100%;object-fit:contain}@keyframes tattooGlow{0%{opacity:.7;filter:drop-shadow(0 0 2px rgba(255,150,180,.4))}to{opacity:.95;filter:drop-shadow(0 0 4px rgba(255,150,180,.6))}}.sensitivity-label{color:var(--accent-secondary);font-size:.9rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.3);white-space:nowrap;transition:color .3s ease}.sensitivity-toggle-container.nsfw-active .sensitivity-label{color:var(--nsfw-pink)}.sensitivity-toggle{position:relative;display:flex;background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);border:2px solid var(--border-hover);border-radius:20px;padding:3px;box-shadow:inset 0 3px 8px #0009,inset 0 -2px 4px #ffffff0d,0 4px 12px #0000004d;overflow:visible;width:70px;height:36px;transition:all .3s ease;cursor:pointer}.sensitivity-toggle.nsfw-mode{background:linear-gradient(180deg,#3c232d80,#46283299,#37232ab3);border-color:#c8829680;box-shadow:inset 0 3px 8px #00000080,inset 0 -2px 4px #ffc8dc14,0 4px 12px #0000004d,0 0 15px #ff96b426}.toggle-option{position:relative;z-index:2;flex:1;height:100%;background:transparent;border:none;cursor:pointer;transition:none;outline:none}.toggle-slider{position:absolute;top:50%;transform:translateY(-50%);left:3px;width:30px;height:30px;background:radial-gradient(circle at 40% 40%,#f0f0f0,#dcdcdcf2,#c8c8c8e6 60%,#b4b4b4cc);border-radius:50%;transition:left .35s cubic-bezier(.34,1.56,.64,1),background .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px #0000004d,inset -2px -2px 6px #96969666,inset 2px 2px 8px #fffc;z-index:1;pointer-events:none}.toggle-slider.sfw{left:3px}.toggle-slider.all{left:calc(100% - 33px);background:radial-gradient(circle at 40% 40%,#ffdce6,#f0c8d2f2,#e6b4c3e6 60%,#dca0b4d9);box-shadow:0 2px 4px #0000004d,inset -2px -2px 6px #c896aa66,inset 2px 2px 8px #ffe6f0cc,0 0 10px #ffb4c84d}@media (max-width: 768px){.sensitivity-toggle-container{top:10px;right:10px;gap:.5rem}.sensitivity-label{font-size:.8rem}.sensitivity-toggle{height:36px;width:64px}.womb-tattoo-icon{width:20px;height:20px;left:4px}.toggle-slider{width:28px;height:28px}.toggle-slider.all{left:calc(100% - 31px)}}.lora-meta-wrapper{position:relative;margin-top:1.5rem}.recommended-weight-badge{position:absolute;top:0;right:12px;display:flex;align-items:center;gap:6px;background:#64788cd9;padding:5px 12px;border-radius:4px;z-index:1;transform:translateY(-50%);border:1px solid rgba(255,255,255,.15)}.recommended-weight-label{color:#fffc;font-size:.7rem;font-weight:500;letter-spacing:.3px}.recommended-weight-value{color:#fff;font-size:.85rem;font-weight:600}.lora-meta-wrapper .lora-meta-info{margin-top:0}.lora-meta-info{margin-top:1.5rem;padding:1rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.lora-meta-item{display:flex;gap:.5rem;align-items:center;flex-wrap:nowrap;min-width:0;overflow:visible}.lora-meta-label{color:var(--accent-secondary);font-size:.9rem;font-weight:600;white-space:nowrap}.lora-meta-value{color:var(--text-primary);font-size:.9rem;font-weight:400}.custom-version-select-wrapper{position:relative;min-width:160px;flex:1 1 auto;max-width:100%}.custom-version-select{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-version-select-trigger{background:var(--bg-card);border:1px solid var(--accent-bg-hover);border-radius:8px;color:var(--text-primary);padding:.5rem .75rem;font-size:.9rem;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:.5rem;transition:all .3s ease;box-shadow:0 2px 8px #0003,inset 0 1px 0 var(--bg-hover);white-space:nowrap}.custom-version-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-version-select-trigger:hover{background:var(--bg-card);border-color:var(--border-active);box-shadow:0 3px 12px var(--bg-active),inset 0 1px 0 var(--bg-active)}.custom-version-arrow{color:var(--accent-secondary);transition:transform .3s ease;flex-shrink:0}.custom-version-arrow.open{transform:rotate(180deg)}.custom-version-options{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-hover);border-radius:8px;overflow:hidden;z-index:1000;box-shadow:0 8px 24px #0006,0 0 0 1px var(--accent-bg);animation:slideDown .2s ease}.custom-version-option{padding:.6rem 1rem;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--bg-hover)}.custom-version-option:last-child{border-bottom:none}.custom-version-option:hover{background:var(--accent-bg-hover);color:var(--text-primary)}.custom-version-option.selected{background:var(--accent-bg);color:var(--text-primary);font-weight:600;position:relative}.custom-version-option.selected:before{content:"✓";position:absolute;right:1rem;color:var(--accent-primary);font-weight:700}.lora-version-header{display:flex;align-items:center;margin-bottom:1.5rem;position:relative;min-height:40px}.lora-version-left{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.lora-version-label{color:var(--accent-secondary);font-size:.95rem;font-weight:600;white-space:nowrap}.lora-version-header .custom-version-select{flex:0 1 auto;min-width:180px;max-width:250px}.lora-version-text{color:var(--text-primary);font-size:.95rem;font-weight:500;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--accent-bg-hover);border-radius:8px;box-shadow:0 2px 8px #0003,inset 0 1px 0 var(--bg-hover)}.lora-company-group-container{position:absolute;left:50%;transform:translate(-50%);pointer-events:none}.lora-company-line{display:flex;align-items:center;gap:.4rem;position:relative}.company-from-label{color:var(--text-secondary);font-size:.95rem;font-weight:400}.lora-company-name{color:var(--accent-secondary);font-size:.95rem;font-weight:700}.lora-group-line{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.15rem;color:var(--accent-secondary);font-size:.85rem;font-weight:700;white-space:nowrap}.multi-char-warning{margin-top:1rem;padding:10px 14px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;color:#ff9800;font-size:.85rem;text-align:center;line-height:1.4}.lora-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.lora-action-button{width:60px;height:60px;background:var(--accent-bg);border:1px solid var(--border-hover);border-radius:12px;color:var(--accent-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.lora-action-button:hover{background:var(--accent-bg-hover);border-color:var(--border-active);transform:translateY(-2px);box-shadow:0 4px 12px var(--accent-bg)}.lora-action-button svg{flex-shrink:0}.prompt-author{margin-top:1.2rem;margin-bottom:.3rem;padding-left:.25rem;color:var(--text-secondary);font-size:.8rem;font-weight:400}.prompt-meta-info{margin-top:.3rem;margin-bottom:1rem;padding:.75rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (max-width: 768px){.prompt-meta-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;justify-content:start}}.prompt-meta-item{display:flex;gap:.5rem;align-items:center;flex-shrink:0}.prompt-meta-label{color:var(--accent-secondary);font-size:.9rem;font-weight:600;white-space:nowrap}.prompt-meta-value{color:var(--text-primary);font-size:.9rem;font-weight:400}.stability-badge{padding:.25rem .75rem;border-radius:6px;font-size:.85rem;font-weight:700;letter-spacing:.05em;display:inline-block;text-align:center;min-width:40px;box-shadow:0 2px 4px #0003;transition:all .3s ease}.stability-badge.stability-1{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:var(--success-green)}.stability-badge.stability-2{background:#f9731633;border:1px solid rgba(249,115,22,.4);color:var(--warning-orange)}.stability-badge.stability-3{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:var(--error-red)}.help-button{width:36px;height:36px;border-radius:50%;background:var(--bg-active);border:2px solid var(--accent-bg-hover);color:var(--accent-secondary);font-size:1.2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.help-button:hover{background:var(--accent-bg-hover);border-color:var(--border-active);transform:scale(1.1);box-shadow:0 4px 12px var(--accent-bg-hover)}.help-modal-overlay{z-index:3000}.help-modal{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-hover);border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.help-modal h2{margin-top:0;margin-bottom:1.5rem}.help-modal h3{margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.help-section{margin-bottom:2rem}.help-section:last-child{margin-bottom:0}.help-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.help-section ul{list-style:none;padding:0;margin:0}.help-section ul li{color:var(--text-secondary);padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.5}.help-section ul li:before{content:"•";position:absolute;left:.5rem;color:var(--accent-primary);font-weight:700}.help-section strong{color:var(--accent-secondary)}.stability-examples{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.stability-example{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px}.stability-example .stability-badge{flex-shrink:0;margin-top:.25rem}.stability-example div{flex:1}.stability-example strong{display:block;color:var(--accent-secondary);margin-bottom:.25rem}.stability-example p{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.4}.statistics-content{padding:0}.statistics-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:.5rem}.statistics-content>p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem}.stats-filter-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(145deg,var(--accent-bg) 0%,var(--bg-active) 100%);border:1px solid var(--border-hover);border-radius:12px;color:var(--accent-secondary);font-size:.85rem;font-weight:600;margin-left:.5rem}.loading-message{text-align:center;padding:4rem 2rem;color:var(--accent-secondary);font-size:1.2rem}.statistics-grid{display:flex;flex-direction:column;gap:1.5rem}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--accent-bg-hover);border-radius:10px;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 16px #0003,inset 0 1px 0 var(--bg-hover)}.stat-icon{font-size:2rem;line-height:1}.stat-info{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:var(--accent-primary);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.chart-section{display:flex;flex-direction:column;gap:1.5rem}.chart-section h3{color:var(--text-primary);font-size:1.25rem;margin:0;padding-bottom:.75rem;border-bottom:2px solid var(--accent-bg)}.chart-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;padding:1rem;box-shadow:0 4px 16px #0003,inset 0 1px 0 var(--bg-hover)}.chart-container h4{color:var(--accent-secondary);font-size:.95rem;margin:0 0 1rem;font-weight:600}.chart-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem}.chart-container.half-width{min-height:220px}.custom-chart-tooltip{background:var(--bg-card);border:1px solid var(--border-active);border-radius:12px;padding:.75rem;box-shadow:0 8px 24px #00000080,0 0 0 1px var(--accent-bg);display:flex;gap:1rem;max-width:400px;align-items:center}.tooltip-preview{width:120px;height:120px;flex-shrink:0;display:block;border-radius:8px;object-fit:cover}.tooltip-info{flex:1;min-width:0}.tooltip-label{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.tooltip-cloth{color:var(--text-secondary);font-size:.85rem;font-weight:400;margin:0 0 .5rem}.tooltip-value{color:var(--accent-secondary);font-size:.9rem;margin:0 0 .25rem}.tooltip-meta{color:var(--text-secondary);font-size:.85rem;margin:0}.recharts-bar-rectangle:hover,.recharts-rectangle:hover{opacity:.8}.recharts-active-bar{filter:brightness(1.1)}.recharts-wrapper .recharts-surface{overflow:visible}.recharts-layer.recharts-bar-background-rectangle{fill:var(--bg-hover)!important}.recharts-bar rect:hover{filter:brightness(1.15)}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;border-radius:50%;background:var(--accent-bg-hover);border:none;color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--border-active),0 2px 4px #0000004d;transition:all .3s ease;z-index:999;animation:fadeInUp .3s ease}.scroll-to-top:hover{background:var(--accent-primary);transform:translateY(-4px);box-shadow:0 8px 20px var(--accent-primary),0 4px 8px #0006}.scroll-to-top:active{transform:translateY(-2px)}.scroll-to-top svg{flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.scroll-to-top{bottom:1.5rem;right:1.5rem;width:48px;height:48px}.scroll-to-top svg{width:20px;height:20px}}@media (max-width: 1200px){.chart-row{grid-template-columns:1fr}}@media (max-width: 768px){.statistics-content{padding:1rem}.stats-overview{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{padding:.75rem;gap:.5rem;flex-direction:column;text-align:center}.stat-value{font-size:1.5rem}.stat-label{font-size:.7rem}.stat-icon{font-size:2rem}.chart-container{padding:.75rem}.chart-container h4{font-size:.85rem;margin-bottom:.5rem}.chart-row{grid-template-columns:repeat(2,1fr);gap:.75rem}.chart-row .recharts-wrapper{font-size:.7rem}.chart-row svg{overflow:visible}}.tab-header-actions{display:flex;gap:.75rem;align-items:center}.admin-toggle-btn{background:linear-gradient(145deg,var(--accent-bg),var(--bg-hover));border:1px solid var(--border-hover);border-radius:8px;padding:.5rem 1rem;color:var(--accent-secondary);cursor:pointer;font-size:.85rem;transition:all .3s ease}.admin-toggle-btn:hover{background:linear-gradient(145deg,var(--accent-bg-hover),var(--accent-bg));border-color:var(--border-active)}.admin-toggle-btn.active{background:linear-gradient(145deg,var(--border-active),var(--accent-bg-hover));border-color:var(--accent-primary);color:var(--text-primary)}.floating-logout-btn{position:fixed;bottom:24px;left:24px;background:linear-gradient(145deg,#1e1e32f2,#141428f2);border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:10px 18px;color:#ef4444;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .3s ease;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.floating-logout-btn:hover{background:linear-gradient(145deg,#ef444440,#ef444426);border-color:#ef4444b3;transform:translateY(-2px);box-shadow:0 6px 24px #ef444433}.prompt-card.admin-mode{cursor:pointer;position:relative}.prompt-card.admin-mode:hover{border-color:var(--accent-primary)}.prompt-card.admin-mode:hover .edit-indicator{opacity:1}.edit-indicator{position:absolute;bottom:.5rem;right:.5rem;background:var(--accent-primary);color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;opacity:0;transition:opacity .2s ease}.popup-content.edit-mode{max-width:800px;max-height:90vh;overflow-y:auto}.edit-modal-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;text-align:center}.edit-images{margin-bottom:1.5rem}.popup-content.edit-mode .popup-images.edit-images{max-height:none;overflow:visible}.popup-content.edit-mode .popup-images.edit-images img{max-height:none;min-height:150px;height:auto}.popup-content.edit-mode .edit-image-container,.popup-content.edit-mode .edit-image-placeholder{min-height:150px}.edit-image-container{position:relative;cursor:pointer;overflow:hidden;border-radius:8px}.edit-image-container img{transition:filter .3s ease}.edit-image-container:hover img{filter:brightness(.7)}.edit-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .3s ease}.edit-image-container:hover .edit-image-overlay{opacity:1}.edit-image-overlay span{color:#fff;font-size:1rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5)}.edit-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.edit-field{display:flex;flex-direction:column;gap:.5rem}.edit-field label{color:var(--accent-secondary);font-size:.85rem;font-weight:500}.edit-field input,.edit-field select,.edit-field textarea{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:.9rem;transition:border-color .2s ease}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{outline:none;border-color:var(--accent-primary)}.edit-field textarea{resize:vertical;font-family:Monaco,Menlo,monospace;font-size:.85rem;line-height:1.5}.edit-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.edit-field.full-width{grid-column:1 / -1}.edit-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--accent-bg)}.cancel-button{background:var(--bg-hover);border:1px solid var(--border-hover);border-radius:8px;padding:.75rem 1.5rem;color:var(--accent-secondary);cursor:pointer;font-size:.9rem;transition:all .2s ease}.cancel-button:hover{background:var(--accent-bg);border-color:var(--border-active)}.update-button{background:var(--accent-bg-hover);border:1px solid var(--accent-primary);border-radius:8px;padding:.75rem 1.5rem;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.update-button:hover{background:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-bg-hover)}@media (max-width: 768px){.popup-content.edit-mode{padding:1rem}.edit-field-grid{grid-template-columns:1fr 1fr}.edit-actions{flex-direction:column}.edit-actions button{width:100%}.tab-header-actions{flex-direction:column;gap:.5rem}}.prompt-card.add-new-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--bg-hover),var(--bg-hover));border:2px dashed var(--border-active);cursor:pointer;transition:all .3s ease}.prompt-card.add-new-card:hover{background:linear-gradient(145deg,var(--accent-bg),var(--bg-hover));border-color:var(--accent-primary);transform:translateY(-4px)}.add-new-icon{font-size:3rem;color:var(--accent-primary);line-height:1;margin-bottom:.5rem}.prompt-card.add-new-card .prompt-info h4{color:var(--accent-secondary)}.edit-field label .required{color:var(--chart-costume);margin-left:2px}.create-prompt-notice{background:var(--bg-hover);border:1px solid var(--border-hover);border-radius:8px;padding:1rem;margin-bottom:1rem;color:var(--accent-secondary);text-align:center;font-size:.9rem}.edit-image-placeholder-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.edit-image-placeholder{aspect-ratio:3/4;min-height:180px;background:var(--bg-secondary);border:2px dashed var(--border-active);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.edit-image-placeholder:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.edit-image-placeholder span{color:var(--accent-secondary);font-size:.9rem;text-align:center;padding:1rem}.edit-field input[list]{background:var(--bg-secondary);border:1px solid var(--border-hover);border-radius:8px;padding:.75rem;color:var(--text-primary);font-size:.9rem;width:100%}.edit-field input[list]:focus{outline:none;border-color:var(--accent-primary)}@media (max-width: 768px){.edit-image-placeholder-container{grid-template-columns:1fr}.add-new-icon{font-size:2.5rem}}.edit-image-placeholder.has-image{padding:0;border:none;position:relative;overflow:hidden}.edit-image-placeholder.has-image img{width:100%;height:100%;object-fit:cover}.edit-image-placeholder.has-image .edit-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#00000080;opacity:0;transition:opacity .3s ease}.edit-image-placeholder.has-image:hover .edit-image-overlay{opacity:1}.edit-image-placeholder .required{color:var(--chart-costume)}.costume-categories{padding:0 1rem 1rem;max-height:calc(100vh - 200px);overflow-y:auto}.costume-category-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.costume-category-section.dragging{opacity:.5;border-color:var(--accent-primary)}.costume-category-header{display:flex;align-items:center;padding:1rem;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.costume-category-header:hover{background:var(--bg-hover)}.costume-drag-handle{color:var(--accent-primary);font-size:1rem;margin-right:.75rem;cursor:grab;opacity:.6;transition:opacity .2s ease}.costume-drag-handle:hover{opacity:1}.costume-category-arrow{color:var(--accent-primary);font-size:.75rem;margin-right:.75rem;transition:transform .2s ease}.costume-category-arrow.expanded{transform:rotate(90deg)}.costume-category-title{flex:1;margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.costume-category-count{background:var(--accent-bg);color:var(--accent-secondary);padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.costume-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;padding:0 1rem 1rem;max-height:540px;overflow-y:auto}.costume-grid .prompt-card{transition:all .2s ease}.costume-grid .prompt-card.dragging{opacity:.5;transform:scale(.95)}.costume-category-empty{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.lora-categories{padding:0 1rem 1rem;max-height:calc(100vh - 200px);overflow-y:auto}.lora-category-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .2s ease}.lora-category-header{display:flex;align-items:center;padding:1rem;cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.lora-category-header:hover{background:var(--bg-hover)}.lora-category-arrow{color:var(--accent-primary);font-size:.75rem;margin-right:.75rem;transition:transform .2s ease}.lora-category-arrow.expanded{transform:rotate(90deg)}.lora-category-title{flex:1;margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.lora-category-count{background:var(--accent-bg);color:var(--accent-secondary);padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.lora-categories .lora-grid{padding:0 1rem 1rem;max-height:none}.lora-category-empty{padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.costume-category-header{padding:.75rem 1rem}.costume-category-title{font-size:1rem}.costume-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}}.lora-edit-version-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.lora-edit-version-tab{padding:.4rem .8rem;background:var(--bg-hover);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease}.lora-edit-version-tab:hover{background:var(--accent-bg);border-color:var(--accent-primary)}.lora-edit-version-tab.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.lora-version-image-section{margin-top:1rem;padding:1rem;background:var(--bg-hover);border-radius:8px;border:1px solid var(--border-primary)}.lora-edit-modal .edit-images{display:flex;flex-direction:column;align-items:flex-start}.lora-edit-modal .edit-image-placeholder{width:100px;height:100px;min-width:100px;min-height:100px}.lora-version-image-section .edit-image-placeholder{width:140px;height:210px;min-width:140px;min-height:210px;aspect-ratio:2/3}.lora-version-image-section .edit-image-placeholder-container{display:flex;gap:1rem;justify-content:flex-start}@media (min-width: 768px){.lora-edit-modal .edit-image-placeholder{width:140px;height:140px;min-width:140px;min-height:140px}.lora-version-image-section .edit-image-placeholder{width:220px;height:330px;min-width:220px;min-height:330px}}.prompt-fn-loras-section{display:flex;align-items:center;gap:.75rem;margin-top:-.5rem;margin-bottom:1rem}.prompt-fn-loras-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap}.prompt-fn-loras{flex-direction:column!important;align-items:flex-start!important}.fn-lora-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.fn-lora-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;background:linear-gradient(135deg,var(--accent-bg),var(--accent-bg-hover));border:1px solid var(--accent-primary);border-radius:15px;color:var(--accent-primary);font-size:.85rem;font-weight:500;transition:all .2s ease}.fn-lora-tag.clickable{cursor:pointer}.fn-lora-tag.clickable:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--accent-primary-rgb),.3)}.fn-lora-tag.editable{padding-right:.25rem}.fn-lora-tag-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin-left:.25rem;background:#fff3;border:none;border-radius:50%;color:var(--accent-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.fn-lora-tag-remove:hover{background:var(--accent-primary);color:var(--bg-primary)}.fn-lora-selector{display:flex;flex-direction:column;gap:.75rem}.fn-lora-selected-tags{display:flex;flex-wrap:wrap;gap:.5rem;min-height:32px;padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px}.fn-lora-selected-tags:empty:after{content:"No Fn LoRA selected";color:var(--text-tertiary);font-style:italic;font-size:.9rem}.fn-lora-add-select{padding:.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:border-color .2s ease}.fn-lora-add-select:hover{border-color:var(--accent-primary)}.fn-lora-add-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-bg)}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-primary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-content p{color:var(--text-secondary);font-size:1rem;margin:0}.upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border-radius:8px;color:var(--text-primary);font-size:.75rem;font-weight:600}.upload-overlay.done{background:#22c55ecc}.upload-overlay.error{background:#ef4444cc}.upload-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.lora-card.uploading{pointer-events:none}.lora-preview{position:relative}.upload-warning-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,#f59e0b,#d97706);color:#000;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9rem;font-weight:600;z-index:9999;box-shadow:0 -4px 12px #0000004d}.upload-warning-icon{font-size:1.2rem}.upload-warning-text{flex:1;text-align:center}.upload-warning-spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.2);border-top-color:#000;border-radius:50%;animation:spin 1s linear infinite}.notification-container{position:relative}.notification-bell{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s,color .2s;position:relative;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.notification-bell svg{width:20px;height:20px}.notification-bell:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.notification-badge{position:absolute;top:4px;right:4px;width:10px;height:10px;background:#ef4444;border-radius:50%;border:2px solid var(--bg-primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.notification-dropdown{position:absolute;top:100%;right:0;width:320px;max-height:400px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 10px 40px #0000004d;z-index:1000;overflow:hidden;margin-top:.5rem}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-primary);font-weight:600;color:var(--text-primary)}.notification-count{background:var(--accent-primary);color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:999px}.notification-list{max-height:340px;overflow-y:auto}.notification-empty{padding:2rem;text-align:center;color:var(--text-secondary)}.notification-item{padding:1rem;border-bottom:1px solid var(--border-primary);transition:background-color .2s}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--bg-tertiary)}.notification-message{color:var(--text-primary);font-size:.875rem;line-height:1.5;margin-bottom:.25rem}.notification-time{color:var(--text-secondary);font-size:.75rem}.notification-item{display:flex;align-items:flex-start;gap:.5rem}.notification-item.unread{background:var(--bg-tertiary)}.notification-item-badge{width:8px;height:8px;min-width:8px;background:#ef4444;border-radius:50%;margin-top:.5rem}.notification-content{flex:1;min-width:0}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-tertiary);border-radius:12px;box-shadow:0 4px 12px #00000026,0 0 0 1px #ffffff1a;color:var(--text-primary);animation:toast-slide-in .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:300px}@keyframes toast-slide-in{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-weight:700;font-size:14px;flex-shrink:0}.toast-success{border-left:4px solid var(--success-green)}.toast-success .toast-icon{background:#4ade8033;color:var(--success-green)}.toast-error{border-left:4px solid var(--error-red)}.toast-error .toast-icon{background:#ef444433;color:var(--error-red)}.toast-warning{border-left:4px solid var(--warning-orange)}.toast-warning .toast-icon{background:#f59e0b33;color:var(--warning-orange)}.toast-info{border-left:4px solid var(--accent-primary)}.toast-info .toast-icon{background:#3b82f633;color:var(--accent-primary)}.toast-message{flex:1;font-size:14px;line-height:1.5}.toast-close{background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#ffffff1a;color:var(--text-primary)}.gallery-container{width:100%;padding:0;display:flex;flex-direction:column;flex:1;min-height:0}.gallery-header{margin-bottom:2rem;flex-shrink:0}.gallery-header h2{margin:0 0 .5rem;color:var(--text-primary);font-size:2rem}.gallery-header p{margin:0;color:var(--text-secondary)}.gallery-category-nav{display:flex;gap:1rem;margin-bottom:2rem;padding:.5rem;background:var(--bg-secondary);border-radius:12px;flex-shrink:0}.gallery-content-section{flex:1;overflow-y:auto;min-height:0}.category-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:var(--scrollbar-track);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.category-button:hover{background:var(--border-secondary);border-color:var(--border-active);color:var(--text-primary)}.category-button.active{background:var(--accent-bg-hover);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 4px 12px #0000004d}.category-icon{font-size:1.5rem}.category-count{margin-left:auto;padding:.25rem .75rem;background:#0000004d;border-radius:12px;font-size:.875rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}@media (min-width: 1600px){.gallery-grid{grid-template-columns:repeat(8,1fr)}}@media (min-width: 1280px) and (max-width: 1599px){.gallery-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1025px) and (max-width: 1279px){.gallery-grid{grid-template-columns:repeat(5,1fr)}}.gallery-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-secondary)}.gallery-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #0006;border-color:var(--border-active)}.gallery-card-image{position:relative;width:100%;padding-top:66.67%;background:var(--bg-secondary);overflow:hidden}.gallery-card-image img,.gallery-card-image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.gallery-card-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1rem}.gallery-card-overlay{position:absolute;bottom:-1px;left:0;right:0;padding:.75rem .75rem .85rem;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,transparent 100%);color:var(--text-primary);opacity:1;transition:all .3s ease}.gallery-card:hover .gallery-card-overlay{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 70%,transparent 100%)}.gallery-card-title{margin:0 0 .25rem;font-size:.85rem;font-weight:600;color:var(--text-primary)}.gallery-card-description{margin:0 0 .4rem;font-size:.7rem;color:var(--text-secondary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-card-meta{display:flex;gap:.5rem;font-size:.65rem;color:var(--text-secondary)}.meta-item{display:flex;align-items:center;gap:.15rem}.gallery-card-footer{padding:.6rem;display:flex;justify-content:space-between;align-items:center}.gallery-card-tags{display:flex;gap:.3rem;flex-wrap:wrap}.gallery-tag{padding:.15rem .5rem;background:var(--border-secondary);border-radius:10px;font-size:.65rem;color:var(--text-secondary)}.gallery-card-author{font-size:.75rem;color:var(--text-muted);font-style:italic}.gallery-loading,.gallery-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1rem}.gallery-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gallery-viewer-content{background:var(--bg-secondary);border-radius:4px;width:100vw;max-width:none;height:100vh;max-height:none;display:flex;flex-direction:column;overflow:hidden;box-shadow:none;position:relative;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.gallery-viewer-close{position:absolute;top:calc(1rem + env(safe-area-inset-top));right:calc(1rem + env(safe-area-inset-right));width:40px;height:40px;border-radius:50%;background:#00000080;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;z-index:10;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.gallery-viewer-close:hover{background:#dc2626cc;transform:scale(1.1)}.gallery-viewer-header{padding:.75rem 1rem;border-bottom:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;flex-shrink:0}.gallery-viewer-header h2{margin:0;color:var(--text-primary);font-size:1.25rem}.gallery-viewer-header p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.75rem}.gallery-viewer-counter{font-size:.875rem;color:var(--text-muted);padding:.5rem 1rem;background:var(--bg-secondary);border-radius:8px}.gallery-viewer-counter-center{display:flex;align-items:center;justify-content:center;padding:.75rem 2rem 1rem;border-bottom:1px solid var(--border-secondary);font-size:.875rem;color:var(--text-muted)}.gallery-viewer-body{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:0}.gallery-viewer-image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;overflow:hidden;min-height:0;min-width:0;position:relative}.gallery-viewer-image{max-width:calc(100vw - 2rem);max-height:calc(100vh - 250px);width:auto;height:auto;object-fit:contain;border-radius:0;display:block;object-position:center}.gallery-viewer-image-container video{max-width:calc(100vw - 2rem);max-height:calc(100vh - 250px);width:auto;height:auto;object-fit:contain;border-radius:0;display:block;object-position:center}.gallery-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#00000080;border:none;color:var(--text-primary);font-size:2rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.gallery-viewer-nav:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-50%) scale(1.1)}.gallery-viewer-nav:disabled{opacity:.3;cursor:not-allowed}.gallery-viewer-nav-left{left:1rem}.gallery-viewer-nav-right{right:1rem}.gallery-viewer-thumbnails{display:flex;gap:.5rem;padding:.5rem 1rem;overflow-x:auto;border-top:1px solid var(--border-secondary);flex-shrink:0}.gallery-thumbnail{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease;opacity:.6}.gallery-thumbnail:hover{opacity:1;border-color:var(--border-active)}.gallery-thumbnail.active{opacity:1;border-color:var(--accent-primary);box-shadow:0 0 12px var(--border-active)}.gallery-thumbnail img,.gallery-thumbnail video{width:100%;height:100%;object-fit:cover}.gallery-viewer-footer{padding:1rem 2rem;border-top:1px solid var(--border-secondary);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.gallery-viewer-tags{display:flex;gap:.5rem;flex-wrap:wrap}.gallery-viewer-author{font-size:.875rem;color:var(--text-muted);font-style:italic}.story-viewer .gallery-viewer-content{max-width:none}.story-content{display:flex;flex-direction:column}.story-header{padding:1.5rem 2rem 1rem;border-bottom:none;display:flex;justify-content:center;align-items:center}.story-header h2{margin:0;color:var(--text-primary);font-size:1.5rem;text-align:center}.story-progress-center{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 2rem 1rem;border-bottom:1px solid var(--border-secondary);font-size:.875rem;color:var(--text-muted)}.story-progress{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-muted)}.story-restart-btn{padding:.25rem .75rem;background:var(--border-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.75rem;transition:all .2s ease}.story-restart-btn:hover{background:var(--border-primary);color:var(--text-primary)}.story-page{flex:1;overflow-y:auto;min-height:400px;max-height:60vh}.story-page-text{padding:3rem;display:flex;align-items:center;justify-content:center;min-height:400px}.story-page-text p{font-size:1.125rem;line-height:1.8;color:var(--text-primary);max-width:700px;text-align:center}.story-page-image{display:flex;flex-direction:column;align-items:center;padding:2rem}.story-page-image img{max-width:100%;max-height:500px;object-fit:contain;border-radius:8px;margin-bottom:1rem}.story-caption{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin-top:.5rem}.story-text{font-size:1rem;line-height:1.6;color:var(--text-primary);max-width:700px;margin-top:1rem}.story-page-both{position:relative;min-height:400px}.story-page-both img{width:100%;height:100%;object-fit:cover}.story-text-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 70%,transparent 100%)}.story-text-overlay p{font-size:1.125rem;line-height:1.6;color:var(--text-primary);margin:0}.story-page-vn{position:relative;min-height:500px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:flex-end}.story-character{position:absolute;bottom:0;max-height:80%}.story-character img{height:100%;max-height:500px;object-fit:contain}.story-character-left{left:5%}.story-character-center{left:50%;transform:translate(-50%)}.story-character-right{right:5%}.story-vn-text{padding:2rem;background:#000c;border-top:2px solid var(--border-primary)}.story-vn-text p{font-size:1rem;line-height:1.6;color:var(--text-primary);margin:0}.story-dialogue-box{padding:1.5rem 2rem;background:#000000e6;border-top:2px solid var(--border-primary)}.story-character-name{font-size:1rem;font-weight:600;color:var(--accent-primary);margin-bottom:.5rem}.story-dialogue-box p{font-size:1rem;line-height:1.6;color:var(--text-primary);margin:0}.story-navigation{padding:1.5rem 2rem;border-top:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:space-between;gap:1rem}.story-nav-btn{padding:.75rem 1.5rem;background:var(--accent-bg-hover);border:1px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}.story-nav-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.story-nav-btn:disabled{opacity:.5;cursor:not-allowed}.story-page-dots{display:flex;gap:.5rem;flex:1;justify-content:center;overflow-x:auto;padding:.25rem 0}.story-dot{width:8px;height:8px;border-radius:50%;background:var(--border-primary);cursor:pointer;transition:all .2s ease}.story-dot:hover{background:var(--border-active);transform:scale(1.2)}.story-dot.active{background:var(--accent-primary);transform:scale(1.3)}.story-dot.completed{background:var(--accent-secondary)}.gallery-viewer-loading,.gallery-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary)}.gallery-viewer-error button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--accent-bg-hover);border:1px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.gallery-viewer-error button:hover{background:var(--accent-hover)}@media (max-width: 1024px) and (min-width: 769px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.gallery-card-overlay{padding:.6rem}.gallery-card-title{font-size:.9rem}.gallery-card-description{font-size:.7rem;-webkit-line-clamp:2}}@media (max-width: 768px){.gallery-category-nav{flex-direction:row;gap:.5rem;padding:.25rem}.category-button{padding:.5rem;font-size:.85rem;flex-direction:column;gap:.25rem}.category-icon{font-size:1.25rem}.category-count{margin-left:0;font-size:.75rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.gallery-card-overlay{padding:.5rem}.gallery-card-title{font-size:.8rem;margin-bottom:.2rem}.gallery-card-description{font-size:.7rem;-webkit-line-clamp:2}.gallery-card-meta{font-size:.65rem}.gallery-card-footer{padding:.5rem}.gallery-tag{padding:.15rem .4rem;font-size:.65rem}.gallery-card-image{padding-top:75%}.gallery-card-image img,.gallery-card-image video{object-fit:contain}.gallery-viewer-content{width:100vw;height:100vh;border-radius:0;padding-top:2.5rem;padding-bottom:1.5rem;overflow:hidden}.gallery-viewer-close{top:3rem;right:.75rem}.gallery-viewer-header{padding:.5rem;flex-shrink:0}.gallery-viewer-header h2{font-size:1rem}.gallery-viewer-body{flex:1;min-height:0;overflow:hidden}.gallery-viewer-image-container{padding:.25rem;min-height:0}.gallery-viewer-image{max-height:calc(100vh - 300px)}.gallery-viewer-image-container video{max-height:calc(100vh - 300px)}.gallery-viewer-nav{width:40px;height:40px;font-size:1.5rem}.gallery-viewer-thumbnails{padding:.5rem;gap:.75rem}.gallery-thumbnail{width:60px;height:60px}.gallery-thumbnail img,.gallery-thumbnail video{width:100%;height:100%;object-fit:cover;display:block}.story-page-text{padding:2rem 1.5rem}.story-page-text p{font-size:1rem}.story-navigation{padding:1rem}.story-nav-btn{padding:.5rem 1rem;min-width:80px;font-size:.75rem}.story-page-dots{gap:.375rem}}.gallery-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.admin-login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.admin-login-card{background:var(--bg-secondary);padding:2rem;border-radius:16px;width:90%;max-width:400px;box-shadow:0 20px 60px #00000080}.admin-login-card h2{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem}.admin-login-subtitle{margin:0 0 2rem;color:var(--text-muted);font-size:.875rem}.admin-login-error{padding:.75rem;background:#dc262633;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:var(--error-red);margin-bottom:1rem;font-size:.875rem}.admin-form-group{margin-bottom:1.5rem}.admin-form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.admin-form-group input{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.admin-form-group input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-tertiary)}.admin-login-button{width:100%;padding:.875rem;background:var(--accent-bg-hover);border:1px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-login-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.admin-login-button:disabled{opacity:.6;cursor:not-allowed}.admin-login-hint{margin-top:1rem;text-align:center;color:var(--text-muted);font-size:.75rem}.admin-panel{padding:2rem;background:var(--scrollbar-track);border-radius:12px;border:1px solid var(--border-secondary)}.admin-panel-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-secondary)}.admin-panel-header h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.5rem}.admin-panel-subtitle{margin:0;color:var(--text-muted);font-size:.875rem}.admin-panel-actions{display:flex;gap:.75rem}.admin-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.admin-btn-primary{background:var(--accent-bg-hover);border:1px solid var(--accent-primary);color:var(--text-primary)}.admin-btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.admin-btn-secondary{background:var(--border-secondary);color:var(--text-secondary);border:1px solid var(--border-primary)}.admin-btn-secondary:hover{background:var(--border-primary);color:var(--text-primary)}.admin-btn-small{padding:.5rem 1rem;font-size:.75rem}.admin-btn-edit{background:#3b82f633;color:var(--accent-secondary);border:1px solid rgba(59,130,246,.3)}.admin-btn-edit:hover{background:#3b82f64d;color:var(--accent-secondary)}.admin-btn-delete{background:#dc262633;color:var(--error-red);border:1px solid rgba(220,38,38,.3)}.admin-btn-delete:hover{background:#dc26264d;color:var(--error-red)}.admin-btn-delete.confirm{background:#dc262680;animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.admin-album-list{display:flex;flex-direction:column;gap:1rem}.admin-empty{text-align:center;padding:3rem 2rem;color:var(--text-muted);font-size:1rem}.admin-reorder-hint{color:#ffffff80;font-size:.875rem;margin:0 0 1rem;text-align:center}.admin-album-item{display:flex;gap:1.5rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;transition:all .2s ease;cursor:grab;position:relative}.admin-album-item:hover{border-color:var(--border-hover);background:var(--bg-tertiary)}.admin-album-item.dragging{opacity:.5;cursor:grabbing}.admin-album-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;color:#ffffff4d;font-size:1.2rem;cursor:grab;-webkit-user-select:none;user-select:none}.admin-album-thumbnail{width:120px;height:120px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--bg-secondary)}.admin-album-thumbnail img,.admin-album-thumbnail video{width:100%;height:100%;object-fit:contain;background:var(--bg-primary)}.admin-album-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}.admin-album-info{flex:1;min-width:0}.admin-album-info h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem}.admin-album-id{margin:0 0 .75rem;color:var(--text-muted);font-size:.75rem;font-family:monospace}.admin-album-meta{display:flex;gap:.5rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.75rem}.admin-album-tags{display:flex;gap:.5rem;flex-wrap:wrap}.admin-tag{padding:.25rem .75rem;background:var(--border-secondary);border-radius:12px;font-size:.75rem;color:var(--text-secondary)}.admin-album-actions{display:flex;flex-direction:column;gap:.5rem}.album-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease;overflow-y:auto;padding:2rem}.album-editor-content{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.album-editor-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid var(--border-secondary)}.album-editor-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.album-editor-close{width:40px;height:40px;border-radius:50%;background:#dc262633;border:none;color:var(--error-red);font-size:1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.album-editor-close:hover{background:#dc262666;transform:scale(1.1)}.album-editor-body{flex:1;overflow-y:auto;padding:2rem}.editor-section{margin-bottom:2rem}.editor-section h3{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.125rem}.editor-field{margin-bottom:1.5rem}.editor-field label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500}.editor-field input,.editor-field textarea,.editor-field select{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease}.editor-field input:focus,.editor-field textarea:focus,.editor-field select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-tertiary)}.editor-field input:disabled{opacity:.5;cursor:not-allowed}.editor-field small{display:block;margin-top:.25rem;color:var(--text-muted);font-size:.75rem}.editor-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tag-input-container{display:flex;gap:.5rem}.tag-input-container input{flex:1}.tag-input-container button{padding:.75rem 1.5rem;background:var(--border-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.tag-input-container button:hover{background:var(--border-primary);color:var(--text-primary)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.editor-tag{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--border-secondary);border-radius:12px;color:var(--text-secondary);font-size:.875rem}.editor-tag button{background:none;border:none;color:var(--error-red);cursor:pointer;font-size:1.125rem;line-height:1;padding:0;transition:color .2s ease}.editor-tag button:hover{color:var(--error-red)}.file-drop-zone{border:2px dashed var(--border-primary);border-radius:12px;padding:3rem 2rem;text-align:center;transition:all .2s ease;cursor:pointer}.file-drop-zone:hover,.file-drop-zone.active{border-color:var(--accent-primary);background:var(--bg-hover)}.file-upload-label{cursor:pointer}.file-upload-icon{font-size:3rem;margin-bottom:1rem}.file-drop-zone p{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem}.file-drop-zone small{color:var(--text-muted);font-size:.875rem}.file-list{margin-top:1.5rem;padding:1.5rem;background:var(--bg-secondary);border-radius:8px}.file-list h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.file-list ul{list-style:none;padding:0;margin:0 0 1rem}.file-list li{padding:.5rem 0;color:var(--text-secondary);font-size:.875rem;border-bottom:1px solid var(--border-secondary);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.file-list li:last-child{border-bottom:none}.file-list li .file-info{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-remove-btn{background:#e07a5f33;border:1px solid rgba(224,122,95,.4);color:var(--chart-costume);width:24px;height:24px;border-radius:4px;font-size:1rem;line-height:1;cursor:pointer;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-remove-btn:hover{background:#e07a5f66;border-color:var(--chart-costume)}.file-list-actions{display:flex;gap:.75rem;margin-top:1rem}.file-list-actions .admin-btn{flex:1}.uploaded-images{margin-top:1.5rem;padding:1.5rem;background:var(--scrollbar-track);border-radius:8px}.uploaded-images h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem}.uploaded-images ul{list-style:none;padding:0;margin:0}.uploaded-images li{padding:.5rem 0;color:var(--text-secondary);font-size:.875rem;font-family:monospace}.editor-note{padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;color:var(--accent-secondary);font-size:.875rem;line-height:1.5;margin-bottom:1rem}.story-pages-info{padding:1rem;background:var(--bg-secondary);border-radius:8px}.story-pages-info p{margin:0 0 .5rem;color:var(--text-primary);font-size:.875rem}.story-pages-info small{color:var(--text-muted);font-size:.75rem}.album-editor-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border-secondary)}@media (max-width: 768px){.gallery-header{flex-direction:column;gap:1rem}.admin-toggle-btn{width:100%}.admin-panel{padding:1rem}.admin-panel-header{flex-direction:column;gap:1rem}.admin-panel-actions{width:100%}.admin-panel-actions button{flex:1}.admin-album-item{flex-direction:column;gap:1rem}.admin-album-thumbnail{width:100%;height:200px}.admin-album-actions{flex-direction:row}.album-editor-overlay{padding:0}.album-editor-content{border-radius:0;max-height:100vh}.editor-row{grid-template-columns:1fr}.album-editor-footer{flex-direction:column-reverse}.album-editor-footer button{width:100%}}.uploaded-images{margin-top:1rem}.uploaded-images h4{margin-bottom:.5rem;color:var(--text-primary)}.uploaded-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin-top:1rem}.uploaded-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:grab;border:2px solid transparent;transition:all .2s ease;background:var(--bg-tertiary)}.uploaded-image-item:active{cursor:grabbing}.uploaded-image-item:hover{border-color:var(--border-active);transform:scale(1.02)}.uploaded-image-item.dragging{opacity:.4;border-color:var(--accent-primary);transform:scale(.95)}.uploaded-image-item img,.uploaded-image-item video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.uploaded-image-delete{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.uploaded-image-item:hover .uploaded-image-delete{opacity:1}.uploaded-image-delete:hover{background:#ef4444;transform:scale(1.1)}.uploaded-image-number{position:absolute;bottom:4px;left:4px;background:#000000b3;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.conversion-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.conversion-overlay span{color:#fff;font-size:.875rem;font-weight:600}.conversion-overlay.failed{background:#ef444433;border:2px solid rgb(239,68,68)}.conversion-overlay.failed span{color:#ef4444}.conversion-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.uploaded-image-item.converting{border-color:var(--accent-primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{border-color:var(--accent-primary)}50%{border-color:var(--border-primary)}}.uploaded-image-item.failed{border-color:#ef4444}.gallery-viewer-thumbnails::-webkit-scrollbar,.gallery-viewer-content::-webkit-scrollbar,.gallery-viewer-overlay *::-webkit-scrollbar{width:10px;height:10px}.gallery-viewer-thumbnails::-webkit-scrollbar-track,.gallery-viewer-content::-webkit-scrollbar-track,.gallery-viewer-overlay *::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.gallery-viewer-thumbnails::-webkit-scrollbar-thumb,.gallery-viewer-content::-webkit-scrollbar-thumb,.gallery-viewer-overlay *::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid var(--bg-secondary);transition:all .3s ease}.gallery-viewer-thumbnails::-webkit-scrollbar-thumb:hover,.gallery-viewer-content::-webkit-scrollbar-thumb:hover,.gallery-viewer-overlay *::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);border-color:var(--border-primary)}.gallery-viewer-thumbnails,.gallery-viewer-content,.gallery-viewer-overlay *{scrollbar-width:thin;scrollbar-color:var(--border-active) var(--bg-secondary)}.video-loading,.video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,#2d3348 100%)}.video-icon{font-size:2rem;opacity:.8}.video-loading span:last-child,.video-error span:last-child{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.video-icon{font-size:1.5rem}.video-loading span:last-child,.video-error span:last-child{font-size:.65rem}}.video-volume-controls{position:absolute;bottom:16px;right:16px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;opacity:0;transition:opacity .2s ease;z-index:10}.gallery-viewer-image-container:hover .video-volume-controls{opacity:1}.volume-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.volume-toggle-btn:hover{background:#ffffff26;color:var(--accent-primary)}.volume-toggle-btn svg{flex-shrink:0}.volume-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;transition:all .2s ease}.volume-slider:hover{background:#fff6}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--text-primary);border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.volume-slider::-webkit-slider-thumb:hover{background:var(--accent-primary);transform:scale(1.1)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:var(--text-primary);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000004d}.volume-slider::-moz-range-thumb:hover{background:var(--accent-primary);transform:scale(1.1)}@media (max-width: 768px){.video-volume-controls{bottom:12px;right:12px;padding:6px 10px;gap:6px;opacity:1}.volume-toggle-btn{width:28px;height:28px}.volume-toggle-btn svg{width:16px;height:16px}.volume-slider{width:60px}}.request-container{width:100%;padding:0;display:flex;flex-direction:column}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;flex-shrink:0}.request-header h2{margin:0 0 .5rem;color:var(--text-primary);font-size:2rem}.request-header p{margin:0;color:var(--text-secondary)}.request-header-actions{display:flex;gap:.75rem;align-items:center}.admin-toggle-btn{padding:.75rem 1.5rem;background:var(--border-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.admin-toggle-btn:hover{background:var(--border-primary);color:var(--text-primary)}.admin-toggle-btn.active{background:var(--accent-bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.submit-request-button{padding:.75rem 1.5rem;background:var(--accent-bg-hover);border:1px solid var(--accent-primary);border-radius:8px;color:var(--text-primary);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.submit-request-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.submit-request-button:active{transform:translateY(0)}.request-status-filters{display:flex;gap:.5rem;padding:.5rem 0 .75rem;flex-wrap:wrap;flex-shrink:0}.status-chip{padding:.4rem .85rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:20px;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.status-chip:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.status-chip.active{background:var(--border-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.status-chip-count{background:#ffffff1a;padding:.1rem .4rem;border-radius:10px;font-size:.7rem;font-weight:600;min-width:18px;text-align:center}.status-chip.active .status-chip-count{background:#ffffff26}.status-chip-pending.active{border-color:var(--text-secondary);background:#9ca3b433}.status-chip-in-progress.active{border-color:var(--accent-primary);background:var(--border-secondary)}.status-chip-completed.active{border-color:var(--success-green);background:#4ade8026;color:var(--success-green)}.status-chip-completed.active .status-chip-count{background:#4ade8033}.status-chip-rejected.active{border-color:var(--chart-costume);background:#e07a5f26;color:var(--chart-costume)}.status-chip-rejected.active .status-chip-count{background:#e07a5f33}.request-categories{display:flex;flex-direction:column;gap:1rem;padding:.25rem 0}.request-category-section{flex-shrink:0}.request-category-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.5rem .75rem;cursor:pointer;border-radius:8px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.request-category-header:hover{background:var(--bg-hover)}.request-category-arrow{font-size:.65rem;color:var(--accent-secondary);transition:transform .25s ease;display:inline-block;flex-shrink:0}.request-category-arrow.expanded{transform:rotate(90deg)}.request-category-title{margin:0;color:var(--text-primary);font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:.45rem}.request-category-icon{font-size:1rem}.request-category-count{padding:.15rem .6rem;background:var(--border-secondary);border:1px solid var(--border-secondary);border-radius:10px;font-size:.75rem;font-weight:600;color:var(--accent-secondary);margin-left:auto}.request-category-empty{padding:1.5rem 2rem;color:var(--text-muted);font-size:.9rem;font-style:italic}.request-grid-list{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;overflow-y:auto;max-height:420px;padding:.25rem .5rem .75rem;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.request-grid-list::-webkit-scrollbar{width:6px}.request-grid-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.request-grid-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;transition:background .2s ease}.request-grid-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.request-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-secondary);border-radius:12px;display:flex;flex-direction:column;transition:all .25s ease;cursor:pointer;position:relative;overflow:hidden;width:200px;flex-shrink:0}.request-card:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #00000040;transform:translateY(-2px)}.request-card-completed-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000073;border-radius:12px;z-index:1;pointer-events:none}.request-card.completed{border-color:#4ade8033}.request-card.completed:hover{border-color:#4ade8059}.request-card.rejected{border-color:#e07a5f33}.request-card.rejected:hover{border-color:#e07a5f59}.request-card-compact{padding:.75rem}.request-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem}.request-type-badge{padding:.25rem .75rem;background:var(--border-primary);border-radius:12px;font-size:.75rem;font-weight:600;color:var(--accent-secondary)}.request-status-badge{padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:600;color:var(--text-primary)}.request-expand-icon{font-size:.6rem;color:var(--text-muted);transition:transform .25s ease;display:inline-block}.request-expand-icon.expanded{transform:rotate(180deg)}.request-card-summary h3{margin:0 0 .2rem;color:var(--text-primary);font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-outfit{margin:0;color:var(--accent-secondary);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-card-details{padding:.5rem .75rem .75rem;border-top:1px solid var(--bg-hover);margin-top:.25rem;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.request-field{margin:.3rem 0;color:var(--text-secondary);font-size:.8rem;line-height:1.4}.request-field strong{color:var(--text-secondary)}.request-field a{color:var(--accent-primary);text-decoration:none;word-break:break-all}.request-field a:hover{color:var(--accent-secondary);text-decoration:underline}.request-field-empty{color:var(--text-muted);font-style:italic}.request-date{color:var(--text-muted);font-size:.7rem;margin-top:.35rem}.request-card-admin{padding:.5rem .75rem .75rem;border-top:1px solid var(--bg-hover)}.request-admin-controls{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.status-select{padding:.4rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.status-select:hover{border-color:var(--border-active)}.status-select:focus{outline:none;border-color:var(--accent-primary)}.admin-button{padding:.3rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.admin-button:hover:not(:disabled){border-color:var(--border-active);background:var(--bg-tertiary)}.admin-button:disabled{opacity:.3;cursor:not-allowed}.edit-button:hover:not(:disabled){border-color:var(--accent-primary);background:var(--border-secondary)}.delete-button:hover:not(:disabled){border-color:var(--chart-costume);background:#e07a5f33;color:var(--chart-costume)}.order-buttons{display:flex;gap:.2rem;flex-direction:column}.move-button{padding:.15rem .35rem;min-width:24px;height:18px;font-size:.65rem}.request-loading,.request-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.1rem}.request-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.request-modal-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.request-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;line-height:1}.request-modal-close:hover{background:var(--bg-hover);color:var(--text-secondary)}.request-modal-content h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.75rem}.request-type-selector{display:flex;gap:.5rem;margin-bottom:1.5rem}.type-button{flex:1;padding:.75rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.type-button:hover:not(:disabled){background:var(--border-secondary);border-color:var(--border-active);color:var(--text-primary)}.type-button.active{background:var(--accent-bg-hover);border-color:var(--accent-primary);color:var(--text-primary);box-shadow:0 4px 12px #0000004d}.type-button:disabled{opacity:.5;cursor:not-allowed}.request-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.required{color:var(--chart-costume)}.form-group input,.form-group textarea{padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--bg-hover)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input.error,.form-group textarea.error{border-color:var(--chart-costume)}.error-message{color:var(--chart-costume);font-size:.85rem}.form-actions{display:flex;gap:1rem;margin-top:.5rem}.cancel-button,.submit-button{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-button{background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary)}.cancel-button:hover{background:var(--bg-tertiary);border-color:var(--border-active);color:var(--text-secondary)}.submit-button{background:var(--accent-bg-hover);border:1px solid var(--accent-primary);color:var(--text-primary);box-shadow:0 4px 12px #0000004d}.submit-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #0006}.submit-button:active{transform:translateY(0)}@media (max-width: 768px){.request-header{flex-direction:column;gap:1rem;align-items:stretch}.request-header-actions{flex-direction:column;gap:.5rem}.admin-toggle-btn,.submit-request-button{width:100%}.request-status-filters{gap:.35rem}.status-chip{padding:.35rem .65rem;font-size:.75rem}.request-grid-list{max-height:280px;padding:.25rem .25rem .6rem;gap:.6rem;overflow-y:auto}.request-card{width:160px}.request-category-header{padding:.4rem .5rem}.request-modal-content{padding:1.5rem;width:95%}.request-type-selector,.form-actions{flex-direction:column}.request-admin-controls{width:100%;justify-content:flex-start}}.discord-auth-section{display:flex;align-items:center}.discord-login-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:#5865f2;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.discord-login-btn:hover{background:#4752c4;transform:translateY(-1px)}.discord-icon{flex-shrink:0}.discord-user-info{display:flex;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px}.discord-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.discord-avatar-placeholder{width:28px;height:28px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600}.discord-username{color:var(--text-primary);font-size:.85rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discord-logout-btn{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:all .2s ease}.discord-logout-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.request-card-submitter-link{padding:.4rem .75rem;border-top:1px solid var(--bg-hover)}.view-submitter-btn{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background:#5865f226;border:1px solid rgba(88,101,242,.3);border-radius:6px;color:#7289da;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-submitter-btn:hover{background:#5865f240;border-color:#5865f280;color:#99aab5}.view-submitter-btn svg{flex-shrink:0}.submitter-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .2s ease}.submitter-modal-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;padding:1.5rem;max-width:360px;width:90%;position:relative;box-shadow:0 16px 48px #00000080;animation:slideUp .2s ease}.submitter-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;line-height:1}.submitter-modal-close:hover{background:var(--bg-hover);color:var(--text-secondary)}.submitter-modal-content h3{margin:0 0 1.25rem;color:var(--text-primary);font-size:1.1rem;font-weight:600}.submitter-modal-body{display:flex;flex-direction:column;align-items:center;gap:1rem}.submitter-modal-avatar img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #5865F2}.submitter-modal-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:600;border:3px solid #4752c4}.submitter-modal-details{width:100%;display:flex;flex-direction:column;gap:.6rem}.submitter-detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:6px}.submitter-detail-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.submitter-detail-value{color:var(--text-primary);font-size:.85rem;font-weight:500}.submitter-id-mono{font-family:SF Mono,Consolas,monospace;font-size:.75rem;color:var(--text-secondary)}.owner-edit-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;margin-top:.6rem;padding:.5rem .75rem;background:#5865f226;border:1px solid rgba(88,101,242,.3);border-radius:6px;color:#7289da;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.owner-edit-btn:hover{background:#5865f240;border-color:#5865f280;color:#99aab5}.reject-reason-field{background:#e07a5f1a;border:1px solid rgba(224,122,95,.2);border-radius:6px;padding:.5rem .6rem;margin-bottom:.5rem}.reject-reason-text{color:var(--chart-costume);font-style:italic}.reject-reason-button{background:#e07a5f26!important;border-color:#e07a5f4d!important}.reject-reason-button:hover:not(:disabled){background:#e07a5f40!important;border-color:#e07a5f80!important}.reject-reason-modal{max-width:420px}.reject-reason-modal-body{display:flex;flex-direction:column;gap:1rem}.reject-reason-info{color:var(--text-secondary);font-size:.85rem;margin:0}.reject-reason-textarea{width:100%;padding:.75rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease}.reject-reason-textarea:focus{outline:none;border-color:var(--accent-primary)}.reject-reason-textarea::placeholder{color:var(--text-muted)}.reject-reason-actions{display:flex;gap:.75rem;justify-content:flex-end}.reject-reason-actions .cancel-button,.reject-reason-actions .submit-button{padding:.5rem 1rem;font-size:.85rem}.request-detail-modal{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;padding:1.5rem;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease}.detail-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-right:2rem}.request-status-badge.large{padding:.35rem .9rem;font-size:.85rem}.detail-modal-date{color:var(--text-muted);font-size:.85rem}.detail-modal-main{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.detail-modal-main h2{margin:0 0 .3rem;color:var(--text-primary);font-size:1.5rem;font-weight:600}.detail-modal-outfit{margin:0;color:var(--accent-secondary);font-size:1rem}.detail-modal-reject-reason{background:#e07a5f1a;border:1px solid rgba(224,122,95,.25);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.detail-modal-reject-reason strong{color:var(--chart-costume);font-size:.85rem}.detail-modal-reject-reason p{margin:.4rem 0 0;color:var(--text-secondary);font-size:.9rem;font-style:italic}.detail-modal-links{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.detail-link-item{display:flex;flex-direction:column;gap:.3rem}.detail-link-label{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.85rem;font-weight:600}.detail-link-label svg{opacity:.7;flex-shrink:0}.detail-link-item a{color:var(--accent-primary);font-size:.9rem;text-decoration:none;word-break:break-all;transition:color .2s ease}.detail-link-item a:hover{color:var(--accent-secondary);text-decoration:underline}.detail-link-empty{color:var(--text-muted);font-size:.85rem;font-style:italic}.detail-modal-submitter{background:#5865f214;border:1px solid rgba(88,101,242,.2);border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem}.detail-submitter-header{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.6rem}.detail-submitter-info{display:flex;align-items:center;gap:.75rem}.detail-submitter-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(88,101,242,.4)}.detail-submitter-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#5865f2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:600}.detail-submitter-text{display:flex;flex-direction:column;gap:.15rem}.detail-submitter-name{color:var(--text-primary);font-size:.95rem;font-weight:500}.detail-submitter-id{color:var(--text-muted);font-size:.75rem;font-family:SF Mono,Consolas,monospace}.modal-edit-btn{width:100%;margin-top:0}@media (max-width: 768px){.discord-auth-section{width:100%}.discord-login-btn,.discord-user-info{width:100%;justify-content:center}}.changelog-container{width:100%;padding:0;display:flex;flex-direction:column;flex:1;min-height:0}.changelog-header{margin-bottom:1.5rem;flex-shrink:0}.changelog-header h2{margin:0 0 .5rem;color:var(--text-primary);font-size:2rem}.changelog-header p{margin:0;color:var(--text-secondary)}.changelog-timeline{flex:1;overflow-y:auto;padding-right:.5rem}.changelog-day{position:relative;margin-bottom:2rem;padding-left:1.5rem;border-left:2px solid var(--border-primary)}.changelog-day:last-child{margin-bottom:0}.changelog-date-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;position:relative}.changelog-date-dot{position:absolute;left:-1.75rem;width:12px;height:12px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:50%;border:2px solid var(--bg-secondary)}.changelog-date{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.changelog-count{font-size:.8rem;color:var(--text-muted);background:var(--bg-hover);padding:.2rem .6rem;border-radius:10px}.changelog-entries{display:flex;flex-direction:column;gap:.75rem}.changelog-entry{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-secondary);border-radius:12px;padding:1rem;transition:all .2s ease}.changelog-entry:hover{border-color:var(--border-hover);transform:translate(4px)}.changelog-entry-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.changelog-type{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:6px}.type-feat{background:#4ade8026;color:var(--success-green);border:1px solid rgba(74,222,128,.3)}.type-fix{background:#fbbf2426;color:var(--warning-orange);border:1px solid rgba(251,191,36,.3)}.type-refactor{background:#a855f726;color:var(--accent-secondary);border:1px solid rgba(168,85,247,.3)}.type-style{background:#ec489926;color:var(--nsfw-pink);border:1px solid rgba(236,72,153,.3)}.type-docs{background:#3b82f626;color:var(--accent-primary);border:1px solid rgba(59,130,246,.3)}.type-other{background:var(--bg-hover);color:var(--accent-secondary);border:1px solid var(--border-primary)}.changelog-hash{font-size:.7rem;font-family:Monaco,Consolas,monospace;color:var(--text-muted);background:#0003;padding:.15rem .4rem;border-radius:4px}.changelog-message{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.changelog-timeline::-webkit-scrollbar{width:6px}.changelog-timeline::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.changelog-timeline::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.changelog-timeline::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width: 768px){.changelog-header h2{font-size:1.5rem}.changelog-day{padding-left:1rem}.changelog-date-dot{left:-1.25rem;width:10px;height:10px}.changelog-date{font-size:.95rem}.changelog-entry{padding:.75rem}.changelog-message{font-size:.85rem}}.workflow-container{width:100%;padding:0;display:flex;flex-direction:column;flex:1;min-height:0}.workflow-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-shrink:0}.workflow-header-info h2{margin:0 0 .5rem;color:var(--text-primary);font-size:2rem}.workflow-header-info p{margin:0;color:var(--text-secondary)}.workflow-header-actions{display:flex;gap:.75rem;align-items:center}.workflow-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-right:.5rem}.workflow-card{background:linear-gradient(145deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-secondary);border-radius:12px;padding:1.25rem;display:flex;gap:1.5rem;transition:all .25s ease;cursor:grab;position:relative}.workflow-card:hover{border-color:var(--border-hover);box-shadow:0 4px 16px #00000040}.workflow-card.dragging{opacity:.5;cursor:grabbing}.workflow-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;color:var(--text-muted);font-size:1.2rem;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0}.workflow-drag-handle:hover{color:var(--accent-secondary)}.workflow-icon{width:60px;height:60px;background:var(--accent-bg);border:1px solid var(--border-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0}.workflow-info{flex:1;min-width:0}.workflow-name{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.workflow-description{margin:0 0 .75rem;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.workflow-files{display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;align-items:flex-start}.workflow-files-section{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start}.workflow-files-section.attachments{padding-left:1rem;border-left:1px dashed var(--border-secondary)}.workflow-file-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative}.workflow-file-card:hover{background:var(--accent-bg);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.file-card-icon{font-size:2rem;margin-bottom:.4rem}.file-card-name{font-size:.65rem;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.file-card-download{position:absolute;bottom:4px;right:4px;font-size:.7rem;opacity:0;transition:opacity .2s ease;background:var(--bg-secondary);padding:2px 4px;border-radius:4px}.workflow-file-card:hover .file-card-download{opacity:1}.workflow-actions{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.workflow-action-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.4rem}.workflow-action-btn:hover{background:var(--bg-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.workflow-action-btn.edit:hover{border-color:var(--accent-primary);background:var(--accent-bg)}.workflow-action-btn.delete:hover{border-color:var(--chart-costume);background:#e07a5f26;color:var(--chart-costume)}.workflow-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);padding:4rem 2rem}.workflow-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.workflow-empty p{font-size:1.1rem;margin:0}.workflow-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1.1rem}.workflow-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.workflow-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.workflow-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;line-height:1}.workflow-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.workflow-modal h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem}.workflow-form{display:flex;flex-direction:column;gap:1.5rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{color:var(--text-secondary);font-size:.95rem;font-weight:500}.form-field label .required{color:var(--chart-costume)}.form-field input,.form-field textarea{padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all .2s ease}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--accent-primary)}.form-field textarea{resize:vertical;min-height:80px}.file-upload-section{margin-top:1rem}.file-upload-section h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 1rem}.file-drop-area{border:2px dashed var(--border-primary);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease}.file-drop-area:hover,.file-drop-area.dragover{border-color:var(--accent-primary);background:var(--accent-bg)}.file-drop-area .drop-icon{font-size:2.5rem;margin-bottom:.75rem}.file-drop-area p{margin:0 0 .5rem;color:var(--text-primary);font-size:1rem}.file-drop-area small{color:var(--text-muted);font-size:.85rem}.uploaded-files{margin-top:1rem}.uploaded-files h4{color:var(--text-secondary);font-size:.9rem;margin:0 0 .75rem}.uploaded-file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:8px;margin-bottom:.5rem}.uploaded-file-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.uploaded-file-icon{font-size:1.25rem;flex-shrink:0}.uploaded-file-name{color:var(--text-primary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uploaded-file-type{color:var(--accent-secondary);font-size:.75rem;background:var(--accent-bg);padding:.2rem .5rem;border-radius:4px;flex-shrink:0}.uploaded-file-delete{background:#e07a5f26;border:1px solid rgba(224,122,95,.3);color:var(--chart-costume);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.uploaded-file-delete:hover{background:#e07a5f4d;border-color:var(--chart-costume)}.files-to-delete{background:#e07a5f1a;border:1px solid rgba(224,122,95,.3);border-radius:8px;padding:.75rem;margin-top:.5rem}.files-to-delete h4{color:var(--chart-costume)}.uploaded-file-item.marked-delete{opacity:.7;background:#e07a5f1a}.uploaded-file-item.marked-delete .uploaded-file-name{text-decoration:line-through;color:var(--text-muted)}.uploaded-file-type.delete{background:#e07a5f4d;color:var(--chart-costume)}.uploaded-file-restore{background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:var(--success-green);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;font-size:1rem}.uploaded-file-restore:hover{background:#4ade804d;border-color:var(--success-green)}.form-actions{display:flex;gap:1rem;margin-top:1rem}.form-actions button{flex:1;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.btn-save{background:var(--accent-bg-hover);border:1px solid var(--accent-primary);color:var(--text-primary)}.btn-save:hover{background:var(--accent-hover)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.workflow-list::-webkit-scrollbar{width:6px}.workflow-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.workflow-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.workflow-list::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (max-width: 768px){.workflow-header{flex-direction:column;gap:1rem}.workflow-header-actions{width:100%}.workflow-header-actions button{flex:1}.workflow-card{flex-direction:column;gap:1rem;padding:1rem}.workflow-drag-handle{position:absolute;top:1rem;right:1rem}.workflow-icon{width:50px;height:50px;font-size:1.5rem}.workflow-actions{flex-direction:row;width:100%}.workflow-action-btn{flex:1}.workflow-file-card{width:75px;height:75px}.file-card-icon{font-size:1.5rem}.file-card-name{font-size:.55rem}.workflow-modal{padding:1.5rem;width:95%}.form-actions{flex-direction:column}}:root{--bg-primary: #141414;--bg-secondary: #1E1E1E;--bg-tertiary: #282828;--bg-card: linear-gradient(145deg, #1E1E1E 0%, #1a1a1a 100%);--bg-card-solid: #1E1E1E;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .08);--border-primary: #404040;--border-secondary: #353535;--border-hover: #505050;--border-active: #606060;--text-primary: #E0E0E0;--text-secondary: #909090;--text-muted: #666666;--accent-primary: #C8C8C8;--accent-secondary: #A0A0A0;--accent-hover: rgba(255, 255, 255, .15);--accent-bg: rgba(255, 255, 255, .08);--accent-bg-hover: rgba(255, 255, 255, .12);--shadow-card: 0 10px 40px rgba(0, 0, 0, .5), 0 0 0 1px rgba(64, 64, 64, .5);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .5);--scrollbar-track: #1E1E1E;--scrollbar-thumb: #404040;--scrollbar-thumb-hover: #505050;--nsfw-pink: #e8a0b0;--nsfw-pink-bg: rgba(232, 160, 176, .15);--success-green: #4ade80;--warning-orange: #fb923c;--error-red: #f87171;--chart-primary: #A0A0A0;--chart-secondary: #707070;--chart-tertiary: #505050;--chart-grid: rgba(255, 255, 255, .1);--chart-axis: #808080;--chart-bar-1: #909090;--chart-bar-2: #707070;--chart-pie-1: #A0A0A0;--chart-pie-2: #808080;--chart-pie-3: #606060;--chart-pie-4: #909090;--chart-pie-5: #505050;--chart-costume: #c0a090;--tooltip-bg: rgba(30, 30, 30, .98);--tooltip-border: rgba(80, 80, 80, .5)}:root[data-theme=original]{--bg-primary: #12151c;--bg-secondary: #1e222f;--bg-tertiary: #181b26;--bg-card: linear-gradient(145deg, #1e222f 0%, #181b26 100%);--bg-card-solid: #1e222f;--bg-hover: rgba(99, 130, 191, .1);--bg-active: rgba(99, 130, 191, .15);--border-primary: rgba(99, 130, 191, .2);--border-secondary: rgba(99, 130, 191, .15);--border-hover: rgba(99, 130, 191, .3);--border-active: rgba(99, 130, 191, .4);--text-primary: #e4e6eb;--text-secondary: #9ca3b4;--text-muted: #6b7280;--accent-primary: #6382bf;--accent-secondary: #8ba4d0;--accent-hover: rgba(99, 130, 191, .3);--accent-bg: rgba(99, 130, 191, .2);--accent-bg-hover: rgba(99, 130, 191, .3);--shadow-card: 0 10px 40px rgba(0, 0, 0, .4), 0 0 0 1px rgba(99, 130, 191, .1);--shadow-hover: 0 8px 24px rgba(0, 0, 0, .4);--scrollbar-track: rgba(31, 35, 50, .5);--scrollbar-thumb: rgba(99, 130, 191, .5);--scrollbar-thumb-hover: rgba(99, 130, 191, .7);--nsfw-pink: #e8a0b0;--nsfw-pink-bg: rgba(232, 160, 176, .15);--success-green: #22c55e;--warning-orange: #f97316;--error-red: #ef4444;--chart-primary: #6382bf;--chart-secondary: #8ba4d0;--chart-tertiary: #4a5f8f;--chart-grid: rgba(99, 130, 191, .2);--chart-axis: #8ba4d0;--chart-bar-1: #6382bf;--chart-bar-2: #8ba4d0;--chart-pie-1: #6382bf;--chart-pie-2: #8ba4d0;--chart-pie-3: #4a5f8f;--chart-pie-4: #5a7bb3;--chart-pie-5: #3d4f73;--chart-costume: #e07a5f;--tooltip-bg: rgba(35, 40, 55, .98);--tooltip-border: rgba(99, 130, 191, .3)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg-primary, #141414)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary, #141414);background-attachment:fixed;min-height:100vh;color:var(--text-primary, #E0E0E0)}#root{width:100%;min-height:100vh}