:root{--paper: #f7f4ec;--surface: #fcfaf5;--ink: #102a43;--muted: #64716c;--line: #c9c5ba;--line-dark: #a9a69c;--forest: #165a43;--forest-dark: #0e3f2f;--terracotta: #b9522f;--shadow: 0 18px 45px rgba(16, 42, 67, .08);--serif: Georgia, "Times New Roman", serif;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%2399a48f' stroke-width='1'%3E%3Cpath d='M-20 110c70-45 82 48 165-6s101-22 160 22 82 6 134-32'/%3E%3Cpath d='M-30 128c70-45 82 48 165-6s101-22 160 22 82 6 134-32'/%3E%3Cpath d='M-40 146c70-45 82 48 165-6s101-22 160 22 82 6 134-32'/%3E%3Cpath d='M-50 164c70-45 82 48 165-6s101-22 160 22 82 6 134-32'/%3E%3C/g%3E%3C/svg%3E")}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(185,82,47,.42);outline-offset:3px}.boot-screen,.loading-row{display:grid;place-items:center;min-height:100vh;color:var(--muted);font-size:.9rem}.page-shell,.app-shell,.admin-shell{min-height:100vh}.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header,.quiz-header{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--serif);font-size:1.2rem;text-decoration:none}.brand-icon,.brand-icon svg{display:block;width:26px;height:26px}.brand-icon{color:var(--terracotta)}.brand-icon svg,.button svg,.download-link svg,.success-mark svg,.admin-lock svg,.save-icon svg,.review-chevron svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.admin-link,.admin-header-label,.review-header-label{color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.admin-link:hover,.text-button:hover{color:var(--forest)}.intro-shell{display:flex;flex-direction:column}.intro-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center;gap:clamp(46px,8vw,130px);flex:1;padding:clamp(60px,11vh,145px) 0 84px}.section-label{margin:0 0 22px;color:var(--terracotta);font-size:.71rem;font-weight:700;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.035em}.intro-copy h1,.review-intro h1,.success-panel h1,.admin-login-panel h1,.admin-title-row h1,.error-shell h1{margin-bottom:28px;font-size:clamp(3.4rem,7vw,6.8rem);line-height:.98}h1 em{color:var(--terracotta);font-style:italic}.intro-lede{max-width:520px;margin-bottom:34px;color:var(--muted);font-size:clamp(1.06rem,1.5vw,1.22rem);line-height:1.65}.intro-rule{width:72px;height:3px;margin:46px 0 34px;background:var(--terracotta)}.intro-facts{display:flex;flex-wrap:wrap;gap:38px}.intro-facts div{display:flex;flex-direction:column;gap:4px}.intro-facts strong{font-family:var(--serif);font-size:1.55rem;font-weight:400}.intro-facts span{color:var(--muted);font-size:.73rem;letter-spacing:.04em;text-transform:uppercase}.paper-panel{border:1px solid var(--line);background:#fcfaf5e0;box-shadow:var(--shadow)}.intro-panel{padding:clamp(30px,5vw,56px)}.panel-heading h2{margin-bottom:32px;font-size:clamp(2rem,3vw,3rem);line-height:1.05}.field-label,.quiz-name-wrap span{display:block;margin-bottom:9px;color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.name-input,.quiz-name-wrap input{width:100%;min-height:52px;border:1px solid var(--line-dark);border-radius:0;color:var(--ink);background:transparent;padding:12px 14px}.name-input{font-size:1.05rem}.name-input::placeholder{color:#929891}.name-input:focus,.quiz-name-wrap input:focus{border-color:var(--forest);outline:3px solid rgba(22,90,67,.14)}.input-error{border-color:var(--terracotta)}.field-help{margin:12px 0 30px;color:var(--muted);font-size:.81rem;line-height:1.5}.inline-notice,.review-warning{color:var(--terracotta);font-size:.86rem;line-height:1.45}.intro-actions,.review-actions{display:flex;flex-direction:column;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;border:1px solid transparent;border-radius:0;padding:13px 18px;font-size:.83rem;font-weight:700;letter-spacing:.025em;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.button svg{width:19px;height:19px;flex:0 0 auto}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.5}.button-primary{color:#fff;background:var(--forest)}.button-primary:hover:not(:disabled){background:var(--forest-dark)}.button-secondary{color:var(--forest);border-color:var(--forest);background:transparent}.button-secondary:hover:not(:disabled){color:#fff;background:var(--forest)}.button-quiet{justify-content:flex-start;color:var(--muted);border-color:transparent;background:transparent;padding-left:0}.button-quiet:hover:not(:disabled){color:var(--ink)}.resume-note,.review-note{display:flex;align-items:center;gap:8px;margin:22px 0 0;color:var(--muted);font-size:.78rem}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--forest)}.intro-footer{display:flex;justify-content:space-between;gap:24px;padding:24px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}.app-shell,.admin-shell{width:100%}.quiz-header{padding:0 clamp(20px,5vw,76px);border-bottom:1px solid var(--line)}.quiz-header-center{display:flex;flex:0 1 420px;flex-direction:column;gap:9px}.progress-caption{color:var(--muted);font-size:.73rem;letter-spacing:.08em;text-align:center;text-transform:uppercase}.progress-track{height:4px;overflow:hidden;background:#d8d6ce}.progress-track span{display:block;height:100%;background:var(--forest);transition:width .18s ease}.quiz-name-wrap{width:min(180px,20vw)}.quiz-name-wrap input{min-height:38px;padding:8px 10px;font-size:.9rem}.quiz-layout{display:grid;grid-template-columns:minmax(0,720px) 180px;justify-content:center;gap:clamp(54px,9vw,150px);padding:clamp(50px,9vh,110px) 28px 60px}.question-column{min-width:0}.question-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:13px;color:var(--muted);font-size:.73rem;letter-spacing:.08em;text-transform:uppercase}.question-panel{padding:clamp(28px,5vw,58px)}.question-panel h1{margin-bottom:18px;font-size:clamp(2.65rem,5vw,4.8rem);line-height:1.04;overflow-wrap:anywhere}.question-instruction{margin-bottom:36px;color:var(--muted);font-size:1rem;line-height:1.5}.choices{display:grid;gap:11px}.choice{display:flex;align-items:center;gap:16px;width:100%;min-height:64px;border:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;padding:14px 17px;text-align:left}.choice:hover{border-color:var(--forest);background:#f3f5ed}.choice.selected{border-color:var(--forest);box-shadow:inset 4px 0 0 var(--forest);background:#edf4ed}.choice-letter{display:grid;flex:0 0 31px;place-items:center;width:31px;height:31px;border:1px solid var(--line-dark);border-radius:50%;color:var(--forest);font-family:var(--serif);font-size:.98rem}.choice.selected .choice-letter{color:#fff;border-color:var(--forest);background:var(--forest)}.choice-copy{flex:1;font-size:.96rem;line-height:1.4}.choice-check{color:var(--forest)}.choice-check svg{width:19px;height:19px}.pronunciation-symbol{display:inline-block;width:auto;height:18px;margin:0 3px;vertical-align:-4px}.answer-error{margin:18px 0 0;color:var(--terracotta);font-size:.84rem}.quiz-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.quiz-controls .button-primary{min-width:170px}.save-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:32px;color:var(--muted);font-size:.77rem}.save-icon{display:inline-flex;color:var(--forest)}.save-icon svg{width:16px;height:16px}.save-divider{color:var(--line-dark)}.question-rail{position:relative;padding-top:3px}.rail-title{margin-bottom:16px;color:var(--terracotta);font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.rail-count{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.rail-count strong{font-family:var(--serif);font-size:2.9rem;font-weight:400}.rail-count span,.rail-copy{color:var(--muted);font-size:.77rem;line-height:1.5}.rail-progress{position:relative;width:3px;height:170px;margin-bottom:24px;background:var(--line)}.rail-progress span{position:absolute;bottom:0;left:0;width:100%;background:var(--forest);transition:height .18s ease}.review-header{justify-content:space-between}.review-header-label{margin-left:auto}.review-name{max-width:180px;overflow:hidden;color:var(--ink);font-family:var(--serif);font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.review-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(500px,1.2fr);align-items:start;gap:clamp(50px,9vw,150px);max-width:1120px;margin:0 auto;padding:clamp(55px,10vh,120px) 28px 70px}.review-intro h1{font-size:clamp(3rem,5vw,5.2rem)}.review-actions{align-items:flex-start;margin:38px 0 0}.review-actions .button{width:100%;max-width:270px}.review-list{min-width:0;overflow:hidden}.review-list-heading{display:flex;align-items:baseline;justify-content:space-between;padding:23px 25px;border-bottom:1px solid var(--line)}.review-list-heading h2{margin:0;font-size:1.8rem}.review-list-heading span{color:var(--muted);font-size:.78rem}.review-items{max-height:600px;overflow:auto}.review-item{display:grid;grid-template-columns:44px minmax(90px,.8fr) minmax(130px,1.2fr) 16px;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid #dfdcd3;color:var(--ink);background:transparent;padding:14px 25px;text-align:left}.review-item:hover{background:#f0f4ed}.review-number{color:var(--terracotta);font-family:var(--serif);font-size:.86rem}.review-question,.review-answer{overflow:hidden;font-size:.79rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.review-answer{color:var(--muted)}.review-item.unanswered .review-answer{color:var(--terracotta)}.review-chevron{color:var(--muted)}.review-chevron svg{width:16px;height:16px}.success-shell{display:flex;flex-direction:column}.success-panel{width:min(680px,100%);margin:auto;padding:clamp(35px,8vw,80px);text-align:center}.success-mark{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 34px;border:1px solid var(--forest);color:var(--forest);border-radius:50%}.success-mark svg{width:30px;height:30px}.success-panel .intro-lede{margin-right:auto;margin-left:auto}.admin-content{width:min(1100px,calc(100% - 40px));margin:0 auto;padding:clamp(45px,8vh,90px) 0 70px}.admin-title-row{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:34px}.admin-title-row h1{margin-bottom:0;font-size:clamp(3rem,6vw,5.9rem)}.admin-title-row .button{flex:0 0 auto}.admin-summary{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:20px 24px;color:var(--muted);font-size:.78rem}.admin-summary strong{color:var(--ink);font-family:var(--serif);font-size:2rem;font-weight:400}.admin-summary-rule{width:1px;height:24px;background:var(--line)}.submissions-panel{overflow:hidden}.submission-list{display:grid}.submission-row{display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(170px,1fr) 80px;align-items:center;gap:20px;padding:19px 24px;border-bottom:1px solid #dfdcd3}.submission-row:last-child{border-bottom:0}.submission-person,.submission-meta{display:flex;flex-direction:column;gap:5px;min-width:0}.submission-person strong{overflow:hidden;font-family:var(--serif);font-size:1.2rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.submission-person span,.submission-meta span{color:var(--muted);font-size:.76rem}.submission-meta{align-items:flex-start}.submission-status{color:var(--forest)!important}.download-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:70px;min-height:38px;border:1px solid var(--line-dark);color:var(--forest);font-size:.75rem;text-decoration:none}.download-link:hover{border-color:var(--forest);background:#edf4ed}.download-link svg{width:16px;height:16px}.empty-state{padding:60px 24px;text-align:center}.empty-state p{margin-bottom:6px;font-family:var(--serif);font-size:1.6rem}.empty-state span{color:var(--muted);font-size:.82rem}.admin-login-shell{width:min(720px,calc(100% - 40px));margin:0 auto}.admin-login-panel{width:min(520px,100%);margin:clamp(50px,13vh,150px) auto;padding:clamp(34px,7vw,70px)}.admin-lock{display:inline-flex;margin-bottom:34px;color:var(--forest)}.admin-lock svg{width:29px;height:29px}.admin-login-panel h1{font-size:clamp(3rem,6vw,5.2rem)}.admin-login-panel form{display:flex;flex-direction:column;gap:14px}.admin-login-panel form .button{margin-top:9px}.admin-header-actions{display:flex;align-items:center;gap:22px}.text-button{border:0;color:var(--muted);background:transparent;font-size:.76rem;text-transform:uppercase}.error-shell{display:grid;place-items:center}.error-shell .paper-panel{max-width:620px;padding:50px}.error-shell h1{font-size:3.2rem}@media(max-width:820px){.site-header,.quiz-header{min-height:74px}.intro-layout,.review-layout{grid-template-columns:1fr;gap:48px;padding-top:55px}.intro-copy h1,.review-intro h1{font-size:clamp(3.5rem,15vw,5.8rem)}.intro-panel{max-width:620px}.quiz-layout{grid-template-columns:1fr;max-width:720px;margin:0 auto;padding-top:50px}.question-rail{display:none}.review-layout{max-width:720px}.review-items{max-height:480px}.admin-title-row{align-items:flex-start;flex-direction:column}.admin-summary{flex-wrap:wrap}}@media(max-width:560px){.page-shell{width:min(100% - 28px,1180px)}.site-header,.quiz-header{gap:14px}.brand{font-size:1.05rem}.admin-link,.review-header-label{font-size:.66rem}.intro-layout,.review-layout{padding-top:38px;padding-bottom:44px}.intro-copy h1,.review-intro h1{margin-bottom:20px;font-size:clamp(3.25rem,16vw,4.8rem)}.intro-rule{margin:32px 0 26px}.intro-facts{gap:18px 25px}.intro-facts strong{font-size:1.25rem}.intro-facts span{font-size:.63rem}.intro-footer{flex-direction:column;gap:8px;padding-bottom:18px}.intro-panel,.question-panel,.success-panel,.admin-login-panel{padding:28px 22px}.panel-heading h2{font-size:2.1rem}.quiz-header{flex-wrap:wrap;padding:12px 14px 15px}.quiz-header-center{order:3;flex-basis:100%}.quiz-name-wrap{width:150px;margin-left:auto}.quiz-name-wrap span{margin-bottom:4px;font-size:.6rem}.quiz-name-wrap input{min-height:33px;font-size:.8rem}.quiz-layout{padding:34px 14px 40px}.question-meta{font-size:.63rem}.question-panel h1{font-size:clamp(2.55rem,13vw,3.9rem)}.question-instruction{margin-bottom:28px;font-size:.92rem}.choice{gap:11px;min-height:58px;padding:11px 12px}.choice-copy{font-size:.88rem}.choice-letter{flex-basis:28px;width:28px;height:28px;font-size:.88rem}.quiz-controls{gap:8px}.quiz-controls .button{min-height:47px;padding:11px 12px;font-size:.75rem}.quiz-controls .button-primary{min-width:146px}.save-status{flex-wrap:wrap;margin-top:23px;font-size:.7rem}.review-header-label{display:none}.review-name{max-width:130px;font-size:.88rem}.review-layout{padding:38px 14px 50px}.review-list-heading{padding:18px 16px}.review-list-heading h2{font-size:1.45rem}.review-item{grid-template-columns:35px minmax(70px,.8fr) minmax(95px,1.2fr) 12px;gap:7px;padding:13px 12px}.review-question,.review-answer{font-size:.68rem}.admin-content{width:min(100% - 28px,1100px);padding-top:38px}.admin-title-row h1{font-size:clamp(3.1rem,15vw,4.5rem)}.admin-summary{align-items:flex-start;gap:8px 12px;padding:17px}.admin-summary-rule{display:none}.submission-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px}.submission-meta{grid-column:1}.download-link{grid-column:2;grid-row:1 / span 2}}