:root{color:#19211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f4ee;font-family:Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}#root{min-height:100svh}.study-page{color:#15221e;background:#f5f2ea;min-height:100svh}.hero{color:#fff;background:linear-gradient(115deg,#0a201bf0,#124a39b8),url(/assets/hero-CLDdwZDr.png) 50%/cover;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);align-items:stretch;min-height:420px;display:grid}.hero__content{align-content:center;width:min(100%,760px);padding:70px clamp(24px,6vw,86px);display:grid}.eyebrow{color:#f0cc72;letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:13px;font-weight:900}.hero h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(48px,8vw,92px);line-height:.98}.lead{color:#ffffffd1;max-width:630px;margin:22px 0 0;font-size:20px;line-height:1.65}.hero__visual{place-items:center;padding:36px;display:grid}.flow-orbit{gap:12px;width:min(100%,360px);display:grid}.flow-orbit span{color:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #fff3;border-radius:8px;align-items:center;min-height:66px;padding:0 18px;font-size:18px;font-weight:900;display:flex}.flow-orbit span.is-on{color:#163128;background:#fffdf5}.workspace{grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:24px;width:min(100%,1260px);margin:0 auto;padding:26px 22px 56px;display:grid}.control-panel{align-self:start;gap:16px;display:grid;position:sticky;top:22px}.stage-nav,.session-panel,.screen{background:#fffdf7;border:1px solid #ded9cd;border-radius:8px;box-shadow:0 18px 46px #16272214}.stage-nav{gap:8px;padding:10px;display:grid}.stage-nav button{color:#566860;min-height:54px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;font-weight:900;display:flex}.stage-nav button span{color:#fffdf7;background:#8b9a93;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid}.stage-nav button.is-active{color:#15221e;background:#eef5ef}.stage-nav button.is-active span{background:#17624f}.stage-nav button:disabled{cursor:not-allowed;opacity:.52}.session-panel{background:#ded9cd;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.session-panel div{background:#fffdf7;align-content:center;gap:6px;min-height:86px;padding:14px;display:grid}.session-panel span,.screen-heading span,.summary-block span,.score-hero span{color:#17624f;font-size:13px;font-weight:900}.session-panel strong{color:#182621;overflow-wrap:anywhere;min-width:0;font-size:18px}.main-panel{min-width:0}.screen{gap:22px;padding:clamp(20px,4vw,36px);display:grid}.screen-heading{gap:7px;display:grid}.screen-heading h2,.score-hero h2{color:#15221e;letter-spacing:0;margin:0;font-size:clamp(28px,4vw,44px);line-height:1.12}.study-form{gap:18px;display:grid}.segmented-control{background:#ece7dc;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:6px;padding:6px;display:grid}.segmented-control button,.primary-action,.secondary-action,.ghost-action{min-height:50px;font:inherit;cursor:pointer;border:0;border-radius:8px;font-weight:900}.segmented-control button{color:#5f6f68;background:0 0}.segmented-control button.is-active{color:#15221e;background:#fffdf7;box-shadow:0 8px 18px #1627221a}.field{color:#31443d;gap:9px;font-size:14px;font-weight:900;display:grid}.field textarea,.field input,.field select{color:#15221e;width:100%;font:inherit;background:#fff;border:1px solid #d9d2c4;border-radius:8px;outline:0}.field textarea{resize:vertical;min-height:280px;padding:16px;line-height:1.65}.field input,.field select{min-height:54px;padding:0 14px}.form-error{color:#a13222;margin:0;font-size:14px;font-weight:900}.primary-action,.secondary-action,.ghost-action{padding:0 18px}.primary-action{color:#fff;background:#17624f}.primary-action:disabled{cursor:not-allowed;background:#95a49d}.secondary-action{color:#fff;background:#26342f}.ghost-action{color:#17624f;background:#e8f1eb}.analysis-grid{grid-template-columns:1fr;gap:14px;display:grid}.summary-block,.highlight-list article,.question,.review-list article{background:#fff;border:1px solid #e1dcd0;border-radius:8px}.summary-block{align-content:start;gap:12px;min-height:210px;padding:22px 24px;display:grid}.summary-block p{color:#44564f;overflow-wrap:anywhere;white-space:normal;margin:0;font-size:15px;line-height:1.8}.summary-block dl,.review-list dl{gap:10px;margin:0;display:grid}.summary-block dl div,.review-list dl div{justify-content:space-between;gap:12px;display:flex}.summary-block dt,.review-list dt{color:#63746d;font-weight:800}.summary-block dd,.review-list dd{color:#15221e;text-align:right;margin:0;font-weight:900}.highlight-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.highlight-list article{background:#fbf7ea;border-left:4px solid #efc55f;align-content:start;gap:12px;min-height:0;padding:18px;display:grid}.highlight-list span{color:#173027;background:#efc55f;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:grid}.highlight-list p{color:#273832;overflow-wrap:anywhere;white-space:normal;margin:0;font-weight:800;line-height:1.55}.question-list,.review-list{gap:16px;display:grid}.question{min-width:0;margin:0;padding:20px}.question legend{color:#15221e;gap:10px;padding:0;font-weight:900;line-height:1.45;display:flex}.question legend span{color:#17624f;flex:none}.question>p{color:#63746d;margin:12px 0 0;font-size:14px;line-height:1.55}.answer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.answer-options label{color:#30433c;cursor:pointer;background:#fbfaf5;border:1px solid #ddd7ca;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:11px 12px;display:flex}.answer-options input{accent-color:#17624f;flex:none}.answer-options span{overflow-wrap:anywhere;min-width:0}.subjective-answer{color:#31443d;gap:9px;margin-top:16px;font-size:14px;font-weight:900;display:grid}.subjective-answer input{color:#15221e;width:100%;min-height:52px;font:inherit;background:#fbfaf5;border:1px solid #ddd7ca;border-radius:8px;outline:0;padding:0 14px}.score-hero{background:#18322a;border-radius:8px;padding:28px}.score-hero h2,.score-hero p{color:#fff}.score-hero span{color:#efc55f}.score-hero p{margin:8px 0 0;font-size:17px;line-height:1.6}.review-list article{gap:13px;padding:18px;display:grid}.review-list article>div:first-child{justify-content:space-between;gap:12px;display:flex}.review-list article>div:first-child span{color:#17624f;font-weight:900}.review-list article>div:first-child strong{color:#fff;background:#17624f;border-radius:999px;padding:4px 10px;font-size:13px}.review-list article.is-wrong>div:first-child strong{background:#a13222}.review-list p{color:#3e5149;margin:0;line-height:1.6}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.primary-action:focus-visible,.secondary-action:focus-visible,.ghost-action:focus-visible,.stage-nav button:focus-visible,.segmented-control button:focus-visible,.field textarea:focus,.field input:focus,.field select:focus,.subjective-answer input:focus,.answer-options label:focus-within{outline-offset:2px;outline:3px solid #17624f3d}@media (width<=980px){.hero,.workspace,.analysis-grid{grid-template-columns:1fr}.hero__visual{padding-top:0}.control-panel{position:static}}@media (width<=680px){.hero{min-height:0}.hero__content{padding:46px 20px 28px}.hero__visual{padding:0 20px 28px}.workspace{padding:16px 12px 34px}.stage-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-nav button{justify-content:center;min-height:64px}.highlight-list,.answer-options,.result-actions{grid-template-columns:1fr}}
