@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.navbar{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:100;transition:all var(--transition-base);padding:.75rem 0;position:sticky;top:0}.nav-container{max-width:1400px;padding:0 var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:0 auto;display:flex}.nav-left{align-items:center;gap:var(--space-xl);display:flex}.logo{color:var(--color-text);transition:all var(--transition-fast);align-items:center;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo:hover{transform:translateY(-1px)}.logo-icon{border-radius:var(--radius-md);flex-shrink:0;width:40px;height:40px}.logo-text{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-text);transition:color var(--transition-fast);margin-left:.75rem;font-size:1.25rem;font-weight:700}.logo:hover .logo-text{color:var(--color-primary)}.nav-links{gap:var(--space-md);display:flex}.nav-right{align-items:center;gap:var(--space-sm);display:flex}.nav-link{color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.5rem .875rem;font-size:.9rem;font-weight:500;text-decoration:none}.nav-link:hover{background:var(--color-hover);color:var(--color-text)}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;align-items:center;gap:.375rem;display:flex}.nav-dropdown-trigger svg{color:var(--color-text-tertiary);transition:transform var(--transition-fast)}.nav-dropdown:hover .nav-dropdown-trigger svg{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:0;visibility:hidden;min-width:200px;transition:all var(--transition-fast);z-index:1000;position:absolute;top:calc(100% + .5rem);left:50%;overflow:hidden;transform:translate(-50%)translateY(-10px);box-shadow:0 8px 32px #0000004d}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-item{color:var(--color-text-secondary);transition:all var(--transition-fast);border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background:var(--color-hover);color:var(--color-primary);padding-left:1.25rem}.theme-toggle{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;width:38px;height:38px;transition:all var(--transition-fast);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--glow-primary);transform:scale(1.05)}.theme-toggle svg{width:18px;height:18px}.theme-icon{display:none}.theme-icon.active{display:block}.btn-login{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#5865f2,#7289da);border:none;align-items:center;gap:.5rem;height:38px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-login:hover{transform:translateY(-2px);box-shadow:0 4px 16px #5865f266}.user-menu{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.375rem .75rem .375rem .375rem;display:flex;position:relative}.user-menu:hover{border-color:var(--color-border-hover);box-shadow:var(--glow-primary)}.user-avatar{object-fit:cover;border:2px solid var(--color-border);width:30px;height:30px;transition:border-color var(--transition-fast);border-radius:50%}.user-menu:hover .user-avatar{border-color:var(--color-primary)}.user-name{color:var(--color-text);font-size:.875rem;font-weight:500}.user-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:1000;opacity:0;visibility:hidden;min-width:180px;transition:all var(--transition-fast);position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 8px 32px #0000004d}.user-menu:hover .user-dropdown,.user-dropdown:hover{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a,.user-dropdown button{width:100%;color:var(--color-text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);border:none;border-bottom:1px solid var(--color-border);background:0 0;padding:.875rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:block}.user-dropdown a:last-child,.user-dropdown button:last-child{border-bottom:none}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--color-hover);color:var(--color-primary);padding-left:1.25rem}.announcement-banner{background:linear-gradient(90deg,var(--color-surface)0%,var(--color-surface-elevated)50%,var(--color-surface)100%);text-align:center;border-bottom:1px solid var(--color-border);padding:.625rem 0;position:relative;overflow:hidden}.announcement-banner:before{content:"";background:linear-gradient(90deg,#0000,#38bdf80d,#0000);animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.announcement-text{color:var(--color-text-secondary);margin:0;font-size:.85rem;position:relative}.announcement-text strong{color:var(--color-text);font-weight:600}.announcement-text a{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.announcement-text a:hover{color:var(--color-primary-light)}.search-form{margin:0}.search-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-elevated);color:var(--color-text);box-sizing:border-box;min-width:200px;height:38px;transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.9rem}.search-box::placeholder{color:var(--color-text-tertiary)}.search-box:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #38bdf81a}.servers-dropdown{position:relative}.servers-dropdown-btn{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;height:38px;transition:all var(--transition-fast);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;text-decoration:none;display:flex}.servers-dropdown-btn:hover{border-color:var(--color-border-hover);background:var(--color-hover)}.dropdown-arrow{transition:transform var(--transition-fast);font-size:.7rem}.servers-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.servers-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:0;visibility:hidden;min-width:600px;transition:all var(--transition-fast);z-index:1000;grid-template-columns:1fr 1fr 1fr;max-height:80vh;display:grid;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto;transform:translateY(-10px);box-shadow:0 8px 32px #0000004d}.servers-dropdown.active .servers-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.servers-dropdown-menu a{color:var(--color-text-secondary);transition:all var(--transition-fast);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;text-decoration:none;display:block}.servers-dropdown-menu a:first-child{border-bottom:2px solid var(--color-border);color:var(--color-text);grid-column:1/-1;font-weight:600}.servers-dropdown-menu a:hover{background:var(--color-primary);color:#fff}.dropdown-section-header{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);grid-column:1/-1;padding:.5rem 1rem;font-size:.7rem;font-weight:700}@media (max-width:768px){.nav-container{padding:0 var(--space-md)}.nav-left{gap:var(--space-md)}.logo-text{display:none}.nav-link{padding:.5rem .625rem;font-size:.85rem}.servers-dropdown-menu{grid-template-columns:1fr;min-width:280px}.announcement-banner{padding:.5rem 0}.announcement-text{padding:0 var(--space-md);font-size:.75rem}.search-box{min-width:150px}}@media (max-width:640px){.nav-link:not(.nav-dropdown-trigger){display:none}.nav-dropdown-menu{left:auto;right:0;transform:translateY(-10px)}.nav-dropdown:hover .nav-dropdown-menu{transform:translateY(0)}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-3xl)0 var(--space-xl);margin-top:var(--space-3xl);position:relative}.footer:before{content:"";background:var(--gradient-primary);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.footer-grid{gap:var(--space-3xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border);grid-template-columns:1.5fr repeat(3,1fr);display:grid}.footer-section h4{color:var(--color-text);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-lg)0;font-size:.85rem;font-weight:700}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:var(--space-sm)}.footer-section a{color:var(--color-text-secondary);transition:all var(--transition-fast);align-items:center;gap:var(--space-sm);font-size:.9rem;text-decoration:none;display:inline-flex}.footer-section a:hover{color:var(--color-primary);transform:translate(4px)}.footer-description{color:var(--color-text-secondary);margin:0 0 var(--space-lg)0;max-width:320px;font-size:.9rem;line-height:1.7}.footer-logo{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--color-text);text-decoration:none;display:flex}.footer-logo-icon{border-radius:var(--radius-sm);width:32px;height:32px}.footer-logo-text{font-family:var(--font-display);letter-spacing:-.025em;font-size:1.1rem;font-weight:700}.footer-social{justify-content:center;gap:var(--space-sm);display:flex}.footer-social a{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.footer-social a:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--glow-primary);transform:translateY(-3px)}.footer-social svg{width:18px;height:18px}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.footer-bottom p{color:var(--color-text-tertiary);margin:0;font-size:.85rem}.footer-bottom a{color:var(--color-text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-bottom a:hover{color:var(--color-primary)}.footer-links{gap:var(--space-lg);display:flex}.footer-links a{color:var(--color-text-tertiary);transition:color var(--transition-fast);font-size:.85rem;text-decoration:none}.footer-links a:hover{color:var(--color-primary)}@media (max-width:992px){.footer-grid{gap:var(--space-2xl);grid-template-columns:repeat(2,1fr)}.footer-section:first-child{grid-column:1/-1}}@media (max-width:576px){.footer-grid{gap:var(--space-xl);text-align:center;grid-template-columns:1fr}.footer-section:first-child{grid-column:auto}.footer-description{max-width:none}.footer-social,.footer-logo{justify-content:center}.footer-bottom{text-align:center;flex-direction:column}.footer-links{justify-content:center}}.hero{min-height:70vh;padding:var(--space-3xl)var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg:before{content:"";opacity:.15;filter:saturate(.8);background-image:url(/images/hero-bg.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-bg:after{content:"";background:radial-gradient(ellipse 80% 50% at 50% -20%,#7b9db41f,transparent),linear-gradient(to bottom,transparent 0%,var(--color-bg)100%);position:absolute;inset:0}.hero-orb{filter:blur(60px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.hero-orb-1{background:radial-gradient(circle,#7b9db44d 0%,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-10%;left:-5%}.hero-orb-2{background:radial-gradient(circle,#7b9db426 0%,#0000 70%);width:300px;height:300px;animation-delay:-7s;bottom:10%;right:-5%}.hero-orb-3{background:radial-gradient(circle,#7b9db41a 0%,#0000 70%);width:200px;height:200px;animation-delay:-14s;top:40%;right:20%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(20px,10px)scale(1.02)}}.hero-grid{background-image:linear-gradient(#7b9db408 1px,#0000 1px),linear-gradient(90deg,#7b9db408 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 70%,#000 20%,#0000 70%)}.hero-content{z-index:10;text-align:center;max-width:900px;padding:var(--space-xl);position:relative}.hero-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:.85rem;font-weight:500;animation:.6s ease-out fadeInUp;display:inline-flex}.hero-badge-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.hero h1{margin:0 0 var(--space-lg)0;letter-spacing:-.03em;font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1;animation:.6s ease-out .1s both fadeInUp}.hero-title-line{display:block}.hero-title-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-tagline{color:var(--color-text-secondary);margin:0 0 var(--space-2xl)0;max-width:600px;margin-left:auto;margin-right:auto;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:400;line-height:1.6;animation:.6s ease-out .2s both fadeInUp}.hero-cta{gap:var(--space-md);flex-wrap:wrap;justify-content:center;animation:.6s ease-out .3s both fadeInUp;display:flex}.hero-btn{align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;border:none;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #7b9db44d}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7b9db466}.hero-btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);color:var(--color-text);border:1px solid var(--glass-border)}.hero-btn-secondary:hover{background:var(--color-hover);border-color:var(--color-border-hover)}.hero-btn svg{width:18px;height:18px;transition:transform var(--transition-fast)}.hero-btn:hover svg{transform:translate(3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stats-section{z-index:10;margin-top:calc(var(--space-3xl)*-1);padding-bottom:var(--space-3xl);position:relative}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--gradient-primary);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px)}.stat-card:hover:before{opacity:1}.stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-xs);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.2}.stat-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.featured-section{padding:var(--space-3xl)0}.section-header{text-align:center;margin-bottom:var(--space-2xl);flex-direction:column;align-items:center;display:flex}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-sm);font-size:.8rem;font-weight:600;display:block}.section-title{margin:0 0 var(--space-md)0;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-description{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.featured-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.featured-card{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;min-height:220px;text-decoration:none;display:flex;position:relative;overflow:hidden}.featured-card:before{content:"";background:var(--gradient-glow);opacity:0;transition:opacity var(--transition-slow);pointer-events:none;position:absolute;inset:0}.featured-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.featured-card:hover:before{opacity:1}.featured-icon{background:linear-gradient(135deg,var(--color-surface-elevated),var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:var(--space-lg);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.featured-icon svg{width:28px;height:28px;color:var(--color-primary);transition:transform var(--transition-base)}.featured-card:hover .featured-icon{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.featured-card:hover .featured-icon svg{transform:scale(1.1)}.featured-text{flex:1}.featured-text h3{margin:0 0 var(--space-sm)0;color:var(--color-text);font-size:1.35rem;font-weight:700}.featured-text p{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.6}.featured-arrow{bottom:var(--space-xl);right:var(--space-xl);background:var(--color-surface-elevated);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.featured-arrow svg{width:16px;height:16px}.featured-card:hover .featured-arrow{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translate(4px)}.tools-section{padding:var(--space-3xl)0}.tools-container{padding-bottom:var(--space-2xl)}.tools-grid{gap:var(--space-md);grid-template-columns:repeat(4,1fr);display:grid}.tool-card{padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--gradient-primary);transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.tool-card:hover{border-color:var(--color-border-hover);transform:translateY(-3px);box-shadow:0 12px 24px #0003}.tool-card:hover:before{transform:scaleX(1)}.tool-icon{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--space-md);transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.tool-icon svg{width:24px;height:24px;color:var(--color-primary)}.tool-card:hover .tool-icon{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.tool-card h3{color:var(--color-text);margin:0 0 var(--space-sm)0;font-size:1.1rem;font-weight:600}.tool-card p{color:var(--color-text-secondary);margin:0 0 var(--space-md)0;flex:1;font-size:.875rem;line-height:1.6}.tool-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.tool-badge:before{content:"";border-radius:50%;width:6px;height:6px}.tool-badge.server-owner{color:var(--color-primary);background:#7b9db41a}.tool-badge.server-owner:before{background:var(--color-primary)}.tool-badge.developer{color:#fbbf24;background:#fbbf241a}.tool-badge.developer:before{background:#fbbf24}.tool-badge.player{color:var(--color-success);background:#34d3991a}.tool-badge.player:before{background:var(--color-success)}.intro-section{padding:var(--space-3xl)0;border-bottom:1px solid var(--color-border)}.intro-content{text-align:center;max-width:800px;margin:0 auto}.intro-content h2{margin:0 0 var(--space-xl)0;color:var(--color-text);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.intro-content p{color:var(--color-text-secondary);margin:0 0 var(--space-lg)0;font-size:1.05rem;line-height:1.8}.intro-content p:last-child{margin-bottom:0}.faq-section{padding:var(--space-2xl)0}.faq-section .section-header{margin-bottom:var(--space-lg)}.faq-section .section-title{font-size:1.5rem}.faq-section .section-description{font-size:.95rem}.faq-list{flex-direction:column;gap:6px;max-width:500px;margin:0 auto;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-base);overflow:hidden}.faq-item:hover{border-color:var(--color-border-hover)}.faq-item[open]{border-color:var(--color-primary)}.faq-question{color:var(--color-text);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:600;list-style:none;display:flex}.faq-question::-webkit-details-marker{display:none}.faq-question:after{content:"+";color:var(--color-text-secondary);transition:transform var(--transition-base);flex-shrink:0;font-size:1rem;font-weight:400}.faq-item[open] .faq-question:after{content:"−";color:var(--color-primary)}.faq-question:hover{color:var(--color-primary)}.faq-answer{color:var(--color-text-secondary);margin:0;padding:0 16px 12px;font-size:.875rem;line-height:1.6}.cta-section{padding:var(--space-3xl)0}.cta-card{padding:var(--space-3xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#7b9db40f,#0000);position:absolute;inset:0}.cta-content{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-title{margin:0 0 var(--space-md)0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.cta-description{color:var(--color-text-secondary);margin:0 0 var(--space-xl)0;font-size:1.1rem}.cta-buttons{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:1200px){.tools-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.stats-grid,.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.featured-grid{gap:var(--space-md);grid-template-columns:1fr}.featured-card{min-height:auto}}@media (max-width:768px){.hero{min-height:60vh;padding:var(--space-2xl)var(--space-md)}.hero-content{padding:var(--space-md)}.hero-cta{flex-direction:column;align-items:center}.hero-btn{justify-content:center;width:100%;max-width:280px}.stats-section{margin-top:var(--space-xl)}.stats-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-md)}.stat-value{font-size:1.75rem}.intro-section{padding:var(--space-2xl)0}.intro-content h2{font-size:1.5rem}.intro-content p{font-size:1rem}.faq-section{padding:var(--space-2xl)0}.faq-item{padding:var(--space-lg)}.tools-grid{gap:var(--space-md);grid-template-columns:1fr}.cta-card{padding:var(--space-2xl)var(--space-lg)}}@media (max-width:576px){.stats-grid{grid-template-columns:1fr 1fr}.hero-badge{padding:6px 12px;font-size:.75rem}}.page-header{text-align:center;padding:var(--space-3xl)0 var(--space-2xl)}.page-header h1{margin:0 0 var(--space-sm)0;font-size:clamp(2rem,5vw,3rem);font-weight:800}.page-header p{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.contact-discord{max-width:600px;margin:0 auto;padding-bottom:3rem}.discord-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:12px;padding:3rem}.discord-icon{color:#fff;background:#5865f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.discord-card h2{color:var(--color-text);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.discord-card>p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.discord-features{text-align:left;max-width:320px;margin:0 auto 2rem;padding:0;list-style:none}.discord-features li{color:var(--color-text);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem;display:flex}.discord-features li:before{content:"✓";color:#5865f2;font-weight:700}.discord-btn{color:#fff;background:#5865f2;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.discord-btn:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 4px 12px #5865f266}@media (max-width:768px){.discord-card{padding:2rem 1.5rem}.discord-card h2{font-size:1.5rem}.discord-features{max-width:100%}}.help-faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.help-faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.help-faq-item h3{color:var(--color-text);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.help-faq-item p{color:var(--color-text-secondary);margin:0;line-height:1.6}.help-faq-item a{color:var(--color-primary);text-decoration:underline}.help-faq-item a:hover{color:var(--color-accent)}.cta-section{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:2rem;padding:2.5rem}.cta-section h2{color:var(--color-text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.cta-section p{color:var(--color-text-secondary);margin-bottom:1.5rem}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:8px;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.btn-primary:hover{transform:translateY(-2px)}@media (max-width:768px){.help-faq-grid{grid-template-columns:1fr;gap:1rem}.help-faq-item{padding:1.25rem}.cta-section{padding:2rem 1.5rem}.cta-section h2{font-size:1.5rem}}.content-wrapper{max-width:900px;margin:0 auto;padding-bottom:3rem}.legal-section{margin-bottom:2.5rem}.legal-section h2{color:var(--color-text);border-bottom:2px solid var(--color-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.legal-section h3{color:var(--color-text);margin:1.5rem 0 .75rem;font-size:1.15rem;font-weight:600}.legal-section p{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.7}.legal-section ul{margin-bottom:1rem;margin-left:1.5rem;list-style:outside}.legal-section li{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.7}.legal-section strong{color:var(--color-text);font-weight:600}.legal-section a{color:var(--color-primary);text-decoration:underline}.legal-section a:hover{color:var(--color-accent)}.page-header p{color:var(--color-text-secondary);margin-top:.5rem;font-size:.9rem}@media (max-width:768px){.legal-section h2{font-size:1.25rem}.legal-section h3{font-size:1.05rem}.legal-section ul{margin-left:1rem}}.error-page{text-align:center;max-width:600px;margin:6rem auto}.error-page h1{color:var(--color-text);margin-bottom:.5rem;font-size:3rem;font-weight:700}.error-page p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.1rem}.error-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.error-links a,.error-links button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:6px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s}.error-links a:hover,.error-links button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width:576px){.error-page{margin:4rem auto}.error-page h1{font-size:2.5rem}.error-links{flex-direction:column}.error-links a,.error-links button{width:100%}}.palette-container{max-width:1400px;margin:0 auto}.palette-page-header{border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.palette-page-header h1{color:var(--color-text);margin-bottom:.5rem;font-size:2.5rem}.palette-page-header p{color:var(--color-text-secondary);font-size:1.1rem}.palette-controls{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.palette-search-form{flex:1;gap:.5rem;min-width:300px;display:flex}.palette-search-form input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;flex:1;padding:.75rem 1rem;font-size:1rem}.palette-search-form input:focus{border-color:var(--color-primary);outline:none}.sort-dropdown select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:6px;padding:.75rem 1rem;font-size:1rem}.palette-layout{grid-template-columns:1fr 300px;gap:2rem;display:grid}.palette-main{min-width:0}.palette-sidebar{align-self:start;position:sticky;top:1rem}.palette-section{margin-bottom:3rem}.palette-section h2{color:var(--color-text);margin-bottom:1.5rem;font-size:1.5rem}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.palette-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s;overflow:hidden}.palette-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.palette-preview{aspect-ratio:3/2;background:var(--color-bg);width:100%;display:block;position:relative;overflow:hidden}.palette-preview img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.palette-blocks-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);width:100%;height:100%;display:grid}.palette-block-img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.featured-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#eab308);border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.palette-card-footer{padding:1rem}.palette-meta{flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.palette-likes{color:#ef4444;align-items:center;gap:.25rem;font-weight:600;display:flex}.palette-creator{color:var(--color-text-secondary)}.palette-creator a{color:var(--color-primary);font-weight:600;text-decoration:none}.palette-creator a:hover{text-decoration:underline}.palette-age{color:var(--color-text-secondary);font-size:.85rem}.sidebar-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.sidebar-section h3{color:var(--color-text);margin-bottom:1rem;font-size:1rem;font-weight:600}.block-chips,.color-chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-block}.chip:hover,.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.color-chip{padding-left:2rem;position:relative}.color-chip:before{content:"";border:1px solid #0003;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.color-chip.color-red:before{background:#ef4444}.color-chip.color-orange:before{background:#f97316}.color-chip.color-yellow:before{background:#eab308}.color-chip.color-green:before{background:#22c55e}.color-chip.color-blue:before{background:#3b82f6}.color-chip.color-purple:before{background:#a855f7}.color-chip.color-black:before{background:#0f172a}.color-chip.color-white:before{background:#f8fafc}.active-filters{flex-direction:column;gap:.5rem;display:flex}.filter-tag{background:var(--color-bg);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;display:flex}.filter-tag a{color:var(--color-text-secondary);margin-left:.5rem;font-weight:700;text-decoration:none}.filter-tag a:hover{color:#ef4444}.clear-filters{color:var(--color-primary);margin-top:.5rem;font-size:.85rem;font-weight:600;text-decoration:none}.clear-filters:hover{text-decoration:underline}.pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.pagination span{color:var(--color-text-secondary)}.no-results{text-align:center;color:var(--color-text-secondary);padding:3rem 0}.admin-header{margin-bottom:2rem}.admin-header h1{margin-bottom:1rem;font-size:2rem}.admin-nav{border-bottom:2px solid var(--color-border);gap:1rem;padding-bottom:.5rem;display:flex}.admin-nav a{color:var(--color-text);border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1rem;text-decoration:none}.admin-nav a:hover{color:var(--color-primary)}.admin-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;padding:2rem}.admin-card h2{margin-bottom:1.5rem}.admin-form .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-form .form-group{margin-bottom:1.5rem}.admin-form label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.admin-form input[type=text],.admin-form input[type=file],.admin-form select{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem}.admin-form input[type=text]:focus,.admin-form select:focus{border-color:var(--color-primary);outline:none}.admin-filters{margin-bottom:2rem}.filter-form{flex-wrap:wrap;gap:1rem;display:flex}.filter-form input,.filter-form select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:.75rem}.filter-form input{flex:1;min-width:200px}.blocks-list{flex-direction:column;gap:1rem;display:flex}.block-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;grid-template-columns:80px 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.block-item.inactive{opacity:.5}.block-item img{object-fit:cover;border:1px solid var(--color-border);width:80px;height:80px;image-rendering:pixelated;border-radius:4px}.block-info h3{margin-bottom:.25rem;font-size:1.1rem}.block-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.block-actions{gap:.5rem;display:flex}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:8px;padding:1.5rem}.stat-value{color:var(--color-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:.9rem}.palettes-grid-admin{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.palette-item-admin{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;position:relative;overflow:hidden}.palette-item-admin img{aspect-ratio:3/2;object-fit:cover;width:100%;image-rendering:pixelated}.palette-info-admin{padding:1rem}.palette-info-admin strong{margin-bottom:.25rem;display:block}.palette-info-admin p{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.85rem}.alert{border-radius:6px;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e}.alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef4444}@media (max-width:992px){.palette-layout{grid-template-columns:1fr}.palette-sidebar{order:-1;position:static}.sidebar-section{margin-bottom:1rem}}@media (max-width:768px){.palette-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.palette-controls{flex-direction:column}.palette-search-form{width:100%}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.admin-form .form-row{grid-template-columns:1fr}.block-item{grid-template-columns:60px 1fr}.block-item img{width:60px;height:60px}.block-actions{grid-column:1/-1;justify-content:flex-start}}@media (max-width:576px){.palette-grid{grid-template-columns:1fr}.filter-form{flex-direction:column}.filter-form input,.filter-form select{width:100%}}.back-link{color:var(--color-primary);margin-bottom:1.5rem;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.palette-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:2rem}.palette-detail-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.palette-detail-header h1{margin-bottom:.5rem;font-size:2rem}.palette-detail-meta{color:var(--color-text-secondary);align-items:center;gap:.5rem;display:flex}.palette-detail-meta a{color:var(--color-primary);font-weight:600;text-decoration:none}.palette-detail-meta a:hover{text-decoration:underline}.palette-detail-meta .featured-badge{margin-left:.5rem;position:static}.like-btn{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.like-btn:hover{color:#ef4444;border-color:#ef4444}.like-btn.liked{color:#fff;background:#ef4444;border-color:#ef4444}.palette-detail-preview{margin-bottom:2rem}.palette-detail-preview img{border:1px solid var(--color-border);width:100%;image-rendering:pixelated;border-radius:8px}.palette-blocks-grid-large{border:1px solid var(--color-border);border-radius:8px;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:4px;display:grid;overflow:hidden}.palette-block-img-large{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated}.palette-blocks{margin-bottom:3rem}.palette-blocks h2{margin-bottom:1.5rem}.blocks-list-detail{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.block-detail-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:1rem;padding:1rem;display:flex}.block-detail-item img{object-fit:cover;border:1px solid var(--color-border);width:60px;height:60px;image-rendering:pixelated;border-radius:4px}.block-detail-item strong{margin-bottom:.25rem;display:block}.block-category{color:var(--color-text-secondary);font-size:.85rem}.similar-palettes{border-top:1px solid var(--color-border);padding-top:2rem}.similar-palettes h2{margin-bottom:1.5rem}@media (max-width:768px){.palette-detail{padding:1.5rem}.palette-detail-header{flex-direction:column;gap:1rem}.blocks-list-detail{grid-template-columns:1fr}}.profile-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex}.profile-avatar{border:3px solid var(--color-primary);border-radius:50%;width:80px;height:80px}.profile-avatar-placeholder{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.profile-info h1{margin-bottom:.25rem;font-size:2rem}.profile-meta{color:var(--color-text-secondary)}.profile-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.most-used-block{object-fit:cover;border-radius:6px;width:60px;height:60px;margin-bottom:.5rem}.stat-sublabel{color:var(--color-text);margin-top:.25rem;font-size:.85rem}.profile-palettes{margin-top:2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{font-size:1.5rem}.sort-form-inline select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:.5rem 1rem}@media (max-width:768px){.profile-header{text-align:center;flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.palette-faq{border-top:1px solid var(--color-border);margin-top:4rem;padding-top:3rem}.palette-faq h2{text-align:center;color:var(--color-text);margin-bottom:2rem;font-size:1.75rem}.palette-faq .faq-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1000px;margin:0 auto;display:grid}.palette-faq .faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s;overflow:hidden}.palette-faq .faq-item:hover,.palette-faq .faq-item[open]{border-color:var(--color-primary)}.palette-faq .faq-item summary{list-style:none}.palette-faq .faq-item summary::-webkit-details-marker{display:none}.palette-faq .faq-question{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.palette-faq .faq-question:hover{background:var(--color-hover)}.palette-faq .faq-question span{flex:1;padding-right:1rem}.palette-faq .faq-icon{color:var(--color-primary);flex-shrink:0;transition:transform .3s}.palette-faq .faq-item[open] .faq-icon{transform:rotate(180deg)}.palette-faq .faq-answer{padding:0 1.5rem 1.25rem}.palette-faq .faq-answer p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.7}@media (max-width:768px){.palette-faq .faq-grid{grid-template-columns:1fr}.palette-faq .faq-question{padding:1rem 1.25rem;font-size:.9rem}.palette-faq .faq-answer{padding:0 1.25rem 1rem}}.create-header{border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.create-header h1{margin-bottom:.5rem;font-size:2rem}.create-header p{color:var(--color-text-secondary)}.create-layout{grid-template-columns:450px 1fr;gap:2rem;margin-bottom:2rem;display:grid}.preview-panel,.selector-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.preview-panel h2,.selector-panel h2{margin-bottom:1.5rem;font-size:1.3rem}.palette-preview-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.preview-slot{aspect-ratio:1;background:var(--color-bg);border:2px solid var(--color-border);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.preview-slot:hover{border-color:var(--color-primary)}.preview-slot.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #5f8fb833}.preview-slot.filled{padding:0}.preview-slot img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;border-radius:4px}.slot-number{color:var(--color-text-secondary);font-size:1.5rem;font-weight:700}.slot-placeholder{color:var(--color-text-secondary);font-size:.85rem}.block-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000000bf;padding:.25rem;font-size:.75rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.remove-block{color:#fff;cursor:pointer;opacity:0;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;transition:opacity .2s;display:flex;position:absolute;top:.25rem;right:.25rem}.preview-slot:hover .remove-block{opacity:1}.preview-actions{gap:.75rem;display:flex}.preview-actions button{flex:1}.block-selector-controls{gap:.75rem;margin-bottom:1rem;display:flex}.block-search{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:6px;flex:1;padding:.75rem}.block-search:focus{border-color:var(--color-primary);outline:none}.category-filter{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:6px;min-width:150px;padding:.75rem}.blocks-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-height:600px;padding:.5rem;display:grid;overflow-y:auto}.block-option{background:var(--color-bg);border:2px solid var(--color-border);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.block-option:hover{border-color:var(--color-primary);transform:translateY(-2px)}.block-option img{aspect-ratio:1;object-fit:cover;width:100%;image-rendering:pixelated;border-radius:4px}.block-name{text-align:center;color:var(--color-text);font-size:.75rem}.create-footer{text-align:center;padding:2rem 0}.btn-large{padding:1rem 3rem;font-size:1.1rem}.help-text{color:var(--color-text-secondary);margin-top:1rem;font-size:.9rem}.error-text{color:#ef4444}@media (max-width:992px){.create-layout{grid-template-columns:1fr}}@media (max-width:576px){.block-selector-controls{flex-direction:column}.category-filter{width:100%}.blocks-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.page-header{margin-bottom:2rem}.page-header h1{color:var(--color-text);margin-bottom:.5rem;font-size:2.5rem}.page-header p{color:var(--color-text-secondary);font-size:1.1rem}.tools-filter-wrapper{text-align:center;margin-bottom:var(--space-xl)}.tools-filter-text{color:var(--color-text-secondary);margin-bottom:var(--space-md);font-size:.95rem}.tools-filter{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.filter-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:.875rem;font-weight:500}.filter-btn:hover{border-color:var(--color-border-hover);color:var(--color-text)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.no-tools{color:var(--color-text-secondary);text-align:center;padding:var(--space-xl)}.tools-categories{gap:var(--space-3xl);padding-bottom:var(--space-2xl);flex-direction:column;display:flex}.tools-category{gap:var(--space-lg);flex-direction:column;display:flex}.category-header{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.category-header h2{color:var(--color-text);margin:0 0 var(--space-xs)0;font-size:1.5rem;font-weight:700}.category-header p{color:var(--color-text-secondary);margin:0;font-size:.95rem}.btn-action{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #5f8fb833}.btn-action:active{transform:translateY(0)}.btn-action svg{flex-shrink:0}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-copy{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.25rem;font-weight:600;transition:all .2s}.btn-copy:hover{background:var(--color-accent);transform:translateY(-2px)}.editor-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);flex-direction:column;display:flex;overflow:hidden}.panel-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.panel-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.char-count,.line-count{color:var(--color-text-secondary);font-size:.85rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.form-select{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;border-radius:6px;padding:.75rem;font-size:1rem}.form-select:focus{border-color:var(--color-primary);outline:none}.form-input{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem;font-size:1rem}.form-input:focus{border-color:var(--color-primary);outline:none}.form-row{gap:1rem;margin-bottom:1.5rem;display:flex}.form-row>*{flex:1}.status-message{border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s ease-out statusSlideDown}.status-message.success{color:#22c55e;background:#22c55e1a;border:2px solid #22c55e}.status-message.error{color:#ef4444;background:#ef44441a;border:2px solid #ef4444}@keyframes statusSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;animation:.3s modalSlideUp;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header h3{color:var(--color-text);margin:0;font-size:1.25rem}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:2rem;line-height:1;transition:color .2s;display:flex}.modal-body p{color:var(--color-text-secondary);margin-bottom:1.5rem}.modal-actions{margin-bottom:1.5rem}.share-result{background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;padding:1rem}.share-result label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.link-display{gap:.5rem;margin-bottom:.75rem;display:flex}.link-display input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;flex:1;padding:.75rem;font-family:monospace;font-size:.9rem}.share-note{color:var(--color-text-secondary);margin:0;font-size:.85rem}.share-option{margin-bottom:1.5rem}.password-toggle{cursor:pointer;color:var(--color-text);align-items:center;gap:.5rem;font-weight:500;display:flex}.password-toggle input[type=checkbox]{cursor:pointer}.password-field{margin-bottom:1.5rem}.password-field label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.password-field input{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem;font-size:1rem}.password-field input:focus{border-color:var(--color-primary);outline:none}@media (max-width:768px){.page-header h1{font-size:2rem}.form-row{flex-direction:column}}@media (max-width:576px){.btn-action{justify-content:center;width:100%}}.formatting-toolbar{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.formatting-toolbar h3{color:var(--color-text);margin:0 0 1rem;font-size:1rem;font-weight:600}.color-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.color-btn{aspect-ratio:1;border:2px solid var(--color-border);cursor:pointer;color:#fff;text-shadow:1px 1px 2px #000c;border-radius:6px;width:100%;font-family:monospace;font-size:.9rem;font-weight:600;transition:all .2s}.color-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.format-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.format-btn{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.format-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.motd-editor-container{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.motd-input{background:var(--color-bg);width:100%;color:var(--color-text);resize:vertical;border:none;outline:none;min-height:100px;padding:1.5rem;font-family:Courier New,monospace;font-size:1rem;line-height:1.6}.preview-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.preview-panel h3{color:var(--color-text);margin:0 0 1rem;font-size:1.1rem}.motd-preview{background:#1a1a1a;border-radius:8px;padding:1.5rem;font-family:Courier New,monospace;font-size:1rem;line-height:1.8}.preview-line{color:#aaa;min-height:1.8em}.output-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;overflow:hidden}.output-textarea{background:var(--color-bg);width:100%;color:var(--color-text);resize:vertical;border:none;outline:none;min-height:100px;padding:1.5rem;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6}.char-count.warning{color:#ef4444}@media (max-width:992px){.motd-editor-container{grid-template-columns:1fr}}@media (max-width:768px){.color-grid{grid-template-columns:repeat(8,1fr)}}.json-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.json-actions .btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.json-actions .btn-action:disabled:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:none;transform:none}.btn-tooltip{background:var(--color-text);color:var(--color-bg);white-space:nowrap;opacity:0;visibility:hidden;z-index:10;border-radius:4px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.btn-wrapper:hover .btn-tooltip{opacity:1;visibility:visible}.json-editor-container{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.output-controls{align-items:center;gap:1rem;display:flex}.indent-label{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.indent-select{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:4px;padding:.35rem .5rem;font-size:.85rem}.indent-select:focus{border-color:var(--color-primary);outline:none}.json-textarea{background:var(--color-bg);color:var(--color-text);resize:vertical;border:none;outline:none;flex:1;height:auto;min-height:400px;max-height:none;padding:1.5rem;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6}.json-output{background:var(--color-bg);color:var(--color-text);white-space:pre;flex:1;height:auto;min-height:400px;max-height:none;margin:0;padding:1.5rem;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;overflow:auto}.json-key{color:#5f8fb8}.json-string{color:#22c55e}.json-number{color:#f59e0b}.json-boolean{color:#8b5cf6}.json-null{color:#ef4444}.json-info-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.json-info-panel h3{color:var(--color-text);margin:0 0 1rem;font-size:1.1rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;display:grid}.info-item{flex-direction:column;gap:.5rem;display:flex}.info-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.info-value{color:var(--color-text);font-size:1.2rem;font-weight:600}@media (max-width:992px){.json-editor-container{grid-template-columns:1fr}}@media (max-width:768px){.json-actions{justify-content:stretch}.json-actions .btn-action{flex:1;justify-content:center}}@media (max-width:576px){.json-actions{flex-direction:column}.json-actions .btn-action{width:100%}}.log-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.filter-panel h3{color:var(--color-text);margin:0 0 1rem;font-size:1rem}.filter-checkboxes{flex-wrap:wrap;gap:1.5rem;display:flex}.filter-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.filter-checkbox input[type=checkbox]{cursor:pointer}.checkbox-label{border-radius:4px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.checkbox-label.error{color:#ef4444;background:#ef444426}.checkbox-label.warn{color:#f59e0b;background:#f59e0b26}.checkbox-label.info{color:#3b82f6;background:#3b82f626}.checkbox-label.debug{color:#8b5cf6;background:#8b5cf626}.checkbox-label.other{color:#6b7280;background:#6b728026}.log-editor-container{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.log-textarea{background:var(--color-bg);color:var(--color-text);resize:vertical;border:none;outline:none;flex:1;width:100%;height:auto;min-height:500px;max-height:none;padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.log-output{background:var(--color-bg);color:var(--color-text);white-space:pre-wrap;word-break:break-word;flex:1;height:auto;min-height:500px;max-height:none;margin:0;padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow:auto}.log-line{margin:.15rem 0;padding:.15rem 0}.log-line.error{color:#ef4444;background:#ef44440d}.log-line.warn{color:#f59e0b;background:#f59e0b0d}.log-line.info{color:#3b82f6}.log-line.debug{color:#8b5cf6}.log-line.other{color:var(--color-text-secondary)}.log-line.hidden{display:none}.log-timestamp{color:#6b7280}.log-level{font-weight:600}.btn-wrapper{display:inline-flex;position:relative}.btn-wrapper .btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-wrapper .btn-action:disabled:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:none;transform:none}.btn-tooltip{background:var(--color-text);color:var(--color-bg);white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.btn-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.btn-wrapper:hover .btn-tooltip{opacity:1}@media (max-width:992px){.log-editor-container{grid-template-columns:1fr}}@media (max-width:768px){.log-actions{justify-content:stretch}.log-actions .btn-action{flex:1;justify-content:center}.filter-checkboxes{gap:1rem}}@media (max-width:576px){.log-actions{flex-direction:column}.log-actions .btn-action,.log-actions .btn-wrapper{width:100%}.log-actions .btn-wrapper .btn-action{justify-content:center;width:100%}}.whitelist-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.checkbox-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.checkbox-toggle:hover{border-color:var(--color-primary)}.checkbox-toggle input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.checkbox-toggle .checkbox-box{border:2px solid var(--color-border);background:var(--color-bg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.checkbox-toggle .checkbox-box svg{opacity:0;color:#fff;transition:all .2s;transform:scale(.5)}.checkbox-toggle input[type=checkbox]:checked+.checkbox-box{background:var(--color-primary);border-color:var(--color-primary)}.checkbox-toggle input[type=checkbox]:checked+.checkbox-box svg{opacity:1;transform:scale(1)}.checkbox-toggle input[type=checkbox]:focus-visible+.checkbox-box{outline:2px solid var(--color-primary);outline-offset:2px}.player-list-container{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;overflow:hidden}.player-count{color:var(--color-text-secondary);font-family:monospace;font-size:.85rem}.player-list{min-height:300px;max-height:500px;padding:1.5rem;overflow-y:auto}.player-list .empty-state{height:268px;color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.player-list .empty-state svg{opacity:.5;margin-bottom:1rem}.player-list .empty-state p{margin:.5rem 0;font-size:1.1rem}.player-list .empty-state small{font-size:.9rem}.player-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.player-item:last-child{margin-bottom:0}.player-item:hover{border-color:var(--color-primary)}.player-info{align-items:center;gap:.75rem;display:flex}.player-avatar{background:var(--color-border);width:32px;height:32px;color:var(--color-text);border-radius:4px;justify-content:center;align-items:center;font-weight:600;display:flex}.player-name{color:var(--color-text);font-weight:500}.btn-remove{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.btn-remove:hover{color:#fff;background:#ef4444;border-color:#ef4444}.json-preview-container{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;overflow:hidden}.json-preview{background:var(--color-bg);color:var(--color-text);max-height:400px;margin:0;padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow:auto}.bulk-textarea{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);resize:vertical;border-radius:6px;padding:.75rem;font-family:Courier New,monospace;font-size:1rem;transition:border-color .2s}.bulk-textarea:focus{border-color:var(--color-primary);outline:none}@media (max-width:768px){.whitelist-actions{flex-direction:column}.whitelist-actions .btn-action{justify-content:center;width:100%}}.uc-page-header{text-align:center;margin-bottom:3rem}.uc-page-header h1{color:var(--color-text);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.uc-page-header p{color:var(--color-text-secondary);font-size:1.1rem}.uc-search-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:3rem;padding:2.5rem;box-shadow:0 2px 8px #0000000d}.uc-search-container{max-width:600px;margin:0 auto}.uc-input-wrapper{gap:.75rem;margin-bottom:1rem;display:flex}.uc-username-input{border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;flex:1;padding:1rem 1.25rem;font-size:1.1rem;transition:all .2s}.uc-username-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #5f8fb81a}.uc-username-input::placeholder{color:var(--color-text-secondary);opacity:.6}.uc-check-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.uc-check-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #5f8fb84d}.uc-check-btn:active{transform:translateY(0)}.uc-check-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.uc-check-btn svg{width:18px;height:18px}.uc-requirements{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.uc-req-item{align-items:center;display:flex}.uc-req-divider{opacity:.5}.uc-loading-section{text-align:center;padding:3rem 2rem}.uc-loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:.8s linear infinite ucSpin}@keyframes ucSpin{to{transform:rotate(360deg)}}.uc-loading-section p{color:var(--color-text-secondary);font-size:.95rem}.uc-result-section{border-radius:12px;margin-top:2rem;padding:0;animation:.3s ucFadeIn;overflow:hidden}@keyframes ucFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uc-result-section.uc-available{border:2px solid var(--color-success)}.uc-result-section.uc-taken,.uc-result-section.uc-error{border:2px solid #ef4444}.uc-result-header{text-transform:uppercase;letter-spacing:.5px;padding:1.5rem;font-size:.875rem;font-weight:600}.uc-result-section.uc-available .uc-result-header{background:var(--color-success);color:#fff}.uc-result-section.uc-taken .uc-result-header,.uc-result-section.uc-error .uc-result-header{color:#fff;background:#ef4444}.uc-result-body{background:var(--color-surface);text-align:center;padding:2.5rem}.uc-result-username{letter-spacing:1px;color:var(--color-text);margin-bottom:1rem;font-family:monospace;font-size:2rem;font-weight:700}.uc-result-message{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.uc-api-info{text-align:center;margin-top:1.5rem;position:relative}.uc-info-toggle{background:var(--color-hover);border:1px solid var(--color-border);cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.uc-info-toggle:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.uc-info-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;max-width:300px;margin:.75rem auto 0;padding:.75rem 1.25rem;animation:.3s ucSlideDown}@keyframes ucSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.uc-info-dropdown p{color:var(--color-text-secondary);margin:0;font-size:.875rem}.uc-info-dropdown a{color:var(--color-primary);font-weight:500;text-decoration:none}.uc-info-dropdown a:hover{text-decoration:underline}@media (max-width:768px){.uc-page-header h1{font-size:2rem}.uc-search-card{padding:1.5rem}.uc-input-wrapper{flex-direction:column}.uc-check-btn{justify-content:center;width:100%}.uc-requirements{flex-direction:column;gap:.5rem}.uc-req-divider{display:none}.uc-result-username{font-size:1.5rem}}.ssc-intro{margin-bottom:2rem}.ssc-intro p{color:var(--color-text-secondary);line-height:1.6}.ssc-form-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.ssc-form-row{gap:1rem;margin-bottom:1.5rem;display:flex}.ssc-form-group{flex-direction:column;display:flex}.ssc-form-group-hostname{flex:2}.ssc-form-group-port,.ssc-form-group-method{flex:1}.ssc-form-group label{color:var(--color-text);margin-bottom:.5rem;font-weight:600}.ssc-input{border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:6px;padding:.75rem;font-size:1rem;transition:border-color .2s}.ssc-input:focus{border-color:var(--color-primary);outline:none}.ssc-input::placeholder{color:var(--color-text-secondary)}select.ssc-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.ssc-check-btn{width:100%}.ssc-help-tip{border-radius:var(--border-radius);background:#3b82f61a;border:1px solid #3b82f64d;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}[data-theme=dark] .ssc-help-tip{background:#3b82f626;border-color:#3b82f666}.ssc-help-tip-icon{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:flex}.ssc-help-tip-content{color:var(--color-text);flex:1;font-size:.95rem;line-height:1.5}.ssc-help-tip-content a{color:var(--color-primary);font-weight:600;text-decoration:none}.ssc-help-tip-content a:hover{text-decoration:underline}.ssc-result-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem;animation:.3s ease-out ssc-slideDown}@keyframes ssc-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ssc-result-header{border-bottom:1px solid var(--color-border);align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.ssc-icon-wrapper{flex-shrink:0}.ssc-server-favicon{border:2px solid var(--color-border);width:64px;height:64px;image-rendering:pixelated;border-radius:8px}.ssc-header-info{flex:1}.ssc-header-info h2{color:var(--color-text);word-break:break-all;margin:0 0 .5rem;font-size:1.8rem}.ssc-badge-wrapper{align-items:center;display:flex}.ssc-badge{text-transform:uppercase;border-radius:20px;padding:.35rem .85rem;font-size:.9rem;font-weight:600;display:inline-block}.ssc-badge-online{color:#22c55e;background:#22c55e26}.ssc-badge-offline{color:#ef4444;background:#ef444426}.ssc-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.ssc-detail-item{flex-direction:column;gap:.5rem;display:flex}.ssc-detail-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.ssc-detail-value{color:var(--color-text);font-size:1.3rem;font-weight:600}.ssc-motd-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.ssc-motd-section h3{color:var(--color-text);margin:0 0 1rem;font-size:1.1rem}.ssc-motd-wrapper{background:#1a1a1a;border-radius:4px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.ssc-motd-icon{width:64px;height:64px;image-rendering:pixelated;border-radius:4px;flex-shrink:0}.ssc-motd-content{white-space:pre-wrap;word-break:break-word;color:#fff;flex:1;font-family:Courier New,monospace;line-height:1.5}.ssc-error-card{border-radius:var(--border-radius);background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #fca5a5;align-items:center;gap:1.5rem;padding:2rem;animation:.3s ease-out ssc-slideDown;display:flex}[data-theme=dark] .ssc-error-card{background:linear-gradient(135deg,#ef44441a 0%,#ef444426 100%);border-color:#ef444480}.ssc-error-icon{color:#dc2626;flex-shrink:0;font-size:3rem}[data-theme=dark] .ssc-error-icon{color:#ef4444}.ssc-error-content h3{color:#991b1b;margin:0 0 .5rem}[data-theme=dark] .ssc-error-content h3{color:#fca5a5}.ssc-error-content p{color:#991b1b;margin:0}[data-theme=dark] .ssc-error-content p{color:#fca5a5}.ssc-faq{border-top:1px solid var(--color-border);margin-top:4rem;padding-top:3rem}.ssc-faq h2{text-align:center;color:var(--color-text);margin-bottom:2rem;font-size:1.75rem}.ssc-faq .faq-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1000px;margin:0 auto;display:grid}.ssc-faq .faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s;overflow:hidden}.ssc-faq .faq-item:hover,.ssc-faq .faq-item[open]{border-color:var(--color-primary)}.ssc-faq .faq-item summary{list-style:none}.ssc-faq .faq-item summary::-webkit-details-marker{display:none}.ssc-faq .faq-question{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.ssc-faq .faq-question:hover{background:var(--color-hover)}.ssc-faq .faq-question span{flex:1;padding-right:1rem}.ssc-faq .faq-icon{color:var(--color-primary);flex-shrink:0;transition:transform .3s}.ssc-faq .faq-item[open] .faq-icon{transform:rotate(180deg)}.ssc-faq .faq-answer{padding:0 1.5rem 1.25rem}.ssc-faq .faq-answer p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.7}@media (max-width:768px){.ssc-form-row{flex-direction:column}.ssc-result-header{text-align:center;flex-direction:column}.ssc-header-info h2{font-size:1.4rem}.ssc-badge-wrapper{justify-content:center}.ssc-details-grid{grid-template-columns:1fr}.ssc-error-card{text-align:center;flex-direction:column}.ssc-motd-wrapper{flex-direction:column;align-items:center}.ssc-motd-content{text-align:center}.ssc-faq .faq-grid{grid-template-columns:1fr}.ssc-faq .faq-question{padding:1rem 1.25rem;font-size:.9rem}.ssc-faq .faq-answer{padding:0 1.25rem 1rem}}.vt-intro{margin-bottom:2rem}.vt-intro p{color:var(--color-text-secondary);line-height:1.6}.vt-form-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.vt-form-row{gap:1.5rem;margin-bottom:1.5rem;display:flex}.vt-form-row>*{flex:1}.vt-form-group{margin-bottom:1.5rem}.vt-form-group label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.vt-input,.vt-select,.vt-textarea{border:2px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.vt-input:focus,.vt-select:focus,.vt-textarea:focus{border-color:var(--color-primary);outline:none}.vt-input::placeholder,.vt-textarea::placeholder{color:var(--color-text-secondary)}.vt-textarea{resize:vertical;min-height:140px;font-family:Courier New,monospace}.vt-select{cursor:pointer}.vt-hint{color:var(--color-text-secondary);margin-top:.5rem;font-size:.85rem;display:block}.vt-submit-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.vt-submit-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px)}.vt-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vt-result-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem;animation:.3s ease-out vt-slideDown}@keyframes vt-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vt-result-header{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.vt-result-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.vt-result-icon.success{color:#22c55e;background:#22c55e26}.vt-result-icon.error{color:#ef4444;background:#ef444426}.vt-result-header h3{color:var(--color-text);margin:0;font-size:1.25rem}.vt-result-body p{color:var(--color-text-secondary);margin:0;line-height:1.6}.vt-result-details{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;margin-top:1rem;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.vt-help-section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.vt-help-section h3{color:var(--color-text);margin:0 0 1.5rem;font-size:1.25rem}.vt-help-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.vt-help-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.vt-help-item h4{color:var(--color-text);margin:0 0 .75rem;font-size:1rem}.vt-help-item p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.6}.vt-info-box{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.vt-info-box h4{color:var(--color-primary);margin:0 0 .75rem;font-size:1.1rem}.vt-info-box p{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.95rem;line-height:1.6}.vt-info-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.vt-info-table td{border-bottom:1px solid var(--color-border);padding:.5rem 0}.vt-info-table tr:last-child td{border-bottom:none}.vt-info-table td:first-child{color:var(--color-text-secondary);width:140px;font-weight:500}.vt-info-table code{background:var(--color-bg);color:var(--color-primary);border-radius:4px;padding:.25rem .5rem;font-family:Courier New,monospace;font-size:.9rem}.vt-info-note{border-top:1px solid var(--color-border);padding-top:.5rem;margin:0!important;font-size:.85rem!important}.vt-info-note code{background:var(--color-bg);color:var(--color-primary);border-radius:4px;padding:.15rem .4rem;font-family:Courier New,monospace;font-size:.85rem}@media (max-width:768px){.vt-form-row{flex-direction:column;gap:0}.vt-help-grid{grid-template-columns:1fr}.vt-result-header{text-align:center;flex-direction:column}}.config-presets{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.presets-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.presets-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.btn-preset{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.btn-preset:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg)}.config-tabs{border-bottom:2px solid var(--color-border);gap:0;margin-bottom:1.5rem;display:flex}.config-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.config-tab:hover{color:var(--color-text)}.config-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.config-generator-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:1024px){.config-generator-layout{grid-template-columns:1fr}}.config-form{flex-direction:column;gap:1.5rem;display:flex}.config-section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem}.config-section h3{color:var(--color-text);border-bottom:1px solid var(--color-border);margin:0 0 1.25rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.config-form .form-group{margin-bottom:1.25rem}.config-form .form-group:last-child{margin-bottom:0}.config-form .form-group>label:not(.checkbox-label){color:var(--color-text);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.config-form .form-group small{color:var(--color-text-secondary);margin-top:.375rem;font-size:.8rem;display:block}.config-form .form-input,.config-form .form-select{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.config-form .form-input:focus,.config-form .form-select:focus{border-color:var(--color-primary);outline:none}.config-form .form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.config-form .form-range{background:var(--color-border);cursor:pointer;appearance:none;border-radius:4px;width:100%;height:8px}.config-form .form-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .2s}.config-form .form-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.config-form .form-range::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.config-form .input-with-button{align-items:stretch;gap:.5rem;display:flex}.config-form .input-with-button .form-input{flex:1;min-width:0}.config-form .btn-generate{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.75rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.config-form .btn-generate:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg)}.config-form .form-group label.checkbox-label{cursor:pointer;color:var(--color-text);align-items:center;gap:.625rem;margin-bottom:0;font-weight:500;display:flex}.config-form .form-group .checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.config-form .form-group .checkbox-label span{line-height:1.4}.config-actions{flex-wrap:wrap;gap:.75rem;display:flex}.config-actions .btn-secondary{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.config-actions .btn-secondary:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.config-preview{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);height:fit-content;position:sticky;top:2rem;overflow:hidden}.config-preview .panel-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.config-preview .panel-header h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.preview-actions{flex-shrink:0;gap:.5rem;display:flex}.config-preview .preview-actions .btn-copy,.config-preview .preview-actions .btn-download{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.config-preview .preview-actions .btn-copy:hover,.config-preview .preview-actions .btn-download:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.config-preview .preview-actions .btn-download{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text)}.config-preview .preview-actions .btn-download:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.config-preview .json-preview{background:var(--color-bg);color:var(--color-text);max-height:70vh;margin:0;padding:1.5rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;overflow:auto}@media (max-width:1024px){.config-preview{position:static}}@media (max-width:576px){.config-section{padding:1.25rem}.config-actions .btn-secondary{justify-content:center;width:100%}.config-preview .panel-header{flex-direction:column;align-items:stretch;gap:.75rem}.config-preview .panel-header h3{text-align:center}.config-preview .preview-actions{flex-direction:column;width:100%}.config-preview .preview-actions .btn-copy,.config-preview .preview-actions .btn-download{justify-content:center;width:100%}}.password-gate{justify-content:center;align-items:center;min-height:60vh;padding:2rem 0;display:flex}.password-card{background:var(--color-surface);border:2px solid var(--color-border);text-align:center;border-radius:12px;width:100%;max-width:450px;padding:3rem 2.5rem}.lock-icon{background:var(--color-bg);border:2px solid var(--color-border);width:80px;height:80px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.password-card h2{color:var(--color-text);margin:0 0 .75rem;font-size:1.5rem}.password-card p{color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.6}.password-form{flex-direction:column;gap:1rem;display:flex}.password-input-group{flex-direction:column;display:flex}.password-input{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s}.password-input:focus{border-color:var(--color-primary);outline:none}.password-input:disabled{opacity:.6;cursor:not-allowed}.password-error{color:#ef4444;text-align:left;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.password-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.password-submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px)}.password-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.share-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.share-error .error-icon{background:var(--color-bg);border:2px solid var(--color-border);width:100px;height:100px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.share-error h1{color:var(--color-text);margin:0 0 .75rem;font-size:2rem}.share-error p{color:var(--color-text-secondary);max-width:400px;margin:0 0 2rem;font-size:1.1rem}.content-meta{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:grid}.meta-item{flex-direction:column;gap:.35rem;display:flex}.meta-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.meta-value{color:var(--color-text);font-size:1.1rem;font-weight:600}.share-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.json-viewer{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;margin-bottom:2rem;overflow:hidden}.json-viewer .viewer-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.json-viewer .viewer-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.json-content{background:var(--color-bg);padding:1.5rem;overflow-x:auto}.json-content pre{color:var(--color-text);white-space:pre;margin:0;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6}.log-viewer{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;margin-bottom:2rem;overflow:hidden}.log-viewer .viewer-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.log-viewer .viewer-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.log-content{background:var(--color-bg);padding:1.5rem;overflow-x:auto}.log-content pre{color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}@media (max-width:768px){.password-card{margin:0 1rem;padding:2rem 1.5rem}.lock-icon{width:64px;height:64px}.lock-icon svg{width:32px;height:32px}.password-card h2{font-size:1.25rem}.content-meta{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}.share-actions{flex-direction:column}.share-actions .btn-action{justify-content:center;width:100%}}@media (max-width:480px){.content-meta{grid-template-columns:1fr}.share-error h1{font-size:1.5rem}.share-error .error-icon{width:80px;height:80px}.share-error .error-icon svg{width:40px;height:40px}}.share-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.share-modal{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto}.share-modal-header{border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.share-modal-header h2{color:var(--color-text);margin:0;font-size:1.25rem}.share-modal-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.share-modal-close:hover{background:var(--color-bg);color:var(--color-text)}.share-modal-content{padding:1.5rem}.share-form{flex-direction:column;gap:1.25rem;display:flex}.share-form-group{flex-direction:column;gap:.5rem;display:flex}.share-form-group>label{color:var(--color-text);font-size:.95rem;font-weight:500}.share-select{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.share-select:focus{border-color:var(--color-primary);outline:none}.share-select:disabled{opacity:.6;cursor:not-allowed}.share-checkbox-label{cursor:pointer;color:var(--color-text);align-items:center;gap:.75rem;font-weight:500;display:flex}.share-checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.share-password-input{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);border-radius:8px;margin-top:.75rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.share-password-input:focus{border-color:var(--color-primary);outline:none}.share-password-input:disabled{opacity:.6;cursor:not-allowed}.share-error{color:#ef4444;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.share-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.share-submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px)}.share-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.share-success{text-align:center}.share-success-icon{color:#22c55e;background:#22c55e1a;border:2px solid #22c55e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.25rem;display:flex}.share-success-icon svg{width:28px;height:28px}.share-success h3{color:var(--color-text);margin:0 0 .5rem;font-size:1.25rem}.share-success>p{color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.5}.share-url-container{gap:.5rem;margin-bottom:1rem;display:flex}.share-url-input{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);border-radius:8px;flex:1;padding:.75rem 1rem;font-family:monospace;font-size:.9rem}.share-url-copy{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.share-url-copy:hover{background:var(--color-primary-dark)}.share-expiration{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9rem}.share-modal-done{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.share-modal-done:hover{background:var(--color-surface);border-color:var(--color-primary)}@media (max-width:480px){.share-modal{max-height:calc(100vh - 2rem);margin:1rem}.share-modal-header{padding:1rem 1.25rem}.share-modal-content{padding:1.25rem}.share-url-container{flex-direction:column}.share-url-copy{justify-content:center}}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{margin:0;font-size:1.25rem}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:1.5rem}.admin-page{max-width:1200px;margin:0 auto}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{background:var(--color-hover);border-color:var(--color-primary)}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-danger:hover{background:#dc2626}.admin-form textarea{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);resize:vertical;border-radius:6px;min-height:100px;padding:.75rem;font-family:inherit}.admin-form textarea:focus{border-color:var(--color-primary);outline:none}.admin-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.admin-table th{background:var(--color-bg);color:var(--color-text);font-weight:600}.admin-table tr:hover{background:var(--color-hover)}.badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{color:#22c55e;background:#22c55e1a}.badge-inactive{color:#6b7280;background:#6b72801a}.badge-featured{color:#fff;background:linear-gradient(135deg,#f59e0b,#eab308)}@media (max-width:768px){.modal-content{max-width:100%;margin:1rem}.admin-table{display:block;overflow-x:auto}}:root{--db-bg:#0d1117;--db-card-bg:#161b22;--db-card-inner:#0d1117;--db-border:#21262d;--db-text:#e6edf3;--db-text-secondary:#7d8590;--db-accent-blue:#58a6ff;--db-highlight-green:#3fb950}[data-theme=light]{--db-bg:#f6f8fa;--db-card-bg:#fff;--db-card-inner:#f6f8fa;--db-border:#d0d7de;--db-text:#1f2328;--db-text-secondary:#656d76;--db-accent-blue:#0969da;--db-highlight-green:#1a7f37}.quality-common{color:#9d9d9d}.quality-uncommon{color:#1eff00}.quality-rare{color:#0070dd}.quality-epic{color:#a335ee}.quality-legendary{color:#ff8000}.attitude-passive{background:#238636}.attitude-neutral{background:#bf8700}.attitude-hostile{background:#da3633}.attitude-boss{background:#8957e5}.db-page{background:var(--db-bg);min-height:100vh;color:var(--db-text)}.db-container{max-width:1400px;margin:0 auto;padding:0 40px 40px}.db-breadcrumb{color:var(--db-text-secondary);align-items:center;gap:10px;max-width:1400px;margin:0 auto;padding:20px 40px;font-size:.85rem;display:flex}.db-breadcrumb a{color:var(--db-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500;text-decoration:none;transition:color .2s}.db-breadcrumb a:hover{color:var(--db-text)}.db-breadcrumb .separator{color:#484f58}.db-breadcrumb .current{color:var(--db-text);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.db-search-section{margin-bottom:24px}.db-search-bar{gap:12px;margin-bottom:16px;display:flex}.db-search-input{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text);border-radius:8px;flex:1;padding:12px 16px;font-size:1rem;transition:border-color .2s}.db-search-input:focus{border-color:var(--db-accent-blue);outline:none}.db-search-input::placeholder{color:var(--db-text-secondary)}.db-filters{flex-wrap:wrap;gap:8px;display:flex}.db-filter-btn{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text-secondary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .2s}.db-filter-btn:hover{border-color:var(--db-accent-blue);color:var(--db-text)}.db-filter-btn.active{background:var(--db-accent-blue);border-color:var(--db-accent-blue);color:#fff}.db-filter-select{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.875rem}.db-mode-toggle{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:8px;gap:0;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.db-mode-btn{color:var(--db-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.db-mode-btn:hover:not(.active){color:var(--db-text);background:var(--db-card-inner)}.db-mode-btn.active{background:var(--db-accent-blue);color:#fff}.db-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.db-grid-item{background:var(--db-card-bg);border:1px solid var(--db-border);text-align:center;cursor:pointer;color:inherit;border-radius:10px;padding:16px;text-decoration:none;transition:all .2s}.db-grid-item:hover{border-color:var(--db-accent-blue);transform:translateY(-2px)}.db-grid-item-icon{background:var(--db-card-inner);border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}.db-grid-item-icon img{max-width:52px;max-height:52px;image-rendering:pixelated}.db-grid-item-name{color:var(--db-text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:.9rem;font-weight:600;overflow:hidden}.db-grid-item-category{color:var(--db-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.db-grid-item-badge{text-transform:uppercase;color:#fff;border-radius:4px;margin-top:8px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-block}.db-item-header{background:var(--db-card-bg);border-radius:12px;align-items:center;gap:30px;margin-bottom:20px;padding:30px;display:flex}.db-item-icon-large{background:var(--db-card-inner);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.db-item-icon-large img{max-width:120px;max-height:120px;image-rendering:pixelated}.db-item-details{flex:1}.db-category-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#238636;border-radius:6px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-block}.db-item-name{color:var(--db-text);margin-bottom:8px;font-size:2.5rem;font-weight:600}.db-item-subtitle{color:var(--db-text-secondary);font-size:1.1rem}.db-content-grid{grid-template-columns:1fr 320px;gap:20px;display:grid}@media (max-width:1000px){.db-content-grid{grid-template-columns:1fr}}.db-card{background:var(--db-card-bg);border-radius:12px;margin-bottom:20px;overflow:hidden}.db-card:last-child{margin-bottom:0}.db-card-header{border-bottom:1px solid var(--db-border);align-items:center;gap:12px;padding:20px 24px;display:flex}.db-card-header-icon{background:#21262d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.db-card-header h2{margin:0;font-size:1.1rem;font-weight:600}.db-card-body{padding:24px}.db-recipe-intro{color:var(--db-text-secondary);margin-bottom:20px;font-size:.95rem}.db-recipe-intro strong{color:var(--db-text)}.db-recipe-intro .count{color:var(--db-highlight-green);font-weight:600}.db-recipe-card{background:var(--db-card-inner);border-radius:10px;margin-bottom:16px;padding:20px}.db-recipe-card:last-child{margin-bottom:0}.db-crafted-at{align-items:center;gap:10px;margin-bottom:16px;display:flex}.db-crafted-at-label{color:var(--db-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.db-crafted-at-name{font-size:.95rem;font-weight:600}.db-recipe-flow{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.db-recipe-ingredients{flex-wrap:wrap;flex:1;align-items:flex-start;gap:12px;display:flex}.db-ingredient-item{color:inherit;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.db-ingredient-icon{background:var(--db-card-bg);border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;transition:border-color .2s;display:flex}.db-ingredient-item:hover .db-ingredient-icon{border-color:var(--db-accent-blue)}.db-ingredient-icon img{width:44px;height:44px;image-rendering:pixelated}.db-ingredient-label{text-align:center;max-width:80px;font-size:.8rem}.db-ingredient-label .qty{color:var(--db-text-secondary)}.db-ingredient-label .name{color:var(--db-text)}.db-ingredient-label.highlight .qty,.db-ingredient-label.highlight .name{color:var(--db-highlight-green)}.db-recipe-arrow{color:#484f58;flex-shrink:0;align-items:center;gap:8px;font-size:1.5rem;display:flex}.db-craft-time{color:var(--db-text-secondary);background:#21262d;border-radius:4px;padding:4px 10px;font-size:.8rem}.db-recipe-result{background:var(--db-card-bg);border:1px solid var(--db-border);min-width:120px;color:inherit;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:16px;text-decoration:none;display:flex}.db-recipe-result img{width:64px;height:64px;image-rendering:pixelated}.db-recipe-result-name{color:var(--db-accent-blue);text-align:center;font-size:.85rem;font-weight:500}.db-properties-table{border-collapse:collapse;width:100%}.db-properties-table tr{border-bottom:1px solid var(--db-border)}.db-properties-table tr:last-child{border-bottom:none}.db-properties-table td{vertical-align:middle;padding:10px 0}.db-properties-table .db-property-label{color:var(--db-text-secondary);width:40%;font-size:.9rem}.db-properties-table .db-property-value{color:var(--db-text);text-align:right;font-size:.9rem;font-weight:600}.db-properties-list{flex-direction:column;gap:12px;display:flex}.db-property-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.db-property-item .db-property-label{color:var(--db-text-secondary);align-items:center;gap:10px;display:flex}.db-property-dot{background:#484f58;border-radius:50%;width:8px;height:8px}.db-property-item .db-property-value{color:var(--db-text);font-weight:600}.db-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.db-stat-card{background:var(--db-card-inner);text-align:center;border-radius:10px;padding:16px}.db-stat-value{color:var(--db-accent-blue);margin-bottom:4px;font-size:1.8rem;font-weight:700}.db-stat-value.health{color:#3fb950}.db-stat-value.damage{color:#f85149}.db-stat-value.speed{color:#a371f7}.db-stat-value.range{color:#bf8700}.db-stat-label{color:var(--db-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.db-drops-grid{flex-direction:column;gap:12px;display:flex}.db-drop-item{background:var(--db-card-inner);color:inherit;border:1px solid #0000;border-radius:10px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:border-color .2s;display:flex}.db-drop-item:hover{border-color:var(--db-accent-blue)}.db-drop-icon{background:var(--db-card-bg);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.db-drop-icon img{width:40px;height:40px;image-rendering:pixelated}.db-drop-info{flex:1}.db-drop-name{margin-bottom:4px;font-weight:600}.db-drop-details{color:var(--db-text-secondary);font-size:.85rem}.db-drop-chance{color:var(--db-text-secondary);background:#21262d;border-radius:6px;padding:6px 12px;font-size:.85rem}.db-drop-chance.guaranteed{color:#3fb950;background:#3fb95033}.db-behavior-tags{flex-wrap:wrap;gap:8px;display:flex}.db-behavior-tag{color:var(--db-text-secondary);background:#21262d;border-radius:6px;padding:6px 12px;font-size:.85rem}.db-behavior-tag.hostile{color:#f85149;background:#f8514933}.db-behavior-tag.passive{color:#3fb950;background:#3fb95033}.db-behavior-tag.neutral{color:#bf8700;background:#bf870033}.db-pagination{justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.db-pagination-btn{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .2s}.db-pagination-btn:hover:not(:disabled){border-color:var(--db-accent-blue)}.db-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.db-pagination-btn.active{background:var(--db-accent-blue);border-color:var(--db-accent-blue);color:#fff}.db-pagination-info{color:var(--db-text-secondary);font-size:.875rem}.db-loading{justify-content:center;align-items:center;padding:64px;display:flex}.db-loading-spinner{border:3px solid var(--db-border);border-top-color:var(--db-accent-blue);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite db-spin}@keyframes db-spin{to{transform:rotate(360deg)}}.db-empty-state{text-align:center;color:var(--db-text-secondary);padding:64px 32px}.db-empty-state h3{color:var(--db-text);margin-bottom:8px;font-size:1.25rem}.db-recipe-note{color:var(--db-text-secondary);margin-top:12px;font-size:.85rem}.db-more-info{color:var(--db-text-secondary);margin-top:16px;font-size:.9rem}.db-card-intro{color:var(--db-text-secondary);margin:0 0 16px;font-size:.9rem;line-height:1.5}@media (max-width:768px){.db-container{padding:0 16px 24px}.db-breadcrumb{padding:16px}.db-item-header{text-align:center;flex-direction:column;padding:24px}.db-item-icon-large{width:120px;height:120px}.db-item-icon-large img{max-width:90px;max-height:90px}.db-item-name{font-size:1.75rem}.db-recipe-flow{flex-direction:column;align-items:stretch}.db-recipe-ingredients{justify-content:center}.db-recipe-arrow{justify-content:center;transform:rotate(90deg)}.db-recipe-result{width:100%}.db-stats-grid{grid-template-columns:1fr}.db-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.db-search-bar{flex-direction:column}}.db-checkbox-label{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;transition:all .2s;display:flex}.db-checkbox-label:hover{border-color:var(--db-accent-blue);color:var(--db-text)}.db-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--db-accent-blue);cursor:pointer}.mob-page{background:var(--db-bg);min-height:100vh;color:var(--db-text);padding-bottom:60px}.mob-header{align-items:flex-start;gap:30px;max-width:1400px;margin:0 auto;padding:0 40px 30px;display:flex}.mob-portrait{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:220px;display:flex}.mob-portrait img{max-width:180px;max-height:180px;image-rendering:pixelated}.mob-header-info{padding-top:20px}.mob-name{color:var(--db-text);margin:0 0 12px;font-size:2.5rem;font-weight:700}.mob-description{color:var(--db-text-secondary);margin:0;font-size:1.1rem}.mob-description strong{color:var(--db-text)}.mob-content-grid{grid-template-columns:1fr 1fr 280px;gap:20px;max-width:1400px;margin:0 auto;padding:0 40px;display:grid}.mob-content-grid.two-column{grid-template-columns:1fr 1fr}.mob-column{flex-direction:column;gap:20px;display:flex}.mob-card{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:12px;overflow:hidden}.mob-card-header{border-bottom:1px solid var(--db-border);align-items:center;gap:12px;padding:16px 20px;display:flex}.mob-card-icon{width:32px;height:32px;color:var(--db-text-secondary);background:#21262d;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.mob-card-header h2{margin:0;font-size:1rem;font-weight:600}.mob-card-body{padding:20px}.mob-card-intro{color:var(--db-text-secondary);margin:0 0 16px;font-size:.9rem;line-height:1.5}.mob-card-intro strong{color:var(--db-text)}.mob-card-empty{color:var(--db-text-secondary);margin:0;font-size:.9rem;font-style:italic}.mob-drops-list{flex-direction:column;gap:12px;display:flex}.mob-drop-row{background:var(--db-card-inner);color:inherit;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.mob-drop-row:hover{border-color:var(--db-accent-blue)}.mob-drop-chance{color:#fff;text-align:center;background:#238636;border-radius:4px;min-width:50px;padding:4px 10px;font-size:.8rem;font-weight:600}.mob-drop-chance:not(.guaranteed){background:#bf8700}.mob-drop-icon{background:var(--db-card-bg);border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mob-drop-icon img{width:36px;height:36px;image-rendering:pixelated}.mob-drop-name{color:var(--db-text);flex:1;font-weight:500}.mob-drop-qty{color:var(--db-text-secondary);font-size:.9rem}.mob-id-box{background:var(--db-card-inner);border:1px solid var(--db-border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mob-id-box code{color:var(--db-text);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem}.copy-id-btn{cursor:pointer;color:var(--db-text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.copy-id-btn:hover{color:var(--db-text);background:#21262d}.mob-traits-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.mob-trait-item{border:1px solid var(--db-border);background:var(--db-card-inner);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.mob-trait-item.enabled{background:#3fb9501a;border-color:#3fb95066}.mob-trait-item.disabled{background:#f851491a;border-color:#f8514966}.mob-trait-icon{font-size:1rem}.mob-trait-label{color:var(--db-text);flex:1;font-size:.85rem}.mob-trait-status{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.mob-trait-status.yes{color:#fff;background:#238636}.mob-trait-status.no{color:#fff;background:#da3633}.mob-properties-list{flex-direction:column;gap:0;display:flex}.mob-property-row{border-bottom:1px solid var(--db-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.mob-property-row:last-child{border-bottom:none}.mob-property-label{color:var(--db-text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.mob-property-value{color:var(--db-text);font-size:.9rem;font-weight:600}.mob-notice{max-width:1400px;margin:40px auto 0;padding:0 40px}.mob-notice p{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text-secondary);text-align:center;border-radius:8px;margin:0;padding:16px 20px;font-size:.9rem}.mob-notice a{color:var(--db-accent-blue);text-decoration:none}.mob-notice a:hover{text-decoration:underline}@media (max-width:1100px){.mob-content-grid{grid-template-columns:1fr 1fr}.mob-column-right{grid-column:span 2}}.db-faq{border-top:1px solid var(--db-border);margin-top:4rem;padding-top:3rem}.db-faq h2{text-align:center;color:var(--db-text);margin-bottom:2rem;font-size:1.75rem}.db-faq .faq-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1000px;margin:0 auto;display:grid}.db-faq .faq-item{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:8px;transition:all .2s;overflow:hidden}.db-faq .faq-item:hover,.db-faq .faq-item[open]{border-color:var(--db-accent-blue)}.db-faq .faq-item summary{list-style:none}.db-faq .faq-item summary::-webkit-details-marker{display:none}.db-faq .faq-question{text-align:left;cursor:pointer;width:100%;color:var(--db-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.db-faq .faq-question:hover{background:var(--db-card-inner)}.db-faq .faq-question span{flex:1;padding-right:1rem}.db-faq .faq-icon{color:var(--db-accent-blue);flex-shrink:0;transition:transform .3s}.db-faq .faq-item[open] .faq-icon{transform:rotate(180deg)}.db-faq .faq-answer{padding:0 1.5rem 1.25rem}.db-faq .faq-answer p{color:var(--db-text-secondary);margin:0;font-size:.9rem;line-height:1.7}@media (max-width:768px){.db-faq .faq-grid{grid-template-columns:1fr}.db-faq .faq-question{padding:1rem 1.25rem;font-size:.9rem}.db-faq .faq-answer{padding:0 1.25rem 1rem}.mob-header{text-align:center;flex-direction:column;align-items:center;padding:0 16px 24px}.mob-portrait{width:160px;height:160px}.mob-portrait img{max-width:140px;max-height:140px}.mob-name{font-size:1.75rem}.mob-content-grid{grid-template-columns:1fr;padding:0 16px}.mob-column-right{grid-column:span 1}.mob-traits-grid{grid-template-columns:1fr}.mob-notice{padding:0 16px}}.explorer-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.explorer-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.explorer-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.explorer-card-icon{background:var(--color-hover);width:64px;height:64px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.explorer-card:hover .explorer-card-icon{background:var(--color-primary);color:#fff}.explorer-card-content{flex:1;min-width:0}.explorer-card-content h2{color:var(--color-text);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.explorer-card-content p{color:var(--color-text-secondary);margin:0 0 .75rem;font-size:.9rem;line-height:1.5}.explorer-card-stats{color:var(--color-primary);background:#5f8fb81a;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600;display:inline-block}.explorer-card-arrow{color:var(--color-text-secondary);opacity:0;flex-shrink:0;transition:all .2s;transform:translate(-8px)}.explorer-card:hover .explorer-card-arrow{opacity:1;color:var(--color-primary);transform:translate(0)}.explorer-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:2rem}.explorer-info h2{color:var(--color-text);text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.explorer-info-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.explorer-info-item{text-align:center;padding:1rem}.explorer-info-item h3{color:var(--color-text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.explorer-info-item p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.5}@media (max-width:768px){.explorer-grid{grid-template-columns:1fr}.explorer-card{text-align:center;flex-direction:column}.explorer-card-icon{margin:0 auto}.explorer-card-arrow{display:none}.explorer-info{padding:1.5rem}.explorer-info-grid{grid-template-columns:1fr}}.sound-explorer{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;overflow:hidden}.sound-search{border-bottom:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:.75rem;padding:1rem;display:flex}.sound-search svg{color:var(--color-text-secondary);flex-shrink:0}.sound-search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.sound-search input::placeholder{color:var(--color-text-secondary)}.search-clear{background:var(--color-hover);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;line-height:1;display:flex}.search-clear:hover{background:var(--color-border);color:var(--color-text)}.sound-player{border-bottom:1px solid var(--color-border);background:var(--color-primary);color:#fff;align-items:center;gap:1rem;padding:1rem;display:flex}.player-info{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.player-btn{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex}.player-btn:hover{background:#ffffff4d}.player-details{min-width:0}.player-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.95rem;font-weight:600;overflow:hidden}.player-path{opacity:.8;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.75rem;overflow:hidden}.player-progress{cursor:pointer;background:#fff3;border-radius:3px;flex:1;height:6px;overflow:hidden}.player-progress-bar{background:#fff;border-radius:3px;height:100%;transition:width .1s linear}.player-time{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.8rem}.sound-tree{max-height:600px;overflow-y:auto}.tree-empty{text-align:center;color:var(--color-text-secondary);padding:2rem}.tree-item{cursor:pointer;border-bottom:1px solid var(--color-border);align-items:center;gap:.5rem;padding:.5rem .75rem;transition:background .1s;display:flex}.tree-item:hover{background:var(--color-hover)}.tree-item svg{color:var(--color-text-secondary);flex-shrink:0}.tree-item-folder svg:first-of-type{color:var(--color-primary)}.tree-item-file svg:first-of-type{color:var(--color-text-secondary);width:16px;height:16px}.tree-item-file.playing{background:#5f8fb81a}.tree-item-file.playing svg:first-of-type{color:var(--color-primary)}.tree-arrow{color:var(--color-text-secondary);text-align:center;width:12px;font-size:.6rem;transition:transform .15s}.tree-arrow.expanded{transform:rotate(90deg)}.tree-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--color-text);flex:1;font-size:.9rem;overflow:hidden}.tree-count{color:var(--color-text-secondary);background:var(--color-hover);border-radius:10px;padding:.125rem .5rem;font-size:.75rem}.tree-format{color:var(--color-primary);text-transform:uppercase;background:#5f8fb81a;border-radius:3px;padding:.125rem .375rem;font-size:.65rem;font-weight:600}.tree-size{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:.75rem}.faq-section{margin-top:2rem}.faq-section h2{color:var(--color-text);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;padding:1.25rem}.faq-item:last-child{margin-bottom:0}.faq-item h3{color:var(--color-text);margin-bottom:.5rem;font-size:1rem;font-weight:600}.faq-item code{background:var(--color-hover);border-radius:3px;padding:.125rem .375rem;font-family:monospace;font-size:.85em}.faq-item strong{color:var(--color-text)}@media (max-width:768px){.sound-player{flex-wrap:wrap}.player-info{width:100%}.player-name,.player-path{max-width:none}.player-progress{flex:none;order:1;width:100%}.player-time{text-align:center;order:2;width:100%}.tree-item{padding:.625rem .5rem}.tree-name{font-size:.85rem}}.status-banner{border-radius:var(--radius-md);background:var(--color-surface);border:2px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex}.status-banner.online{background:linear-gradient(135deg,#22c55e14,#22c55e05);border-color:#22c55e4d}.status-banner.online .status-icon{color:#22c55e}.status-banner.issues{background:linear-gradient(135deg,#ef444414,#ef444405);border-color:#ef44444d}.status-banner.issues .status-icon{color:#ef4444}.status-banner-left{align-items:center;gap:1rem;display:flex}.status-icon{justify-content:center;align-items:center;display:flex}.status-info h2{color:var(--color-text);margin:0;font-size:1.35rem}.status-info p{color:var(--color-text-secondary);margin:.125rem 0 0;font-size:.9rem}.status-banner-right{color:var(--color-text-secondary);align-items:center;gap:.75rem;font-size:.8rem;display:flex}.last-checked{color:var(--color-text-secondary)}.auto-update{color:var(--color-text-secondary);opacity:.7}.refresh-btn-small{border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.refresh-btn-small:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.refresh-btn-small:disabled{opacity:.5;cursor:not-allowed}.refresh-btn-small.refreshing svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-intro{margin-bottom:1.5rem}.status-intro h2{margin:0 0 .5rem;font-size:1.25rem}.status-intro p{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.6}.services-section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:2rem;padding:1.25rem}.services-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;display:flex}.services-header h2{margin:0;font-size:1rem;font-weight:600}.uptime-legend{align-items:center;gap:.5rem;display:flex}.legend-label{color:var(--color-text-secondary);font-size:.8rem}.services-table{flex-direction:column;display:flex}.service-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:.625rem 0;display:flex}.service-row:last-child{border-bottom:none;padding-bottom:0}.service-row:first-child{padding-top:0}.service-info{align-items:center;gap:.625rem;min-width:200px;display:flex}.service-status-dot{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.service-name-wrap{flex-direction:column;gap:0;display:flex}.service-name{color:var(--color-text);font-size:.9rem;font-weight:600;line-height:1.2}.service-desc{color:var(--color-text-secondary);font-size:.75rem;line-height:1.2}.service-uptime-section{flex:1;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.uptime-history{align-items:center;gap:2px;height:20px;display:flex}.uptime-day{cursor:pointer;border-radius:2px;width:6px;height:100%;transition:all .15s}.uptime-day:hover{filter:brightness(1.2);transform:scaleY(1.3)}.uptime-day.status-operational{background:linear-gradient(#4ade80,#22c55e)}.uptime-day.status-degraded{background:linear-gradient(#fbbf24,#f59e0b)}.uptime-day.status-outage{background:linear-gradient(#f87171,#ef4444)}.uptime-day.status-maintenance{background:linear-gradient(#60a5fa,#3b82f6)}.uptime-percent{color:#22c55e;text-align:right;min-width:55px;font-size:.85rem;font-weight:600}.status-faq{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}.status-faq h2{margin:0 0 1rem;font-size:1.25rem}.faq-item{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:1rem}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h3{color:var(--color-text);margin:0 0 .375rem;font-size:1rem}.faq-item p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.5}@media (max-width:768px){.status-banner{text-align:center;flex-direction:column;gap:1rem}.status-banner-left{flex-direction:column}.status-banner-right{flex-direction:column;gap:.5rem}.service-row{flex-direction:column;align-items:flex-start;gap:.5rem}.service-uptime-section{justify-content:space-between;width:100%}.uptime-history{flex:1}}:root{--color-bg:#06080c;--color-bg-elevated:#0a0e14;--color-surface:#0d1117;--color-surface-elevated:#151b23;--color-border:#7b9db41f;--color-border-hover:#7b9db440;--color-text:#f0f6fc;--color-text-secondary:#8b949e;--color-text-tertiary:#6e7681;--color-primary:#7b9db4;--color-primary-light:#9bb8cc;--color-primary-dark:#5a7a8f;--color-primary-glow:#7b9db466;--color-accent:#7b9db4;--color-accent-light:#9bb8cc;--color-accent-glow:#7b9db466;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-hover:#38bdf80f;--color-active:#38bdf81a;--glow-primary:0 0 20px #7b9db44d;--glow-accent:0 0 20px #7b9db44d;--glass-bg:#0d1117cc;--glass-border:#7b9db41a;--gradient-primary:linear-gradient(135deg,#7b9db4 0%,#5a7a8f 100%);--gradient-surface:linear-gradient(180deg,#7b9db408 0%,transparent 100%);--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%)var(--mouse-y,50%),#7b9db40f,transparent 40%);--font-display:"Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.4s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1)}[data-theme=light]{--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-surface:#fff;--color-surface-elevated:#f1f5f9;--color-border:#0f172a14;--color-border-hover:#0f172a26;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-primary:#0284c7;--color-primary-light:#38bdf8;--color-primary-dark:#0369a1;--color-primary-glow:#0284c733;--color-hover:#0284c70a;--color-active:#0284c714;--glow-primary:0 0 20px #0284c726;--glass-bg:#ffffffe6;--glass-border:#0284c71a;--gradient-glow:radial-gradient(600px circle at var(--mouse-x,50%)var(--mouse-y,50%),#0284c70a,transparent 40%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);letter-spacing:-.01em;min-height:100vh;transition:background-color var(--transition-slow),color var(--transition-slow);font-weight:400;line-height:1.6;overflow-x:hidden}::selection{background:var(--color-primary);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.2}.container{max-width:1400px;padding:0 var(--space-xl);margin:0 auto}@media (max-width:768px){.container{padding:0 var(--space-md)}}.main-content{min-height:calc(100vh - 200px);padding:var(--space-xl)0}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glow{box-shadow:var(--glow-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}