:root{--green:#1f4d3d;--green-fill:#1f4d3d2e;--cream:#f5f1e6;--ink:#2b2b26;--ink-soft:#6b6b60;--line:#ddd6c4;--card:#fffdf7;--danger:#a03c2e;color:var(--ink);background:var(--cream);font-family:Hiragino Sans,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app{flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex}header{padding:14px 20px 10px}header h1{color:var(--green);letter-spacing:.06em;margin:0;font-size:1.05rem}main{-webkit-overflow-scrolling:touch;flex:1;padding:8px 20px 24px;overflow-y:auto}h2{margin:10px 0 12px;font-size:1.15rem}h3{color:var(--green);margin:18px 0 6px;font-size:.95rem}section+section{margin-top:8px}.hint{color:var(--ink-soft);font-size:.85rem;line-height:1.6}.empty{text-align:center;color:var(--ink-soft);padding:48px 8px;line-height:1.8}.cards{flex-direction:column;gap:12px;display:flex}.card{background:var(--card);border:1px solid var(--line);text-align:left;font:inherit;cursor:pointer;border-radius:14px;flex-direction:column;gap:6px;padding:16px;display:flex}.card-name{font-size:1rem;font-weight:600}.card-progress{color:var(--ink-soft);font-size:.85rem}.card-badge{background:var(--green);color:var(--cream);border-radius:999px;align-self:flex-start;padding:2px 10px;font-size:.75rem}.steps{padding-left:22px;line-height:2}.training-footer{text-align:center;margin-top:24px}.count{margin-bottom:12px;font-size:1rem}button.primary{background:var(--green);color:var(--cream);cursor:pointer;border:none;border-radius:999px;padding:14px 56px;font-size:1.1rem}button.primary:active{opacity:.85}button.link{color:var(--green);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px 0}button.danger,button.danger-outline{font:inherit;cursor:pointer;border-radius:10px;padding:10px 18px}button.danger{background:var(--danger);color:#fff;border:none}button.danger-outline{color:var(--danger);border:1px solid var(--danger);background:0 0}.confirm-row{align-items:center;gap:14px;display:flex}.show-clinic{text-align:center}.show-clinic canvas{border-radius:8px;max-width:100%}nav{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;display:flex}nav button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 4px;font-size:.78rem}nav button.active{color:var(--green);font-weight:700}.toast{background:var(--green);color:var(--cream);border-radius:10px;max-width:90%;padding:10px 18px;font-size:.9rem;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000002e}svg{width:100%;height:auto}.install-banner{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:.85rem;display:flex}.install-button{background:var(--green);color:var(--cream);font:inherit;cursor:pointer;border:none;border-radius:999px;padding:8px 16px}.install-guide{width:100%}.scan-entry{text-align:center;margin-top:24px}.scan-entry .hint{margin-top:8px}.scan-video{background:#000;border-radius:12px;width:100%}.scan-message{color:var(--danger);font-size:.9rem}.update-banner{background:var(--green);color:var(--cream);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;font-size:.85rem;display:flex}.update-banner .install-button{background:var(--cream);color:var(--green)}.install-guide-title{margin:0 0 6px;font-weight:700}.install-guide ol{margin:0 0 6px;padding-left:20px;line-height:1.9}.pataka-entry{border-color:var(--accent,#2b6e4f)}.pataka-stage{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:24px 8px;display:flex}.pataka-big{font-size:3.2rem;font-weight:700;line-height:1.2}.pataka-live{animation:.6s ease-in-out infinite alternate pataka-pulse}@keyframes pataka-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}.pataka-start{padding:14px 40px;font-size:1.1rem}.pataka-newbest{color:var(--accent,#2b6e4f);font-weight:700}.pataka-history{margin-top:24px}.pataka-history h3{margin-bottom:10px;font-size:.95rem}.pataka-bars{align-items:flex-end;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.pataka-bar-col{flex-direction:column;align-items:center;gap:4px;min-width:34px;display:flex}.pataka-bar{background:var(--accent,#2b6e4f);border-radius:3px 3px 0 0;width:22px}.pataka-bar-value{color:var(--ink-soft);font-size:.75rem}.pataka-bar-date{color:var(--ink-soft);white-space:nowrap;font-size:.68rem}.pataka-results{flex-direction:column;gap:10px;width:100%;max-width:300px;display:flex}.pataka-result-row{justify-content:center;align-items:baseline;gap:12px;display:flex}.pataka-result-syllable{font-size:1.4rem;font-weight:700}.pataka-result-count{font-size:1.6rem;font-weight:700}.pataka-legend{gap:12px;margin-bottom:8px;display:flex}.pataka-legend-item{color:#fff;border-radius:8px;padding:1px 8px;font-size:.78rem}.pataka-bar-group{align-items:flex-end;gap:2px;display:flex}.pataka-bar{width:10px}.pataka-pa{background:var(--accent,#2b6e4f)}.pataka-ta{background:#b8860b}.pataka-ka{background:#6b5b95}.pataka-segments{background:#0000000f;border-radius:10px;gap:0;margin-bottom:14px;padding:3px;display:flex}.pataka-segment{color:inherit;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 0;font-size:1.1rem;font-weight:600}.pataka-segment.active{background:#fff;box-shadow:0 1px 3px #00000026}.pataka-rate{font-size:1.2rem;font-weight:600}.pataka-meter-wrap{margin:10px 0}.pataka-meter{background:#00000014;border-radius:9px;height:18px;position:relative;overflow:hidden}.pataka-meter-fill{background:var(--accent,#2b6e4f);border-radius:9px;height:100%;transition:width 40ms linear}.pataka-meter-threshold{background:#c0392b;width:3px;position:absolute;top:0;bottom:0}.pataka-meter-hint{text-align:center;margin-top:4px}.pataka-gain{margin:14px 0}.pataka-gain label{margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.pataka-gain input[type=range]{width:100%}.pataka-gain .hint{margin-top:2px}.pataka-calib-prompt{font-size:1.7rem}.pataka-recalib{color:var(--ink-soft);background:0 0;border:none;margin-top:4px;font-size:.85rem;text-decoration:underline}.pataka-tuning{border:1px solid #0000001a;border-radius:10px;margin:18px 0;padding:12px}.pataka-tuning-head{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.pataka-check{border:1px solid var(--accent,#2b6e4f);color:var(--accent,#2b6e4f);background:0 0;border-radius:8px;padding:4px 12px;font-size:.85rem}.pataka-meter-fill.over{background:#c0392b}.pataka-slider-row{align-items:center;gap:10px;margin-top:10px;display:flex}.pataka-slider-label{white-space:nowrap;min-width:64px;font-size:.85rem}.pataka-slider-row input[type=range]{flex:1}.pataka-slider-value{text-align:right;min-width:46px;font-size:.9rem;font-weight:600}.pataka-help{color:var(--ink-soft);margin-top:10px;font-size:.85rem}.pataka-help summary{cursor:pointer;font-weight:600}.pataka-help p{margin:8px 0 0;line-height:1.7}.pataka-reset{color:var(--ink-soft);background:0 0;border:1px solid #00000040;border-radius:8px;margin-top:10px;padding:5px 12px;font-size:.85rem}