.ex-page{padding-inline:clamp(16px,4vw,40px)}.ex{display:flex;flex-direction:column;gap:20px;max-width:760px;margin:0 auto;padding-block:clamp(28px,5vw,56px) 80px}.ex-instr{margin:0;padding:16px 18px;border-radius:16px;background:var(--bg);white-space:pre-line}.ex-count{margin:0;font:700 16px Nunito,sans-serif;color:var(--muted)}.ex-notice{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border:1px solid var(--line);border-radius:20px}.ex-notice h2{margin:0}.ex-notice p{margin:0;line-height:1.65}.ex-agree,.ex-field{display:flex;flex-direction:column;gap:8px;font-weight:800}.ex-field input{max-width:360px}.ex-agree{flex-direction:row;align-items:center;gap:12px;font-weight:700;min-height:44px}.ex-agree input{width:24px;height:24px;min-height:0;padding:0;flex:none;accent-color:var(--brand)}.ex-send .btn,.ex-send .ghost,.ex>.btn,.ex>.ghost{align-self:flex-start}.ex-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.ex-q{border:1.5px solid var(--line);border-radius:22px;padding:clamp(16px,3vw,24px);background:var(--surface)}.ex-q[data-result=right]{border-color:#2E9E4B;background:color-mix(in srgb,#2E9E4B 10%,var(--surface))}.ex-q[data-result=wrong]{border-color:var(--danger);background:var(--danger-bg)}.ex-q fieldset{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:12px}.ex-q legend{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:0;margin-bottom:6px}.ex-q legend span{font:800 18px Nunito,sans-serif}.ex-q legend small{font:700 15px Nunito,sans-serif;color:var(--muted)}.ex-prompt{margin:0;font-size:19px;font-weight:700;line-height:1.5;white-space:pre-line}.ex-help{margin:0;font-size:15px;color:var(--muted)}.ex-opts{display:flex;flex-direction:column;gap:8px}.ex-opt{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;border:2px solid var(--line);border-radius:16px;font-weight:700;cursor:pointer;background:var(--surface)}.ex-opt input{position:absolute;opacity:0;pointer-events:none}.ex-opt[data-on]{border-color:var(--ink);background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.ex-opt[data-right]{border-color:#2E9E4B}.ex-opt:has(input:focus-visible){border-color:var(--focus);background:color-mix(in srgb,var(--focus) 12%,var(--surface))}.ex-opt small{margin-left:auto;font:800 14px Nunito,sans-serif;color:var(--ok-ink)}.ex-q textarea{min-height:140px}.ex-verdict{margin:12px 0 0;font-weight:800}.ex-result{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:20px;background:color-mix(in srgb,var(--accent) 16%,var(--surface))}.ex-result h2,.ex-result p{margin:0}.ex-score{font:700 22px Nunito,sans-serif}.ex-score b{font-size:44px}.ex-send{display:flex;flex-direction:column;gap:12px;position:-webkit-sticky;position:sticky;bottom:12px;padding:14px 18px;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:0 8px 28px rgba(30,43,94,.16)}.ex-send p{margin:0;font-weight:800}.ex-confirm{display:flex;flex-direction:column;gap:10px}.ex-confirm p{font-weight:700}.ex-confirm .btn,.ex-confirm .ghost{align-self:flex-start}.ex-quiet{margin-top:28px}.ex-quiet summary{cursor:pointer;color:var(--muted);font-weight:700}.ex-quiet form{margin-top:14px}.ex-timing{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border-radius:20px;background:var(--bg)}.ex-timing h2,.ex-timing p{margin:0}.ex-timing p,.ex-wait{line-height:1.6}.ex-wait{margin:0;padding:18px 20px;border-radius:18px;background:var(--bg);font-weight:700}.ex-bar{position:-webkit-sticky;position:sticky;top:var(--ex-top,0);z-index:15;display:flex;flex-direction:column;gap:10px;margin:0 -4px;padding:12px 16px 14px;border:1px solid var(--line);border-radius:0 0 18px 18px;background:color-mix(in srgb,var(--surface) 98%,transparent);box-shadow:0 8px 24px rgba(30,43,94,.1)}.ex-bar-text{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px}.ex-bar p{margin:0}.ex-bar-where{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px}.ex-bar-where b{font:800 17px Nunito,sans-serif}.ex-bar-where span{font:700 15px Nunito,sans-serif;color:var(--muted)}.ex-bar-time{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.ex-bar-label{font:700 15px Nunito,sans-serif;color:var(--muted)}.ex-bar-time b{font:800 24px Nunito,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:4ch}.ex-bar-urgent{font:800 15px Nunito,sans-serif}.ex-bar[data-urgent]{border-color:var(--danger);background:var(--danger-bg)}.ex-bar[data-urgent] .ex-bar-time b,.ex-bar[data-urgent] .ex-bar-urgent{color:var(--danger)}.ex-bar-track{height:8px;border-radius:999px;background:var(--bg);overflow:hidden}.ex-bar-track span{display:block;height:100%;border-radius:inherit;background:var(--brand);transition:width var(--t-ui,.2s) var(--ease-out,ease-out)}.ex-timeup{margin:0;padding:16px 18px;border-radius:16px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));font-weight:800}.ex-q{scroll-margin-top:calc(var(--ex-top,0px) + 110px)}@media (max-width:480px){.ex-bar{padding:10px 12px 12px}.ex-bar-time b{font-size:21px}}@media (prefers-reduced-motion:reduce){.ex-bar-track span{transition:none}}@media (max-width:640px){.ex-send{position:static;box-shadow:none}}.ex-who{font-weight:700}.ex-who b{font-weight:800}.ex-copy{display:flex;flex-direction:column;gap:12px;padding:20px 22px;border:1px solid var(--line);border-radius:20px}.ex-copy h2,.ex-copy p{margin:0}.ex-copy p{line-height:1.6}.ex-copy-end{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.ex-again{background:none;border:0;padding:8px 0;font:inherit;font-weight:700;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ex-copy-note{color:var(--muted);font-size:.95em}.ex-recap{display:flex;flex-direction:column;gap:8px;padding:0;list-style:none}.ex-recap li{padding:12px 16px;border-radius:14px;border:1px solid var(--line)}:root[data-theme=dark] .ex-opt small{color:#7FD39A}.ex-staff{margin-top:12px;font-size:16px}.ex-staff a{color:var(--muted);font-weight:700}.ex-again{display:inline-flex;align-items:center;gap:8px}.ex-again .ico{width:18px;height:18px}