.rt-screen select{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit}.rt-screen .field{margin-bottom:20px}.rt-screen p{line-height:1.7;color:var(--muted)}.rt-target{width:100%;min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:0;border-radius:24px;background:#953a49;color:white;touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer;transition:none!important;transform:none!important}.rt-target strong{font-size:clamp(28px,6vw,44px)}.rt-target.rt-go{background:#14774a}.rt-target:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.rt-result{text-align:center}.rt-average{font-size:64px;font-variant-numeric:tabular-nums}.rt-average small{font-size:22px}.rt-history{list-style:none;padding:0;margin:0;max-height:340px;overflow:auto}.rt-history li{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.rt-chart svg{width:100%;height:auto;color:var(--muted)}.rt-chart text{font-size:12px;fill:currentColor}.rt-progress{text-align:center}
.training-tool-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.training-tool-grid .home-action{display:flex;flex-direction:column;justify-content:center;gap:12px;aspect-ratio:1;min-height:0;padding:12px 6px;border-radius:22px;text-align:center}.training-tool-grid .home-action-icon{width:52px;height:52px;flex:0 0 52px;border-radius:16px}.training-tool-grid .home-action strong{font-size:clamp(12px,3.4vw,16px);line-height:1.35;overflow-wrap:anywhere}.training-tool-grid .home-action svg{width:30px;height:30px}@media(max-width:360px){.training-tool-grid{gap:8px}.training-tool-grid .home-action{gap:8px}.training-tool-grid .home-action-icon{width:44px;height:44px;flex-basis:44px}}
.rt-visual-active .rt-target{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;min-height:100%;margin:0;border-radius:0;padding:calc(70px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));box-sizing:border-box}.rt-visual-active .topbar{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:1001;margin:0;padding:16px;background:transparent;pointer-events:none}.rt-visual-active .topbar h1{display:none}.rt-visual-active .topbar .back{pointer-events:auto;background:#ffffff26;color:#fff;border:1px solid #ffffff66;box-shadow:none}
