:root{--bg-gradient-start: #1a1a2e;--bg-gradient-mid: #16213e;--bg-gradient-end: #0f3460;--bg-page: #1a1a2e;--surface-glass-bg: rgba(255, 255, 255, .08);--surface-glass-bg-strong: rgba(255, 255, 255, .15);--surface-glass-border: rgba(255, 255, 255, .15);--surface-glass-blur: 10px;--surface-flat-bg: #14172a;--surface-flat-bg-alt: #0f1117;--surface-shadow: 0 8px 32px rgba(0, 0, 0, .3);--surface-chrome-bg: rgba(0, 0, 0, .8);--surface-chrome-bg-strong: rgba(0, 0, 0, .95);--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0b0;--border-subtle: rgba(255, 255, 255, .1);--border-default: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .2);--accent: #667eea;--accent-2: #764ba2;--accent-gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--accent-hover: #5a6fd8;--accent-glow: rgba(102, 126, 234, .3);--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #4a90e2;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 60px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-pill: 9999px;--radius-circle: 50%;--duration-fast: .15s;--duration-base: .3s;--easing-default: ease;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: .9rem;--font-size-md: 1rem;--font-size-lg: 1.3rem;--font-size-xl: 1.6rem}:root[data-theme=dark]{--bg-gradient-start: #111318;--bg-gradient-mid: #1a1d24;--bg-gradient-end: #20242e;--bg-page: #111318;--surface-glass-bg: rgba(255, 255, 255, .06);--surface-glass-bg-strong: rgba(255, 255, 255, .12);--surface-glass-border: rgba(255, 255, 255, .1);--surface-flat-bg: #1c2028;--surface-flat-bg-alt: #15181f;--surface-shadow: 0 8px 32px rgba(0, 0, 0, .45);--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #8b95a5;--border-subtle: rgba(255, 255, 255, .07);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--accent: #22d3ee;--accent-2: #0ea5e9;--accent-hover: #38bdf8;--accent-glow: rgba(34, 211, 238, .3);--surface-chrome-bg: rgba(0, 0, 0, .85);--surface-chrome-bg-strong: rgba(0, 0, 0, .97)}:root[data-theme=light]{--bg-gradient-start: #f6f5ea;--bg-gradient-mid: #eef0e0;--bg-gradient-end: #e4e8d2;--bg-page: #f6f5ea;--surface-glass-bg: rgba(255, 255, 255, .6);--surface-glass-bg-strong: rgba(255, 255, 255, .8);--surface-glass-border: rgba(75, 95, 55, .16);--surface-flat-bg: #fffef8;--surface-flat-bg-alt: #f4f3e6;--surface-shadow: 0 8px 32px rgba(60, 55, 20, .12);--text-primary: #24291c;--text-secondary: #454c36;--text-muted: #767e64;--border-subtle: rgba(75, 95, 55, .1);--border-default: rgba(75, 95, 55, .16);--border-strong: rgba(75, 95, 55, .24);--accent: #5a8a3c;--accent-2: #3f6b2a;--accent-hover: #4a7530;--accent-glow: rgba(90, 138, 60, .25);--surface-chrome-bg: rgba(255, 255, 248, .9);--surface-chrome-bg-strong: rgba(255, 255, 248, .98)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:4000;pointer-events:none;max-width:min(380px,calc(100vw - 2 * var(--space-6)))}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-flat-bg);border:1px solid var(--border-default);border-left:4px solid var(--color-info);box-shadow:var(--surface-shadow);color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.45;cursor:pointer;pointer-events:auto;animation:toast-enter .25s var(--easing-default)}.toast--leaving{animation:toast-leave .25s var(--easing-default) forwards}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-danger)}.toast--info{border-left-color:var(--color-info)}.toast-icon{flex-shrink:0;font-size:.85rem;font-weight:700;line-height:1.6}.toast--success .toast-icon{color:var(--color-success)}.toast--error .toast-icon{color:var(--color-danger)}.toast--info .toast-icon{color:var(--color-info)}.toast-message{flex:1;word-break:break-word}@keyframes toast-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@media(max-width:600px){.toast-container{right:var(--space-3);left:var(--space-3);bottom:var(--space-3);max-width:none}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%)}.error-boundary-card{max-width:480px;width:100%;text-align:center;background:var(--surface-glass-bg);-webkit-backdrop-filter:blur(var(--surface-glass-blur));backdrop-filter:blur(var(--surface-glass-blur));border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--surface-shadow);padding:var(--space-8) var(--space-7);color:var(--text-secondary)}.error-boundary-icon{font-size:3rem;margin-bottom:var(--space-4)}.error-boundary-card h1{margin:0 0 var(--space-3);font-size:var(--font-size-lg);color:var(--text-primary)}.error-boundary-card p{margin:0 0 var(--space-5);font-size:var(--font-size-base);line-height:1.6}.error-boundary-details{text-align:left;margin-bottom:var(--space-5);font-size:var(--font-size-sm);color:var(--text-muted)}.error-boundary-details pre{margin:var(--space-2) 0 0;padding:var(--space-3);background:var(--surface-flat-bg-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.error-boundary-btn{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-glass-bg);color:var(--text-secondary);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background var(--duration-base) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.error-boundary-btn:hover{background:var(--surface-glass-bg-strong);transform:translateY(-1px)}.error-boundary-btn--primary{background:var(--accent-gradient);border:none;color:#fff}.error-boundary-btn--primary:hover{opacity:.9}.pro-spinner-wrap{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.pro-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent);border-radius:var(--radius-circle);animation:pro-spin 1s linear infinite}.pro-spinner--sm{width:16px;height:16px;border-width:2px}.pro-spinner--md{width:36px;height:36px}.pro-spinner--lg{width:48px;height:48px;border-width:4px}.pro-spinner-label{color:var(--text-secondary);font-size:var(--font-size-base)}.pro-loading-fullpage{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-primary)}@keyframes pro-spin{to{transform:rotate(360deg)}}.site-header{background:var(--surface-chrome-bg);-webkit-backdrop-filter:blur(var(--surface-glass-blur));backdrop-filter:blur(var(--surface-glass-blur));border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:0 var(--space-5);display:flex;align-items:center;justify-content:space-between;min-height:70px}.header-right{flex-shrink:0;white-space:nowrap;margin-left:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.theme-toggle-btn{background:var(--surface-glass-bg);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;transition:background var(--duration-base) var(--easing-default),transform var(--duration-fast) var(--easing-default)}.theme-toggle-btn:hover{background:var(--surface-glass-bg-strong);transform:translateY(-1px)}.logo-button{background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;padding:0;transition:opacity var(--duration-base) var(--easing-default)}.logo-button:hover{opacity:.8}.logo-button h1{margin:0;font-size:var(--font-size-xl);font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.header-nav{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.nav-link{background:none;border:none;color:var(--text-secondary);padding:6px var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:500;transition:all var(--duration-base) var(--easing-default);white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.nav-link:hover{background:var(--surface-glass-bg);color:var(--text-primary)}.nav-link.active:not(.nav-dropdown-toggle){background:var(--surface-glass-bg);color:var(--text-primary)}.nav-link.admin{color:gold}.nav-link.admin:hover{background:#ffd7001a}.user-menu{display:flex;align-items:center;gap:15px;padding-left:15px;border-left:1px solid var(--border-strong)}.user-info{color:var(--text-muted);font-size:var(--font-size-base);white-space:nowrap}.logout-btn,.login-btn,.profile-btn{background:var(--accent-gradient);border:none;color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:500;transition:all var(--duration-base) var(--easing-default);white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center}.profile-btn{background:linear-gradient(135deg,#28a745,#20c997)}.logout-btn:hover,.login-btn:hover,.profile-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-glow)}.profile-btn:hover{box-shadow:0 4px 12px #28a7454d}.nav-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-link.browse-link{background:var(--accent-gradient)!important;color:#fff!important;border:none!important}.nav-link.browse-link:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,#6b4190 100%)!important;transform:translateY(-1px)}.nav-link.register{background:var(--surface-glass-bg);border:1px solid var(--border-strong)}.nav-link.register:hover{background:var(--surface-glass-bg-strong);transform:translateY(-1px)}@media(max-width:1399px){.header-container{padding:0 15px;min-height:60px}.logo-button h1{font-size:1.3rem}.tagline{font-size:.7rem}.user-info{display:none}}.mobile-menu-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:none;border:none;cursor:pointer;padding:0;z-index:1001}.mobile-menu-btn span{width:100%;height:3px;background:var(--text-primary);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:1399px){.mobile-menu-btn{display:flex}.header-nav{position:fixed!important;top:60px!important;left:0!important;right:0!important;background:var(--surface-chrome-bg-strong)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;flex-direction:column!important;align-items:center!important;gap:0!important;padding:20px!important;transform:translateY(-100%)!important;opacity:0!important;visibility:hidden!important;transition:all .3s ease!important;max-height:calc(100vh - 60px)!important;overflow-y:auto!important;border-top:1px solid rgba(255,255,255,.1)!important}.header-nav.nav-open{transform:translateY(0)!important;opacity:1!important;visibility:visible!important}.nav-link{padding:15px 20px!important;font-size:1rem!important;width:100%!important;text-align:center!important;border-bottom:1px solid rgba(255,255,255,.1)!important;margin:0!important}.auth-buttons,.nav-actions{flex-direction:column!important;gap:10px!important;width:100%!important;margin-top:10px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.1)!important}.user-menu{flex-direction:column!important;gap:15px!important;width:100%!important;text-align:center!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.1)!important;margin-top:10px!important;padding-left:0!important}.user-info{display:block!important;color:var(--text-muted)!important;font-size:.9rem!important}.search-section{width:100%!important;margin:20px 0 0!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.1)!important;flex-direction:column!important;gap:15px!important}.user-search-input,.search-btn{width:100%!important}}@media(min-width:1400px){.mobile-menu-btn{display:none}.header-nav{display:flex!important;position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;flex-direction:row!important;align-items:center!important;gap:20px!important;padding:0!important;transform:none!important;opacity:1!important;visibility:visible!important;transition:none!important;max-height:none!important;overflow:visible!important;border:none!important}.nav-link{padding:8px 16px!important;font-size:.9rem!important;width:auto!important;text-align:left!important;border:none!important;margin:0!important}.auth-buttons{flex-direction:row!important;gap:10px!important;width:auto!important;margin:0!important;padding:0!important;border:none!important}.nav-actions{flex-direction:row!important;gap:16px!important;width:auto!important;margin:0!important;padding:0!important;border:none!important}.user-menu{flex-direction:row!important;gap:15px!important;width:auto!important;text-align:right!important;padding:0 0 0 15px!important;border:none!important;border-left:1px solid rgba(255,255,255,.2)!important;margin:0!important;align-items:center!important}.user-info{display:inline!important;color:var(--text-muted)!important;font-size:.9rem!important}}@media(max-width:480px){.nav-actions{gap:12px!important}.nav-link{padding:6px 12px!important;font-size:.8rem!important}}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:180px;background:var(--surface-flat-bg-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--surface-shadow);z-index:2000;overflow:hidden;flex-direction:column;padding:4px 0}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:flex}.nav-dropdown-item{display:block;padding:9px var(--space-4);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);white-space:nowrap;transition:background var(--duration-fast) var(--easing-default),color var(--duration-fast) var(--easing-default)}.nav-dropdown-item:hover{background:var(--surface-glass-bg);color:var(--text-primary)}.nav-dropdown-item.active{color:#60a5fa;background:#60a5fa1a}.site-footer{background:var(--surface-flat-bg-alt);border-top:1px solid var(--border-subtle);color:var(--text-secondary);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:20px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.footer-section h3{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.footer-section h4{color:var(--text-primary);margin:0 0 8px;font-size:.9rem;font-weight:500}.footer-section p{color:var(--text-muted);line-height:1.4;margin:0;font-size:.85rem}.footer-links{display:flex;flex-direction:column;gap:4px}.footer-link{background:none;border:none;color:var(--text-muted);padding:2px 0;text-align:left;cursor:pointer;font-size:.85rem;transition:color var(--duration-base) var(--easing-default)}.footer-link:hover{color:#4a9eff}.footer-link--discord{color:#7289da}.footer-link--discord:hover{color:#99aaf0}.footer-bottom{border-top:1px solid var(--border-subtle);padding:10px 20px;text-align:center;background:var(--surface-glass-bg)}.footer-bottom p{margin:0;color:var(--text-muted);font-size:.78rem;line-height:1.4}.footer-bottom p:first-child{margin-bottom:5px}@media(max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.footer-section h3{font-size:1rem;margin-bottom:8px}.footer-section h4{font-size:.9rem;margin-bottom:8px}.footer-links{gap:4px}.footer-link{font-size:.82rem;padding:2px 0}.footer-section p{font-size:.82rem;line-height:1.4}.footer-bottom{padding:10px 16px}.footer-bottom p{font-size:.75rem}}@media(max-width:480px){.footer-content{grid-template-columns:repeat(2,1fr);text-align:center;gap:10px;padding:12px}.footer-links{align-items:center}.footer-link{text-align:center}}.layout{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%)}.main-content{flex:1;display:flex;flex-direction:column}.layout--collapsible{height:100vh;overflow:hidden;display:flex;flex-direction:column}.layout--collapsible .main-content{flex:1;overflow:hidden;min-height:0}.layout-header-wrap{position:relative;flex-shrink:0;z-index:500}.layout-header-tab{position:absolute;bottom:0;left:50%;transform:translate(-50%) translateY(100%);background:var(--surface-chrome-bg);border:1px solid var(--surface-glass-border);border-top:none;border-radius:0 0 10px 10px;color:var(--text-muted);font-size:.7rem;padding:3px 18px 5px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,color .2s;line-height:1.4;letter-spacing:.04em;z-index:10;white-space:nowrap}.layout-header-tab:hover{background:var(--surface-chrome-bg-strong);color:var(--text-primary)}.layout-collapsible-header{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;flex-shrink:0;box-shadow:0 4px 20px #00000080}.layout-collapsible-header--visible{grid-template-rows:1fr}.layout-collapsible-header-inner{min-height:0;overflow:hidden}.layout-collapsible-header--visible .layout-collapsible-header-inner{animation:layout-header-release-overflow 0s linear .3s forwards}@keyframes layout-header-release-overflow{to{overflow:visible}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:0 16px 16px;pointer-events:none}.cookie-banner__inner{max-width:860px;margin:0 auto;background:#0e1120f7;border:1px solid rgba(108,136,247,.28);border-radius:16px;box-shadow:0 -4px 40px #0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 24px;pointer-events:all;animation:cookie-slide-up .3s ease}@keyframes cookie-slide-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner__main{display:flex;align-items:flex-start;gap:24px}.cookie-banner__text{flex:1;min-width:0}.cookie-banner__title{display:block;font-size:1rem;font-weight:700;color:#eef0ff;margin-bottom:6px}.cookie-banner__summary{margin:0;font-size:.88rem;color:var(--text-muted);line-height:1.55}.cookie-banner__details-toggle{background:none;border:none;color:#8898c8;font-size:.85rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.cookie-banner__details-toggle:hover{color:#aabcff}.cookie-banner__details{margin-top:14px;border-top:1px solid var(--border-subtle);padding-top:14px}.cookie-banner__table{width:100%;border-collapse:collapse;font-size:.82rem;color:var(--text-muted);margin-bottom:12px}.cookie-banner__table th,.cookie-banner__table td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--surface-glass-bg)}.cookie-banner__table th{color:#c4cee8;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.cookie-banner__no{color:#4ade80;font-weight:600}.cookie-banner__note{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.5}.cookie-banner__actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0;align-items:stretch;min-width:150px}.cookie-banner__btn{border-radius:9px;padding:10px 20px;font-size:.88rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}.cookie-banner__btn--accept{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 12px #667eea59}.cookie-banner__btn--accept:hover{box-shadow:0 4px 18px #667eea8c;transform:translateY(-1px)}.cookie-banner__btn--decline{background:var(--border-subtle);color:var(--text-muted);border:1px solid var(--border-default)}.cookie-banner__btn--decline:hover{background:var(--border-default);color:#c4cee8}@media(max-width:600px){.cookie-banner__inner{padding:16px}.cookie-banner__main{flex-direction:column;gap:14px}.cookie-banner__actions{flex-direction:row;min-width:unset;width:100%}.cookie-banner__btn{flex:1;text-align:center}}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg-page, #1a1a2e)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;-webkit-overflow-scrolling:touch}.App{min-height:100vh;width:100%;max-width:100vw;overflow-x:clip}@media(max-width:768px){body{font-size:14px;line-height:1.5}button,a,input[type=submit],input[type=button],.clickable{min-height:44px;min-width:44px}input,select,textarea{font-size:16px;border-radius:8px}.container{padding-left:10px;padding-right:10px}}@media(max-width:480px){body{font-size:13px}button,a,input[type=submit],input[type=button]{min-height:48px;padding:12px 16px}.container{padding-left:5px;padding-right:5px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){button,input,select,textarea{border:2px solid}}