:root{--bg-top: #eef6ff;--bg-bottom: #d7ead7;--card-bg: #ffffff;--ink-strong: #1c2733;--ink-soft: #516172;--brand: #1b7f5f;--brand-strong: #12543f;--danger: #bf3d3d;--warning-bg: #fff8e6;--warning-ink: #8a5d00;--border: #d8e2ed;--shadow: 0 14px 38px rgba(22, 39, 56, .12);font-family:IBM Plex Sans,Noto Sans SC,Segoe UI,sans-serif;color:var(--ink-strong);background:linear-gradient(150deg,var(--bg-top),var(--bg-bottom))}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}.page-shell{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 3rem}.hero{padding:1.2rem 1.2rem 1.6rem}.hero-title{margin:0;font-size:clamp(1.6rem,2.3vw,2.2rem);letter-spacing:.02em}.hero-subtitle{margin:.5rem 0 0;color:var(--ink-soft);font-size:.98rem}.panel-grid{display:grid;gap:1rem;grid-template-columns:1fr}.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:18px;padding:1rem;box-shadow:var(--shadow)}.panel h2{margin:0 0 .8rem;font-size:1.05rem}.field-label{display:block;margin:0 0 .35rem;font-size:.9rem;color:var(--ink-soft)}.field-control{width:100%;border:1px solid var(--border);border-radius:10px;padding:.6rem .65rem;background:#fbfdff}.field-control:focus{outline:2px solid rgba(27,127,95,.25);border-color:var(--brand)}.stack{display:grid;gap:.75rem}.row{display:flex;flex-wrap:wrap;gap:.6rem}.btn{border:0;border-radius:10px;padding:.58rem .8rem;cursor:pointer}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}.btn-ghost{background:#edf4ff;color:#23496d}.btn-muted{background:#eef2f5;color:#394b5c}.btn-danger{background:#f7e7e7;color:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}.hold-record-btn{min-height:72px;font-size:1.1rem;font-weight:600;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hold-record-btn.holding{background:#a32b2b}.hint{margin:0;font-size:.82rem;color:var(--ink-soft)}.status{margin:0;font-size:.88rem;color:var(--ink-soft)}.status.error{color:var(--danger)}.warning-list{margin:0;padding:.6rem .8rem .6rem 1.5rem;border-radius:12px;background:var(--warning-bg);color:var(--warning-ink)}.records-list{margin:0;padding:0;list-style:none;display:grid;gap:.7rem}.record-item{border:1px solid var(--border);border-radius:11px;padding:.65rem .75rem;background:#fbfdff}.record-main{margin:0;font-weight:600}.record-sub{margin:.2rem 0 0;font-size:.86rem;color:var(--ink-soft)}@media(min-width:920px){.panel-grid{grid-template-columns:1.15fr 1fr}.panel-full{grid-column:1 / -1}}