:root{--color-primary:#2563eb;--color-primary-light:#dbeafe;--color-primary-dark:#1d4ed8;--color-background:#f8fafc;--color-surface:#fff;--color-text-main:#0f172a;--color-text-sub:#64748b;--color-border:#e2e8f0;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--shadow-card:0 10px 30px #0f172a0f;--shadow-blue:0 8px 20px #2563eb40}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{background:linear-gradient(180deg, #dbeafeb8, #f8fafc00 340px), var(--color-background);min-height:100%;color:var(--color-text-main);margin:0;font-family:Pretendard,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafce0;border-bottom:1px solid #e2e8f0bf;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:72px;margin:0;padding:14px max(16px,50vw - 590px);display:flex;position:sticky;top:0}.brand{color:var(--color-text-main);align-items:center;gap:10px;font-size:1.12rem;font-weight:800;display:inline-flex}.brand-mark{background:var(--color-primary);color:#fff;width:36px;height:36px;box-shadow:var(--shadow-blue);border-radius:12px;place-items:center;display:grid}.main-nav{align-items:center;gap:8px;display:flex}.main-nav a{min-height:42px;color:var(--color-text-sub);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.95rem;font-weight:700;display:inline-flex}.main-nav a:hover{background:var(--color-primary-light);color:var(--color-primary-dark)}.home-hero,.section-block,.cta-band,.practice-shell,.verbs-page{width:min(1180px,100% - 32px);margin:0 auto}.home-hero{grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center;gap:clamp(32px,7vw,84px);min-height:calc(100vh - 96px);padding:38px 0 74px;display:grid}.hero-copy{max-width:650px}.eyebrow{color:var(--color-primary);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{max-width:720px;color:var(--color-text-main);margin-bottom:18px;font-size:clamp(2.7rem,6vw,4.7rem);font-weight:800;line-height:1.02}h2{margin-bottom:14px;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.14}h3{margin-bottom:12px;font-size:1.35rem;line-height:1.25}.hero-korean{color:var(--color-primary-dark);margin-bottom:14px;font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:800}.summary,.section-heading p,.practice-header p,.compact-hero p{color:var(--color-text-sub);font-size:1.08rem;line-height:1.75}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 24px;font-size:1rem;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-blue)}.button-primary:disabled{box-shadow:none;background:#93c5fd}.button-secondary{background:var(--color-surface);color:var(--color-primary);border-color:#bfdbfe}.hero-preview{place-items:center;min-height:430px;display:grid;position:relative}.preview-card,.practice-card,.learning-card,.verb-dashboard,.missed-card{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:24px}.preview-card{gap:20px;width:min(100%,420px);padding:30px;display:grid}.preview-card>span{color:var(--color-text-sub);font-weight:800}.preview-card>strong{font-size:2rem}.preview-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preview-options button,.choice-button{border:2px solid var(--color-border);min-height:58px;color:var(--color-text-main);background:#fff;border-radius:18px;font-size:1.08rem;font-weight:800;transition:transform .18s,background .18s,border-color .18s}.preview-options button:first-child{color:#166534;background:#dcfce7;border-color:#86efac}.preview-options button:hover,.choice-button:hover:not(:disabled){border-color:var(--color-primary);background:#eff6ff;transform:translateY(-1px)}.preview-progress,.progress-bar{background:var(--color-border);border-radius:999px;height:10px;overflow:hidden}.preview-progress span,.progress-value{background:var(--color-primary);border-radius:999px;height:100%;transition:width .24s;display:block}.preview-progress span{width:76%}.floating-score{background:#fff;border:1px solid #bfdbfe;border-radius:18px;gap:2px;padding:16px 18px;display:grid;position:absolute;bottom:46px;right:12px;box-shadow:0 16px 38px #2563eb24}.floating-score strong{color:var(--color-primary-dark);font-size:1.55rem}.floating-score span{color:var(--color-text-sub);font-size:.88rem;font-weight:700}.section-block{padding:74px 0}.section-heading{max-width:720px;margin-bottom:26px}.learning-grid,.verb-mini-grid,.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.learning-card{align-content:start;gap:12px;padding:28px;display:grid}.learning-card p{color:var(--color-text-sub);line-height:1.7}.card-accent,.status-pill{background:var(--color-primary-light);width:fit-content;color:var(--color-primary-dark);border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:800}.verb-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.verb-mini-card,.verb-list-card{border:1px solid var(--color-border);background:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.verb-mini-card strong,.verb-list-card strong{margin-bottom:6px;font-size:1.02rem;display:block}.verb-mini-card span,.verb-list-card span{color:var(--color-text-sub);font-size:.94rem}.level-badge{border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 11px;font-size:.78rem;font-weight:800;display:inline-flex}.level-basic{color:#1d4ed8;background:#dbeafe}.level-intermediate{color:#92400e;background:#fef3c7}.level-advanced{color:#991b1b;background:#fee2e2}.cta-band{background:var(--color-primary-dark);color:#fff;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:56px;padding:34px;display:flex}.cta-band .eyebrow,.cta-band h2{color:#fff}.cta-band h2{margin-bottom:0;font-size:clamp(1.5rem,3vw,2.25rem)}.cta-band .button{color:var(--color-primary-dark);box-shadow:none;background:#fff}.practice-shell{padding:34px 0 72px}.practice-header,.page-hero{padding:36px 0 22px}.practice-header h1,.page-hero h1{margin-bottom:12px;font-size:clamp(2.2rem,5vw,3.7rem)}.practice-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px;display:grid}.practice-card{gap:24px;padding:clamp(22px,4vw,34px);display:grid}.progress-wrap{gap:10px;display:grid}.progress-label{color:var(--color-text-sub);justify-content:space-between;gap:18px;font-size:.94rem;font-weight:800;display:flex}.progress-label strong{color:var(--color-text-main)}.question-copy{text-align:center;gap:16px;display:grid}.question-copy p{color:var(--color-text-sub);margin-bottom:0;font-weight:800}.verb-strip{background:#f8fafc;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;padding:22px 18px;font-size:clamp(1.35rem,4vw,2.1rem);font-weight:800;display:grid}.verb-strip strong{color:var(--color-primary)}.meaning-note{color:var(--color-text-sub);font-weight:700}.answer-form{gap:12px;display:grid}.answer-form label,.list-controls label{color:var(--color-text-sub);font-size:.9rem;font-weight:800}.answer-form input,.list-controls input{border:2px solid var(--color-border);width:100%;min-height:56px;color:var(--color-text-main);background:#fff;border-radius:18px;outline:none;padding:0 16px;font-size:1.05rem;font-weight:700}.answer-form input:focus,.list-controls input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb1f}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.choice-correct,.choice-correct:disabled{color:#166534;background:#dcfce7;border-color:#86efac}.choice-wrong,.choice-wrong:disabled{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.feedback-box{border-radius:18px;gap:6px;padding:16px 18px;display:grid}.feedback-correct{color:#166534;background:#dcfce7;border:1px solid #86efac}.feedback-wrong{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.next-button{justify-self:end}.stats-panel{gap:12px;display:grid}.stat-card{border:1px solid var(--color-border);background:#fff;border-radius:18px;gap:6px;padding:18px;display:grid}.stat-card span{color:var(--color-text-sub);font-size:.86rem;font-weight:800}.stat-card strong{font-size:1.55rem}.missed-card{gap:10px;padding:18px;display:grid}.missed-card span,.missed-card li{color:var(--color-text-sub);line-height:1.6}.missed-card ul{gap:6px;margin:0;padding-left:18px;display:grid}.result-summary{background:#eff6ff;border-radius:20px;gap:10px;padding:18px;display:grid}.result-summary span{color:var(--color-text-sub)}.result-summary .button{justify-self:start}.verbs-page{padding-bottom:72px}.compact-hero{max-width:780px}.verb-dashboard{gap:22px;padding:clamp(18px,3vw,28px);display:grid}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr))}.list-controls{grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:16px;display:grid}.list-controls label{gap:8px;display:grid}.level-filter{flex-wrap:wrap;gap:8px;display:flex}.level-filter button{min-height:44px;color:var(--color-primary-dark);background:#fff;border:1px solid #bfdbfe;border-radius:999px;padding:0 14px;font-weight:800}.level-filter .is-active{background:var(--color-primary);color:#fff}.verb-table-wrap{border:1px solid var(--color-border);border-radius:20px;overflow:hidden}.verb-table{border-collapse:collapse;background:#fff;width:100%}.verb-table th,.verb-table td{border-bottom:1px solid var(--color-border);text-align:left;padding:18px}.verb-table th{color:var(--color-text-sub);text-transform:uppercase;font-size:.82rem}.verb-table tr:hover td{background:#eff6ff}.verb-table tr:last-child td{border-bottom:0}.verb-card-list{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-enter{animation:.25s ease-out fadeIn}@media (max-width:900px){.home-hero,.practice-layout{grid-template-columns:1fr}.home-hero{min-height:auto;padding-top:26px}.hero-preview{min-height:360px}.verb-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.list-controls{grid-template-columns:1fr}}@media (max-width:640px){html{font-size:15px}.site-header{flex-direction:column;align-items:flex-start;gap:12px;padding-inline:12px}.main-nav{justify-content:space-between;width:100%}.main-nav a{flex:1;padding:0 8px;font-size:.86rem}.home-hero,.section-block,.cta-band,.practice-shell,.verbs-page{width:min(100% - 24px,1180px)}h1{font-size:2.25rem}h2{font-size:1.65rem}.practice-header h1,.page-hero h1{font-size:2.15rem}.summary,.section-heading p,.practice-header p,.compact-hero p{font-size:.98rem}.actions,.cta-band{flex-direction:column;align-items:stretch}.button{width:100%}.preview-options,.verb-mini-grid,.stats-row{grid-template-columns:1fr}.hero-preview{min-height:auto;padding:18px 0 28px}.preview-card{gap:24px;padding:36px 24px 34px}.preview-card>span{font-size:.95rem}.preview-card>strong{font-size:2.35rem;line-height:1.15}.preview-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.preview-options button{min-height:62px;padding:12px 8px}.learning-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-button{overflow-wrap:anywhere;border-radius:16px;min-height:52px;padding:10px 8px;font-size:.95rem;line-height:1.2}.floating-score{display:none}.section-block{padding:48px 0}.verb-strip{grid-template-columns:1fr;padding:18px 14px;font-size:1.45rem}.next-button{justify-self:stretch}.verb-table{display:none}.verb-table-wrap{border:0;border-radius:0}.verb-card-list{gap:12px;display:grid}.verb-list-card{flex-direction:column;align-items:flex-start}}