:root{--bg:#fafaf9;--text:#20201f;--muted:#82827e;--line:#ddddd9;--field:#f4f4f1;--focus:#797975;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
:root[data-theme=dark]{--bg:#111112;--text:#eeeeec;--muted:#81817f;--line:#343435;--field:#171719;--focus:#777776;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{min-height:100svh;display:grid;grid-template-rows:88px 1fr 72px;background:var(--bg);color:var(--text);transition:background .35s,color .35s;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a{transition:opacity .2s,transform .2s}button:active{transform:scale(.96)}button:focus-visible,a:focus-visible{outline:1px solid var(--text);outline-offset:6px;border-radius:4px}button:disabled{cursor:default}a{color:inherit;text-decoration:none}.masthead{display:flex;align-items:center;justify-content:space-between;padding:0 44px}.wordmark{font-size:20px;letter-spacing:-.8px;font-weight:600}.icon-button{display:grid;place-items:center;width:38px;height:38px;color:var(--muted);border-radius:50%}.icon-button:hover{color:var(--text)}.icon-button svg{width:19px;height:19px}main{display:grid;place-items:center;padding:24px;min-height:0}.stage{width:100%;max-width:590px;text-align:center;padding:10px 0 32px}h1{font-size:clamp(30px,3.8vw,51px);font-weight:400;line-height:1.19;letter-spacing:-1.9px;margin:0 auto;max-width:570px;text-wrap:balance;min-height:122px;display:grid;place-content:center}h1:focus{outline:none}.answer-form{width:min(100%,360px);margin:25px auto 0;position:relative}.answer-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;background:var(--field);padding:5px 7px 5px 21px;transition:border-color .25s,background .25s,box-shadow .25s}.answer-field:focus-within{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus) 6%,transparent)}.answer-field input{width:100%;min-width:0;padding:12px 0;border:0;outline:none;background:transparent;color:var(--text);font-size:17px;line-height:1.5;caret-color:var(--text)}.answer-field input::placeholder{color:var(--muted)}.submit-answer{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:6px;color:var(--text)}.submit-answer svg{width:19px;height:19px}.submit-answer:hover:enabled{background:color-mix(in srgb,var(--text) 5%,transparent);transform:translateY(-1px)}.submit-answer:disabled{opacity:.25}.answer-error{position:absolute;top:100%;left:0;right:0;font-size:12px;margin:8px 0;color:var(--muted)}.answer-error:empty{display:none}.step-meta{display:flex;align-items:center;justify-content:space-between;width:min(100%,360px);margin:20px auto 0;color:var(--muted);font-size:12px;line-height:1.5;min-height:36px}.back{color:var(--muted);padding:10px 2px;font-size:12px}.back:hover{color:var(--text)}.back:disabled{visibility:hidden}.footer{display:flex;align-items:center;justify-content:space-between;padding:0 44px;color:var(--muted);font-size:12px;line-height:1.5}.footer button{color:var(--muted);font-size:12px;padding:13px 0}.footer button:hover{color:var(--text)}.restart-main{display:grid;place-items:center;width:54px;height:54px;margin:25px auto 0;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.restart-main svg{width:22px;height:22px}.restart-main:hover{color:var(--text);transform:rotate(-25deg)}.stage.entering{animation:enter .3s cubic-bezier(.2,.75,.2,1) both}.stage.leaving{animation:leave .17s ease-in both;pointer-events:none}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes leave{to{opacity:0;transform:translateY(-7px)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}noscript{position:fixed;inset:auto 0 20px;text-align:center;font-size:14px}
@media(max-width:640px){body{grid-template-rows:72px 1fr 60px}.masthead,.footer{padding-left:25px;padding-right:25px}main{padding:22px 28px}.wordmark{font-size:19px}.stage{padding-bottom:30px}h1{font-size:clamp(29px,7.8vw,42px);letter-spacing:-1.2px;min-height:102px}.answer-form{margin-top:23px}.answer-field{padding-left:17px}.answer-field input{font-size:16px}.step-meta{margin-top:17px}.footer{font-size:11px}.footer button{font-size:11px}}
.wordmark{display:inline-flex;align-items:baseline;font-family:Georgia,'Times New Roman',serif;font-size:34px;font-weight:400;font-style:italic;letter-spacing:-2px;line-height:1;padding:0 3px 4px 0}.wordmark:hover{opacity:.65}.wordmark:active{transform:translateY(1px)}
@media(max-width:640px){.wordmark{font-size:31px;letter-spacing:-1.8px}}
.test-controls{display:flex;align-items:center;gap:12px}.test-controls select{font:inherit;background:transparent;color:var(--muted);border:0;padding:8px 0;cursor:pointer}.test-controls option{background:var(--bg);color:var(--text)}
@media(max-height:500px){body{grid-template-rows:60px 1fr 48px}.stage{padding:0}h1{min-height:70px;font-size:32px}.answer-form{margin-top:14px}.step-meta{margin-top:7px}main{padding:10px 24px}}
/* Anchor the chrome to the viewport; center the question and field as one group. */
body{display:block;min-height:100svh}.masthead{position:absolute;top:24px;left:0;right:0;height:38px;z-index:2}.footer{position:fixed;bottom:20px;left:0;right:0;height:36px;z-index:2}main{display:flex;align-items:center;justify-content:center;min-height:100svh;padding:100px 28px}.stage{padding:0;max-width:580px}h1{display:block;min-height:0;max-width:560px}.answer-form{margin-top:32px}.step-meta{margin-top:17px}
@media(max-width:640px){.masthead{top:16px}.footer{bottom:12px}main{padding:85px 28px}.stage{padding:0}h1{min-height:0}.answer-form{margin-top:28px}}
@media(max-height:500px){.masthead{top:12px}.footer{bottom:7px}main{padding:70px 24px}h1{min-height:0}.answer-form{margin-top:20px}}
.yes-no{display:flex;justify-content:center;gap:14px;margin:36px auto 0;width:min(100%,300px)}.yes-no button{min-width:0;flex:1;padding:17px 24px;border:1px solid var(--line);border-radius:8px;background:var(--field);font-size:17px;line-height:1.3}.yes-no button:hover{border-color:var(--focus);transform:translateY(-2px)}.yes-no button:active{transform:scale(.97)}.step-meta{width:min(100%,300px)}.action-button{display:block;margin:34px auto 0;padding:18px 26px;border:1px solid var(--line);border-radius:8px;background:var(--text);color:var(--bg);font-size:16px;line-height:1.4}.action-button:hover{opacity:.85;transform:translateY(-2px)}.quiet-note{color:var(--muted);font-size:15px;line-height:1.7;max-width:400px;margin:24px auto 0}.quiet-button{display:block;margin:15px auto 0;padding:10px;color:var(--muted);font-size:13px}.footer-status{display:flex;align-items:center;gap:19px}.footer-status button{font-size:11px}.footer-status span{font-size:12px}
@media(max-width:640px){.yes-no{margin-top:28px}.footer-status{gap:12px}.footer-status span{font-size:11px}.quiet-note{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
.lock-options{display:flex;flex-direction:column;gap:10px;width:min(100%,300px);margin:30px auto 0}.lock-options button{border:1px solid var(--line);border-radius:8px;background:var(--field);padding:16px 20px;font-size:16px;line-height:1.4}.lock-options button:hover{border-color:var(--focus);transform:translateY(-1px)}.lock-caption{font-size:11px;color:var(--muted);margin:12px 0 0}.footer{height:auto;align-items:flex-end}.footer-status{align-items:flex-start;flex-direction:column;gap:2px}.footer-status #weekday{font-size:11px;line-height:1.6}.date-detail{display:block;font-size:10px!important}.footer-status button{padding:4px 0;font-size:10px}.footer-actions{display:flex;gap:20px;align-items:center}.footer-actions #lock-now{color:var(--text)}[hidden]{display:none!important}
@media(max-width:640px){.footer-actions{gap:12px}.footer-actions button{font-size:10px}.footer-status #weekday{font-size:10px}.date-detail{font-size:9px!important}main{padding-bottom:125px}}
.footer-actions #lock-now{appearance:none;font-size:13px;font-weight:600;min-height:44px;padding:11px 17px;border:0;border-radius:0;box-shadow:none;background:none;color:var(--text)}.footer-actions #lock-now:hover{opacity:.8}
@media(max-width:640px){.footer-actions #lock-now{font-size:13px;padding:10px 12px}.footer-actions{gap:10px}}

.footer-links{display:flex;align-items:center;gap:12px}.footer-links a{color:var(--muted);font-size:10px;text-decoration:none}.footer-links a:hover{color:var(--text)}

.header-controls{display:flex;align-items:center;gap:6px}:root[data-question-size=small] h1{font-size:clamp(26px,3vw,40px)}:root[data-question-size=large] h1{font-size:clamp(34px,4.8vw,62px)}