#root{min-height:100svh}body{background:#f8fafc;min-width:320px;margin:0}button,input{font:inherit}.verb-app{color:#172033;box-sizing:border-box;background:radial-gradient(circle at 0 0,#fcd34d61,#0000 26rem),radial-gradient(circle at 100% 0,#2dd4bf47,#0000 24rem),linear-gradient(135deg,#f8fafc 0%,#fff7ed 44%,#ecfeff 100%);min-height:100vh;padding:28px;font-family:Inter,Segoe UI,system-ui,sans-serif}.hero-panel,.study-layout,.quiz-layout{width:min(1120px,100%);margin:0 auto}.hero-panel{color:#fff;background:linear-gradient(135deg,#14b8a6f0,#4f46e5e6),url(./hero-CLDdwZDr.png) 50%/cover;border-radius:28px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:28px;min-height:250px;padding:32px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 70px #1e293b2e}.hero-copy{text-align:left;z-index:1;position:relative}.eyebrow,.quiz-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:999px;align-items:center;width:fit-content;padding:6px 12px;font-size:13px;font-weight:800;display:inline-flex}.eyebrow{color:#083344;background:#fef3c7}.hero-panel h1{color:#fff;letter-spacing:0;margin:14px 0 10px;font-size:clamp(38px,6vw,68px);font-weight:900;line-height:.95}.hero-panel p{color:#ffffffe6;max-width:660px;font-size:18px}.hero-panel .hero-dedication{color:#ffd1e8;margin-top:10px;font-size:12px;font-weight:800}.hero-orbit{min-height:210px;position:relative}.verb-token{color:#172033;background:#ffffffeb;border-radius:18px;justify-content:center;align-items:center;min-width:120px;min-height:48px;padding:8px 18px;font-weight:900;display:inline-flex;position:absolute;box-shadow:0 18px 40px #0f172a2e}.token-main{color:#fff;background:#f97316;min-width:170px;min-height:70px;font-size:26px;top:68px;left:50%;transform:translate(-50%)}.token-a{top:4px;left:8px}.token-b{background:#dbeafe;top:24px;right:0}.token-c{background:#dcfce7;bottom:0;left:64px}.mode-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #94a3b852;border-radius:20px;grid-template-columns:1fr 1fr;gap:10px;width:min(1120px,100%);margin:18px auto;padding:8px;display:grid}.mode-tabs button,.primary-button,.secondary-button,.example-row button,.history-panel button,.option-grid button{min-height:46px;font:inherit;cursor:pointer;border:0;border-radius:14px;font-weight:850}.mode-tabs button{color:#475569;background:0 0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.mode-tabs button.active{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);box-shadow:0 12px 30px #2563eb3d}.study-layout,.quiz-layout{grid-template-columns:minmax(0,1.45fr) minmax(290px,.75fr);align-items:start;gap:18px;display:grid}.panel,.study-side>*,.quiz-board,.quiz-side>*,.result-zone{background:#ffffffe6;border:1px solid #94a3b83d;border-radius:22px;box-shadow:0 18px 50px #1e293b1a}.input-panel,.quiz-board,.mini-lessons,.history-panel,.progress-card{padding:22px}.panel-heading,.quiz-top,.explanation-card{align-items:center;gap:14px;display:flex}.panel-heading{text-align:left;margin-bottom:18px}.panel-icon{background:#ccfbf1;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:inline-flex}.panel h2,.mini-lessons h2,.history-panel h2,.quiz-board h2,.progress-card h2{color:#0f172a;letter-spacing:0;margin:0;font-size:22px;font-weight:900;line-height:1.15}.panel p,.mini-lessons p,.progress-card p{color:#64748b}.search-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.search-row input{box-sizing:border-box;color:#0f172a;min-width:0;height:54px;font:inherit;background:#f8fafc;border:2px solid #bae6fd;border-radius:16px;outline:none;padding:0 16px;font-weight:800}.search-row input:focus{border-color:#0891b2;box-shadow:0 0 0 4px #0ea5e929}.primary-button{color:#fff;background:linear-gradient(135deg,#0f766e,#2563eb);padding:0 18px}.primary-button:disabled{opacity:.52;cursor:not-allowed}.secondary-button{color:#0f766e;background:#ccfbf1;padding:0 18px}.example-row,.history-panel div{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.example-row span{color:#94a3b8;font-size:13px;font-weight:800}.example-row button,.history-panel button{color:#075985;background:#e0f2fe;min-height:34px;padding:0 12px;font-size:14px}.error-box{color:#be123c;text-align:left;background:#fff1f2;border:2px solid #fda4af;border-radius:18px;margin-top:14px;padding:14px 16px;font-weight:800}.result-zone{margin-top:14px;padding:18px}.result-title{text-align:center;margin-bottom:16px}.result-title span,.verb-display{color:#fff;background:linear-gradient(135deg,#f97316,#db2777);border-radius:18px;justify-content:center;align-items:center;min-height:62px;padding:4px 28px;font-size:32px;font-weight:950;display:inline-flex;box-shadow:0 18px 38px #f9731638}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field-card{text-align:left;box-sizing:border-box;border-radius:18px;align-items:flex-start;gap:12px;min-height:86px;padding:14px;display:flex}.field-card span{font-size:22px}.field-card p{text-transform:uppercase;color:#0f172a94;margin:0 0 4px;font-size:12px;font-weight:900}.field-card strong{color:#0f172a;line-height:1.2}.field-card.violet{background:#ede9fe}.field-card.sky{background:#e0f2fe}.field-card.rose{background:#ffe4e6}.field-card.amber{background:#fef3c7}.field-card.emerald{background:#d1fae5}.field-card.blue{background:#dbeafe}.explanation-card{text-align:left;background:#fffbeb;border:2px solid #fde68a;border-radius:18px;align-items:flex-start;margin-top:14px;padding:16px}.explanation-card>span{font-size:26px}.explanation-card h3{color:#92400e;margin:0 0 4px}.explanation-card p{color:#713f12}.study-side,.quiz-side{gap:14px;display:grid}.stat-strip,.achievement-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-strip div,.achievement-grid div{background:#fff;border:1px solid #94a3b83d;border-radius:18px;place-items:center;min-height:86px;padding:10px;display:grid}.stat-strip strong,.achievement-grid strong{color:#0f766e;font-size:30px;line-height:1}.stat-strip span,.achievement-grid span{color:#64748b;font-size:13px;font-weight:800}.mini-lessons,.history-panel{text-align:left}.mini-lessons article{background:#f8fafc;border-radius:16px;margin-top:12px;padding:14px}.mini-lessons h3{color:#0f172a;margin:0 0 4px}.mini-lessons article span{color:#0f766e;margin-top:8px;font-size:13px;font-weight:900;display:inline-flex}.quiz-board{text-align:left}.quiz-top{justify-content:space-between;align-items:flex-start}.quiz-badge{color:#14532d;background:#dcfce7;margin-bottom:8px}.score-pill{color:#1d4ed8;background:#dbeafe;border-radius:14px;justify-content:center;align-items:center;min-width:76px;min-height:44px;font-weight:950;display:inline-flex}.verb-display{box-sizing:border-box;width:100%;margin:26px 0 18px}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quiz-fields{gap:14px;display:grid}.quiz-field-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:14px}.quiz-field-card h3{color:#334155;margin:0 0 10px;font-size:15px;font-weight:950}.quiz-hint{color:#0f766e;text-align:center;margin:-8px 0 18px;font-size:14px;font-weight:900}.option-grid button{color:#172033;background:#f8fafc;border:2px solid #cbd5e1;min-height:74px;padding:10px}.option-grid button.correct{color:#14532d;background:#dcfce7;border-color:#22c55e}.option-grid button.wrong{color:#991b1b;background:#fee2e2;border-color:#ef4444}.feedback{border-radius:18px;margin-top:16px;padding:16px}.feedback.correct{color:#14532d;background:#dcfce7}.feedback.wrong{color:#991b1b;background:#fee2e2}.feedback p{margin-top:6px}.quiz-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.progress-card{text-align:center;justify-items:center;display:grid}.progress-ring{border-radius:50%;place-items:center;width:134px;height:134px;margin-bottom:14px;display:grid}.progress-ring span{color:#0f766e;background:#fff;border-radius:50%;place-items:center;width:96px;height:96px;font-size:24px;font-weight:950;display:grid}.completion-overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.completion-modal{box-sizing:border-box;color:#0f172a;text-align:center;background:#fff;border-radius:22px;width:min(520px,100%);padding:26px;box-shadow:0 28px 80px #0f172a47}.completion-badge{color:#14532d;text-transform:uppercase;background:#dcfce7;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:13px;font-weight:900;display:inline-flex}.completion-modal h2{color:#0f766e;margin:14px 0 8px;font-size:36px;font-weight:950;line-height:1}.completion-modal p{color:#64748b;margin:0;font-weight:750}.completion-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0;display:grid}.completion-stats div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;place-items:center;min-height:94px;padding:10px;display:grid}.completion-stats strong{color:#1d4ed8;font-size:26px;line-height:1}.completion-stats span{color:#64748b;font-size:12px;font-weight:850}.completion-feedback{color:#713f12;text-align:left;background:#fffbeb;border:2px solid #fde68a;border-radius:18px;margin:-4px 0 22px;padding:14px}.completion-feedback strong{color:#92400e;text-transform:uppercase;margin-bottom:4px;font-size:14px;font-weight:950;display:block}.completion-feedback p{color:#713f12;line-height:1.35}.completion-actions{justify-content:center;gap:10px;display:flex}@media (width<=860px){.verb-app{padding:14px}.hero-panel,.study-layout,.quiz-layout,.search-row,.option-grid{grid-template-columns:1fr}.hero-panel{padding:24px}.hero-orbit{min-height:180px}.token-main{top:58px}.field-grid{grid-template-columns:1fr}.quiz-actions{flex-direction:column-reverse}.completion-stats,.completion-actions{grid-template-columns:1fr}.completion-actions{display:grid}}