*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}*{line-height:inherit}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}a{color:inherit;text-decoration:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;padding:0}button{cursor:pointer}textarea{resize:vertical}fieldset{border:none}legend{padding:0}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}summary{display:list-item}dialog{padding:0}:root{--color-bg-page: #17140f;--color-bg-card: #211c15;--color-bg-card-hover: #2a2419;--color-bg-input: #1c170f;--color-bg-navbar: #100d09;--color-bg-table-row-alt: #1c170f;--color-bg-table-row-hover: #262014;--color-primary: #c8912f;--color-primary-hover: #e0a94a;--color-secondary: #5b8a78;--color-secondary-hover: #6fa08c;--color-accent: #7a9b5e;--color-accent-hover: #8fb273;--color-danger: #c1502e;--color-danger-hover: #d66339;--color-warning: #d69a3c;--color-warning-hover: #e6ac52;--color-info: #6e85a8;--color-text-primary: #ede6d6;--color-text-secondary: #b3a691;--color-text-muted: #7d7360;--color-text-inverse: #171310;--color-border: #332c21;--color-border-focus: var(--color-primary);--color-status-pending: var(--color-warning);--color-status-accepted: var(--color-accent);--color-status-rejected: var(--color-danger);--color-status-banned: #8b2e2e;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Fraunces", "Iowan Old Style", Georgia, serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--line-height: 1.6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--ring-seal: 0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);--transition-fast: .15s ease;--transition-base: .25s ease;--container-max: 1200px;--container-narrow: 640px;--container-xs: 400px;--navbar-height: 60px}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}body{background-color:var(--color-bg-page);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height)}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--color-text-primary);margin-top:0}h1{font-size:clamp(1.5rem,4vw,var(--font-size-3xl));font-weight:600;margin-bottom:var(--space-6)}h2{font-size:clamp(1.25rem,3vw,var(--font-size-2xl));font-weight:600;margin-bottom:var(--space-5)}h3{font-size:clamp(1.125rem,2.5vw,var(--font-size-xl));font-weight:600;margin-bottom:var(--space-4)}h4{font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-3)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}:where(a:hover){color:var(--color-primary-hover)}code,pre{font-family:var(--font-mono);background-color:var(--color-bg-card);border-radius:var(--radius-sm)}code{padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm)}pre{padding:var(--space-4);overflow-x:auto;font-size:var(--font-size-sm)}pre code{padding:0;background-color:transparent;border-radius:0}button,.cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;line-height:1;color:var(--color-text-inverse);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-md)}:where(button:hover,.cta:hover){color:var(--color-text-inverse);background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg),var(--ring-seal);transform:translateY(-1px)}:where(button:active,.cta:active){transform:translateY(0)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.container--narrow{max-width:var(--container-narrow)}.container--xs{max-width:var(--container-xs)}@media(max-width:768px){.container{padding:0 var(--space-3)}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);min-height:44px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:active:not(:disabled){transform:scale(.97)}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-text-inverse)}.btn--secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-text-secondary);color:var(--color-text-primary)}.btn--danger{background:var(--color-danger);color:var(--color-text-primary)}.btn--danger:hover:not(:disabled){background:var(--color-danger-hover);color:var(--color-text-primary)}.btn--warning{background:var(--color-warning);color:var(--color-text-inverse)}.btn--warning:hover:not(:disabled){background:var(--color-warning-hover);color:var(--color-text-inverse)}.btn--ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);box-shadow:none}.btn--ghost:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-text-secondary);color:var(--color-text-primary);box-shadow:none}.btn--sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-sm);box-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.loading{animation:pulse 1.5s ease-in-out infinite}.spinner{animation:spin .6s linear infinite}}.spinner{width:1em;height:1em;border:2px solid var(--color-text-muted);border-top-color:var(--color-primary);border-radius:50%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.register-funnel{padding-top:var(--space-10);padding-bottom:var(--space-10)}.register-funnel__content{margin-top:var(--space-8)}.step-indicator{width:100%;padding:var(--space-4) 0}.step-indicator__list{display:flex;justify-content:space-between;align-items:flex-start;list-style:none;margin:0;padding:0;counter-reset:step}.step-indicator__step{position:relative;display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.step-indicator__step:not(:last-child):after{content:"";position:absolute;top:16px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--color-border);border:none}.step-indicator__step--completed:not(:last-child):after{background:var(--color-accent);border-style:solid}.step-indicator__step--active:not(:last-child):after{background:none;border-top:2px dashed var(--color-border)}.step-indicator__step--inactive:not(:last-child):after{background:none;border-top:2px dashed var(--color-border);opacity:.5}.step-indicator__number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;position:relative;z-index:1;transition:background-color var(--transition-base),border-color var(--transition-base)}.step-indicator__step--completed .step-indicator__number{background:var(--color-accent);color:var(--color-text-inverse)}.step-indicator__step--completed .step-indicator__number:after{content:"";position:absolute;width:6px;height:10px;border:solid var(--color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg);top:8px;left:12px}.step-indicator__step--completed .step-indicator__number{font-size:0}.step-indicator__step--active .step-indicator__number{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--ring-seal)}.step-indicator__step--inactive .step-indicator__number{background:var(--color-bg-card);border:2px solid var(--color-border);color:var(--color-text-muted)}.step-indicator__label{display:block;margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color var(--transition-base),font-weight var(--transition-base)}.step-indicator__step--active .step-indicator__label{color:var(--color-text-primary);font-weight:600}.step-indicator__step--completed .step-indicator__label{color:var(--color-text-secondary)}.step-indicator__step--inactive .step-indicator__label{color:var(--color-text-muted)}.step-indicator__status{display:block;margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.step-indicator__step--active .step-indicator__status{color:var(--color-primary)}.step-indicator__step--completed .step-indicator__status{color:var(--color-accent)}@media(max-width:480px){.step-indicator__label{display:none}.step-indicator__step:not(:last-child):after{left:calc(50% + 18px);width:calc(100% - 36px)}}.oauth-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-4) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;line-height:1;color:#fff;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.oauth-button:hover{transform:translateY(-1px)}.oauth-button:active{transform:translateY(0)}.oauth-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.oauth-button--discord{background-color:#5865f2}.oauth-button--discord:hover{background-color:#6e7cfa}.oauth-button--twitch{background-color:#9146ff}.oauth-button--twitch:hover{background-color:#a363ff}.oauth-button--steam{background-color:#171a21;border-color:#3a3f4b}.oauth-button--steam:hover{background-color:#2a475e}.status-page{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-8) var(--space-4)}.status-page h1{display:inline-block;padding-bottom:var(--space-2);border-bottom:3px solid var(--color-primary)}.status-page dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3) var(--space-6);margin:var(--space-6) 0}.status-page dt{color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm)}.status-page dd{color:var(--color-text-primary)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm)}.status-badge--pending{background:color-mix(in srgb,var(--color-status-pending) 15%,transparent);color:var(--color-status-pending)}.status-badge--accepted{background:color-mix(in srgb,var(--color-status-accepted) 15%,transparent);color:var(--color-status-accepted)}.status-badge--rejected{background:color-mix(in srgb,var(--color-status-rejected) 15%,transparent);color:var(--color-status-rejected)}.status-badge--banned{background:color-mix(in srgb,var(--color-status-banned) 15%,transparent);color:var(--color-status-banned)}.status-page .status-page__actions{margin-top:var(--space-6)}@media(max-width:480px){.status-page dl{grid-template-columns:1fr}}.queue-page{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-8) var(--space-4)}.queue-page h1{margin-bottom:var(--space-6)}.queue-page p{margin-bottom:var(--space-3)}.queue-page__position,.queue-page [data-testid=queue-position]{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-4)}.queue-message,.queue-page [data-testid=queue-message]{display:inline-block;padding:var(--space-2) var(--space-4);background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-top:var(--space-3)}.queue-page__actions{margin-top:var(--space-6);display:flex;gap:var(--space-3)}.queue-page__sound{margin-top:var(--space-8);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card)}.queue-page__sound-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--space-3)}.queue-page__sound-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.queue-page__sound-volume{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.queue-page__sound-volume input[type=range]{width:140px}@media(max-width:480px){.queue-page__actions{flex-direction:column}.queue-page__actions .btn{width:100%}.queue-page__sound-controls{flex-direction:column;align-items:stretch}.queue-page__sound-volume input[type=range]{width:100%}}.admin-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--navbar-height));padding:var(--space-4)}.admin-login h1{margin-bottom:var(--space-6);text-align:center}.admin-login form{width:100%;max-width:var(--container-xs);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8)}.form-field{margin-bottom:var(--space-5)}.form-field label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.form-field input{width:100%;padding:var(--space-3);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.form-field input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:var(--ring-seal)}.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-2);padding-left:var(--space-3);border-left:3px solid var(--color-danger)}.admin-login form .btn{margin-top:var(--space-6);width:100%}.admin-layout{min-height:100vh;display:flex;flex-direction:column}.admin-navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--color-bg-navbar);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:100}.admin-navbar__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);white-space:nowrap}.admin-navbar__nav{display:flex;align-items:center;gap:var(--space-1)}.admin-navbar__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast);white-space:nowrap}.admin-navbar__link:hover{color:var(--color-text-primary);background-color:#ffffff0f}.admin-navbar__link--active{color:var(--color-primary);background-color:color-mix(in srgb,var(--color-primary) 12%,transparent)}.admin-main{margin-top:var(--navbar-height);padding:var(--space-8) var(--space-4);max-width:var(--container-max);width:100%;margin-left:auto;margin-right:auto;flex:1}.admin-layout__forbidden{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:100vh;padding:var(--space-8) var(--space-4);text-align:center}@media(max-width:768px){.admin-navbar{position:sticky;flex-wrap:wrap;height:auto;row-gap:var(--space-2);padding:var(--space-3) var(--space-4)}.admin-navbar__title{order:1}.admin-navbar>.btn{order:2}.admin-navbar__nav{order:3;width:100%;flex-wrap:wrap;gap:var(--space-2)}.admin-main{margin-top:0;padding:var(--space-6) var(--space-3)}}.whitelist-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.whitelist-stats__card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.whitelist-stats__value{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:600;line-height:1;color:var(--color-primary)}.whitelist-stats__card:nth-child(2) .whitelist-stats__value{color:var(--color-status-accepted)}.whitelist-stats__card:nth-child(3) .whitelist-stats__value{color:var(--color-status-rejected)}.whitelist-stats__card:nth-child(4) .whitelist-stats__value{color:var(--color-status-banned)}.whitelist-stats__label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.whitelist-filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6);align-items:center}.whitelist-filters input,.whitelist-filters select{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-sm);min-height:40px}.whitelist-filters input:focus,.whitelist-filters select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:var(--ring-seal)}[aria-busy=true]>.whitelist-table__wrapper,[aria-busy=true]>p{opacity:.6;transition:opacity var(--transition-fast)}.whitelist-table__wrapper{width:100%;overflow-x:auto}.whitelist-table__wrapper table,table.whitelist-table{width:100%;border-collapse:collapse}.whitelist-table__wrapper thead tr,table.whitelist-table thead tr{background:var(--color-bg-navbar);border-bottom:2px solid var(--color-border)}.whitelist-table__wrapper th,table.whitelist-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.whitelist-table__wrapper tbody tr,table.whitelist-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.whitelist-table__wrapper tbody tr:nth-child(2n),table.whitelist-table tbody tr:nth-child(2n){background:var(--color-bg-table-row-alt)}.whitelist-table__wrapper tbody tr:hover,table.whitelist-table tbody tr:hover{background:var(--color-bg-table-row-hover);cursor:pointer}.whitelist-table__wrapper td,table.whitelist-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.whitelist-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4) 0}.whitelist-pagination button{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.whitelist-pagination button:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-border-focus)}.whitelist-pagination button:disabled{opacity:.4;cursor:not-allowed}.whitelist-pagination span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(max-width:768px){.whitelist-table__wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.whitelist-table__wrapper table,table.whitelist-table{min-width:700px}}[data-testid=entry-detail] section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-6)}[data-testid=entry-detail] section h2{font-size:var(--font-size-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-4);margin-top:0}[data-testid=entry-detail] dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3) var(--space-6);margin:var(--space-4) 0}[data-testid=entry-detail] dt{color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm)}[data-testid=entry-detail] dd{color:var(--color-text-primary);margin:0}[data-testid=action-buttons]{display:flex;gap:var(--space-3);margin:var(--space-6) 0}[data-testid=action-buttons] button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;font-weight:600;font-size:var(--font-size-base);min-height:44px;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}[data-testid=action-buttons] button:disabled{opacity:.6;cursor:not-allowed}[data-testid=action-accept]{background:var(--color-accent);color:var(--color-text-inverse)}[data-testid=action-accept]:hover:not(:disabled){background:var(--color-accent-hover)}[data-testid=action-reject]{background:var(--color-warning);color:var(--color-text-inverse)}[data-testid=action-reject]:hover:not(:disabled){background:var(--color-warning-hover)}[data-testid=action-ban]{background:var(--color-danger);color:var(--color-text-primary)}[data-testid=action-ban]:hover:not(:disabled){background:var(--color-danger-hover)}[data-testid=action-unban]{background:var(--color-primary);color:var(--color-text-inverse)}[data-testid=action-unban]:hover:not(:disabled){background:var(--color-primary-hover)}[data-testid=delete-section]{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}[data-testid=action-delete]{background:var(--color-danger);color:var(--color-text-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;font-weight:600;font-size:var(--font-size-base);min-height:44px;cursor:pointer;transition:background var(--transition-fast)}[data-testid=action-delete]:hover:not(:disabled){background:var(--color-danger-hover)}[data-testid=action-delete]:disabled{opacity:.6;cursor:not-allowed}[data-testid=back-button]{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);margin-bottom:var(--space-6)}[data-testid=back-button]:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}[data-testid=notes-list]{list-style:none;padding:0;margin:0}[data-testid=note-item]{padding:var(--space-4);border-bottom:1px solid var(--color-border)}[data-testid=note-item]:nth-child(2n){background:var(--color-bg-table-row-alt)}[data-testid=note-item] p{margin:0 0 var(--space-2) 0;color:var(--color-text-primary)}[data-testid=note-item] time{font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-testid=add-note-form]{margin-top:var(--space-4)}[data-testid=note-textarea]{width:100%;min-height:100px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);resize:vertical;color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);transition:border-color var(--transition-fast);box-sizing:border-box}[data-testid=note-textarea]:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--ring-seal)}[data-testid=note-error]{color:var(--color-danger);font-size:var(--font-size-sm);margin:var(--space-2) 0 0 0}[data-testid=note-submit]{margin-top:var(--space-3);background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;font-weight:600;font-size:var(--font-size-base);min-height:44px;cursor:pointer;transition:background var(--transition-fast)}[data-testid=note-submit]:hover:not(:disabled){background:var(--color-primary-hover)}[data-testid=note-submit]:disabled{opacity:.6;cursor:not-allowed}.note-char-counter{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);text-align:right}.note-char-counter--over{color:var(--color-danger)}@media(max-width:480px){[data-testid=entry-detail] dl{grid-template-columns:1fr}[data-testid=action-buttons]{flex-direction:column}[data-testid=action-buttons] button{width:100%}}[data-testid=ticket-list][aria-busy=true] table,[data-testid=ticket-list-empty][aria-busy=true] p{opacity:.6;transition:opacity var(--transition-fast)}.ticket-list__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.ticket-list__stat-card{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ticket-list__stat-value{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:600;line-height:1;color:var(--color-primary)}.ticket-list__stat-card:first-child .ticket-list__stat-value{color:var(--color-secondary)}.ticket-list__stat-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.ticket-list__filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);padding:var(--space-4);margin-bottom:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ticket-list__filter-field{display:flex;flex-direction:column;gap:var(--space-1)}.ticket-list__filter-field label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.ticket-list__filter-field input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-sm);min-height:40px;color-scheme:dark}.ticket-list__filter-field input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:var(--ring-seal)}.ticket-list__filters-reset{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;min-height:40px;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.ticket-list__filters-reset:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-focus);color:var(--color-text-primary)}.ticket-list__filters-reset:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:640px){.ticket-list__filters{flex-direction:column;align-items:stretch}.ticket-list__filter-field input{width:100%}}[data-testid=ticket-list] table{width:100%;border-collapse:collapse}[data-testid=ticket-list] thead tr{background:var(--color-bg-navbar);border-bottom:2px solid var(--color-border)}[data-testid=ticket-list] th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}[data-testid=ticket-list] tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}[data-testid=ticket-list] tbody tr:nth-child(2n){background:var(--color-bg-table-row-alt)}[data-testid=ticket-list] tbody tr:hover{background:var(--color-bg-table-row-hover);cursor:pointer}[data-testid=ticket-list] td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}[data-testid=ticket-list] td.ticket-list__discord-id{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted)}[data-testid=ticket-transcript]{padding:var(--space-4);max-width:var(--container-max)}[data-testid=ticket-transcript] h1{margin-bottom:var(--space-4)}[data-testid=ticket-transcript-warning]{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border-left:3px solid var(--color-warning);margin-bottom:var(--space-4);font-size:var(--font-size-sm);font-weight:500}.ticket-transcript__controls{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ticket-transcript__control{display:flex;flex-direction:column;gap:var(--space-1)}.ticket-transcript__control label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.ticket-transcript__control select{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-sm);min-height:40px;color-scheme:dark}.ticket-transcript__control select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:var(--ring-seal)}[data-testid=ticket-transcript-messages]{display:flex;flex-direction:column;margin-bottom:var(--space-6)}.transcript-group{margin-bottom:var(--space-4)}.transcript-group__heading{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:var(--space-2) 0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-1)}.transcript-message{padding:var(--space-4);border-bottom:1px solid var(--color-border);border-left:3px solid transparent}.transcript-message:nth-of-type(2n){background:var(--color-bg-table-row-alt)}.transcript-message--thread{border-left-color:var(--color-secondary);background:color-mix(in srgb,var(--color-secondary) 8%,transparent)}.transcript-message--channel{border-left-color:var(--color-primary)}.transcript-message__source{display:inline-block;margin-right:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}.transcript-message__source--channel{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.transcript-message__source--thread{background:color-mix(in srgb,var(--color-secondary) 15%,transparent);color:var(--color-secondary)}.transcript-message strong{font-weight:600;color:var(--color-text-primary);margin-right:var(--space-2)}.transcript-message time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.transcript-message p{margin-top:var(--space-2);color:var(--color-text-primary)}[data-testid=ticket-transcript-back]{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-input);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);min-height:44px;min-width:44px}[data-testid=ticket-transcript-back]:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-focus)}[data-testid=ticket-transcript-back]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){[data-testid=ticket-list]{overflow-x:auto;-webkit-overflow-scrolling:touch}[data-testid=ticket-list] table{min-width:400px}}.notification{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1000;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);box-shadow:var(--shadow-md);opacity:1;transition:opacity var(--transition-base)}.notification.fade-out{opacity:0}.notification-success{background:var(--color-accent);color:var(--color-text-inverse)}.notification-error{background:var(--color-danger);color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:no-preference){.notification{animation:slideIn var(--transition-base) ease-out}}.header{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--color-bg-navbar);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);z-index:100}.header__left{flex:1}.header__brand{font-family:var(--font-heading);font-style:italic;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.header__brand:hover{color:var(--color-primary)}.header__nav{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);height:100%}.header__link{position:relative;display:flex;align-items:center;height:100%;padding:0 var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.header__link:hover{color:var(--color-text-primary)}.header__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.header__link--active{color:var(--color-primary)}.header__link--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-primary);border-radius:var(--radius-full) var(--radius-full) 0 0}.header__login-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-inverse);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.header__login-btn:hover{color:var(--color-text-inverse);background-color:var(--color-primary-hover);box-shadow:var(--ring-seal);transform:translateY(-1px)}.header__login-btn:active{transform:translateY(0)}.header__login-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(max-width:768px){.header{padding:0 var(--space-4)}.header__left{display:none}.header__nav{flex:none;gap:var(--space-2)}.header__brand{font-size:var(--font-size-base)}.header__link{font-size:var(--font-size-xs)}.header__login-btn{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}}.app-layout__content{padding-top:var(--navbar-height)}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:var(--container-narrow);margin:0 auto;padding:var(--space-16) var(--space-4);text-align:center;min-height:calc(100vh - var(--navbar-height))}.home-page__title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-4)}.home-page__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height);margin:0 0 var(--space-8);max-width:600px}.home-page__blocks{display:flex;gap:var(--space-6);width:100%;max-width:700px;margin-bottom:var(--space-12)}.home-page__block{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-navbar)}.home-page__block-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-3)}.home-page__block-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height);margin:0 0 var(--space-6);flex:1}.home-page__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;line-height:1;color:var(--color-text-inverse);background-color:var(--color-primary);border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-md)}.home-page__cta:hover{color:var(--color-text-inverse);background-color:var(--color-primary-hover);box-shadow:var(--shadow-lg),var(--ring-seal);transform:translateY(-1px)}.home-page__cta--secondary{color:var(--color-text-inverse);background-color:var(--color-secondary)}.home-page__cta--secondary:hover{color:var(--color-text-inverse);background-color:var(--color-secondary-hover)}.home-page__cta:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.home-page__cta:active{transform:scale(.97)}.home-page__timeline{display:flex;flex-direction:column;gap:var(--space-2);width:100%;max-width:700px;padding:var(--space-5) var(--space-6);margin-bottom:var(--space-12);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg-navbar)}.home-page__timeline-item{margin:0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.home-page__discord{margin-top:auto;padding-top:var(--space-8)}.home-page__discord-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.home-page__discord-link:hover{color:#5865f2}.home-page__discord-icon{width:24px;height:24px}.home-page__discord-fallback{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(max-width:600px){.home-page{padding:var(--space-10) var(--space-4)}.home-page__title{font-size:var(--font-size-2xl)}.home-page__blocks{flex-direction:column}.home-page__cta{width:100%}}.introduction-step{max-width:var(--container-narrow);margin:0 auto;padding:var(--space-8) var(--space-4)}.introduction-step__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-6)}.introduction-step__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-md)}.introduction-step__discord{border-left:4px solid var(--color-primary)}.introduction-step__discord-heading{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.introduction-step__discord-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height);margin-bottom:var(--space-4)}.introduction-step__discord-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);font-weight:600;font-size:var(--font-size-sm);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--transition-fast),transform var(--transition-fast)}.introduction-step__discord-link:hover{color:var(--color-text-inverse);background:var(--color-primary-hover);box-shadow:var(--ring-seal);transform:translateY(-1px)}.introduction-step__discord-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.introduction-step__discord-fallback{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.introduction-step__why{border-left:4px solid var(--color-secondary)}.introduction-step__why-heading{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.introduction-step__why-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height)}.introduction-step__continue{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-3) var(--space-8);background:var(--color-accent);color:var(--color-text-inverse);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;line-height:1;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-sm)}.introduction-step__continue:hover{color:var(--color-text-inverse);background:var(--color-accent-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.introduction-step__continue:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media(max-width:480px){.introduction-step{padding:var(--space-6) var(--space-3)}.introduction-step__card{padding:var(--space-4)}.introduction-step__continue{width:100%}}.review-step{max-width:480px;margin:0 auto;padding:var(--space-8) var(--space-4)}.review-step--loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted)}.review-step__header{margin-bottom:var(--space-8)}.review-step__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2)}.review-step__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height)}.review-step__cards{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.review-step__card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.review-step__card:hover{box-shadow:var(--shadow-md)}.review-step__card-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);color:#fff}.review-step__card--discord .review-step__card-header{background-color:#5865f2}.review-step__card--twitch .review-step__card-header{background-color:#9146ff}.review-step__card--steam .review-step__card-header{background-color:#2a475e}.review-step__platform-icon{width:18px;height:18px;flex-shrink:0;opacity:.95}.review-step__platform-name{font-size:var(--font-size-sm);font-weight:700;letter-spacing:.06em;text-transform:uppercase}.review-step__card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5)}.review-step__username{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);line-height:1.2}.review-step__username--mono{font-family:var(--font-mono);font-size:var(--font-size-base);letter-spacing:.02em}.review-step__subtext{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.review-step__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.review-step__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1}.review-step__chip--positive{background-color:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 35%,transparent)}.review-step__chip--neutral{background-color:color-mix(in srgb,var(--color-text-muted) 12%,transparent);color:var(--color-text-muted);border:1px solid color-mix(in srgb,var(--color-text-muted) 25%,transparent)}.review-step__error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 35%,transparent);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-sm)}.review-step__submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:var(--space-3) var(--space-6);background-color:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);letter-spacing:.01em}.review-step__submit:hover:not(:disabled){background-color:var(--color-primary-hover)}.review-step__submit:active:not(:disabled){transform:scale(.98)}.review-step__submit:disabled{opacity:.55;cursor:not-allowed}.review-step__submit:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:3px}.review-step__reset-zone{margin-top:var(--space-6);text-align:center}.review-step__reset-btn{background:none;border:none;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.review-step__reset-btn:hover:not(:disabled){color:var(--color-danger)}.review-step__reset-btn:disabled{opacity:.4;cursor:not-allowed}.review-step__reset-confirm{background-color:color-mix(in srgb,var(--color-danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 30%,transparent);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.review-step__reset-confirm-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-4);line-height:var(--line-height)}.review-step__reset-confirm-actions{display:flex;gap:var(--space-3);justify-content:center}.review-step__reset-cancel{flex:1;min-height:40px;padding:var(--space-2) var(--space-4);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.review-step__reset-cancel:hover:not(:disabled){border-color:var(--color-text-secondary);color:var(--color-text-primary)}.review-step__reset-confirm-btn{flex:1;min-height:40px;padding:var(--space-2) var(--space-4);background-color:var(--color-danger);border:none;border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:700;color:#fff;cursor:pointer;transition:background-color var(--transition-fast),opacity var(--transition-fast)}.review-step__reset-confirm-btn:hover:not(:disabled){background-color:var(--color-danger-hover)}.review-step__reset-confirm-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:480px){.review-step{padding:var(--space-6) var(--space-3)}.review-step__card-body{padding:var(--space-3) var(--space-4)}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:420px;margin:0 auto;padding:var(--space-16) var(--space-4);text-align:center;min-height:calc(100vh - var(--navbar-height))}.login-page__title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-3)}.login-page__description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-8);line-height:var(--line-height)}.login-page__buttons{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.login-page__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;color:#fff;border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast)}.login-page__btn:hover{opacity:.9;transform:translateY(-1px)}.login-page__btn:active{transform:scale(.97)}.login-page__btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.login-page__btn--discord{background-color:#5865f2}.login-page__btn--twitch{background-color:#9146ff}.login-page__btn-icon{width:20px;height:20px}.login-page__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);margin-bottom:var(--space-6);background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 40%,transparent);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-sm);line-height:var(--line-height)}.login-page__error-link{display:inline-block;padding:var(--space-2) var(--space-4);background-color:var(--color-danger);color:#fff;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;font-size:var(--font-size-sm);transition:opacity var(--transition-fast),transform var(--transition-fast)}.login-page__error-link:hover{opacity:.85;transform:translateY(-1px)}.admin-queue__message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);background-color:color-mix(in srgb,var(--color-accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:500;margin:0 0 var(--space-6)}.admin-queue__settings{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8);box-shadow:var(--shadow-sm)}.admin-queue__settings h2{font-size:var(--font-size-lg);margin:0 0 var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.admin-queue__settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.admin-queue__field{display:flex;flex-direction:column;gap:var(--space-2);cursor:default}.admin-queue__field-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.admin-queue__field input[type=number]{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family);min-height:40px;width:100%;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.admin-queue__field input[type=number]:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.admin-queue__settings-pause{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-5);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;transition:border-color var(--transition-fast)}.admin-queue__settings-pause:hover{border-color:var(--color-text-muted);color:var(--color-text-primary)}.admin-queue__settings-pause input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.admin-queue__settings-footer{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.admin-queue__pause-warning{font-size:var(--font-size-sm);color:var(--color-warning);margin:0}.admin-queue__list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-queue__list-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-bg-navbar)}.admin-queue__list-header h2{font-size:var(--font-size-lg);margin:0}.admin-queue__count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 var(--space-2);background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;font-family:var(--font-mono)}.admin-queue__empty{padding:var(--space-10) var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-queue__table-wrapper{width:100%;overflow-x:auto}.admin-queue__table{width:100%;border-collapse:collapse}.admin-queue__table thead tr{background:color-mix(in srgb,var(--color-bg-navbar) 70%,transparent);border-bottom:1px solid var(--color-border)}.admin-queue__table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.admin-queue__table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.admin-queue__table tbody tr:last-child{border-bottom:none}.admin-queue__table tbody tr:hover{background:var(--color-bg-table-row-hover)}.admin-queue__table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);vertical-align:middle}.admin-queue__row--priority{background-color:color-mix(in srgb,var(--color-warning) 5%,transparent);border-left:3px solid var(--color-warning)}.admin-queue__row--priority:hover{background-color:color-mix(in srgb,var(--color-warning) 10%,transparent)!important}.admin-queue__position{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);font-family:var(--font-mono)}.admin-queue__state{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize;background:color-mix(in srgb,var(--color-text-muted) 15%,transparent);color:var(--color-text-muted)}.admin-queue__state--waiting{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.admin-queue__actions{display:flex;gap:var(--space-2);align-items:center}@media(max-width:768px){.admin-queue__settings-grid{grid-template-columns:1fr}.admin-queue__table-wrapper{-webkit-overflow-scrolling:touch}.admin-queue__table{min-width:600px}}