body,body.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#072e42;--bg-surface:#0b3a52;--bg-card:#0f4863;--border-color:#1d5b78;--text-primary:#fff;--text-secondary:#ffffff9e;--text-muted:#ffffff61;--color-warning-fg:#ffa000;--color-accent:#76b52c;--color-accent-hover:#8dc63f;--color-accent-muted:#76b52c1f}body.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-main:#eef1e8;--bg-surface:#f8faf3;--bg-card:#fff;--border-color:#dde2d4;--text-primary:#072e42;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--color-warning-fg:#a15c00}h1,h2,h3,h4,h5,h6{margin:0;font-family:Orbitron,sans-serif}h1{font-size:1.75rem;font-weight:800;line-height:1.25}h2{font-size:1.5rem;font-weight:700}h3{margin-bottom:16px;font-size:1rem;font-weight:600}h4{font-size:.875rem;font-weight:500}.text-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem}.text-note{color:var(--text-secondary);font-size:.875rem}.text-note b{color:var(--color-warning-fg);font-weight:500}.text-error{color:#e05555}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--text-primary);background:var(--bg-main);margin:0;font-family:Montserrat,sans-serif;line-height:1.5}button,select,input{font-family:inherit}.hidden{display:none!important}.wrap{max-width:896px;margin:0 auto;padding:0 16px 64px;overflow-x:clip}@media (width>=1280px){.wrap{max-width:1152px}}.shell__header{border-bottom:1px solid var(--border-color);grid-template-columns:1fr auto;gap:8px 16px;margin-bottom:24px;padding:24px 0 16px;display:grid}.shell__account{grid-area:1/2;place-self:start end}.shell__brand{letter-spacing:-.02em;grid-area:1/1;font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;line-height:1}.shell__brand-span{color:var(--color-accent)}.shell__tag{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);grid-area:2/1/auto/-1;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem}.shell__nav{flex-wrap:wrap;grid-area:3/1/auto/-1;align-items:center;gap:8px;margin-top:8px;display:flex}.shell__nav select{width:100%}@media (width>=768px){.shell__nav select{width:auto;max-width:288px}}.shell__link{letter-spacing:.06em;text-transform:uppercase;min-height:48px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;padding:0 16px;font-size:.75rem;text-decoration:none;display:inline-flex}.shell__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.shell__link--active{color:var(--bg-main);background:var(--text-primary);border-color:var(--text-primary)}.shell__user{min-width:0;color:var(--text-secondary);align-items:center;gap:8px;margin-left:auto;font-size:.75rem;display:flex}.shell__avatar{border-radius:50%;width:24px;height:24px}.shell__user-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.shell__footer{color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:40px;padding-top:16px;font-size:.75rem}.centered{justify-items:start;gap:16px;max-width:544px;padding:32px 0;display:grid}.fill-screen{min-height:40vh;color:var(--text-secondary);place-items:center;display:grid}.top-progress{z-index:100;background:var(--color-accent);transform-origin:0;height:4px;animation:1.2s ease-in-out infinite top-progress;position:fixed;inset:0 0 auto}@keyframes top-progress{0%{transform:scaleX(.05)}50%{transform:scaleX(.7)}to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn{letter-spacing:.06em;text-transform:uppercase;min-height:48px;color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;text-decoration:none;transition:border-color .2s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:hover:not(:disabled){border-color:var(--text-secondary)}.btn.btn--primary{background:var(--color-accent);color:#000;border-color:var(--color-accent)}.btn.btn--primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn.btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.btn.btn--primary:disabled{background:var(--border-color);color:var(--text-secondary);border-color:var(--border-color);cursor:not-allowed}.btn.btn--danger{color:#e05555;border-color:#e05555}.btn.btn--ghost{color:var(--text-secondary)}select,input[type=search],input[type=text]{width:100%;min-height:48px;font:inherit;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:0 8px;font-size:.875rem}select:focus-visible,input[type=search]:focus-visible,input[type=text]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.field label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:4px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem;display:block}.setup{gap:16px;max-width:544px;display:grid}.skeleton-box{vertical-align:middle;background:linear-gradient(90deg,#8282821a 25%,#82828233 50%,#8282821a 75%) 0 0/200% 100%;border-radius:8px;height:16px;animation:1.5s linear infinite skeleton-shimmer;display:inline-block}.skeleton--sm{width:64px}.skeleton--md{width:120px}.skeleton--lg{width:176px}.skeleton--icon{border-radius:50%;width:40px;height:40px}.skeleton--pill{border-radius:24px;width:96px;height:24px}.skeleton--w-40{width:40px}.skeleton--w-60{width:64px}.skeleton--w-70{width:72px}.skeleton--w-80{width:80px}.skeleton--w-90{width:88px}.skeleton--w-40pct{width:40 %}.skeleton--w-45pct{width:45 %}.skeleton--w-50pct{width:50 %}.skeleton--w-55pct{width:55 %}.skeleton--w-60pct{width:60 %}.skeleton--w-65pct{width:65 %}.skeleton--w-70pct{width:70 %}.skeleton--w-75pct{width:75 %}.skeleton--w-80pct{width:80 %}.skeleton-line{background:linear-gradient(90deg,#8282821a 25%,#82828233 50%,#8282821a 75%) 0 0/200% 100%;border-radius:8px;height:16px;margin-bottom:8px;animation:1.5s linear infinite skeleton-shimmer;display:block}.skeleton-line--badge{border-radius:24px;height:24px;margin-bottom:0;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rail{flex-wrap:wrap;gap:4px;margin:0 0 24px;display:flex}.tick{min-width:48px;height:48px;color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;place-items:center;padding:0;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.625rem;display:grid}.tick:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tick:hover{border-color:var(--text-secondary);color:var(--text-primary)}.tick.done{background:var(--bg-card);color:var(--text-primary)}.tick.here{border-color:var(--color-accent);color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.tick.ok{color:#000;background:#38af64;border-color:#38af64}.tick.bad{color:#000;background:#e05555;border-color:#e05555}.tick.flag{color:var(--color-warning-fg);border-color:#ffa000}.meters{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);flex-wrap:wrap;align-items:baseline;gap:24px;margin-bottom:16px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem;display:flex}.meters b{color:var(--text-primary);letter-spacing:0;font-size:1rem}.meters .low b{color:#e05555}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px 16px}.qid{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:8px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem;display:flex}.qimg{border:1px solid var(--border-color);background:#fff;border-radius:8px;max-width:100%;height:auto;margin:8px 0;display:block}.qtext{margin-bottom:8px;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:500;line-height:1.5}@media (width>=768px){.qtext{font-size:1.25rem}}.trword{vertical-align:middle;margin-left:4px;display:inline-block;position:relative}.trbadge{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);border:1px dashed var(--border-color);cursor:help;background:0 0;border-radius:8px;min-width:48px;min-height:48px;padding:0 4px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem}.trbadge:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.bubble{background:var(--bg-surface);border:1px solid var(--color-accent);opacity:0;visibility:hidden;pointer-events:none;z-index:30;border-radius:8px;width:max-content;max-width:min(352px,80vw);padding:8px;font-size:.875rem;font-style:italic;transition:opacity .2s;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)}.opt-row .bubble{left:auto;right:0;transform:none}.trword:hover .bubble,.trword:focus-within .bubble,.trword.show .bubble{opacity:1;visibility:visible}.opts{flex-direction:column;gap:8px;display:flex}.opt-row{align-items:stretch;gap:4px;display:flex}.opt{min-width:0;min-height:48px;font:inherit;text-align:left;color:var(--text-primary);background:var(--bg-main);border:1px solid var(--border-color);cursor:pointer;border-radius:8px;flex:1;align-items:flex-start;gap:8px;padding:8px;font-size:.875rem;display:flex}.opt:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.opt:hover:not(:disabled){border-color:var(--text-secondary)}.opt:disabled{cursor:default}.opt[aria-pressed=true]{border-color:var(--color-accent)}.opt.correct{border-color:#38af64}.opt.wrong{border-color:#e05555}.opt .k{border:1px solid var(--border-color);border-radius:8px;flex:none;place-items:center;width:24px;height:24px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem;display:grid}.opt[aria-pressed=true] .k{background:var(--color-accent);color:#000;border-color:var(--color-accent)}.opt.correct .k{color:#000;background:#38af64;border-color:#38af64}.opt.wrong .k{color:#000;background:#e05555;border-color:#e05555}.actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.verdict{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;margin-bottom:24px;padding:24px 16px}.verdict h2{font-size:clamp(2rem,9vw,3.2rem);line-height:1}.verdict .score{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-top:8px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem}.verdict.pass{border-color:#38af64}.verdict.pass h2{color:#38af64}.verdict.fail{border-color:#e05555}.verdict.fail h2{color:#e05555}.bars{margin:24px 0}.bar{margin-bottom:16px}.bar .lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;margin-bottom:4px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem;display:flex}.bar .track{background:var(--bg-main);border-radius:4px;height:4px;overflow:hidden}.bar .fill{background:var(--color-accent);height:100%}.bar.weak .fill{background:#e05555}.review{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px}.miss{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid #e05555;border-radius:0 8px 8px 0;margin-bottom:8px;padding:16px}.miss .q{margin-bottom:8px;font-weight:500}.miss .row{gap:8px;margin-top:4px;font-size:.875rem;display:flex}.miss .row i{letter-spacing:.1em;text-transform:uppercase;width:64px;color:var(--text-secondary);flex:none;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem;font-style:normal}.miss .yours{color:#e05555}.miss .right{color:#38af64}.tools{grid-template-columns:1fr;gap:8px;margin-bottom:16px;display:grid}@media (width>=768px){.tools{grid-template-columns:2fr 1fr 1fr}}.count{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem}details.item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;margin-bottom:8px}details.item>summary{cursor:pointer;align-items:flex-start;gap:8px;min-height:48px;padding:8px 16px;list-style:none;display:flex}details.item>summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}details.item>summary::-webkit-details-marker{display:none}details.item[open]>summary{border-bottom:1px solid var(--border-color)}details.item .n{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);flex:none;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem}.body{padding:16px}.ans{align-items:flex-start;gap:8px;padding:4px 0;font-size:.875rem;display:flex}.ans .m{letter-spacing:.1em;text-transform:uppercase;width:16px;color:var(--text-secondary);flex:none;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem}.ans.is-right,.ans.is-right .m{color:#38af64}.flagline{border-top:1px dashed var(--border-color);color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-top:8px;padding-top:8px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.75rem}.login{place-items:center;min-height:70vh;display:grid}.login__card{background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;border-radius:16px;gap:16px;width:100%;max-width:424px;padding:32px;display:grid}.login__subtitle{color:var(--text-secondary);margin:0;font-size:.875rem}.login__error{margin:0;font-size:.875rem}.login__google-wrap{position:relative}.login__google-btn{background:var(--bg-surface);border:1px solid var(--border-color);width:100%;height:40px;color:var(--text-primary);pointer-events:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:500;display:flex}.login__google-wrap:hover .login__google-btn{background:var(--bg-main)}.login__google-icon{flex-shrink:0;width:16px;height:16px}.login__google-native{opacity:0;position:absolute;inset:0;overflow:hidden}.user-menu{position:relative}.user-menu__trigger{border:1px solid var(--border-color);min-height:48px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:16px;align-items:center;gap:8px;padding:0 8px;font-family:Montserrat,sans-serif;font-size:.875rem;display:flex}.user-menu__trigger:hover{background:var(--bg-surface)}.user-menu__avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.user-menu__avatar--initials{background:var(--color-accent-muted);color:var(--color-accent);place-items:center;font-size:.75rem;font-weight:700;display:grid}.user-menu__name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;display:none;overflow:hidden}@media (width>=768px){.user-menu__name{display:inline}}.user-menu__chevron{border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--text-secondary);width:0;height:0}.user-menu__panel{z-index:50;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;min-width:256px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000059}.user-menu__identity{border-bottom:1px solid var(--border-color);align-items:center;gap:8px;margin-bottom:8px;padding:8px;display:flex}.user-menu__identity-name{font-weight:600}.user-menu__identity-email{color:var(--text-secondary);overflow-wrap:anywhere;font-size:.75rem}.user-menu__item{text-align:left;min-height:48px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 8px;font-family:Montserrat,sans-serif;font-size:.875rem}.user-menu__item:hover{background:var(--bg-surface)}.user-menu__item--danger{color:#e05555}
