:root{--hub-ink:#2c4b5c;--hub-muted:#6e8998;--hub-paper:#f5fbf8;--hub-blue:#5d98d9;--hub-leaf:#79b96f;--hub-sun:#edbd61;--hub-peach:#eaa486;--hub-shadow:0 22px 55px rgba(58,105,97,.13)}*{box-sizing:border-box}.unit-hub-page{margin:0;min-height:100dvh;background:radial-gradient(ellipse 42% 25% at 92% 7%,rgba(255,239,177,.7),transparent 74%),radial-gradient(ellipse 34% 23% at 7% 26%,rgba(192,227,245,.68),transparent 74%),linear-gradient(180deg,#edf9fc 0%,#f8fcf2 52%,#f4f9f3 100%);color:var(--hub-ink);font-family:-apple-system,BlinkMacSystemFont,"Avenir Next","Segoe UI",sans-serif}.unit-hub-shell{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:26px 0 146px}.unit-eyebrow{margin:0;color:#60849a;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.unit-index-intro{max-width:620px;padding:45px 4px 28px}.unit-index-intro h1,.unit-hero h1,.unit-preview h2{margin:9px 0 0;letter-spacing:-.06em;line-height:.98;text-wrap:balance}.unit-index-intro h1{font-size:clamp(42px,6vw,70px)}.unit-index-intro>p:last-child{max-width:510px;margin:16px 0 0;color:var(--hub-muted);font-size:16px;line-height:1.6}.unit-index-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.unit-choice{position:relative;isolation:isolate;display:flex;grid-column:span 4;min-height:284px;flex-direction:column;align-items:flex-start;overflow:hidden;padding:25px;border:1px solid rgba(255,255,255,.85);border-radius:30px;background:rgba(255,255,255,.68);box-shadow:var(--hub-shadow);color:var(--hub-ink);text-decoration:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .28s ease}.unit-choice:nth-child(5n+4){grid-column:span 5}.unit-choice:nth-child(5n+5){grid-column:span 3}.unit-choice:hover{background:rgba(255,255,255,.92);box-shadow:0 28px 63px rgba(58,105,97,.18);transform:translateY(-5px)}.unit-choice:active{transform:scale(.985)}.unit-choice:focus-visible,.unit-action:focus-visible,.unit-preview>a:focus-visible,.unit-crumbs a:focus-visible{outline:3px solid rgba(63,126,205,.65);outline-offset:4px}.unit-choice>*:not(.unit-choice-art){position:relative;z-index:2}.unit-choice-level{display:inline-flex;min-height:28px;align-items:center;padding:0 10px;border-radius:10px;background:rgba(255,255,255,.66);color:#52748d;font-size:12px;font-weight:850}.unit-choice strong{max-width:72%;margin-top:auto;font-size:clamp(22px,2.4vw,31px);letter-spacing:-.045em;line-height:1.04}.unit-choice small{max-width:78%;margin-top:9px;color:#698493;font-size:13px;font-weight:600;line-height:1.45}.unit-choice-open{margin-top:17px;color:#4b7b9a;font-size:13px;font-weight:800}.unit-choice-open b{font-size:17px}.unit-choice-art{position:absolute;right:-20px;top:22px;width:48%;aspect-ratio:1;transform:rotate(-8deg)}.unit-choice-art i{position:absolute;display:block;border-radius:50%;background:#d1ec8b;box-shadow:inset 8px 9px 11px rgba(255,255,213,.56),inset -9px -11px 15px rgba(71,139,73,.15)}.unit-choice-art i:nth-child(1){top:8%;right:21%;width:47%;height:47%}.unit-choice-art i:nth-child(2){right:0;top:35%;width:56%;height:56%;background:#bce37d}.unit-choice-art i:nth-child(3){right:42%;top:43%;width:44%;height:44%;background:#dff19b}.unit-choice-2 .unit-choice-art{transform:rotate(12deg)}.unit-choice-2 .unit-choice-art i{background:#baddf0}.unit-choice-2 .unit-choice-art i:nth-child(2){background:#95c0e5}.unit-choice-3 .unit-choice-art i{background:#f3cf82}.unit-choice-3 .unit-choice-art i:nth-child(2){background:#edae83}.unit-choice-4 .unit-choice-art i{background:#d8bae9}.unit-choice-4 .unit-choice-art i:nth-child(2){background:#b9c4ee}.unit-crumbs{display:flex;gap:9px;align-items:center;margin:13px 0 18px;color:var(--hub-muted);font-size:13px;font-weight:700}.unit-crumbs a{color:#527b95;text-decoration:none}.unit-crumbs a:hover{text-decoration:underline}.unit-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);min-height:310px;overflow:hidden;border:1px solid rgba(255,255,255,.86);border-radius:36px;background:linear-gradient(130deg,rgba(255,255,255,.86),rgba(245,255,239,.82));box-shadow:var(--hub-shadow)}.unit-hero-copy{position:relative;z-index:2;align-self:center;max-width:610px;padding:clamp(30px,5vw,65px)}.unit-hero h1{font-size:clamp(44px,6vw,76px)}.unit-hero-copy>p:not(.unit-eyebrow){max-width:490px;margin:17px 0 0;color:var(--hub-muted);font-size:16px;line-height:1.6}.unit-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.unit-facts span{padding:7px 10px;border-radius:10px;background:rgba(112,175,105,.13);color:#537d5e;font-size:12px;font-weight:800}.unit-hero-art{position:relative;min-height:300px;overflow:hidden;background:radial-gradient(ellipse at 73% 19%,rgba(255,243,178,.9),transparent 28%),linear-gradient(160deg,#cdeef4 0%,#d9edbf 100%)}.hero-sun,.hero-hill,.hero-book,.hero-star{position:absolute;display:block}.hero-sun{right:19%;top:14%;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff5b8,#f0c56f 66%);box-shadow:0 10px 22px rgba(224,170,77,.25)}.hero-hill{bottom:-16%;border-radius:50% 50% 0 0;background:linear-gradient(155deg,#c2e578,#78ba6d);box-shadow:inset 0 10px 16px rgba(255,255,205,.35)}.hero-hill-one{left:-25%;width:94%;height:65%;transform:rotate(-5deg)}.hero-hill-two{right:-22%;width:90%;height:54%;background:linear-gradient(205deg,#a8d897,#75ae73);transform:rotate(6deg)}.hero-book{right:27%;bottom:16%;z-index:2;width:116px;height:74px;border-radius:12px 15px 12px 8px;background:linear-gradient(160deg,#4d9cda,#2f6fc0);box-shadow:inset 4px 4px 6px rgba(195,233,255,.42),0 12px 11px rgba(49,91,105,.2);transform:rotate(-10deg)}.hero-book:before,.hero-book:after{position:absolute;top:-9px;width:54%;height:69px;border-radius:11px 8px 7px 10px;background:linear-gradient(145deg,#fffde7,#fff3b7);box-shadow:inset 3px 3px 4px rgba(255,255,255,.9);content:""}.hero-book:before{left:-2px;transform:rotate(-8deg)}.hero-book:after{right:-2px;transform:rotate(8deg)}.hero-star{z-index:3;color:#e8a64f;font-size:25px;font-style:normal;animation:hub-twinkle 3.8s ease-in-out infinite}.hero-star-one{right:62%;top:23%}.hero-star-two{right:14%;top:42%;font-size:17px;animation-delay:-1.3s}.unit-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.unit-action{position:relative;display:flex;min-height:194px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:22px;border-radius:28px;color:var(--hub-ink);text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease}.unit-action:hover{transform:translateY(-4px);box-shadow:0 21px 42px rgba(57,103,95,.17)}.unit-action:active{transform:scale(.985)}.unit-action:after{position:absolute;right:-14px;bottom:-31px;width:134px;height:134px;border-radius:50%;background:rgba(255,255,255,.33);content:""}.unit-action-learn{background:linear-gradient(140deg,#e4f2ff,#cae6f7)}.unit-action-play{background:linear-gradient(140deg,#ecf7cf,#cbe8a6)}.unit-action-review{background:linear-gradient(140deg,#fff0d9,#f2d0b9)}.unit-action-icon{position:relative;z-index:1;display:grid;width:46px;height:46px;place-items:center;border-radius:16px;background:rgba(255,255,255,.72);box-shadow:0 8px 16px rgba(65,114,123,.09);font-size:19px;font-weight:850}.unit-action-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.unit-action-copy small{color:#618092;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.unit-action-copy strong{max-width:230px;margin-top:6px;font-size:20px;letter-spacing:-.035em;line-height:1.1}.unit-action-copy em{margin-top:17px;color:#416e8b;font-size:13px;font-style:normal;font-weight:800}.unit-action-copy em b{font-size:18px}.unit-preview{display:grid;grid-template-columns:1fr auto;gap:18px;margin-top:48px}.unit-preview h2{font-size:clamp(31px,4vw,49px)}.unit-preview>a{align-self:end;margin-bottom:6px;color:#537d99;font-size:14px;font-weight:800;text-decoration:none}.unit-preview>a:hover{text-decoration:underline}.unit-preview>a span{font-size:18px}.unit-word-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:4px}.unit-word-chip{min-width:0;overflow:hidden;padding:10px;border-radius:20px;background:rgba(255,255,255,.68);box-shadow:0 10px 25px rgba(74,117,104,.08);text-align:center}.unit-word-chip img,.unit-word-placeholder{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:linear-gradient(145deg,#eaf6f3,#cce8db)}.unit-word-placeholder{display:grid;place-items:center;color:#7db298;font-size:30px}.unit-word-chip strong{display:block;overflow:hidden;margin-top:10px;font-size:18px;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}.unit-word-chip small{display:block;overflow:hidden;margin-top:3px;color:var(--hub-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.unit-empty{max-width:620px;margin:38px auto;padding:42px 30px;border:1px solid rgba(255,255,255,.86);border-radius:28px;background:rgba(255,255,255,.72);box-shadow:var(--hub-shadow);text-align:center}.unit-empty>span{font-size:37px}.unit-empty h2{margin:12px 0 0;font-size:29px;letter-spacing:-.04em}.unit-empty p{margin:10px auto 0;max-width:390px;color:var(--hub-muted);line-height:1.55}@keyframes hub-twinkle{0%,100%{opacity:.55;transform:scale(.86) rotate(-9deg)}50%{opacity:1;transform:scale(1.15) rotate(9deg)}}@media(max-width:760px){.unit-hub-shell{width:min(100% - 24px,640px);padding-top:10px;padding-bottom:132px}.unit-index-intro{padding:29px 4px 23px}.unit-index-intro h1{font-size:42px}.unit-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.unit-choice,.unit-choice:nth-child(5n+4),.unit-choice:nth-child(5n+5){grid-column:span 1;min-height:228px;padding:18px;border-radius:23px}.unit-choice strong{max-width:90%;font-size:21px}.unit-choice small{display:-webkit-box;max-width:92%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.unit-choice-art{width:56%;right:-24px}.unit-hero{grid-template-columns:1fr;border-radius:28px}.unit-hero-copy{padding:31px 25px 10px}.unit-hero h1{font-size:45px}.unit-hero-art{min-height:196px}.hero-sun{right:19%;top:10%;width:61px;height:61px}.hero-book{right:26%;bottom:12%;transform:scale(.8) rotate(-10deg);transform-origin:bottom right}.unit-actions{grid-template-columns:1fr;gap:11px;margin-top:16px}.unit-action{min-height:132px;flex-direction:row;align-items:center;gap:16px;padding:18px 20px;border-radius:22px}.unit-action-icon{flex:none}.unit-action-copy strong{font-size:18px}.unit-action-copy em{margin-top:8px}.unit-preview{display:flex;flex-direction:column;gap:12px;margin-top:34px}.unit-preview h2{font-size:34px}.unit-preview>a{align-self:flex-start;margin:0}.unit-word-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.unit-word-chip:nth-child(n+5){display:none}.unit-word-chip{padding:9px;border-radius:17px}.unit-word-chip strong{font-size:17px}.unit-crumbs{margin-top:12px}.unit-empty{margin:28px auto;padding:35px 22px}}@media(max-width:380px){.unit-index-grid{grid-template-columns:1fr}.unit-choice,.unit-choice:nth-child(5n+4),.unit-choice:nth-child(5n+5){min-height:180px}.unit-choice-art{width:40%;top:14px}.unit-choice small{max-width:65%}}@media(prefers-reduced-motion:reduce){.unit-hub-page *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}