:root{--ink:#16191d;--muted:#5c6470;--ground:#ffffff;--panel:#f4f6f9;--card:#fff;--line:#e1e4ea;--accent:#1c64e0;--accent-soft:#eaf1fd;--accent2:#d9752e;--accent2-deep:#a8531e;--accent2-soft:#fceee0;--good:#1c9463;--good-deep:#0e7a50;--good-soft:#e3f5ec;--bad:#e4462b;--shadow:0 8px 22px #16191d0f}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;line-height:1.55}.app-shell{max-width:760px;margin:auto;padding:22px 16px 104px}header,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}header{margin-bottom:18px}h1,h2,h3,p{margin:0}h1{font-size:1.6rem;letter-spacing:.01em;line-height:1.25}h2{font-size:1.2rem;line-height:1.35}.header-note{margin-top:3px;color:var(--muted);font-size:.9rem}.step,.record-step{color:var(--accent2);font-size:.78rem;font-weight:800;letter-spacing:.07em}.status{border-radius:999px;padding:7px 11px;background:#eef0f3;color:#525a63;font-size:.82rem;font-weight:700;white-space:nowrap}#sensorState{color:var(--accent2-deep);background:var(--accent2-soft);border:1px solid #d9752e59}#resultBadge{color:var(--good-deep);background:var(--good-soft);border:1px solid #1c94634d}.card{background:var(--card);border:1.3px solid var(--line);border-radius:16px;padding:18px;margin:14px 0;box-shadow:var(--shadow)}.permission{display:grid;gap:12px}.permission h2{margin-top:2px}.permission p:not(.note){color:var(--muted);font-size:.95rem}.note,.muted{color:var(--muted);font-size:.92rem}.small{font-size:.8rem}.optional{font-size:.76rem;font-weight:400}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:6px;margin-top:14px;font-size:.92rem;font-weight:700;color:var(--ink)}select,input,button{font:inherit}select,input{width:100%;min-height:50px;padding:0 12px;border:1.3px solid #c7ccd3;border-radius:10px;background:#fff;color:var(--ink);font-size:1rem}select:focus,input:focus,button:focus-visible{outline:3px solid #9dbdf3;outline-offset:2px}.primary{background:var(--accent);color:#fff}.secondary{background:#fff;color:#31353b;border:1.3px solid #c7ccd3}.text-button{min-height:auto;padding:8px;background:transparent;color:var(--muted);font-size:.85rem;font-weight:600}#clearButton{color:var(--bad);font-weight:700}.live-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.live-grid .card{margin:0}.coach-card{text-align:center;display:grid;place-items:center;min-height:238px;border:1.3px solid var(--line)}.feedback-arrow{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--accent-soft);font-size:2.6rem;color:var(--accent);line-height:1}.coach-card h2{margin-top:8px;font-size:1.4rem}.gauge-card{display:grid;align-content:center;gap:17px}.gauge-row{display:grid;grid-template-columns:50px 52px 1fr;align-items:center;gap:7px;font-size:.86rem}.gauge-row strong{text-align:right;font-variant-numeric:tabular-nums}.bar{height:10px;border-radius:999px;background:#f0f2f5;overflow:hidden}.bar i{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit;transition:width .15s}button{min-height:50px;border:0;border-radius:10px;padding:0 16px;font-weight:800;cursor:pointer;transition:transform .12s,filter .12s}button:active{transform:scale(.98)}button:disabled{opacity:.48;cursor:not-allowed}.record-actions{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:18px -4px 0;padding:12px 4px;background:linear-gradient(90deg,#ffffff00,#ffffff 8%,#ffffff 92%,#ffffff00)}.record-step{white-space:nowrap}.record{background:var(--bad);color:#fff}.record span{display:inline-block;width:10px;height:10px;background:currentColor;border-radius:50%;margin-right:7px}.recording .record span{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}.lead{margin:14px 0;color:#31353b;font-size:1rem}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{padding:13px;border:1.3px solid var(--line);border-radius:12px;background:#fff}.metric span,.metric small{display:block;color:var(--muted);font-size:.76rem}.metric strong{display:block;font-size:1.2rem;margin:4px 0}.chart-wrap{margin-top:18px}.chart-wrap h3{font-size:.94rem;margin-bottom:8px}canvas{width:100%;height:auto;background:#fafbfc;border:1px solid var(--line);border-radius:12px}.session-list{display:grid;gap:9px;margin-top:12px}.session-item{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:13px;background:#fff;border:1.3px solid var(--line);border-radius:11px}.session-item strong,.session-item span{display:block}.session-item span{font-size:.8rem;color:var(--muted)}.tag{font-weight:700}.tag-expert{color:var(--accent2-deep)!important}.tag-learner{color:var(--accent)!important}.danger{color:var(--muted)}@media(max-width:540px){.app-shell{padding:18px 12px 94px}.live-grid{grid-template-columns:1fr}.coach-card{min-height:190px}.field-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.record-actions{grid-template-columns:1fr 1fr}.record-step{grid-column:1/-1}.record-actions button{padding:0 8px}}