:root{--color-bg: #fff8ec;--color-card: #ffffff;--color-card-blue: #eaf7ff;--color-border: #bfe3f2;--color-primary: #ffc66b;--color-primary-soft: #ffe3a3;--color-text: #4f4036;--color-text-soft: #6e6055;--color-success: #e8930c;--color-retry: #5a8fa8;--color-accent-pink: #ffb3c6;--color-beige-soft: #f1e7db;--color-beige: #ddd0c2;--radius-card: 28px;--radius-button: 22px;--shadow-card: 0 10px 25px rgba(120, 90, 60, .1);--shadow-button: 0 6px 14px rgba(120, 90, 60, .14);--shadow-pressed: 0 2px 4px rgba(120, 90, 60, .14);--press-down: translateY(3px);--hover-up: translateY(-2px)}*{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(circle at 10% 12%,rgba(191,227,242,.4),transparent 42%),radial-gradient(circle at 90% 15%,rgba(255,179,198,.28),transparent 42%),radial-gradient(circle at 50% 100%,rgba(255,217,138,.32),transparent 48%),var(--color-bg);color:var(--color-text);font-family:Hiragino Maru Gothic ProN,Yu Gothic UI,Meiryo,system-ui,-apple-system,Segoe UI,sans-serif;user-select:none;-webkit-user-select:none;overflow:hidden}.app{max-width:900px;margin:0 auto;padding:clamp(8px,2vh,24px) clamp(16px,4vw,48px);padding-left:max(clamp(16px,4vw,48px),env(safe-area-inset-left));padding-right:max(clamp(16px,4vw,48px),env(safe-area-inset-right));padding-bottom:max(clamp(8px,2vh,24px),env(safe-area-inset-bottom));height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-x:hidden;overflow-y:auto;animation:screen-in .25s ease-out}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.home{justify-content:flex-start;gap:clamp(8px,1.6vh,16px);overflow-y:auto;max-width:1000px}.home-mute{position:absolute;top:max(clamp(10px,2vh,20px),env(safe-area-inset-top));right:max(clamp(14px,2.5vw,28px),env(safe-area-inset-right))}.home-section-label{font-size:clamp(11px,2.2vmin,14px);font-weight:700;letter-spacing:3px;flex-shrink:0;border-radius:999px;padding:clamp(2px,.6vh,5px) clamp(14px,2vw,22px)}.home-section-label.cat-math{background:#ffd98a73;color:#8a6a35}.home-section-label.cat-lang{background:#ffb3c666;color:#9c5a70}.home-section-label.cat-think{background:#bfe3f28c;color:#4a7d96}.home-header{margin-top:auto;display:flex;flex-direction:column;gap:clamp(2px,.8vh,8px);flex-shrink:0}.title{font-size:clamp(30px,7vmin,46px);letter-spacing:3px;color:var(--color-text);text-shadow:0 3px 0 rgba(255,198,107,.4)}.subtitle{font-size:clamp(13px,2.6vmin,16px);color:var(--color-text-soft);letter-spacing:2px}.mode-buttons{display:flex;flex-wrap:wrap;gap:clamp(10px,2vmin,16px);justify-content:center;max-width:880px}.mode-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(3px,.8vmin,6px);width:clamp(150px,22vmin,180px);min-height:56px;padding:clamp(8px,1.6vmin,14px) 8px;background:var(--color-card);border:3px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;box-shadow:var(--shadow-card);transition:transform .12s,box-shadow .12s,background .12s;font-family:inherit;color:var(--color-text)}.mode-button:active{transform:var(--press-down);box-shadow:var(--shadow-pressed)}.mode-icon{font-size:clamp(24px,5vmin,34px);line-height:1.1}.mode-icon-text{font-weight:700;color:var(--color-success)}.mode-name{font-size:clamp(13px,2.6vmin,17px);font-weight:700;white-space:nowrap;max-width:100%}.mode-desc{font-size:clamp(10px,2vmin,12px);color:var(--color-text-soft)}@media(max-height:480px){.mode-desc{display:none}}.mode-clears{position:absolute;top:6px;right:8px;font-size:clamp(10px,2vmin,12px);font-weight:700;color:var(--color-success);background:#ffe3a3bf;border-radius:999px;padding:2px 7px}.home-coming-soon{display:flex;flex-direction:column;gap:4px;font-size:clamp(13px,2.6vmin,16px);color:var(--color-text-soft);border-top:2px dashed rgba(191,227,242,.9);padding-top:clamp(8px,1.6vh,16px);width:min(100%,880px)}.home-coming-note{font-size:clamp(11px,2.2vmin,13px)}.info-link{margin-top:clamp(2px,.8vh,8px);margin-bottom:auto;font-size:clamp(12px,2.4vmin,14px);color:var(--color-text-soft);background:transparent;border:1px solid rgba(138,122,109,.35);border-radius:999px;min-height:36px;padding:6px 18px;cursor:pointer;font-family:inherit}.info-link:active{transform:var(--press-down)}.info-title{margin:clamp(8px,1.6vh,16px) 0}.info-card{width:100%;max-width:720px;background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:clamp(16px,3vh,28px) clamp(16px,4vw,32px);margin-bottom:clamp(12px,2vh,24px);text-align:left;overflow-wrap:break-word}.info-section+.info-section{margin-top:clamp(14px,2.6vh,22px);border-top:2px dashed rgba(191,227,242,.7);padding-top:clamp(12px,2.2vh,18px)}.info-section h2{font-size:clamp(15px,3vmin,18px);color:var(--color-text);border-left:5px solid var(--color-primary);padding-left:10px;margin-bottom:clamp(6px,1.2vh,10px)}.info-section ul{list-style:none;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,10px)}.info-section li{font-size:clamp(13px,2.7vmin,15px);line-height:1.7;color:var(--color-text-soft);padding-left:1.1em;position:relative}.info-section li:before{content:"・";position:absolute;left:0;color:var(--color-primary);font-weight:700}.info-section strong{color:var(--color-text)}.info-sublist{margin-top:6px;display:flex;flex-direction:column;gap:4px}.info-sublist li{font-size:clamp(12px,2.6vmin,14px)}.info-sublist li:before{content:"-"}.sound-prompt{position:absolute;z-index:5;font-size:clamp(13px,2.6vmin,15px);font-weight:700;color:var(--color-text);background:var(--color-primary-soft);border:2px solid var(--color-primary);border-radius:999px;min-height:44px;padding:8px 16px;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-button);white-space:nowrap;animation:prompt-glow 2s ease-in-out infinite}.sound-prompt:before{content:"";position:absolute;top:-7px;right:16px;width:12px;height:12px;background:var(--color-primary-soft);border-left:2px solid var(--color-primary);border-top:2px solid var(--color-primary);transform:rotate(45deg)}.sound-prompt:active{transform:var(--press-down)}@keyframes prompt-glow{0%,to{box-shadow:var(--shadow-button)}50%{box-shadow:0 0 0 6px #ffc66b66,var(--shadow-button)}}.home-sound-prompt{top:calc(max(clamp(10px,2vh,20px),env(safe-area-inset-top)) + 52px);right:max(clamp(14px,2.5vw,28px),env(safe-area-inset-right))}.topbar-right{position:relative}.topbar .sound-prompt{top:52px;right:0}.topbar{width:100%;min-height:48px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:12px}.topbar-right{display:flex;align-items:center;gap:12px}.home-button{font-size:clamp(16px,2.6vmin,20px);font-weight:700;color:var(--color-text);background:var(--color-card);border:3px solid var(--color-border);border-radius:16px;min-height:44px;padding:8px 16px;cursor:pointer;box-shadow:var(--shadow-button);font-family:inherit;transition:transform .12s,background .12s;white-space:nowrap}.home-button:active{transform:var(--press-down);box-shadow:var(--shadow-pressed)}.star-badge{font-size:clamp(14px,2.4vmin,20px);font-weight:700;background:var(--color-card);border:3px solid var(--color-primary);border-radius:16px;padding:7px 10px;letter-spacing:1px;white-space:nowrap;box-shadow:var(--shadow-button);overflow:hidden;max-width:45vw;text-overflow:clip}.mute-button{font-size:20px;background:var(--color-card);border:3px solid var(--color-border);border-radius:16px;width:44px;height:44px;flex-shrink:0;cursor:pointer;font-family:inherit;box-shadow:var(--shadow-button);transition:transform .12s,background .12s}.mute-button:active{transform:var(--press-down)}.card{width:100%;background:var(--color-card-blue);border-radius:var(--radius-card);padding:clamp(12px,3vh,28px);margin-top:clamp(8px,2vh,20px);flex-shrink:1;min-height:0;box-shadow:inset 0 2px 8px #785a3c0d}.apples{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,3vmin,28px);min-height:clamp(60px,15vmin,100px);align-items:center}.apple{font-size:clamp(44px,12vmin,80px);line-height:1;animation:pop .3s ease-out backwards;cursor:pointer;transition:transform .1s}.apple:active{transform:scale(.9)}.apples-many{gap:clamp(8px,2.2vmin,20px)}.apples-many .apple{font-size:clamp(32px,9vmin,60px)}.question{font-size:clamp(24px,6vmin,40px);margin:clamp(10px,2.4vh,24px) 0;flex-shrink:0;letter-spacing:2px}.tappable:after{content:" 🔈";font-size:.5em;opacity:.5;vertical-align:middle}.has-speak-button:after{content:none}.tappable{cursor:pointer}.buttons{display:flex;flex-wrap:wrap;gap:clamp(12px,3.4vmin,28px);justify-content:center;flex-shrink:0}.num-button,.color-button,.shape-button{background:var(--color-card);border:4px solid var(--color-border);border-radius:var(--radius-button);cursor:pointer;box-shadow:var(--shadow-button);transition:transform .12s,box-shadow .12s,background .12s;font-family:inherit;color:var(--color-text)}.num-button:active:enabled,.color-button:active:enabled,.shape-button:active:enabled{transform:var(--press-down);box-shadow:var(--shadow-pressed)}.num-button:disabled,.color-button:disabled,.shape-button:disabled{opacity:.55;cursor:default}.num-button.correct-choice,.color-button.correct-choice,.shape-button.correct-choice{opacity:1;border-color:var(--color-primary);box-shadow:0 0 0 4px #ffc66b59,var(--shadow-button);animation:pop .5s ease-out}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.num-button{width:clamp(68px,17vmin,110px);height:clamp(68px,17vmin,110px);font-size:clamp(34px,8.5vmin,56px);font-weight:700}.num-many{gap:clamp(6px,min(1.5vh,.9vw),12px);flex-wrap:nowrap}.num-many .num-button{width:clamp(52px,min(10.5vh,7.2vw),78px);height:clamp(52px,min(10.5vh,7.2vw),78px);font-size:clamp(26px,min(5.5vh,3.8vw),40px)}.color-swatch{width:clamp(72px,18vmin,130px);height:clamp(72px,18vmin,130px);border-radius:50%;margin:0 auto;border:5px solid var(--color-beige-soft);box-shadow:var(--shadow-button)}.color-name{font-size:clamp(22px,5.5vmin,34px);font-weight:700;margin-top:clamp(6px,1.5vh,14px)}.color-card{cursor:pointer}.color-button{width:clamp(64px,17vmin,110px);height:clamp(64px,17vmin,110px);border-radius:50%;border:5px solid var(--color-beige-soft)}.shape-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1vh,10px);width:clamp(96px,23vmin,150px);padding:clamp(10px,2vh,18px) 8px}.shape-svg{width:clamp(52px,13vmin,88px);height:clamp(52px,13vmin,88px)}.num-button.shake,.color-button.shake,.shape-button.shake{animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.speak-button{font-size:clamp(18px,4.4vmin,26px);font-weight:700;color:var(--color-text);background:var(--color-primary);border:none;border-radius:20px;min-height:44px;padding:clamp(8px,1.5vh,12px) clamp(24px,4vh,36px);margin-bottom:clamp(10px,2.5vh,24px);cursor:pointer;box-shadow:var(--shadow-button);transition:transform .12s,background .12s;font-family:inherit;flex-shrink:0}.speak-button:disabled{opacity:.45;cursor:default}.speak-button:active{transform:var(--press-down);box-shadow:var(--shadow-pressed)}.feedback{position:relative;min-height:clamp(78px,18vmin,150px);margin-top:clamp(4px,1.6vh,18px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.5vh,14px);flex-shrink:0}.correct-msg{font-size:clamp(26px,6.4vmin,42px);color:var(--color-success);font-weight:700;letter-spacing:2px;animation:pop .4s ease-out}.retry-msg{font-size:clamp(22px,5.6vmin,34px);color:var(--color-retry);font-weight:700}.app:has(.goal-panel) .card,.app:has(.goal-panel) .question,.app:has(.goal-panel) .buttons,.app:has(.goal-panel) .speak-button,.app:has(.goal-panel) .hint{display:none}.app:has(.goal-panel) .feedback{margin:auto 0}.goal-panel{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1.2vh,12px);background:linear-gradient(180deg,#fffdf5,#ffefc9);border:3px solid var(--color-primary);border-radius:var(--radius-card);padding:clamp(12px,2.4vh,24px) clamp(16px,5vw,48px);box-shadow:var(--shadow-card);animation:pop .5s ease-out;max-width:100%}.goal-stars{font-size:clamp(16px,4vmin,28px);letter-spacing:4px;line-height:1;max-width:100%}.goal-buttons{display:flex;flex-wrap:wrap;gap:clamp(8px,1.6vh,14px);justify-content:center}.next-button{font-size:clamp(22px,5.6vmin,32px);font-weight:700;color:var(--color-text);background:var(--color-primary);border:none;border-radius:var(--radius-button);min-height:48px;padding:clamp(10px,2vh,16px) clamp(24px,6vmin,48px);cursor:pointer;box-shadow:var(--shadow-button);transition:transform .12s,background .12s;font-family:inherit}.next-button:active{transform:var(--press-down);box-shadow:var(--shadow-pressed)}.goal-home{background:var(--color-card);border:3px solid var(--color-primary);font-size:clamp(16px,4.2vmin,24px);padding:clamp(8px,1.6vh,12px) clamp(16px,5vmin,32px)}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.sparkles span{position:absolute;bottom:0;font-size:32px;opacity:0;animation:float-up 1.2s ease-out forwards}.sparkles span:nth-child(1){left:10%;animation-delay:0s}.sparkles span:nth-child(2){left:25%;animation-delay:.15s}.sparkles span:nth-child(3){left:45%;font-size:44px;animation-delay:.05s}.sparkles span:nth-child(4){left:62%;animation-delay:.2s}.sparkles span:nth-child(5){left:78%;animation-delay:.1s}.sparkles span:nth-child(6){left:90%;animation-delay:.25s}@keyframes float-up{0%{opacity:0;transform:translateY(20px) scale(.6)}20%{opacity:1}to{opacity:0;transform:translateY(-90px) scale(1.1)}}.sticker-note{font-size:clamp(16px,4vmin,24px);font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:10px}.sticker-big{display:inline-block;font-size:clamp(36px,9vmin,56px);line-height:1;filter:drop-shadow(0 4px 6px rgba(120,90,60,.2));animation:pop .6s ease-out}.hint{margin-top:auto;padding-top:8px;font-size:clamp(13px,2.8vmin,18px);color:var(--color-text-soft);flex-shrink:0}.hint-sub{font-size:13px;margin-top:2px}.error-screen{gap:clamp(10px,2.5vh,20px)}.error-screen>:first-child{margin-top:auto}.error-screen>:last-child{margin-bottom:auto}.error-emoji{font-size:clamp(56px,14vmin,90px);line-height:1}.error-title{font-size:clamp(22px,5.6vmin,36px);color:var(--color-text)}.error-note{font-size:clamp(14px,3vmin,18px);color:var(--color-text-soft);max-width:560px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}::-webkit-scrollbar-track{background:transparent}.utility-row{width:min(100%,880px);border-top:2px dashed rgba(191,227,242,.9);padding-top:clamp(8px,1.6vh,16px)}.sticker-mode-button{background:var(--color-primary-soft);border-color:var(--color-primary)}.settings-mode-button{background:#f7f2ea;border-color:var(--color-beige)}.sticker-page{gap:clamp(8px,2vh,16px)}.sticker-title{margin:clamp(4px,1.5vh,16px) 0}.sticker-card{width:100%;background:var(--color-card);background-image:radial-gradient(rgba(191,227,242,.35) 2px,transparent 2.5px);background-size:26px 26px;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:clamp(14px,3vh,28px) clamp(12px,3vw,28px);flex:1;min-height:120px;overflow-y:auto}.sticker-total{display:inline-block;font-size:clamp(14px,3vmin,18px);font-weight:700;color:var(--color-text);background:var(--color-primary-soft);border-radius:999px;padding:4px 20px;margin-bottom:clamp(10px,2vh,16px)}.sticker-section{margin-bottom:clamp(14px,2.8vh,24px)}.sticker-section-title{font-size:clamp(14px,3vmin,18px);font-weight:700;color:var(--color-text);text-align:left;margin-bottom:clamp(6px,1.2vh,10px);border-left:5px solid var(--color-primary);padding-left:12px}.sticker-grid{display:flex;flex-wrap:wrap;gap:clamp(10px,2.4vmin,18px);justify-content:flex-start;align-content:flex-start}.sticker-tile{display:flex;flex-direction:column;align-items:center;gap:4px;width:clamp(78px,18vmin,110px);padding:clamp(10px,2vh,16px) 8px;background:var(--color-card-blue);border-radius:20px;box-shadow:var(--shadow-button);animation:pop .35s ease-out}.sticker-tile:nth-child(3n){transform:rotate(2.5deg)}.sticker-tile:nth-child(3n+1){transform:rotate(-2deg)}.sticker{font-size:clamp(34px,8vmin,52px);line-height:1;filter:drop-shadow(0 4px 6px rgba(120,90,60,.18))}.sticker-count{font-size:clamp(15px,3.2vmin,20px);font-weight:700;color:var(--color-text)}.sticker-empty{height:100%;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:clamp(18px,4.4vmin,26px);color:var(--color-text-soft)}.stats{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;font-size:clamp(12px,2.6vmin,16px);color:var(--color-text-soft);flex-shrink:0}.stat{white-space:nowrap;background:var(--color-card);border:2px solid rgba(191,227,242,.7);border-radius:999px;padding:4px 14px}.reset-area{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;width:100%;flex-shrink:0;min-height:32px}.reset-confirm-text{font-size:14px;color:var(--color-text-soft)}.reset-button{font-size:13px;color:var(--color-text-soft);background:transparent;border:1px solid rgba(138,122,109,.35);border-radius:10px;min-height:32px;padding:4px 12px;cursor:pointer;font-family:inherit}.reset-yes{border-color:var(--color-retry);color:var(--color-retry)}.settings-note{font-size:clamp(14px,2.8vmin,18px);color:var(--color-text-soft);margin-top:-6px}.settings-card{display:flex;flex-direction:column;justify-content:safe center;gap:clamp(10px,2.2vh,22px);text-align:center}.settings-row{display:grid;grid-template-columns:clamp(104px,24vw,168px) 1fr;align-items:center;column-gap:clamp(8px,2vw,20px);row-gap:4px}.settings-row+.settings-row{border-top:2px dashed rgba(191,227,242,.7);padding-top:clamp(8px,1.8vh,16px)}.settings-row-label{font-size:clamp(13px,2.8vmin,18px);color:var(--color-text);text-align:right;line-height:1.3}.settings-row-options{display:flex;flex-wrap:wrap;gap:clamp(6px,1.2vh,10px);justify-content:flex-start}.option-pill{font-size:clamp(13px,2.8vmin,17px);font-weight:700;color:var(--color-text);background:var(--color-card);border:3px solid var(--color-border);border-radius:999px;min-height:40px;padding:clamp(6px,1.2vh,10px) clamp(12px,2vw,20px);cursor:pointer;box-shadow:var(--shadow-button);transition:transform .12s,background .12s,border-color .12s;font-family:inherit;white-space:nowrap}.option-pill:active{transform:var(--press-down);box-shadow:var(--shadow-pressed)}.option-pill.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.settings-row-desc{grid-column:2;font-size:clamp(11px,2.3vmin,14px);color:var(--color-text-soft);text-align:left}.settings-hint{font-size:clamp(11px,2.4vmin,14px);color:var(--color-text-soft)}.settings-version{font-size:12px;color:#8a7a6d99;margin-top:clamp(4px,1vh,10px)}@media(max-width:640px){.settings-row{grid-template-columns:1fr}.settings-row-label{text-align:left}.settings-row-desc{grid-column:1}}@media(hover:hover)and (pointer:fine){.mode-button:hover{transform:var(--hover-up);background:var(--color-card-blue);box-shadow:0 14px 28px #785a3c24}.home-button:hover,.mute-button:hover{background:var(--color-card-blue);transform:var(--hover-up)}.num-button:hover:enabled,.shape-button:hover:enabled{background:var(--color-card-blue);transform:var(--hover-up)}.color-button:hover:enabled{transform:scale(1.06)}.speak-button:hover:enabled{background:var(--color-primary-soft);transform:var(--hover-up)}.next-button:hover{background:var(--color-primary-soft);transform:var(--hover-up)}.goal-home:hover{background:var(--color-primary-soft)}.option-pill:hover{transform:var(--hover-up);background:var(--color-card-blue)}.option-pill.selected:hover{background:var(--color-primary-soft)}.reset-button:hover{background:#8a7a6d14}.sticker-mode-button:hover{background:var(--color-primary)}.settings-mode-button:hover{background:#efe6d9}}@media(max-width:640px){.app{padding-top:clamp(8px,1.6vh,16px)}.mode-button{width:clamp(150px,46vw,180px)}.buttons{gap:clamp(10px,3.4vw,20px)}.num-button{width:clamp(64px,23vw,96px);height:clamp(64px,23vw,96px);font-size:clamp(32px,11vw,48px)}.num-many{flex-wrap:wrap;gap:clamp(8px,2.4vw,12px)}.num-many .num-button{width:clamp(52px,16vw,72px);height:clamp(52px,16vw,72px);font-size:clamp(26px,8vw,36px)}.color-button{width:clamp(60px,20vw,96px);height:clamp(60px,20vw,96px)}.color-swatch{width:clamp(64px,22vw,110px);height:clamp(64px,22vw,110px)}.shape-button{width:clamp(88px,27vw,130px)}.shape-svg{width:clamp(48px,14vw,72px);height:clamp(48px,14vw,72px)}.goal-buttons{flex-direction:column;align-items:stretch}}body.assist-easy .buttons{gap:clamp(16px,4vmin,34px)}body.assist-easy .num-button{width:clamp(76px,19vmin,124px);height:clamp(76px,19vmin,124px);font-size:clamp(38px,9.5vmin,62px)}body.assist-easy .num-many{gap:clamp(6px,min(1.6vh,1vw),14px)}body.assist-easy .num-many .num-button{width:clamp(56px,min(11.5vh,7.9vw),86px);height:clamp(56px,min(11.5vh,7.9vw),86px);font-size:clamp(28px,min(6vh,4vw),44px)}body.assist-easy .color-button{width:clamp(76px,20vmin,124px);height:clamp(76px,20vmin,124px)}body.assist-easy .shape-button{width:clamp(108px,26vmin,168px)}body.assist-easy .shape-svg{width:clamp(60px,15vmin,100px);height:clamp(60px,15vmin,100px)}body.assist-easy .next-button{font-size:clamp(24px,6vmin,36px);padding:clamp(12px,2.4vh,18px) clamp(28px,8vmin,54px)}@media(max-width:640px){body.assist-easy .buttons{gap:clamp(12px,3.6vw,22px)}body.assist-easy .num-button{width:clamp(68px,25vw,104px);height:clamp(68px,25vw,104px);font-size:clamp(34px,12vw,52px)}body.assist-easy .num-many{flex-wrap:wrap;gap:clamp(8px,2.4vw,12px)}body.assist-easy .num-many .num-button{width:clamp(54px,17vw,76px);height:clamp(54px,17vw,76px);font-size:clamp(27px,8.5vw,38px)}body.assist-easy .color-button{width:clamp(64px,22vw,104px);height:clamp(64px,22vw,104px)}body.assist-easy .shape-button{width:clamp(92px,29vw,140px)}}.key-focus{box-shadow:0 0 0 6px #5a8fa88c,var(--shadow-button)!important;transform:var(--hover-up)}body.assist-super .mode-button,body.assist-super .buttons button,body.assist-super .next-button,body.assist-super .speak-button{position:relative}@property --dwell-p{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.dwell-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:conic-gradient(rgba(232,147,12,.35) var(--dwell-p),transparent 0);animation:dwell-sweep 2.2s linear forwards}@keyframes dwell-sweep{0%{--dwell-p: 0%}to{--dwell-p: 100%}}button:focus-visible{outline:4px solid var(--color-retry);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
