.test-focus-layout,.test-focus-prompt,.test-focus-right,.test-focus-footer{display:contents}.test-focus-brand,.test-focus-desktop-count,.test-focus-key,.test-focus-key-hint{display:none}.test-shell{background:var(--background);color:var(--foreground);--mobile-nav-space:0px;display:block}.test-shell .app-content,.test-shell .app-main{padding:0}.test-question-focus{background:var(--background);width:100%;max-width:480px;height:100dvh;min-height:0;color:var(--foreground);font-family:var(--font-sans);--page-foreground:var(--foreground);flex-direction:column;margin-inline:auto;display:flex;overflow:hidden}.test-focus-header{--foreground:var(--on-violet);--muted-foreground:var(--on-violet);--card:#fffdf8;--sketch-accent:#fffdf8;padding:max(16px, env(safe-area-inset-top)) 24px 28px;color:var(--foreground);background:var(--test-header);border-radius:0 0 28px 28px;flex-shrink:0}.test-focus-topline{justify-content:space-between;align-items:center;height:44px;display:flex}.test-focus-icon{width:44px;min-height:44px;color:var(--foreground);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.test-focus-topline>:first-child{margin-left:-10px}.test-focus-topline>:last-child{margin-right:-10px}.test-focus-count{color:var(--accent-muted-foreground);font-size:13px;font-weight:600;line-height:1}.test-focus-progress{background:var(--test-progress-track);height:3px;overflow:hidden}.test-focus-progress>span{background:var(--test-progress);height:100%;display:block}.test-focus-theme{justify-content:space-between;align-items:center;gap:8px;min-height:52px;margin-top:28px;display:flex}.test-focus-theme>span{color:var(--accent-muted-foreground);letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:700;line-height:1.2}.test-focus-theme svg{flex-shrink:0}.test-focus-statement{font-family:var(--font-display);letter-spacing:-.03em;overflow-wrap:break-word;outline:none;margin:0;font-size:34px;font-weight:800;line-height:1.08}.test-focus-statement[data-length=medium]{font-size:28px;line-height:1.1}.test-focus-statement[data-length=long]{font-size:24px;line-height:1.1}.test-focus-help{text-underline-offset:3px;align-items:center;min-height:44px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline;display:inline-flex}.quiz-explain-link{text-underline-offset:3px;justify-content:center;align-items:center;width:100%;min-height:44px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:underline;display:flex}@media (width>=1024px){.quiz-explain-link{justify-content:flex-start}}.test-focus-responses{min-height:0;padding:24px 24px max(8px, env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.test-focus-answer-scroll{overscroll-behavior-y:contain;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.test-focus-choices{flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;display:flex}.test-focus-choice{border:1.5px solid var(--border);width:100%;height:52px;color:var(--foreground);background:var(--background);text-align:left;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 16px;font-size:16px;font-weight:500;display:flex}.test-focus-choice[aria-checked=true]{border-color:var(--on-violet);color:var(--on-violet);background:var(--violet);box-shadow:inset 0 0 0 .5px var(--on-violet);font-weight:600}.test-focus-undecided{min-height:44px;color:var(--muted-foreground);background:var(--background);justify-content:center;align-items:center;gap:6px;margin-top:-8px;font-size:15px;font-weight:400;display:flex}.test-focus-undecided span{text-underline-offset:3px;text-decoration:underline}.test-focus-undecided[aria-checked=true]{color:var(--foreground);font-weight:600}.test-focus-navigation{background:var(--background);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.test-focus-previous{align-items:center;gap:6px;min-height:48px;font-size:14px;font-weight:500;display:inline-flex}.test-focus-next{border:1px solid var(--border);min-height:48px;color:var(--muted-foreground);background:var(--background);border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:0 22px;font-size:15px;font-weight:600;display:inline-flex}.test-focus-next[data-selected=true]{border-color:var(--on-violet);color:var(--primary-foreground);background:var(--primary)}.test-question-focus button:disabled{cursor:default}.test-question-focus :focus-visible,.test-focus-dialog :focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.test-focus-statement:focus-visible{outline:none}.test-focus-storage-prompt{color:var(--foreground);font-family:var(--font-sans);justify-content:space-between;align-items:center;gap:8px;padding:4px 16px;font-size:12px;line-height:1.3;display:flex}.test-focus-storage-prompt>div{flex-shrink:0;gap:8px;margin:0;display:flex}.test-focus-storage-prompt .button-link{min-height:44px;font:inherit;box-shadow:none;color:var(--foreground);background:0 0;border:0;border-radius:0;padding:0 8px;font-weight:600;text-decoration:underline}.test-focus-status{color:var(--muted-foreground);margin-block:8px;font-size:13px;line-height:1.4}.test-focus-dialog{font-family:var(--font-sans);color:var(--foreground);background:var(--background)}.test-focus-help-panel{z-index:50;border:1px solid var(--border);flex-direction:column;max-height:90dvh;display:flex;position:fixed;overflow:hidden}.test-focus-help-panel.test-focus-help-full{max-width:768px}.test-focus-options{z-index:50;border:1px solid var(--border);flex-direction:column;max-height:90dvh;display:flex;position:fixed;overflow:hidden}.test-focus-modal{border-radius:24px;width:calc(100% - 32px);max-width:480px;top:50%;left:50%;transform:translate(-50%,-50%)}.test-focus-sheet{padding-bottom:env(safe-area-inset-bottom);border-radius:28px 28px 0 0;inset:auto 0 0}.test-focus-handle{background:0 0;flex-shrink:0;width:96px;height:44px;margin:0 auto;position:relative}.test-focus-handle:after{content:"";background:var(--border);border-radius:4px;width:40px;height:4px;position:absolute;top:20px;left:28px}.test-focus-dialog>button{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.test-focus-options-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px 8px 24px;display:flex}.test-focus-options-heading h2{font-family:var(--font-display);font-size:22px;font-weight:500;line-height:1.2}.test-focus-options-body{gap:4px;padding:0 24px 24px;display:grid;overflow-y:auto}.test-focus-options-body>button,.test-focus-options-body>a,.test-focus-options-body>div>div>button{text-align:left;border-bottom:1px solid var(--border);align-items:center;min-height:48px;font-size:15px;text-decoration:none;display:flex}.test-focus-note-label{gap:8px;font-size:15px;display:grid}.test-focus-note-label textarea{border:1px solid var(--input);width:100%;font:inherit;border-radius:12px;padding:12px}@media (width<=767px) and (height<=740px){.test-focus-header{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:0}.test-focus-theme{margin-top:0}.test-focus-choices{flex:1 0 280px;gap:4px;min-height:280px;max-height:320px}.test-focus-choice{flex:52px;min-height:44px}.test-focus-undecided{flex-shrink:0;margin-top:-4px}}@media (width>=768px){.test-question-focus{justify-content:center;padding-block:24px}.test-focus-header{border-radius:28px}.test-focus-responses{flex:0 auto;padding:32px 24px 0}.test-focus-answer-scroll{flex:0 auto}}@media (width>=1024px){.test-question-focus{background:linear-gradient(to right, var(--test-header) 0 50%, var(--background) 50% 100%);justify-content:center;max-width:none;padding-block:80px;position:relative}.test-focus-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;width:100%;min-height:0;display:grid}.test-focus-header{background:0 0;border-radius:0;flex-direction:column;align-items:flex-end;min-width:0;padding:0 72px 0 64px;display:flex}.test-focus-topline{width:100%;height:76px;padding-inline:64px;position:absolute;top:4px;left:0}.test-focus-topline>:first-child,.test-focus-topline>:last-child{margin-inline:0}.test-focus-topline>:last-child{color:var(--page-foreground)}.test-focus-count{display:none}.test-focus-brand{font-family:var(--font-display);margin-left:12px;margin-right:auto;font-size:22px;font-weight:800;line-height:1;display:block}.test-focus-progress{background:var(--test-progress-track);height:4px;position:absolute;inset:0 0 auto}.test-focus-prompt{flex-direction:column;gap:24px;width:100%;max-width:540px;display:flex}.test-focus-theme{min-height:70px;margin:0}.test-focus-theme>span{letter-spacing:.12em;font-size:13px}.test-focus-desktop-count{display:inline}.test-focus-theme svg{width:100px;height:70px}.test-focus-statement[data-desktop-length]{letter-spacing:-.035em;font-size:46px;line-height:1.06}.test-focus-statement[data-desktop-length=long]{font-size:40px}.test-focus-statement[data-desktop-length=very-long]{font-size:36px}.test-focus-help{align-self:flex-start;font-size:16px}.test-focus-right{flex-direction:column;align-items:flex-start;min-width:0;padding:0 64px 0 72px;display:flex}.test-focus-right>.test-focus-storage-prompt{flex-shrink:0;width:100%;max-width:440px;padding:0 0 16px}.test-focus-responses{width:100%;max-width:440px;padding:0}.test-focus-choices{gap:10px;margin:0}.test-focus-choice{border-radius:14px;gap:12px;height:58px;font-size:17px}.test-focus-choice-label{flex:1}.test-focus-key{border:1px solid var(--border);width:22px;height:22px;color:var(--muted-foreground);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.test-focus-choice[aria-checked=true] .test-focus-key{border-color:var(--on-violet);color:var(--violet);background:var(--on-violet)}.test-focus-undecided{justify-content:flex-start;margin-top:-10px}.test-focus-footer{flex-direction:column;flex-shrink:0;height:108px;padding-top:20px;display:flex}.test-focus-navigation,.test-focus-next,.test-focus-previous{min-height:52px}.test-focus-key-hint{color:var(--muted-foreground);text-align:right;margin:8px 0 0;font-size:13px;line-height:18px;display:block}}.quiz-time{color:var(--foreground);text-align:right;margin-top:6px;font-size:12px;font-weight:600;line-height:1}.quiz-hero-sketch{display:none}@media (width>=1024px){.quiz-single.test-question-focus{--quiz-width:min(1180px, calc(100vw - 128px));background:var(--background);justify-content:flex-start;height:auto;min-height:100dvh;padding:0;overflow:visible}.quiz-single .test-focus-layout{flex-direction:column;flex:1;align-items:stretch;width:100%;max-width:none;display:flex}.quiz-single .test-focus-header{background:var(--test-header);border-radius:0 0 44px 44px;align-items:center;min-height:clamp(340px,60dvh,760px);padding:0 0 clamp(36px,6dvh,80px)}.quiz-single .test-focus-topline{width:var(--quiz-width);height:76px;padding-inline:0;position:static}.quiz-single .test-focus-topline>:last-child{color:inherit}.quiz-single .test-focus-progress{width:var(--quiz-width);border-radius:5px;height:5px;position:static}.quiz-single .quiz-time{width:var(--quiz-width);margin-top:10px;font-size:13px}.quiz-single .test-focus-prompt{width:var(--quiz-width);flex:1;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:18px clamp(32px,5vw,96px);max-width:none;padding-top:clamp(16px,3dvh,40px);display:grid}.quiz-single .test-focus-theme{grid-column:1;min-height:0}.quiz-single .test-focus-theme>span{font-size:14px}.quiz-single .test-focus-theme svg{display:none}.quiz-single .test-focus-statement{grid-column:1}.quiz-single .test-focus-statement[data-desktop-length]{font-size:clamp(38px,1.6vw + 22px,62px);line-height:1.06}.quiz-single .test-focus-statement[data-desktop-length=long]{font-size:clamp(34px,1.4vw + 20px,54px)}.quiz-single .test-focus-statement[data-desktop-length=very-long]{font-size:clamp(31px,1.2vw + 19px,48px)}.quiz-single .test-focus-help{grid-column:1;font-size:17px}.quiz-single .quiz-hero-sketch{grid-area:1/2/span 3;justify-content:center;align-items:center;display:flex}.quiz-single .quiz-hero-sketch svg{width:clamp(150px,14vw,280px);height:auto}.quiz-single .test-focus-right{width:var(--quiz-width);align-items:stretch;margin-inline:auto;padding:clamp(28px,4dvh,56px) 0 32px}.quiz-single .test-focus-right>.test-focus-storage-prompt,.quiz-single .test-focus-responses{width:100%;max-width:none}.quiz-single .test-focus-choices{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1vw,18px);display:grid}.quiz-single .test-focus-choice{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;gap:10px;height:auto;min-height:clamp(84px,12dvh,150px);padding:14px 10px;font-size:clamp(15px,.4vw + 11px,19px);line-height:1.2;position:relative}.quiz-single .test-focus-choice:hover:not([aria-checked=true]){border-color:var(--foreground)}.quiz-single .test-focus-choice-label{flex:none}.quiz-single .test-focus-choice>svg{position:absolute;top:10px;right:10px}.quiz-single .test-focus-undecided{grid-column:1/-1;margin-top:6px;font-size:16px}.quiz-single .test-focus-choices .test-focus-undecided{justify-content:center}.quiz-single .test-focus-key-hint{text-align:center}.quiz-single .quiz-explain-link{justify-content:center}.quiz-single .test-focus-footer{height:auto;padding-top:12px}}@keyframes quiz-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.quiz-enter{animation:.42s cubic-bezier(.22,1,.36,1) both quiz-enter}.quiz-enter-late{animation-delay:80ms}.quiz-enter .test-focus-choice{transition:transform .12s,background-color .15s,box-shadow .15s}.quiz-enter .test-focus-choice:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.quiz-enter{animation:none}.quiz-enter .test-focus-choice{transition:none}.quiz-enter .test-focus-choice:active{transform:none}}.quiz-explanation .explanation-heading{font-family:var(--font-sans);font-size:1rem;font-weight:600;line-height:1.5}.quiz-explanation .explanation-text{font-size:.875rem;line-height:1.625}@media (width>=768px){.quiz-explanation.test-focus-modal{border-radius:32px;width:calc(100% - 64px);max-width:960px;max-height:88dvh}.quiz-explanation .explanation-heading{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.375rem;font-weight:700}.quiz-explanation .explanation-text{font-size:1.0625rem;line-height:1.7}}@media (width>=768px) and (height<=800px){.quiz-explanation .explanation-header{padding-top:1rem;padding-bottom:1rem}.quiz-explanation .explanation-header p.font-display{margin-top:.5rem;font-size:1rem}.quiz-explanation .explanation-body{padding-top:1.5rem}.quiz-explanation .explanation-footer{padding-top:.75rem;padding-bottom:.75rem}}
