*{box-sizing:border-box} :root{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#203d32;background:#f6f7ed;font-synthesis:none} body{margin:0}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b56535;outline-offset:5px}button{transition:background .18s,transform .18s}button:hover{transform:translateY(-1px)}.garden-shell{max-width:1160px;margin:auto;padding:0 52px}.site-header{display:flex;justify-content:space-between;align-items:center;height:104px;border-bottom:1px solid #dce2d0}.brand{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-1px;text-decoration:none;color:#203d32}.brand-mark{font-size:37px;line-height:1;color:#527b45}.header-note{font-size:12px;color:#6e7c68;letter-spacing:.06em}.introduction{display:flex;justify-content:space-between;align-items:center;padding:57px 27px 43px 5px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;margin:0 0 20px;color:#758368}h1{font-size:52px;line-height:1.3;font-weight:550;letter-spacing:-2.7px;margin:0}h1 em{font-family:Georgia,"AppleMyungjo","Batang",serif;font-weight:500;color:#527747}.intro-copy{font-size:14px;line-height:1.8;color:#6a7966;margin:20px 0 0}.plant-art{width:260px;text-align:center;transform:rotate(3deg)}.plant-art svg{width:100%;height:auto}.plant-art>span{font-size:9px;letter-spacing:.24em;color:#859379}.practice{background:#fffef8;border:1px solid #dce2d1;border-radius:18px;padding:28px 34px 0;box-shadow:0 14px 45px #314c2510;overflow:hidden}.practice-toolbar,.passage-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.language-tabs{display:inline-flex;background:#eff2e6;padding:4px;border-radius:9px;gap:3px}.language-tabs button{background:transparent;border:0;border-radius:6px;color:#6b7763;padding:9px 20px;font-size:12px}.language-tabs button[aria-pressed=true]{background:#fffef8;color:#284d36;box-shadow:0 2px 4px #27421e10;font-weight:750}.passage-number{font-size:11px;color:#7c876f;font-variant-numeric:tabular-nums}.passage-heading{margin:39px 0 16px}.passage-heading .eyebrow{margin:0}.passage-heading>span{font-size:11px;color:#80906f}.passage{font-family:Georgia,"AppleMyungjo","Batang",serif;font-size:27px;line-height:1.95;letter-spacing:-.5px;color:#78856f;word-break:keep-all;overflow-wrap:anywhere;min-height:107px}.passage span{border-bottom:2px solid transparent}.passage .correct{color:#264c34;background:#e8efdc}.passage .incorrect{color:#a4443a;background:#fae8de;border-bottom-color:#b05548}.passage .current{border-bottom-color:#44653a}.progress-track{height:3px;background:#eaf0df;border-radius:3px;margin:27px 0 26px;overflow:hidden}#progress-fill{background:#789250;height:100%;width:0;transition:width .12s}.input-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.input-heading label{font-size:12px;font-weight:700}.input-heading>span{font-size:11px;color:#7b886f}textarea{display:block;width:100%;resize:vertical;min-height:114px;max-height:300px;border:1px solid #d9dfcd;border-radius:9px;background:#f7f8ef;padding:17px 18px;color:#234532;line-height:1.8;font-size:17px;outline:none}textarea::placeholder{color:#919b84;font-size:14px}textarea:focus{border-color:#77945b;box-shadow:0 0 0 3px #abc48c35}textarea[readonly]{background:#eef3e4}textarea[aria-invalid=true]{border-color:#b66551}.input-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:20px;min-height:51px;padding:10px 0}#feedback{font-size:11px;color:#6e7b64;margin:0;line-height:1.7}#feedback.error{color:#a34538}#character-count{font-size:11px;color:#7a876a;white-space:nowrap;font-variant-numeric:tabular-nums}.practice-footer{border-top:1px solid #e2e7d9;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 28px}.live-stats{display:flex;gap:31px}.live-stats>div{display:flex;flex-direction:column;gap:7px}.live-stats>div>span{font-size:10px;color:#758267}.live-stats strong{font-weight:500;font-size:26px;line-height:1.2;letter-spacing:-1px;font-variant-numeric:tabular-nums}.live-stats small{font-size:13px;margin-left:3px;color:#6e7c62}.actions{display:flex;gap:9px}.button{padding:12px 17px;border-radius:7px;font-size:12px;border:1px solid #d8decb;white-space:nowrap}.button span{margin-left:13px}.secondary{background:transparent;color:#56674a}.secondary:hover{background:#f1f4e7}.primary{background:#264c37;color:#fffef7;border-color:#264c37}.primary:hover{background:#3e6447}.completion{display:flex;align-items:center;gap:20px;background:#eaf0de;margin:0 -34px;padding:28px 34px;border-top:1px solid #dbe4cc}.completion[hidden]{display:none}.completion-flower{font-size:50px;color:#6a8649}.completion .eyebrow{font-size:9px;margin-bottom:8px}.completion h2{font-size:21px;font-weight:550;letter-spacing:-.8px;margin:0}.completion p:last-child{font-size:12px;line-height:1.8;margin:7px 0 0;color:#637454}.guide{padding:36px 5px 40px;display:grid;grid-template-columns:165px 1fr;gap:18px}.guide h2{font-size:13px;font-weight:650;margin:3px 0}.guide>div{display:grid;grid-template-columns:1fr 1fr;gap:18px 27px}.guide p{font-size:11px;line-height:1.9;color:#75816a;margin:0}.guide b{display:block;color:#526648;font-size:11px;font-weight:650;margin-bottom:4px}.guide p:last-child{grid-column:1/-1}.site-footer{display:flex;justify-content:space-between;gap:35px;border-top:1px solid #dce2d0;padding:24px 0 30px;color:#78846d;font-size:10px;line-height:1.8}.site-footer>span{white-space:nowrap}.site-footer>span>span{margin:0 9px;color:#b4bea7}.site-footer p{margin:0;max-width:420px;text-align:right}@media(min-width:1200px){.garden-shell{max-width:1080px}.introduction{padding-top:54px}.practice{padding-top:25px}}@media(max-width:700px){.garden-shell{padding:0 22px}.site-header{height:80px}.brand{font-size:20px}.brand-mark{font-size:30px}.header-note{font-size:10px}.introduction{padding:35px 0 30px;gap:0}h1{font-size:39px;letter-spacing:-2px}.introduction .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:17px}.intro-copy{font-size:12px;margin-top:15px}.plant-art{width:145px;flex-shrink:0;margin-right:-13px}.plant-art>span{font-size:6px;letter-spacing:.14em}.practice{padding:20px 20px 0;border-radius:13px}.language-tabs button{padding:8px 14px}.passage-heading{margin-top:28px;align-items:flex-start}.passage-heading .eyebrow{font-size:8px}.passage-heading>span{font-size:10px}.passage{font-size:23px;line-height:1.9;min-height:150px}.input-heading{align-items:flex-start;flex-direction:column;gap:5px}.input-heading label{font-size:11px}.input-heading>span{font-size:10px}.progress-track{margin:22px 0}.input-bottom{gap:10px;min-height:62px}#feedback{font-size:10px}#character-count{font-size:10px}textarea{font-size:16px;padding:12px;min-height:126px}.practice-footer{flex-direction:column;align-items:stretch;gap:24px;padding:20px 0}.live-stats{justify-content:space-around;gap:10px}.live-stats strong{font-size:27px}.actions{width:100%}.actions button{flex:1}.completion{margin:0 -20px;padding:22px 20px;gap:13px}.completion h2{font-size:18px}.completion p:last-child{font-size:11px}.completion-flower{font-size:39px}.guide{grid-template-columns:1fr;padding:30px 1px;gap:18px}.guide>div{grid-template-columns:1fr;gap:15px}.guide p:last-child{grid-column:auto}.site-footer{flex-direction:column;gap:10px;padding:23px 0}.site-footer p{text-align:left}.site-footer>span{font-size:11px}}@media(max-width:360px){.garden-shell{padding:0 14px}.header-note{display:none}.plant-art{width:115px}h1{font-size:36px}.passage{font-size:21px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}