:root{--blue: #168dd5;--green: #92d050;--red: #c00000;--amber: #ef7a07;--grey: #666;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#222}.app{max-width:640px;margin:0 auto;min-height:100vh}.pad{padding:16px calc(12px + env(safe-area-inset-left)) 48px}.centre{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}h1{font-size:1.4rem;color:var(--blue);margin:8px 0}h2{font-size:1.05rem;margin:4px 0 10px}.muted{color:var(--grey)}.small{font-size:.85rem}.row{display:flex;gap:8px;align-items:center}.spread{justify-content:space-between}.card{background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:14px;margin:12px 0}.warn-card{border-color:var(--amber);background:#fff8f0}.banner{padding:10px 14px;border-radius:10px;margin:10px 0;font-weight:600}.banner.offline{background:#fff2cc;border:1px solid var(--amber)}.banner.warn{background:#fce4d6;border:1px solid var(--red)}label{display:block;margin:10px 0;font-size:.95rem}input,select{width:100%;padding:12px;font-size:1rem;border:1px solid #ccc;border-radius:8px;margin-top:4px}.check{display:flex;gap:10px;align-items:flex-start}.check input{width:24px;height:24px;margin-top:2px;flex:none}button{min-height:44px;min-width:44px;padding:10px 16px;font-size:1rem;border-radius:10px;border:1px solid #bbb;background:#fff;cursor:pointer}button.primary{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}button.secondary{background:#eef5fb;border-color:var(--blue);color:var(--blue);font-weight:700}button.danger{background:var(--red);border-color:var(--red);color:#fff;font-weight:700}button.big{width:100%;min-height:60px;font-size:1.2rem;margin-top:10px}button:disabled{opacity:.45}.record-screen{padding-top:8px}.rec-indicator{color:var(--red);font-weight:800;font-size:1.2rem;letter-spacing:1px;padding:8px 0}.rec-indicator.paused{color:var(--amber)}.timer{font-size:3.4rem;font-variant-numeric:tabular-nums;font-weight:700;text-align:center;margin:6px 0}.level-wrap{height:14px;background:#e8e8e8;border-radius:7px;overflow:hidden;margin:6px 0 14px}.level{height:100%;background:linear-gradient(90deg,var(--green),var(--amber));transition:width .15s}.statuses{background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:12px 14px;margin-bottom:12px}.statuses>div{margin:4px 0}.controls{margin-top:8px}.controls .marker{width:100%;margin-top:10px;background:#f4f7fa}.confirm{background:#fff;border:2px solid var(--red);border-radius:12px;padding:14px;margin-top:10px}.transcript{background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:14px}