:root{font-family:Inter,Segoe UI,sans-serif;color:#1d2840;background:#fff7fb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,#fff4b8 0%,transparent 25%),radial-gradient(circle at top right,#dff4ff 0%,transparent 28%),linear-gradient(180deg,#fff7fb,#f6fbff)}button,input{font:inherit}.page{max-width:1220px;margin:0 auto;padding:28px 18px 56px}.card{background:#fffffff2;border-radius:34px;box-shadow:0 16px 38px #6f7dc91f;border:3px solid #fff}.candy-card{position:relative;overflow:hidden}.candy-card:after{content:"";position:absolute;inset:auto -40px -40px auto;width:140px;height:140px;background:#ffd66226;border-radius:50%}.hero{margin-bottom:18px}.single-hero{display:block}.hero-left,.toolbar,.unit-card,.unit-overview,.quiz-box{padding:24px}.full-hero{min-height:auto}.eyebrow{margin:0;color:#ff6b9e;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero h1{margin:8px 0 14px;font-size:40px;line-height:1.15;color:#31459b}.subtitle{color:#5e6890;font-size:17px;line-height:1.75}.stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.stat-row span{background:linear-gradient(90deg,#fff4c7,#ffe1ef);color:#6d4ca2;border-radius:999px;padding:9px 14px;font-weight:700}.unit-overview,.quiz-box,.toolbar{margin-bottom:18px}.unit-overview h2,.quiz-box h2{margin:0 0 14px;color:#3447a0}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cute-item{border:none;background:linear-gradient(180deg,#fff,#f7fbff);border-radius:24px;padding:16px;text-align:left;cursor:pointer;box-shadow:inset 0 0 0 2px #eef3ff}.item-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.icon-badge{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff0b8,#ffd4e7);font-size:20px}.overview-item strong{color:#3451a3}.overview-item span{color:#556788;font-size:14px}.quiz-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz-tip{color:#61708e;margin:6px 0 16px}.quiz-panel{background:linear-gradient(180deg,#fffdf7,#f7fbff);border-radius:24px;padding:18px}.quiz-prompt{font-size:18px;font-weight:700;color:#3447a0;margin-bottom:14px}.quiz-actions{display:flex;gap:12px;flex-wrap:wrap}.quiz-actions input{flex:1;min-width:220px;padding:14px 16px;border:2px solid #e4e9ff;border-radius:18px;outline:none;background:#fffefc}.start-btn,.check-btn{border:none;border-radius:18px;padding:12px 18px;font-weight:800;cursor:pointer}.start-btn{background:linear-gradient(90deg,#7c8fff,#ff8fb2);color:#fff}.check-btn{background:linear-gradient(90deg,#ffcf5a,#ff9bc2);color:#50326d}.toolbar input{width:100%;padding:15px 17px;border:2px solid #e4e9ff;border-radius:18px;outline:none;background:#fffefc}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.chips button{border:none;background:#edf2ff;color:#3c4f84;border-radius:999px;padding:10px 14px;cursor:pointer}.chips button.active{background:linear-gradient(90deg,#ff8fb2,#7c8fff);color:#fff}.unit-list{display:grid;gap:18px}.unit-panel{border-radius:30px}.unit-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:14px}.unit-head h2{margin:0 0 6px;color:#31459b}.unit-head p{margin:0;color:#60708f}.unit-head span{background:linear-gradient(90deg,#fff4c7,#ffe1ef);color:#6d4ca2;border-radius:999px;padding:8px 12px;white-space:nowrap;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #edf2fb;vertical-align:top}th{background:#fdf6ff;color:#6c6f92;font-size:14px}.loud-btn{border:none;background:linear-gradient(90deg,#ffcf5a,#ff9bc2);color:#50326d;padding:10px 16px;border-radius:18px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 10px 20px #ffae7838}.speaker-dot{width:26px;height:26px;border-radius:50%;background:#ffffff8c;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 900px){.overview-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:30px}.hero-left,.toolbar,.unit-card,.unit-overview,.quiz-box{padding:18px}}