:root{color:#243044;background:#f7f3e8;font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{border:0;border-radius:8px;color:inherit;font:inherit;letter-spacing:0;cursor:pointer}button:disabled{cursor:wait;opacity:.7}.app-shell{width:min(100%,980px);margin:0 auto;padding:clamp(12px,2vw,22px);display:flex;flex-direction:column;gap:clamp(8px,1.2vw,12px)}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:2px}.eyebrow{margin:0 0 4px;color:#316a66;font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:700}h1{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.today-count{min-width:max-content;padding:8px 12px;display:flex;align-items:center;gap:6px;border:3px solid #e0b44f;border-radius:8px;background:#fffaf0;white-space:nowrap}.today-count span{font-size:clamp(.95rem,2vw,1.15rem);font-weight:700}.today-count strong{color:#c75036;font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1}.mode-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:6px;border-radius:8px;background:#dbe7df}.mode-switch button{min-height:clamp(44px,5vw,54px);background:transparent;font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:800}.mode-switch button.active{background:#fff;box-shadow:0 2px #24304424}.practice-panel{position:relative;min-height:clamp(260px,34vw,330px);display:grid;place-items:center;padding:clamp(18px,3vw,30px);border:4px solid #243044;border-radius:8px;background:#fff;text-align:center;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.practice-panel.correct{border-color:#2f8a57;background:#f0fbf3;box-shadow:0 0 0 8px #5aa88d2e}.correct-badge{position:absolute;top:clamp(12px,2vw,18px);right:clamp(12px,2vw,18px);padding:8px 14px;border-radius:8px;background:#2f8a57;color:#fff;font-size:clamp(1rem,2vw,1.4rem);font-weight:900;line-height:1}.reading{margin:0;overflow-wrap:anywhere;font-size:clamp(2.2rem,5.6vw,4.6rem);font-weight:900;line-height:1.15}.reading-number{color:#c75036}.visual-model{width:100%;margin:0 0 clamp(12px,2vw,20px);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-content:center;gap:clamp(8px,2vw,22px);overflow-x:auto;padding-bottom:4px}.dot-group{width:clamp(180px,31vw,360px);min-width:0;max-width:100%;padding:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;flex-wrap:nowrap;flex:0 0 auto}.dot-group:first-child{justify-self:end}.dot-group:first-child .dot-row{justify-content:flex-end}.dot-group:last-child{justify-self:start}.dot-group:last-child .dot-row{justify-content:flex-start}.dot-row{display:flex;align-items:center;justify-content:center;gap:clamp(3px,.5vw,5px);flex-wrap:nowrap}.dot{--dot-size: clamp(17px, 2.4vw, 28px);width:var(--dot-size);aspect-ratio:1;display:grid;place-items:center;flex:0 0 auto;border:3px solid #aa3827;border-radius:50%;background:#e06445;box-shadow:inset 0 3px #ffffff59}.dot.empty{border-color:#d8d6ce;background:#fff;box-shadow:none}.plus-mark{--plus-size: clamp(17px, 2.4vw, 28px);--plus-thickness: clamp(3px, .45vw, 5px);justify-self:center;position:relative;width:var(--plus-size);height:var(--plus-size);display:block;color:#243044;font-size:0;line-height:1}.plus-mark:before,.plus-mark:after{position:absolute;top:50%;left:50%;display:block;border-radius:999px;background:currentColor;content:"";transform:translate(-50%,-50%)}.plus-mark:before{width:var(--plus-size);height:var(--plus-thickness)}.plus-mark:after{width:var(--plus-thickness);height:var(--plus-size)}.equation{margin:clamp(10px,1.6vw,16px) 0 0;color:#316a66;font-size:clamp(1.6rem,3vw,2.6rem);font-weight:900}.feedback{min-height:24px;margin:0;color:#c75036;text-align:center;font-size:clamp(1.2rem,2.6vw,1.8rem);font-weight:900}.feedback.placeholder{color:transparent}.answer-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:clamp(-8px,-1vw,-4px) 0 clamp(12px,2vw,22px)}.answer-grid button{min-height:clamp(48px,5.5vw,62px);background:#243044;color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;transition:background-color .16s ease,transform .16s ease,box-shadow .16s ease}.answer-grid button.correct-choice{background:#2f8a57;box-shadow:0 0 0 6px #5aa88d38;transform:translateY(-3px)}.answer-grid button.wrong-choice{background:#9b4d43}.target-grid button.active-target{background:#e06445;box-shadow:0 0 0 6px #e064452e}.actions{margin-top:clamp(8px,1.6vw,16px);display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.primary-action,.secondary-action{min-width:min(280px,100%);min-height:52px;padding:0 28px;font-size:clamp(1.25rem,2.6vw,1.8rem);font-weight:900}.primary-action{background:#e06445;color:#fff}.secondary-action{border:3px solid #243044;background:#fff}.progress-line{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:2px 0;padding:8px 0;font-weight:900}.progress-line progress{width:100%;height:18px;overflow:hidden;border:0;border-radius:999px}.progress-line progress::-webkit-progress-bar{background:#dbe7df}.progress-line progress::-webkit-progress-value{background:#5aa88d}.progress-line progress::-moz-progress-bar{background:#5aa88d}@media(min-width:641px)and (max-height:820px){.app-shell{padding-top:10px;padding-bottom:10px;gap:7px}.top-bar{margin-bottom:0}.eyebrow{margin-bottom:2px}h1{font-size:clamp(1.7rem,3.6vw,2.6rem)}.today-count{padding:6px 10px}.mode-switch{padding:5px}.mode-switch button{min-height:44px}.progress-line{margin:0;padding:5px 0}.practice-panel{min-height:clamp(230px,30vw,280px);padding:clamp(14px,2.2vw,22px)}.feedback{min-height:18px;font-size:clamp(1rem,2vw,1.4rem)}.answer-grid{gap:8px;margin-bottom:12px}.answer-grid button{min-height:48px}.primary-action,.secondary-action{min-height:46px}.actions{margin-top:8px}}@media(max-width:640px){.top-bar{align-items:stretch}.today-count{min-width:88px}.answer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.practice-panel{min-height:280px;padding:16px 12px}.reading{font-size:clamp(1.75rem,8.4vw,2.35rem);line-height:1.08;overflow-wrap:normal;word-break:keep-all}.visual-model{justify-content:center;gap:5px;margin:0 0 12px;overflow-x:visible}.dot-group{width:clamp(86px,36vw,138px);padding:0}.dot-row{gap:1px}.dot{--dot-size: clamp(8px, 2vw, 11px);border-width:2px}.plus-mark{--plus-size: clamp(8px, 2vw, 11px);--plus-thickness: 2px}.equation{margin-top:14px;font-size:clamp(1.7rem,8vw,2.35rem)}}