@charset "UTF-8";@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2) format("woff2-variations");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--canvas: #eef0fb;--canvas-art: radial-gradient(circle at 12% -10%, rgb(124 92 255 / 16%), transparent 45%), radial-gradient(circle at 95% 10%, rgb(19 181 214 / 12%), transparent 40%), radial-gradient(rgb(60 52 140 / 7%) 1px, transparent 1px);--canvas-art-size: auto, auto, 22px 22px;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #e6e8f6;--border: #dcdff0;--border-strong: #bfc3e0;--text: #1e1b3a;--text-muted: #5a5a7d;--text-faint: #82829f;--text-on-accent: #ffffff;--accent: #6a4cf0;--accent-text: #5a3de0;--accent-dark: #5636d8;--accent-strong: #5636d8;--accent-edge: #3f22b0;--danger: #d6334a;--danger-fill: #d6334a;--warning: #9a5a00;--success: #138a55;--game-violet: #7c5cff;--game-cyan: #13b5d6;--game-pink: #ff4f8b;--game-gold: #ffb020;--game-green: #22c07a;--logo-mark: radial-gradient(circle, #fff 0 9%, transparent 10%), radial-gradient(circle, transparent 0 24%, #fff 25% 33%, transparent 34%), radial-gradient(circle, transparent 0 48%, rgb(255 255 255 / 55%) 49% 56%, transparent 57%), linear-gradient(135deg, var(--game-violet), var(--game-cyan));--tint-weak: 8%;--tint-soft: 12%;--tint-strong: 35%;--page-width: clamp(1180px, 92vw, 1720px);--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space: var(--space-5);--font-sans: "Nunito Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fredoka Variable", "Nunito Variable", system-ui, sans-serif;--text-xs: .7rem;--text-sm: .8rem;--text-md: .85rem;--text-base: .95rem;--text-lg: 1.05rem;--text-xl: 1.3rem;--leading-tight: 1.25;--leading-base: 1.5;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 999px;--radius: var(--radius-lg);--shadow-1: 0 1px 3px rgb(40 30 110 / 10%);--shadow-2: 0 6px 16px rgb(40 30 110 / 16%);--shadow-3: 0 12px 28px rgb(40 30 110 / 16%);--shadow: var(--shadow-1);--shadow-modal: 0 24px 60px rgb(40 30 110 / 28%);--backdrop: rgb(20 14 60 / 50%);--edge-size: 4px;--edge: var(--border-strong);--z-header: 10;--z-dropdown: 20;--z-modal: 40;--z-toast: 60;--duration-fast: 90ms;--duration-base: .16s;--duration-slow: .26s;--ease: cubic-bezier(.2, .6, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--lift-1: -2px;--lift-2: -3px;--hover-scale: 1.015;--hover-tint: var(--tint-weak);--bp-sm: 640px;--bp-md: 900px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas: #110e26;--canvas-art: radial-gradient(circle at 12% -10%, rgb(124 92 255 / 22%), transparent 45%), radial-gradient(circle at 95% 10%, rgb(19 181 214 / 12%), transparent 40%), radial-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px);--surface: #1c1840;--surface-raised: #252052;--surface-sunken: #0c0a1d;--border: #312b66;--border-strong: #463e86;--text: #f0eeff;--text-muted: #aaa6d0;--text-faint: #8783b3;--text-on-accent: #ffffff;--accent: #6a4cf0;--accent-text: #b4a3ff;--accent-dark: #5a3de0;--accent-strong: #5a3de0;--accent-edge: #2e1890;--danger: #ff7b8c;--danger-fill: #c92a42;--warning: #ffbf5a;--success: #4fdc9a;--tint-weak: 14%;--tint-soft: 18%;--tint-strong: 45%;--edge: #0b0920;--shadow-1: 0 1px 3px rgb(0 0 0 / 40%);--shadow-2: 0 4px 12px rgb(0 0 0 / 50%);--shadow-3: 0 8px 24px rgb(0 0 0 / 45%);--shadow-modal: 0 20px 50px rgb(0 0 0 / 60%);--backdrop: rgb(0 0 0 / 60%);color-scheme:dark}}:root[data-theme=dark]{--canvas: #110e26;--canvas-art: radial-gradient(circle at 12% -10%, rgb(124 92 255 / 22%), transparent 45%), radial-gradient(circle at 95% 10%, rgb(19 181 214 / 12%), transparent 40%), radial-gradient(rgb(255 255 255 / 5%) 1px, transparent 1px);--surface: #1c1840;--surface-raised: #252052;--surface-sunken: #0c0a1d;--border: #312b66;--border-strong: #463e86;--text: #f0eeff;--text-muted: #aaa6d0;--text-faint: #8783b3;--text-on-accent: #ffffff;--accent: #6a4cf0;--accent-text: #b4a3ff;--accent-dark: #5a3de0;--accent-strong: #5a3de0;--accent-edge: #2e1890;--danger: #ff7b8c;--danger-fill: #c92a42;--warning: #ffbf5a;--success: #4fdc9a;--tint-weak: 14%;--tint-soft: 18%;--tint-strong: 45%;--edge: #0b0920;--shadow-1: 0 1px 3px rgb(0 0 0 / 40%);--shadow-2: 0 4px 12px rgb(0 0 0 / 50%);--shadow-3: 0 8px 24px rgb(0 0 0 / 45%);--shadow-modal: 0 20px 50px rgb(0 0 0 / 60%);--backdrop: rgb(0 0 0 / 60%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{min-height:100vh;margin:0;background:var(--canvas);background-image:var(--canvas-art);background-size:var(--canvas-art-size);background-attachment:fixed;color:var(--text);font:15px/1.5 var(--font-sans)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:.01em}a{color:var(--accent-text);font-weight:600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:var(--space);top:var(--space);z-index:10;padding:8px 12px;background:var(--surface);border-radius:var(--radius)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.header{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--surface) 88%,transparent);border-bottom:2px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header__inner{display:flex;align-items:center;gap:var(--space);max-width:var(--page-width);margin:0 auto;padding:10px var(--space)}.logo{transition:color var(--duration-fast) var(--ease);display:inline-flex;align-items:center;gap:10px;color:var(--text);font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:.01em;text-decoration:none}.logo:before{transition:transform var(--duration-slow) var(--ease-bounce);flex:0 0 auto;width:32px;height:32px;border-radius:10px;background:var(--logo-mark);box-shadow:0 3px 0 var(--accent-edge);content:""}.logo:hover{color:var(--accent-text)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.logo:hover:before{transform:rotate(-8deg) scale(1.08)}}.nav{display:flex;gap:4px;margin-right:auto}.nav a{transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);padding:7px 13px;border-radius:var(--radius-full);color:var(--text-muted);font-family:var(--font-display);font-weight:500;text-decoration:none}.nav a:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));color:var(--text)}.nav a.is-active,.nav a.is-active:hover{background:color-mix(in srgb,var(--accent) var(--tint-soft),var(--surface));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) var(--tint-strong),transparent);color:var(--accent-text);font-weight:600}.header__user{display:flex;align-items:center;gap:8px}@media(max-width:899.98px){.header__cta span{display:none}}@media(max-width:639.98px){.header__inner{flex-wrap:wrap}}.navtoggle{display:none;padding:7px;border:0;border-radius:var(--radius-md);background:none;color:var(--text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.navtoggle:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));color:var(--text)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.navtoggle:hover .icon{transform:scale(1.1)}}.drawer{max-width:none;max-height:none;width:100%;height:100%;margin:0;padding:0;border:0;background:none;overflow:hidden}.drawer::backdrop{background:var(--backdrop)}.drawer__panel{display:grid;align-content:start;gap:var(--space-5);width:min(300px,85vw);height:100%;padding:var(--space-5);background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-3);overflow-y:auto;animation:drawer-in var(--duration-base) var(--ease)}.drawer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.drawer__head .section__title{margin:0}.drawer__close{transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);padding:4px;border:0;border-radius:var(--radius-md);background:none;color:var(--text-muted);cursor:pointer}.drawer__close:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));color:var(--text)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.drawer__close:hover .icon{transform:scale(1.1)}}.drawer__nav{display:grid;gap:2px}.drawer__nav a{transition:background-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);padding:10px var(--space-4);border-radius:var(--radius-md);color:var(--text);text-decoration:none}.drawer__nav a:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface))}@media(hover:hover)and (prefers-reduced-motion:no-preference){.drawer__nav a:hover{transform:translate(3px)}}.drawer__nav a.is-active,.drawer__nav a.is-active:hover{background:var(--canvas);transform:none;font-weight:600}.drawer__section{padding-top:var(--space-5);border-top:1px solid var(--border)}.drawer__identity{margin:0 0 var(--space-4);padding:0 var(--space-4);overflow-wrap:anywhere}.drawer__identity span{display:block;color:var(--text-muted);font-size:var(--text-md)}.drawer__section .themeswitch{margin-top:0;padding-top:0;border-top:0}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(max-width:639.98px){.navtoggle{display:grid}.header .nav,.header .usermenu:not(.bell__trigger):after{display:none}.header .nav{display:none}.header__inner{gap:var(--space-3);padding:8px var(--space-4)}.logo{margin-right:auto}.search{order:3;flex:1 0 100%}.search input[type=text]{width:100%;max-width:none}}.drawer--center[open]{display:grid;place-items:center}.drawer--center .drawer__panel{width:min(420px,90vw);height:auto;max-height:85vh;gap:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);animation:none}.shortcuts{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;align-items:baseline}.shortcuts dt{margin:0}.shortcuts dd{margin:0;color:var(--text-muted)}.shortcuts kbd{display:inline-block;min-width:1.8em;padding:2px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--canvas);color:var(--text);font:inherit;font-size:.85rem;text-align:center}.page{max-width:var(--page-width);margin:0 auto;padding:28px var(--space) 56px}.page--centered{display:grid;place-items:center;min-height:100vh;max-width:420px}.page__title{margin:0 0 20px;font-size:2rem;font-weight:700;line-height:1.15}.section{margin-bottom:36px}.section__title{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--text);font-size:1.15rem;font-weight:600}.section__title:before{flex:0 0 auto;width:8px;height:22px;border-radius:var(--radius-full);background:linear-gradient(180deg,var(--game-violet),var(--game-cyan));content:""}.section__lead{max-width:70ch;margin:-6px 0 14px;color:var(--text-muted)}.section__count{margin-left:6px;font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none}.empty{margin:0;padding:28px;background:var(--surface);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center}.page__header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}.page__header .page__title{margin:0}.page__heading{display:flex;flex-direction:column;gap:2px;min-width:0}.page__subtitle{margin:0;color:var(--text-muted);font-size:.85rem}.page__actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-left:auto}.page__actions>.btn{gap:5px;padding:4px 9px;font-size:.8rem}.page__actions>.btn .icon{width:13px;height:13px}@media(max-width:639.98px){.page__actions{width:100%;margin-left:0}}.view-switch{display:inline-flex;align-items:center;margin-right:4px;border:1px solid var(--border);border-radius:6px;background:var(--surface);overflow:hidden}.view-switch__button{transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);display:grid;place-items:center;width:27px;height:27px;padding:0;border:0;border-radius:0;color:var(--text-muted)}.view-switch__button .icon{width:15px;height:15px}.view-switch__button+.view-switch__button{border-left:1px solid var(--border)}.view-switch__button:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));color:var(--text)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.view-switch__button:hover .icon{transform:scale(1.12)}}.view-switch__button.is-active,.view-switch__button.is-active:hover{background:var(--accent);color:var(--text-on-accent)}.view-switch__button.is-active:hover .icon{transform:none}.toasts{position:fixed;right:var(--space-5);top:var(--space-5);z-index:var(--z-toast);display:grid;gap:var(--space-3);width:min(360px,100vw - 2 * var(--space-5));pointer-events:none}.toast{--toast-color: var(--border-strong);display:flex;align-items:start;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5);border:2px solid color-mix(in srgb,var(--toast-color) var(--tint-strong),var(--border));border-left:6px solid var(--toast-color);border-radius:var(--radius-lg);font-weight:600;background:color-mix(in srgb,var(--toast-color) var(--tint-weak),var(--surface-raised));box-shadow:var(--shadow-3);pointer-events:auto;transition:border-color var(--duration-base) var(--ease),box-shadow var(--duration-base) var(--ease);cursor:pointer;animation:toast-in var(--duration-slow) var(--ease-bounce)}.toast--success{--toast-color: var(--success)}.toast--error{--toast-color: var(--danger)}.toast--info{--toast-color: var(--accent-text)}.toast__text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.toast:hover{border-color:color-mix(in srgb,var(--toast-color) var(--tint-strong),var(--border));border-left-color:var(--toast-color);box-shadow:var(--shadow-modal)}.toast__close{flex:0 0 auto;padding:2px;border:0;border-radius:var(--radius-md);background:none;color:var(--text-faint);cursor:pointer;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.toast__close:hover{background:color-mix(in srgb,var(--toast-color) var(--tint-soft),var(--surface-raised));color:var(--text)}.toast.is-leaving{opacity:0;transform:translate(12px);transition:opacity var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translate(24px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.progress{position:fixed;top:0;left:0;z-index:var(--z-toast);width:100%;height:4px;overflow:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease)}.is-busy .progress{opacity:1}.progress:before{content:"";display:block;width:40%;height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--game-violet),var(--game-cyan),var(--game-pink))}.is-busy .progress:before{animation:progress-slide 1.1s var(--ease) infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}[aria-busy=true]{opacity:.6;transition:opacity var(--duration-base) var(--ease)}body.has-modal{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:start center;padding:48px 16px;background:var(--backdrop);overflow-y:auto;opacity:1;transition:opacity var(--duration-base) var(--ease),display var(--duration-base) var(--ease) allow-discrete}@starting-style{.modal:not([hidden]){opacity:0}}.modal[hidden]{display:none}.modal__dialog{width:min(100%,720px);max-height:calc(100vh - 96px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-modal);overflow-y:auto;transform:translateY(0);transition:transform var(--duration-base) var(--ease)}@starting-style{.modal:not([hidden]) .modal__dialog{transform:translateY(-8px)}}.modal__dialog--wide{width:min(100%,1040px)}@media(min-width:1200px){.modal__dialog--wide{width:min(96vw,1800px)}}.modal__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.modal__head--bare{padding-bottom:6px;border-bottom:0}.modal__title{margin:0;min-width:0;font-size:var(--text-lg);line-height:var(--leading-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal__close{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);font:inherit;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);line-height:1;text-decoration:none;cursor:pointer}.modal__close:hover{background:color-mix(in srgb,var(--danger) var(--hover-tint),var(--surface));border-color:color-mix(in srgb,var(--danger) var(--tint-strong),transparent);color:var(--danger)}.modal .form,.modal__body{padding:16px}@media(max-width:639.98px){.modal{padding:16px 10px}.modal__dialog{max-height:calc(100vh - 32px)}}.usermenu{position:relative}.usermenu__trigger{display:flex;align-items:center;gap:4px;padding:3px;border-radius:999px;cursor:pointer;list-style:none}.usermenu__trigger::-webkit-details-marker{display:none}.usermenu__trigger::marker{content:""}.usermenu__trigger{transition:background-color var(--duration-fast) var(--ease)}.usermenu__trigger:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface))}@media(hover:hover)and (prefers-reduced-motion:no-preference){.usermenu__trigger:hover .avatar{transform:scale(1.06)}}.usermenu__trigger:hover .usermenu__caret{border-top-color:var(--text)}.usermenu__caret{transition:transform var(--duration-base) var(--ease);width:0;height:0;border:4px solid transparent;border-top-color:var(--text-muted);transform:translateY(2px)}.usermenu[open] .usermenu__caret{transform:translateY(-2px) rotate(180deg)}.usermenu__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:220px;padding:8px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}.usermenu__identity{margin:0 0 6px;padding:6px 10px 10px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.usermenu__identity span{display:block;color:var(--text-muted);font-size:.85rem}.usermenu__panel a,.usermenu__panel .usermenu__item{transition:background-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);display:block;padding:8px 10px;border-radius:var(--radius-md);color:var(--text);font-weight:600;text-decoration:none}.usermenu__panel .usermenu__item{width:100%;border:0;background:none;font:inherit;text-align:left;cursor:pointer}.usermenu__panel a:hover,.usermenu__panel .usermenu__item:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));box-shadow:inset 2px 0 0 var(--accent-text)}.usermenu__panel .usermenu__signout{margin-top:6px;border-top:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);color:var(--text-muted)}.usermenu__panel .usermenu__signout:hover{background:color-mix(in srgb,var(--danger) var(--hover-tint),var(--surface));box-shadow:inset 2px 0 0 var(--danger);color:var(--danger)}.themeswitch{display:grid;gap:2px;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.themeswitch__option{transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 10px;border:0;border-radius:var(--radius-md);background:none;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer}.themeswitch__option:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));color:var(--text)}.themeswitch__option.is-active,.themeswitch__option.is-active:hover{background:var(--canvas);color:var(--text);font-weight:600}.themeswitch__option .icon{flex:0 0 auto}.avatar{transition:transform var(--duration-base) var(--ease);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--game-violet),var(--accent-dark));box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--accent) var(--tint-strong),transparent);color:var(--text-on-accent);font-family:var(--font-display);font-size:.8rem;font-weight:600}.avatars{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.avatar--sm{width:24px;height:24px;font-size:.65rem;background:var(--project-color, var(--accent))}.avatar--lg{width:72px;height:72px;font-size:1.5rem}.avatar--img{background:var(--canvas);object-fit:cover}.icon{transition:transform var(--duration-fast) var(--ease);width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.panel{padding:22px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 var(--edge-size) 0 var(--edge)}.panel--narrow{max-width:560px}.panel__title{margin:0 0 14px;font-family:var(--font-display);font-size:1.1rem;font-weight:600}.tag{display:inline-block;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) var(--tint-weak),var(--surface));border:1px solid color-mix(in srgb,var(--accent) var(--tint-strong),var(--border));color:var(--accent-text);font-size:.7rem;font-weight:700;vertical-align:middle}.panel--form{margin-bottom:20px;padding:0}.panel__summary{transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease);padding:12px 16px;border-radius:var(--radius) var(--radius) 0 0;font-weight:600;cursor:pointer;list-style:none}.panel__summary:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));color:var(--accent-text)}.panel__summary:before{content:"+ ";color:var(--text-muted)}details[open]>.panel__summary:before{content:"– "}.panel__summary .table__meta{font-weight:400}.panel--form .form{padding:0 16px 16px;border-top:2px solid var(--border)}.auth-card{width:100%;padding:32px 28px 28px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 6px 0 var(--edge),var(--shadow-3)}.auth-card:before{display:block;width:52px;height:52px;margin-bottom:16px;border-radius:16px;background:var(--logo-mark);box-shadow:0 4px 0 var(--accent-edge);content:""}.auth-card__title{margin:0 0 4px;font-size:1.7rem}.auth-card__lead{margin:0 0 20px;color:var(--text-muted)}.auth-card__note{margin:20px 0 0;color:var(--text-muted);font-size:.85rem}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.tile{transition:transform var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease),box-shadow var(--duration-base) var(--ease),background-color var(--duration-base) var(--ease);padding:16px;background:var(--surface);border:2px solid var(--border);border-left:6px solid var(--project-color, var(--accent));border-radius:var(--radius-lg)}.tile:hover{box-shadow:var(--shadow-3)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.tile:hover{transform:translateY(var(--lift-2)) scale(var(--hover-scale))}}.tile:hover{background:color-mix(in srgb,var(--project-color, var(--accent)) var(--hover-tint),var(--surface));border-color:color-mix(in srgb,var(--project-color, var(--accent)) var(--tint-strong),var(--border));border-left-color:var(--project-color, var(--accent))}.tile__title{margin:0 0 6px;font-size:1rem}.tile__desc{margin:0 0 8px;color:var(--text-muted);font-size:.9rem}.tile__meta{margin:0;color:var(--text-muted);font-size:.8rem}.tile__title a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent;transition:text-decoration-color var(--duration-base) var(--ease)}.tile:hover .tile__title a,.tile__title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:currentColor}.btn{--btn-edge: var(--edge);transition:background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),transform var(--duration-base) var(--ease-bounce);display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-bottom:3px;padding:8px 14px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 3px 0 var(--btn-edge);color:var(--text);font:inherit;font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.02em;line-height:1.3;white-space:nowrap;text-decoration:none;cursor:pointer}.btn .icon{flex:0 0 auto;width:15px;height:15px;stroke-width:2.5}.btn:hover{box-shadow:0 5px 0 var(--btn-edge)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(var(--lift-1))}}.btn:hover{background:var(--surface);border-color:var(--border-strong)}.btn:active{box-shadow:0 0 0 var(--btn-edge)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn:active{transform:translateY(3px)}}.btn--primary{--btn-edge: var(--accent-edge);background:linear-gradient(180deg,color-mix(in srgb,#fff 14%,var(--accent)),var(--accent));border-color:var(--accent-dark);color:var(--text-on-accent)}.btn--primary .icon{fill:currentColor}.btn--primary:hover{background:linear-gradient(180deg,color-mix(in srgb,#fff 20%,var(--accent)),var(--accent));border-color:var(--accent-dark)}.btn--ghost:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--canvas));border-color:transparent;color:var(--text);box-shadow:none;transform:none}.btn--ghost{border-color:transparent;background:transparent;box-shadow:none;color:var(--text-muted)}.btn--block{display:flex;width:100%}.btn--sm{padding:4px 10px;font-size:.8rem;box-shadow:0 2px 0 var(--btn-edge)}.btn:disabled{border-color:var(--border);background:var(--surface-sunken);box-shadow:none;color:var(--text-muted);cursor:not-allowed}.btn:disabled:hover{background:var(--surface-sunken);box-shadow:none;transform:none}.btn--lg{padding:13px 26px;border-radius:var(--radius-lg);box-shadow:0 5px 0 var(--btn-edge);font-size:var(--text-lg);letter-spacing:.04em;text-transform:uppercase}.btn--lg .icon{width:18px;height:18px}.btn--lg:hover{box-shadow:0 7px 0 var(--btn-edge)}.btn--lg:active{box-shadow:0 0 0 var(--btn-edge)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn--lg:active{transform:translateY(5px)}}.form__row{margin:0 0 14px}.color-preview{display:inline-flex;align-items:center;gap:8px;margin-top:8px}.form__row--inline{display:flex;align-items:center;gap:8px}.form label{display:block;margin-bottom:4px;font-size:.85rem;font-weight:600;color:var(--text-muted)}.form__row--inline label{margin:0;font-weight:400}.form input[type=text],.form input[type=email],.form input[type=password],.form input[type=date],.form input[type=number],.form input[type=search],.form select,.form textarea{transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease);width:100%;padding:9px 12px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:inherit}.form input:hover:not(:disabled,:focus),.form select:hover:not(:disabled,:focus),.form textarea:hover:not(:disabled,:focus){border-color:var(--border-strong)}.form input[type=file]{transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease);width:100%;padding:8px 12px;border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted);font:inherit;font-size:.9rem}.form input[type=file]:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));border-color:var(--accent-text)}.form__hint{display:block;margin-top:4px;color:var(--text-muted);font-size:.85rem}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--accent-text);outline:4px solid color-mix(in srgb,var(--accent) 22%,transparent);outline-offset:0}.form__errors{margin:0 0 14px;padding:10px 12px 10px 28px;background:color-mix(in srgb,var(--danger) var(--tint-weak),var(--surface));border:2px solid color-mix(in srgb,var(--danger) var(--tint-strong),var(--surface));border-radius:var(--radius-md);color:var(--danger);font-size:.9rem}.form__error{display:block;margin-top:4px;color:var(--danger);font-size:.85rem}.form__error:empty{display:none}.form--autosave .form__submit{display:none}.autosave{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.form__actions{display:flex;gap:8px;align-items:center;margin-top:20px}.form select{background-image:none}.form--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px;padding-top:16px}.form__row--wide{grid-column:1/-1}.cselect{position:relative;width:100%}.cselect__trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.cselect__trigger:hover:not(:disabled){background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));border-color:var(--border-strong)}.cselect__trigger:focus-visible{border-color:var(--accent-text);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent);outline-offset:0}.cselect--open .cselect__trigger{border-color:var(--accent-text)}.cselect__trigger:disabled{background:var(--canvas);color:var(--text-muted);cursor:default}.cselect__label{flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem}.cselect__caret{transition:transform var(--duration-base) var(--ease),border-top-color var(--duration-fast) var(--ease);flex:0 0 auto;width:0;height:0;border:4px solid transparent;border-top-color:var(--text-muted);transform:translateY(2px)}.cselect--open .cselect__caret{transform:translateY(-2px) rotate(180deg)}.cselect__trigger:hover:not(:disabled) .cselect__caret{border-top-color:var(--text)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cselect:not(.cselect--open) .cselect__trigger:hover:not(:disabled) .cselect__caret{transform:translateY(3px)}}.cselect__swatch{flex:0 0 auto;width:14px;height:14px;border-radius:4px;background:var(--swatch-color, transparent)}.cselect__panel{position:absolute;top:calc(100% + 4px);left:0;z-index:20;width:100%;min-width:160px;max-height:240px;margin:0;padding:4px;overflow-y:auto;list-style:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-3)}.cselect__option{transition:background-color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease);display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:var(--text);font-size:.9rem;cursor:pointer}.cselect__option:hover,.cselect__option:focus{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface))}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cselect__option:hover,.cselect__option:focus{transform:translate(2px)}}.cselect__option:hover,.cselect__option:focus{outline:none}.cselect__option--selected{font-weight:600}.cselect__option--disabled{color:var(--text-muted);cursor:default}.cselect__option--disabled:hover{background:none;transform:none}.cselect__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.rows__field .cselect{min-width:150px}.rows__field .cselect__trigger{min-height:34px;padding:6px 8px}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 var(--edge-size) 0 var(--edge);overflow:hidden}.table th{padding:10px 14px;background:var(--surface-sunken);border-bottom:2px solid var(--border);text-align:left;font-family:var(--font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{cursor:pointer}.table tbody td{transition:background-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.table tbody tr:hover td{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface))}@media(min-width:640px){.table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--accent-text)}}.table__title{display:block;font-weight:500}a.table__title{transition:text-decoration-color var(--duration-base) var(--ease),color var(--duration-fast) var(--ease);color:var(--text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:transparent}.table tbody tr:hover a.table__title{color:var(--accent-text)}a.table__title:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:currentColor}.table__meta{display:block;color:var(--text-muted);font-size:.85rem}.status{display:inline-block;padding:2px 10px;border:2px solid color-mix(in srgb,var(--status-color, var(--border)) var(--tint-strong),transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--status-color, var(--border)) var(--tint-soft),var(--surface));color:var(--status-color, var(--text));font-size:.8rem;font-weight:700}.due--overdue{color:var(--danger);font-weight:600}.avatars--inline{display:inline-flex;margin:0}@media(max-width:639.98px){.table,.table thead,.table tbody,.table tr,.table td{display:block;width:100%}.table thead{display:none}.table tr{padding:10px 14px;border-bottom:1px solid var(--border)}.table td{display:flex;gap:10px;padding:3px 0;border:0}.table td:before{content:attr(data-label);flex:0 0 90px;color:var(--text-muted);font-size:.8rem}}.table__actions{width:1%;text-align:right;white-space:nowrap}@media(max-width:639.98px){.table td.table__actions{justify-content:flex-end;padding-top:8px}}.table__check{width:1%;white-space:nowrap}.table__sort{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease)}.table__sort:hover,.table__sort.is-active{color:var(--text)}.table__sort .icon{width:13px;height:13px}.table__num .table__sort{flex-direction:row-reverse}.table__empty td{padding:24px 14px;color:var(--text-muted);text-align:center}.table tbody tr.table__empty{cursor:default}.table tbody tr.table__empty:hover td{background:none;box-shadow:none}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--status-color, var(--border));border-radius:6px;font-size:.9rem}.chip__flag{padding:1px 6px;border-radius:999px;background:var(--canvas);color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.labels{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none}.label-chip{padding:1px 8px;border:1px solid color-mix(in srgb,var(--label-color, var(--border)) var(--tint-strong),var(--border));border-radius:999px;background:color-mix(in srgb,var(--label-color, var(--surface)) var(--tint-weak),var(--surface));color:var(--text-muted);font-size:.75rem;line-height:1.5;white-space:nowrap}.label-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--label-color, var(--border))}.labels--card{margin-bottom:6px}.templates-pick{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px}.templates-pick__label{color:var(--text-muted);font-size:.85rem}.chip-link{padding:3px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:.85rem;text-decoration:none}.chip-link:hover{border-color:var(--accent-text)}.chip-link.is-active{border-color:var(--accent-text);background:color-mix(in srgb,var(--accent-text) var(--tint-weak),var(--surface));color:var(--accent-text);font-weight:600}.chip-link--ghost{border-style:dashed;color:var(--text-muted)}.rows{margin:0 0 16px;padding:0;list-style:none;border:1px solid var(--border);border-radius:var(--radius)}.rows__item:first-child{border-top-left-radius:calc(var(--radius) - 1px);border-top-right-radius:calc(var(--radius) - 1px)}.rows__item{transition:background-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--border)}.rows__item:last-child{border-bottom:0;border-bottom-left-radius:calc(var(--radius) - 1px);border-bottom-right-radius:calc(var(--radius) - 1px)}.rows__item:hover{background:color-mix(in srgb,var(--accent) var(--hover-tint),var(--surface));box-shadow:inset 3px 0 0 var(--accent-text)}.rows__item:hover .btn:not(:hover,:disabled){border-color:var(--border-strong)}.rows__swatch{flex:0 0 auto;width:6px;height:26px;border-radius:3px;background:var(--status-color, var(--border))}.rows__field{display:flex;align-items:center;gap:6px;flex-direction:column;align-items:flex-start}.rows__field--grow{flex:1 1 160px}.rows__field--check{flex-direction:row}.rows__field--check label{margin:0;font-weight:400;font-size:.85rem;color:var(--text)}.rows__count{flex:0 0 auto;color:var(--text-muted);font-size:.8rem;min-width:70px}.rows__actions{display:flex;gap:4px;margin-left:auto}.input--tight{padding:6px 8px!important;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font:inherit;width:100%}.btn--icon{padding:6px 9px;line-height:1}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn--icon:hover .icon{transform:scale(1.12)}}.btn--danger{padding:6px 10px;border-color:color-mix(in srgb,var(--danger) var(--tint-strong),var(--border));color:var(--danger);line-height:1}.btn--danger:hover{background:color-mix(in srgb,var(--danger) var(--tint-weak),var(--surface));border-color:color-mix(in srgb,var(--danger) var(--tint-strong),var(--border))}.btn:disabled{opacity:.4;cursor:not-allowed}.rows__item.is-muted{color:var(--text-muted)}.mailstats{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 12px;padding:0;list-style:none;color:var(--text-muted)}.mailstats strong{color:var(--text);font-variant-numeric:tabular-nums}.mailstats .is-warning strong{color:var(--accent-text)}.mailstats .is-danger,.mailstats .is-danger strong{color:var(--danger)}.mailqueue__error{display:block;overflow-wrap:anywhere;color:var(--danger)}.mailqueue__flag--danger{color:var(--danger)}.pictogram{display:block;width:100%;max-width:240px;height:auto;font-family:system-ui,sans-serif}.pictogram__plane{fill:#2e2e2e;stroke:#575757;stroke-width:2}.pictogram__cross{fill:#f04c4c}.pictogram__stimulus{fill:#ebebeb}.pictogram__flash line{stroke:#ccc;stroke-width:2;stroke-linecap:round}.pictogram__item{fill:none;stroke:#b3b3b3;stroke-width:2.5}.pictogram__target{fill:none;stroke:#f5bb47;stroke-width:3;stroke-linecap:round}.pictogram__letter{fill:#b8b8b8;font-size:13px;font-weight:600;text-anchor:middle;dominant-baseline:central}.pictogram__number{fill:#e0e0e0;font-size:15px;font-weight:700;text-anchor:middle;dominant-baseline:central}.pictogram__word{fill:#757575}.pictogram__match{fill:none;stroke:#f5bb47;stroke-width:2.5}.pictogram__found{fill:none;stroke:#47d175;stroke-width:2.5}.pictogram__trail{fill:none;stroke:#ccc;stroke-width:2;stroke-dasharray:2 4;stroke-linecap:round;stroke-linejoin:round}.pictogram__path{fill:none;stroke:#6ed5f7b3;stroke-width:1.5;stroke-dasharray:4 4;stroke-linejoin:round}.pictogram__gaze{fill:none;stroke:#6ed5f7;stroke-width:2;stroke-dasharray:4 3}.plan__item .pictogram{width:96px;flex:none}.profile__identity{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.profile__email{display:block;color:var(--text-muted);font-size:.9rem}:root{--heat-low: #e2dcfd;--heat-high: #3a1d9e;--heat-text-weak: #1e1b3a;--heat-text-strong: #ffffff;--chart-line: #6a4cf0;--field-hit: #138a55;--field-late: #b86e00;--field-miss: #d6334a;--field-bg: #f6f7fd;--field-grid: #c9cce6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--heat-low: #33237f;--heat-high: #ddd5ff;--heat-text-weak: #f0eeff;--heat-text-strong: #120e2a;--chart-line: #a08cff;--field-hit: #4fdc9a;--field-late: #ffbf5a;--field-miss: #ff7b8c;--field-bg: #17132f;--field-grid: #3a3466}}:root[data-theme=dark]{--heat-low: #33237f;--heat-high: #ddd5ff;--heat-text-weak: #f0eeff;--heat-text-strong: #120e2a;--chart-line: #a08cff;--field-hit: #4fdc9a;--field-late: #ffbf5a;--field-miss: #ff7b8c;--field-bg: #17132f;--field-grid: #3a3466}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;align-items:start}.split--heatmap{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}@media(max-width:899.98px){.split--heatmap{grid-template-columns:1fr}}.hero{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;margin-bottom:32px;padding:32px 36px;overflow:hidden;border-radius:var(--radius-xl);background:radial-gradient(circle at 88% 30%,rgba(255,255,255,.18) 0 60px,transparent 61px),radial-gradient(circle at 88% 30%,transparent 0 96px,rgba(255,255,255,.12) 97px 112px,transparent 113px),radial-gradient(circle at 88% 30%,transparent 0 150px,rgba(255,255,255,.08) 151px 166px,transparent 167px),linear-gradient(120deg,#5636d8,#7c5cff 55%,#13a6c9);box-shadow:0 6px 0 var(--accent-edge),var(--shadow-3);color:#fff}.hero__text{max-width:60ch}.hero__eyebrow{margin:0 0 4px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.12em;opacity:.85}.hero__title{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;line-height:1.15}.hero__lead{margin:0;font-size:1.05rem;opacity:.92}.hero .hero__cta{--btn-edge: rgb(20 10 70 / 45%);border-color:#fff;background:#fff;color:#4a2bd0}.hero .hero__cta:hover{border-color:#fff;background:#f3f0ff}@media(max-width:639.98px){.hero{padding:24px 20px}.hero__cta{width:100%}}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space);margin:0;padding:0;list-style:none}.summary__item{--tile-color: var(--game-violet);transition:transform var(--duration-base) var(--ease-bounce),box-shadow var(--duration-base) var(--ease);position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 20px 16px;overflow:hidden;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--tile-color) 18%,transparent),transparent 55%),var(--surface);border:2px solid color-mix(in srgb,var(--tile-color) 30%,var(--border));border-radius:var(--radius-lg);box-shadow:0 var(--edge-size) 0 color-mix(in srgb,var(--tile-color) 45%,var(--edge))}.summary__item:hover{box-shadow:0 calc(var(--edge-size) + 3px) 0 color-mix(in srgb,var(--tile-color) 45%,var(--edge))}@media(hover:hover)and (prefers-reduced-motion:no-preference){.summary__item:hover{transform:translateY(var(--lift-2))}}.summary__item--violet{--tile-color: var(--game-violet)}.summary__item--cyan{--tile-color: var(--game-cyan)}.summary__item--pink{--tile-color: var(--game-pink)}.summary__item--gold{--tile-color: var(--game-gold)}.summary__item--green{--tile-color: var(--game-green)}.summary__icon{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--tile-color);box-shadow:0 3px color-mix(in srgb,var(--tile-color) 60%,#000);color:#fff}.summary__icon .icon{width:20px;height:20px;stroke-width:2.5}.summary__label{color:var(--text-muted);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.summary__value{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.summary__meta{color:var(--text-faint);font-size:var(--text-sm);font-weight:600}.onboarding__steps{margin:0;padding-left:20px}.onboarding__steps li{margin:6px 0}.notice{border-left:6px solid var(--warning)}.notice p{margin:0}.disclaimer{max-width:70ch;margin:40px 0 0;color:var(--text-faint);font-size:var(--text-sm)}.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}.facts dt{color:var(--text-muted)}.facts dd{margin:0;font-variant-numeric:tabular-nums}.blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--space)}.status--running{--status-color: var(--warning)}.status--finished{--status-color: var(--success)}.status--aborted{--status-color: var(--text-faint)}.pager{display:flex;align-items:center;gap:12px;margin-top:16px;color:var(--text-muted)}.heatmap{max-width:760px;margin:0}.heatmap__screen{position:relative;display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr);gap:2px;aspect-ratio:16/9;padding:3px;border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 var(--edge-size) 0 var(--edge)}.heatmap__cell{display:grid;place-items:center;min-width:0;border-radius:6px;background:color-mix(in oklab,var(--heat-high) calc(var(--rate) * 1%),var(--heat-low));color:var(--heat-text-weak);font-size:var(--text-sm);font-variant-numeric:tabular-nums;cursor:default}.heatmap__cell.is-strong{color:var(--heat-text-strong)}.heatmap__cell:focus-visible{outline:2px solid var(--accent-text);outline-offset:1px}.heatmap__cell.is-empty{background:repeating-linear-gradient(135deg,var(--surface-sunken) 0 4px,transparent 4px 8px)}.heatmap__fixation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text);font-size:1.4rem;font-weight:700;line-height:1;text-shadow:0 0 3px var(--surface),0 0 3px var(--surface);pointer-events:none}.heatmap--compact .heatmap__fixation{font-size:1rem}.heatmap__legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;color:var(--text-muted);font-size:var(--text-sm)}.heatmap__scale{width:120px;height:10px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--heat-low),var(--heat-high))}.heatmap__note{flex-basis:100%;color:var(--text-faint)}.regions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0 0 12px;padding:0;list-style:none}.regions__item{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.regions__label{color:var(--text-muted);font-size:var(--text-sm)}.regions__value{font-family:var(--font-display);font-size:1.3rem;font-weight:600;font-variant-numeric:tabular-nums}.regions__meta{color:var(--text-faint);font-size:var(--text-xs)}.trend{display:flex;flex-wrap:wrap;gap:24px}.trend__chart{position:relative;margin:0}.trend__title{margin-bottom:4px;color:var(--text-muted);font-size:var(--text-sm);font-weight:600}.trend__chart svg{display:block;max-width:100%;height:auto;overflow:visible}.trend__grid{stroke:var(--border);stroke-width:1}.trend__axis{fill:var(--text-faint);font-size:11px}.trend__line{fill:none;stroke:var(--chart-line);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.trend__dot{fill:var(--chart-line);stroke:var(--surface);stroke-width:2}.trend__value{fill:var(--text);font-size:12px;font-weight:600}.trend__crosshair{stroke:var(--border-strong);stroke-width:1}.trend__focus{fill:var(--chart-line);stroke:var(--surface);stroke-width:2}.trend__tip{position:absolute;top:0;padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-2);color:var(--text);font-size:var(--text-sm);white-space:nowrap;pointer-events:none}.trend__table{margin-top:12px}.trend__table summary{color:var(--text-muted);cursor:pointer}.trend__table .table{margin-top:8px}.tooltip{position:fixed;z-index:var(--z-toast);padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);box-shadow:var(--shadow-2);color:var(--text);font-size:var(--text-sm);pointer-events:none}.form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 16px}.form__fieldset{margin:0 0 14px;padding:0;border:0}.form__fieldset legend{margin-bottom:6px;font-size:.85rem;font-weight:600}.form__choices{display:flex;flex-wrap:wrap;gap:6px 18px}.form .form__choices label{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:400}.calibration__preview{min-height:1.5em;color:var(--accent-text);font-variant-numeric:tabular-nums}.plan{margin:0 0 8px;padding:0;list-style:none}.plan__item{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.form .plan__check{display:flex;gap:10px;align-items:flex-start;margin:0;font-weight:400}.plan__check input{margin-top:4px}.plan__check .form__hint{display:block}.plan__minutes{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted)}.form .plan__input{width:5em}.plan__item .form__error{grid-column:1/-1}.tips{max-width:70ch;padding-left:20px}.tips li{margin:6px 0}kbd{padding:1px 6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-sunken);font:inherit;font-size:.85em}.gaze{display:flex;flex-direction:column;gap:2px;margin-top:6px}.gaze__label{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.gaze--fixation .gaze__label{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.gaze--free .gaze__label{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.gaze__label .icon{width:1em;height:1em}.gaze__hint{color:var(--text-muted);font-size:.85rem}.card-calibration{display:grid;gap:12px;margin:0 0 16px}.card-calibration[hidden]{display:none}.card-calibration__frame{overflow-x:auto;padding:8px 0}.card-calibration__card{border:2px solid var(--accent);border-radius:4%/6.3%;background:color-mix(in srgb,var(--accent) 12%,transparent)}.card-calibration__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.card-calibration__controls input[type=range]{flex:1 1 200px}.quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--space)}.quick__card{display:flex;flex-direction:column;gap:8px;scroll-margin-top:90px}.quick__card.is-suggested{border-color:color-mix(in srgb,var(--accent) var(--tint-strong),var(--border))}.quick__card:target{outline:3px solid var(--accent-text);outline-offset:2px}.quick__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}.quick__title{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:600}.quick__badge{padding:2px 10px;border-radius:var(--radius-full);background:var(--accent);color:var(--text-on-accent);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.quick__text{margin:0;color:var(--text-muted);font-size:var(--text-md)}.quick__meta{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--text-faint);font-size:var(--text-sm)}.quick__meta .icon{width:1em;height:1em}.quick__reason{margin:0;color:var(--accent-text);font-size:var(--text-md);font-weight:600}.quick__actions{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:6px}.form .quick__minutes{width:auto;min-width:6.5em}.insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:var(--space);margin-bottom:var(--space)}.insights__column--strength{border-top:6px solid var(--success)}.insights__column--focus{border-top:6px solid var(--warning)}.insights__column .panel__title{display:flex;align-items:center;gap:8px}.insights__list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.insights__list--compact{gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:var(--text-md)}.insights__empty{margin:0;color:var(--text-muted)}.insights__disclaimer{max-width:80ch;margin:12px 0 0;color:var(--text-faint);font-size:var(--text-sm)}.insight{display:grid;gap:2px;padding-left:14px;border-left:4px solid var(--insight-color, var(--border-strong))}.insight--strength{--insight-color: var(--success)}.insight--focus{--insight-color: var(--warning)}.insight--note{--insight-color: var(--border-strong)}.insight__title{font-weight:700}.insight__type{color:var(--accent-text);font-size:var(--text-sm);font-weight:600}.insight__text{color:var(--text-muted)}.next{margin-bottom:0}.next__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.next__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding-bottom:10px;border-bottom:1px solid var(--border)}.next__item:last-child{padding-bottom:0;border-bottom:0}.next__reason{display:block;color:var(--text-muted);font-size:var(--text-md)}.delta{display:inline-block;margin-left:4px;padding:0 6px;border-radius:var(--radius-full);background:var(--surface-sunken);font-size:var(--text-sm);font-weight:700;font-variant-numeric:tabular-nums}.delta--up{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.delta--down{background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning)}.facts__note{display:block;color:var(--text-faint);font-size:var(--text-sm)}.block__actions{display:flex;justify-content:flex-end;margin-top:auto;padding-top:12px}.block__scores{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 16px}.block__score{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--block-color) 12%,var(--surface));border:2px solid color-mix(in srgb,var(--block-color) 35%,var(--border))}.block__score--score{--block-color: var(--game-violet)}.block__score--success{--block-color: var(--game-green)}.block__score-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.block__score-value{font-family:var(--font-display);font-size:2.2rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.block__score-meta{color:var(--text-muted);font-size:var(--text-sm)}.block__score-meta .delta{margin-left:0}.tally{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:var(--text-sm);font-weight:600}.tally__part{display:inline-flex;align-items:center;gap:4px}.tally__part strong{font-size:var(--text-base)}.tally__part .icon{width:16px;height:16px;stroke-width:3}.tally__part--hit{color:var(--success)}.tally__part--miss{color:var(--danger)}.tally__bar{display:block;height:8px;margin:6px 0 2px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--success) calc(var(--rate) * 1%),var(--danger) 0)}.fieldblock+.fieldblock{margin-top:var(--space)}.fieldblock .split{margin-top:14px}.split--field{grid-template-columns:minmax(0,3fr) minmax(260px,2fr)}@media(max-width:899.98px){.split--field{grid-template-columns:1fr}}.field{margin:0}.field__svg{display:block;width:100%;height:auto;max-height:75vh;border-radius:var(--radius-md);border:2px solid var(--border)}.field__bg{fill:var(--field-bg)}.field__ring,.field__axis{fill:none;stroke:var(--field-grid);stroke-width:1;vector-effect:non-scaling-stroke}.field__ring{stroke-dasharray:4 4}.field__ring-label{fill:var(--text-faint);font-size:14px}.field__path{stroke-width:1.5;stroke-opacity:.45;vector-effect:non-scaling-stroke}.field__path--hit{stroke:var(--field-hit)}.field__path--late{stroke:var(--field-late)}.field__path--miss{stroke:var(--field-miss);stroke-dasharray:3 3}.field__point{stroke-width:2.5;vector-effect:non-scaling-stroke}.field__point--hit{fill:color-mix(in srgb,var(--field-hit) 70%,transparent);stroke:var(--field-hit)}.field__point--late{fill:color-mix(in srgb,var(--field-late) 70%,transparent);stroke:var(--field-late)}.field__point--miss{fill:none;stroke:var(--field-miss);stroke-width:3;stroke-linecap:round}.field__fixation{stroke:var(--text);stroke-width:3;vector-effect:non-scaling-stroke}.field__legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;color:var(--text-muted);font-size:var(--text-md)}.field__key{display:inline-flex;align-items:center;gap:6px}.field__key svg{width:14px;height:14px;overflow:visible}.field__note{flex-basis:100%;color:var(--text-faint);font-size:var(--text-sm)}.sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:6px}.sectors__cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--field-hit) calc(var(--rate) * .35%),color-mix(in oklab,var(--field-miss) calc((100 - var(--rate)) * .35%),var(--surface)));border:1px solid var(--border);font-size:var(--text-sm)}.sectors__cell.is-empty{background:var(--surface);border-style:dashed;color:var(--text-faint)}.sectors__cell--center{background:var(--surface-sunken)}.sectors__label{color:var(--text-muted);font-weight:700}.sectors__value{font-family:var(--font-display);font-size:1.35rem;line-height:1.1;font-variant-numeric:tabular-nums}.sectors__meta{color:var(--text-muted)}.sectors__empty{color:var(--text-faint)}.sectors__rings{margin:4px 0 0;padding:0;list-style:none;color:var(--text-muted);font-variant-numeric:tabular-nums}.sectors__rings strong{color:var(--text)}.training-body{overflow:hidden;margin:0;background:#2e2e2e;color:#d1d1d1;font-family:var(--font-sans)}.training{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-user-select:none;user-select:none;touch-action:manipulation}.training__stage{position:absolute;top:0;right:0;bottom:0;left:0;cursor:none}.training__screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow-y:auto;padding:24px;background:#2e2e2e;text-align:center}@supports (justify-content: safe center){.training__screen{justify-content:safe center}}.training__screen[hidden]{display:none}.training__title{margin:0;font-family:var(--font-display);font-size:2.6rem;font-weight:700;letter-spacing:.02em}.training__hint{max-width:60ch;margin:0;font-size:1.15rem;line-height:1.5}.training__plan{display:grid;gap:8px;min-width:min(100%,360px);margin:0;padding:0;font-family:var(--font-display);font-size:1.15rem;text-align:left;list-style:none;counter-reset:level}.training__plan li{display:flex;align-items:center;gap:12px;padding:10px 16px;border:2px solid hsl(0,0%,32%);border-radius:14px;background:#383838;counter-increment:level}.training__plan li:before{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#755ae2;color:#fff;font-weight:700;content:counter(level)}.training__plan li>span:first-child{flex:1 1 auto}.training__gaze{flex:0 0 auto;padding:3px 10px;border-radius:999px;font-family:var(--font-sans);font-size:.85rem;font-weight:700}.training__gaze--fixation{background:#7a1f1f;color:#fcc5c5}.training__gaze--free{background:#22593d;color:#bef4d9}.training__screen .training__gaze{font-size:1.1rem;padding:6px 16px}.training__plan .is-done{opacity:.55;text-decoration:line-through}.training__plan .is-done:before{background:#36a16b;content:"✓"}.training__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:8px}.training__button{transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow 90ms ease;min-width:220px;margin-bottom:6px;padding:18px 40px;border:0;border-radius:16px;background:linear-gradient(180deg,#8468f3,#6444e4);box-shadow:0 6px #361f93;color:#fff;font:inherit;font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}@media(hover:hover)and (prefers-reduced-motion:no-preference){.training__button:hover{transform:translateY(-2px);box-shadow:0 8px #361f93}.training__button:active{transform:translateY(6px);box-shadow:0 0 #361f93}}.training__button--secondary{min-width:0;padding:14px 26px;background:#525252;box-shadow:0 5px #333;font-size:1.05rem}@media(hover:hover)and (prefers-reduced-motion:no-preference){.training__button--secondary:hover{box-shadow:0 7px #333}.training__button--secondary:active{box-shadow:0 0 #333}}.training__button:focus-visible{outline:3px solid #fff;outline-offset:3px}.training__link{color:#d1d1d1;font-weight:600}.training__hud{position:absolute;top:12px;right:16px;z-index:1;color:#737373;font-size:.9rem;font-variant-numeric:tabular-nums;pointer-events:none}.training__message{position:absolute;bottom:16px;left:50%;z-index:3;margin:0;transform:translate(-50%);color:#f7c96e;font-size:1rem;pointer-events:none}.stimulus-fixation{position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);pointer-events:none}.stimulus-fixation:before,.stimulus-fixation:after{position:absolute;background:#f04c4c;content:""}.stimulus-fixation:before{top:12px;left:0;width:28px;height:4px}.stimulus-fixation:after{top:0;left:12px;width:4px;height:28px}.stimulus-fixation.is-hit:before,.stimulus-fixation.is-hit:after{background:#47d175}.stimulus-dot{position:absolute;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.search-field{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.search-item{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.search-item.is-wrong circle{stroke:#e05252}.search-item.is-found circle{stroke:#47d175}.search-item.is-missed circle{stroke:#f5b83d}.training__hint--gaze{font-weight:600}.stimulus-fixation.is-miss:before,.stimulus-fixation.is-miss:after{background:#f5b83d}.saccade-answers{position:absolute;top:50%;left:50%;display:grid;grid-template:". up ." 64px "left . right" 64px ". down ." 64px/64px 64px 64px;gap:8px;transform:translate(-50%,-50%);cursor:pointer}.saccade-answers[hidden]{display:none}.saccade-answers__button{border:2px solid hsl(0,0%,40%);border-radius:14px;background:#3d3d3d;color:#d1d1d1;font-size:1.8rem;cursor:pointer}.saccade-answers__button--up{grid-area:up}.saccade-answers__button--down{grid-area:down}.saccade-answers__button--left{grid-area:left}.saccade-answers__button--right{grid-area:right}.scan-field,.numbers-field,.reading-field{position:absolute;top:0;right:0;bottom:0;left:0;cursor:default}.exercise-header{position:absolute;top:0;right:0;left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 24px;padding:12px 120px 0}.exercise-header__prompt{margin:0;font-size:1.15rem}.exercise-header__prompt strong{color:#fff;font-size:1.4em}.exercise-header .training__button{min-width:0;margin:0;padding:8px 20px}.scan-letter{position:absolute;display:grid;place-items:center;font-family:ui-monospace,monospace;font-weight:600;cursor:pointer}.scan-letter.is-found{color:#47d175!important}.scan-letter.is-wrong{color:#e05252!important}.scan-letter.is-missed{outline:2px solid hsl(40,90%,60%);outline-offset:-4px;border-radius:6px}.numbers-item{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);border:2px solid hsl(0,0%,34%);border-radius:50%;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.numbers-item.is-wrong{border-color:#e05252}.numbers-item.is-missed{border-color:#f5b83d}.numbers-item.is-done{opacity:.25}.reading-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-45%);text-align:left}.reading-word{cursor:pointer;border-radius:4px}.reading-word.is-marked{text-decoration:underline 3px hsl(252,85%,72%);text-underline-offset:4px}.reading-word.is-wrong{background:#8f2424}.reading-word.is-found{background:#2a6f41}.reading-word.is-missed{background:#986e1b}.preview{display:grid;grid-template-columns:auto minmax(0,360px);align-items:center;gap:16px 28px;max-width:100%;text-align:left;pointer-events:none}@media(max-width:760px){.preview{grid-template-columns:auto;justify-content:center}}.preview__scene{position:relative;overflow:hidden;width:min(480px,100vw - 48px);aspect-ratio:16/10;border:2px solid hsl(0,0%,34%);border-radius:14px;background:#2e2e2e;box-shadow:inset 0 0 0 6px #292929}.preview__item{position:absolute;transform:translate(-50%,-50%)}.preview__scene .stimulus-fixation{transform:translate(-50%,-50%) scale(.6)}.preview__scene .stimulus-dot{width:12px;height:12px}.preview__scene .search-item.is-hint circle{stroke:#9f89f5}.preview__scene .scan-letter{padding:2px 6px;font-size:15px}.preview__scene .numbers-item{width:34px;height:34px;font-size:18px}.preview__scene .saccade-answers{transform:translate(-50%,-50%) scale(.6)}.preview__scene .saccade-answers__button{display:grid;place-items:center;transition:background .12s ease,transform .12s ease}.preview__scene .saccade-answers__button.is-pressed{background:#5c3cdd;transform:scale(.92)}.preview__header{display:flex;align-items:center;gap:10px;padding:4px 10px;border-radius:8px;font-size:.85rem;white-space:nowrap;transition:box-shadow .16s ease}.preview__header strong{color:#fff;font-size:1.3em}.preview__header.is-hint{box-shadow:0 0 0 2px #937bf4}.preview__done{padding:3px 10px;border-radius:8px;background:#525252;font-weight:700;transition:background .12s ease,transform .12s ease}.preview__done.is-pressed{background:#5c3cdd;transform:scale(.92)}.preview__band{width:94%;height:15%;border-radius:8px;background:#755ae22e;transition:top .3s ease}.preview__text{width:84%;font-size:16px;line-height:1.7;white-space:nowrap}.preview__gaze{width:42px;height:42px;border:2px dashed hsl(195,90%,70%);border-radius:50%;transition:left .22s ease-out,top .22s ease-out}.preview__pointer{width:18px;height:18px;transform:translate(-3px,-2px);background:#fff;clip-path:polygon(0 0,0 85%,28% 64%,46% 100%,60% 93%,43% 58%,78% 58%);filter:drop-shadow(0 1px 1px #000);transition:left .45s ease-in-out,top .45s ease-in-out;z-index:2}.preview__tap{width:34px;height:34px;border:2px solid #fff;border-radius:50%;opacity:0;animation:preview-tap .65s ease-out .35s}@keyframes preview-tap{0%{opacity:.9;transform:translate(-50%,-50%) scale(.3)}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}.preview__key{position:absolute;bottom:8px;left:50%;padding:3px 34px;transform:translate(-50%);border:2px solid hsl(0,0%,42%);border-bottom-width:4px;border-radius:8px;background:#3d3d3d;font-size:.75rem;font-weight:700;transition:transform 90ms ease,background 90ms ease,border-color 90ms ease}.preview__key.is-pressed{transform:translate(-50%) translateY(2px);border-color:#937bf4;border-bottom-width:2px;background:#4322c3}.preview__info{display:grid;gap:12px}.preview__steps{display:grid;gap:6px;margin:0;padding:0;list-style:none;counter-reset:step}.preview__steps li{display:flex;gap:10px;padding:8px 12px;border-radius:12px;color:#999;line-height:1.4;counter-increment:step;transition:background .2s ease,color .2s ease}.preview__steps li:before{display:grid;place-items:center;flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#4d4d4d;color:#fff;font-size:.85rem;font-weight:700;content:counter(step)}.preview__steps li.is-active{background:#3d3d3d;color:#fff}.preview__steps li.is-active:before{background:#755ae2}.preview__controls,.preview__legend{margin:0;font-size:.95rem}.preview__legend{color:#86dcf9}@media(prefers-reduced-motion:reduce){.preview__gaze,.preview__pointer,.preview__band{transition:none}.preview__tap{animation:none}}.badge{display:inline-block;padding:1px 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent-text) var(--tint-weak),var(--surface));color:var(--accent-text);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-decoration:none;vertical-align:middle}.who{display:grid;gap:var(--space-4)}.who__profiles{display:flex;flex-wrap:wrap;gap:8px}.who__chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:2px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-weight:600;cursor:pointer;transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.who__chip:hover{border-color:var(--accent-text)}.who__chip:has(input:checked){border-color:var(--accent-text);background:color-mix(in srgb,var(--accent-text) var(--tint-weak),var(--surface))}.who__chip:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px}.who__new{max-width:420px;margin:0}.who__manage{margin:0;font-size:.9rem}.profiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-4);margin:var(--space-4) 0 0;padding:0;list-style:none}.profiles__item{display:grid;align-content:start;gap:10px}.profiles__item.is-active{border-color:var(--accent-text)}.profiles__head{display:flex;align-items:center;gap:8px}.profiles__name{margin:0;font-size:1.2rem;overflow-wrap:anywhere}.profiles__meta{margin:0;color:var(--text-muted);font-size:.9rem}.profiles__rename{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.profiles__rename input{flex:1 1 140px;min-width:0}.profiles__rename .form__error{flex-basis:100%}.profiles__actions{display:flex;flex-wrap:wrap;gap:8px}.profilemenu__trigger{padding:6px 10px;font-weight:600}.profilemenu__name{max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu__panel a.is-active,.drawer__nav a.is-active[aria-current=true]{color:var(--accent-text)}.usermenu__panel .profilemenu__manage{margin-top:6px;border-top:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);color:var(--text-muted)}@media(max-width:639.98px){.header .profilemenu{display:none}}.compare__scroll{overflow-x:auto}.compare th[scope=row]{color:var(--text-muted);font-weight:600;text-align:left}.compare__best{color:var(--accent-text);font-weight:800}.compare__best:after{content:" ★"}.compare__meta{display:block;color:var(--text-muted);font-size:.8rem;font-weight:400}.compare__winner{display:flex;align-items:center;gap:12px}.compare__winner p{margin:0;font-size:1.1rem}.training__turn{margin:0;font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.training__hint .is-current{font-weight:800;text-decoration:underline}.notes{display:grid;gap:var(--space-4)}.notes__summary{display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.notes__optional{margin-left:4px;color:var(--text-muted);font-size:var(--text-sm);font-weight:400}.notes>.section__lead{margin:var(--space-3) 0 0}.notes__labels,.notes__text{margin:0}.notes__empty{margin:0;color:var(--text-muted)}.notes__edit>summary{display:inline-flex;list-style:none}.notes__edit>summary::-webkit-details-marker{display:none}.notes__edit[open]>summary{margin-bottom:var(--space-4)}.tagpick{display:grid;gap:var(--space-3);margin-block:var(--space-4)}.tagpick__group{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;border:0}.tagpick__legend{float:left;min-width:9rem;margin-right:4px;padding:0;color:var(--text-muted);font-size:var(--text-sm);font-weight:600}.tagpick__chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:2px solid var(--border);border-radius:var(--radius-full);background:var(--surface);font-size:.9rem;cursor:pointer;transition:border-color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease)}.tagpick__chip:hover{border-color:var(--accent-text)}.tagpick__chip:has(input:checked){border-color:var(--accent-text);background:color-mix(in srgb,var(--accent-text) var(--tint-weak),var(--surface));font-weight:600}.tagpick__chip:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px}.table__labels{margin-top:4px}
