body{margin:0;background:#fffaf2}.learning-app{color:#28304f;font-family:Avenir Next,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-x pan-y}.learning-app *{box-sizing:border-box}.learning-app [hidden]{display:none!important}.learning-app img{-webkit-user-drag:none}.module-nav{display:flex;justify-content:center;gap:10px;padding:14px 10px;background:#fff}.module-nav a{padding:12px 16px;border-radius:16px;color:#354064;text-decoration:none;font-size:clamp(15px,3vw,21px);font-weight:800}.module-nav a[aria-current]{background:#ffe39a}.learning-app :is(a,button,[tabindex]):focus-visible{outline:4px solid #436dd8;outline-offset:3px}.action-shell{max-width:1050px;margin:auto;padding:16px 20px 32px}.action-shell h1{text-align:center;font-size:clamp(26px,5vw,40px);margin:0 0 18px}.action-shell button{font:inherit;cursor:pointer;border:0;border-radius:16px;min-width:48px;min-height:48px;color:#28304f}.verb-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.verb-tabs button{font-size:32px;font-weight:850;background:#edf0f7;padding:10px 24px}.verb-tabs button[aria-pressed=true]{background:#66d4b5;box-shadow:0 4px #359c80}.action-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.action-picture{width:100%;aspect-ratio:1;border-radius:28px;background-size:400% 400%;background-repeat:no-repeat;background-color:#fff;box-shadow:0 8px 25px #28304f12}.phrase-builder{min-width:0;text-align:center;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 220px auto;align-items:center;column-gap:12px}.fixed-verb{display:block;grid-column:1;grid-row:2;font-size:clamp(28px,4vw,44px);color:#217b64}.phrase-builder>.wheel-arrow{grid-column:2;justify-self:center}.phrase-builder>.wheel-arrow:first-of-type{grid-row:1}.phrase-builder>.wheel-arrow:last-of-type{grid-row:3}.phrase-builder>.wheel-frame{grid-column:2;grid-row:2}.wheel-arrow{background:#ffe6ab;font-size:22px!important;margin:5px}.wheel-arrow:disabled{opacity:.3;cursor:default}.wheel-frame{position:relative;border-radius:22px;background:#fff;overflow:hidden;border:2px solid #ecd7a7}.wheel-frame:before{content:"";position:absolute;pointer-events:none;top:72px;height:72px;left:0;right:0;background:#fff0c7;border-block:2px solid #eabc57}.phrase-wheel{position:relative;height:216px;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;padding-block:72px;scrollbar-width:none;touch-action:pan-y}.phrase-wheel::-webkit-scrollbar{display:none}.phrase-option{height:72px;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:0 6px;font-size:clamp(17px,2.4vw,25px);white-space:nowrap;font-weight:750;opacity:.42;cursor:pointer}.phrase-option[aria-selected=true]{opacity:1}.spoken-phrase{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:20px}.spoken-phrase p{font-size:clamp(27px,4vw,42px);font-weight:850;margin:0}.spoken-phrase button{background:#ffcd62;font-size:28px;flex-shrink:0}@media(max-width:380px){.phrase-builder .fixed-verb{font-size:30px}.phrase-builder{column-gap:8px}}@media(max-width:650px){.action-shell{padding:10px 14px 24px}.action-layout{grid-template-columns:1fr;gap:10px}.action-picture{width:min(100%,300px);margin:auto}.fixed-verb{font-size:40px}.verb-tabs{margin-bottom:16px}.verb-tabs button{font-size:27px;padding:8px 20px}.phrase-builder{width:100%;max-width:410px;margin:auto}}