*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}svg{display:block}a{color:inherit;text-decoration:none}h1,h2,h3{line-height:1.2}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;padding:.7rem 1.1rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn--block{width:100%}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn--ghost{border-color:var(--color-border);color:var(--color-text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface)}.btn--danger{background:var(--color-danger);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}:root{--color-bg:#fff;--color-surface:#f2f4f7;--color-surface-hover:#e7ebf0;--color-border:#e4e7ec;--color-text:#101828;--color-text-muted:#667085;--color-primary:#3b5bdb;--color-primary-hover:#2f49b8;--color-primary-contrast:#fff;--color-danger:#d92d20;--color-danger-bg:#fef3f2;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #1018280d;--shadow-md:0 4px 16px #10182814;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--header-height:60px}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{color:var(--color-text);font-size:.85rem;font-weight:500}.field__input{width:100%;color:var(--color-text);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid #0000;padding:.7rem .85rem;font-family:inherit;font-size:.95rem;transition:background .15s,border-color .15s,box-shadow .15s}.field__input::placeholder{color:var(--color-text-muted)}.field__input:focus{background:var(--color-bg);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b5bdb26}.field__input:disabled{opacity:.6;cursor:not-allowed}.field__input[aria-invalid=true]{border-color:var(--color-danger);background:var(--color-danger-bg)}.field__error{color:var(--color-danger);font-size:.8rem}.auth{min-height:calc(100vh - var(--header-height));padding:var(--space-6) var(--space-4) var(--space-4);flex-direction:column;display:flex}.auth__content{width:100%;max-width:380px;margin:0 auto;margin-top:clamp(var(--space-6), 12vh, 120px)}.auth__title{margin-bottom:var(--space-6);font-size:1.9rem;font-weight:700}.auth__form{gap:var(--space-4);flex-direction:column;display:flex}.auth__submit{margin-top:var(--space-2)}.auth__error{color:var(--color-danger);background:var(--color-danger-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.85rem}.auth__divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0;color:var(--color-text-muted);font-size:.85rem;display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth__footer{padding-top:var(--space-6);text-align:center;color:var(--color-text-muted);margin-top:auto;font-size:.8rem}.profile{padding:var(--space-6) var(--space-4);justify-content:center;display:flex}.profile__state{text-align:center;color:var(--color-text-muted);padding:var(--space-8)}.profile__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-md);padding:var(--space-6)}.profile__header{align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.profile__avatar{background:var(--color-primary);width:72px;height:72px;color:var(--color-primary-contrast);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.profile__ident{min-width:0}.profile__name{margin-bottom:2px;font-size:1.5rem;font-weight:700}.profile__email{color:var(--color-text-muted);margin-bottom:var(--space-2);font-size:.9rem}.profile__badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.badge{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.badge--muted{background:var(--color-surface);color:var(--color-text-muted)}.profile__stats{gap:var(--space-3);margin:var(--space-5) 0;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.stat{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.stat dt{color:var(--color-text-muted);margin-bottom:var(--space-1);font-size:.78rem}.stat dd{font-size:1.4rem;font-weight:700}.profile__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.profile__since{color:var(--color-text-muted);font-size:.85rem}.app-header{z-index:100;align-items:center;gap:var(--space-4);width:100%;height:var(--header-height);padding:0 var(--space-6);background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.app-header__logo{flex:none}.app-header__brand{letter-spacing:.02em;color:var(--color-text);font-size:1.15rem;font-weight:700}.app-header__nav{justify-content:center;gap:var(--space-5);flex:auto;display:flex}.app-header__nav-link{color:var(--color-text-muted);padding:0 var(--space-1);border-bottom:2px solid #0000;font-size:.95rem;font-weight:500;transition:color .15s,border-color .15s}.app-header__nav-link:hover{color:var(--color-text)}.app-header__nav-link.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.app-header__user{flex:none;justify-content:flex-end;margin-left:auto;display:flex}.app-header__profile{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background .15s;display:inline-flex}.app-header__profile:hover{background:var(--color-surface)}.app-header__avatar{background:var(--color-primary);width:34px;height:34px;color:var(--color-primary-contrast);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.app-header__nick{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.95rem;font-weight:500;overflow:hidden}.app-header__signin{padding:.5rem 1rem;font-size:.9rem}.admin-page{max-width:1400px;padding:var(--space-6) var(--space-4);margin:0 auto}.admin-page h1{margin-bottom:var(--space-5);font-size:1.6rem;font-weight:700}.admin-page__toolbar{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.admin-page__toolbar .field{flex:260px;max-width:360px}.admin-page__count{color:var(--color-text-muted);white-space:nowrap;margin:0;font-size:.85rem}.admin-page__error{color:var(--color-danger);background:var(--color-danger-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:.85rem}.admin-page__table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th{text-align:left;color:var(--color-text-muted);background:var(--color-surface);padding:var(--space-3);white-space:nowrap;border-bottom:1px solid var(--color-border);font-weight:600}.admin-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--color-surface)}.admin-table__id{color:var(--color-text-muted);font-family:ui-monospace,monospace;font-size:.78rem}.admin-table__empty{text-align:center;color:var(--color-text-muted);padding:var(--space-6)}.admin-table__actions{gap:var(--space-2);display:flex}.admin-table__actions button{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:.35rem .7rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.admin-table__actions button:hover:not(:disabled){background:var(--color-surface-hover)}.admin-table__actions button:disabled{opacity:.45;cursor:not-allowed}.admin-table__actions .admin-danger:not(:disabled){color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-bg)}.admin-table__protected{color:var(--color-text-muted);white-space:nowrap;font-style:italic}.admin-page__pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);color:var(--color-text-muted);font-size:.9rem;display:flex}.admin-page__pagination button{color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:.5rem .9rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s}.admin-page__pagination button:hover:not(:disabled){background:var(--color-surface-hover)}.admin-page__pagination button:disabled{opacity:.45;cursor:not-allowed}.home{width:100%}.home__hero{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);min-height:calc(100vh - var(--header-height));padding:var(--space-8) var(--space-4);background:linear-gradient(#3b5bdb12,#0000 55%);flex-direction:column;display:flex}.home__title{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(3.5rem,12vw,7rem);font-weight:800;line-height:1}.home__tagline{letter-spacing:.04em;color:var(--color-primary);font-size:clamp(1rem,3vw,1.4rem);font-weight:500}.home__cta{justify-content:center;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.home__play{padding:.85rem 2.5rem;font-size:1.05rem}.home__hint{color:var(--color-text-muted);margin-top:var(--space-2);font-size:.85rem}.home__about{max-width:900px;padding:var(--space-8) var(--space-4);text-align:center;margin:0 auto}.home__about-title{margin-bottom:var(--space-4);font-size:clamp(1.6rem,5vw,2.2rem);font-weight:700}.home__lead{max-width:640px;margin:0 auto var(--space-6);color:var(--color-text-muted);font-size:1.05rem}.home__features{gap:var(--space-4);text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.feature-card__title{color:var(--color-primary);margin-bottom:var(--space-2);font-size:1.1rem;font-weight:700}.feature-card__text{color:var(--color-text-muted);font-size:.95rem}.home__about-cta{margin-top:var(--space-8)}