:root{--bg:#f6f7f9;--panel:#fff;--text:#1d2330;--muted:#5d6676;--line:#dde1e7;--accent:#1f5fbf;--accent-text:#fff;--ok:#1f7a3f;--ok-bg:#e5f4ea;--busy:#8a5a00;--busy-bg:#fdf1d8;--bad:#b42318;--bad-bg:#fde8e6;--hl:#fff6cc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14171c;--panel:#1c2027;--text:#e7eaf0;--muted:#9aa3b2;--line:#2e343e;--accent:#6ea2ff;--accent-text:#0b1220;--ok:#7fd49b;--ok-bg:#173323;--busy:#f0c46a;--busy-bg:#3a2e12;--bad:#ff9a8f;--bad-bg:#3d1c19;--hl:#3a3517}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.6 system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif}h1{margin:.5rem 0;font-size:1.4rem}a{color:var(--accent)}button,.button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;padding:.5rem .9rem;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.danger{color:var(--bad);border-color:var(--bad)}button.link{color:var(--accent);background:0 0;border:none;padding:.25rem}input[type=email],input[inputmode=numeric]{font:inherit;border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:.6rem}input[inputmode=numeric]{letter-spacing:.4em;text-align:center;font-size:1.6rem}.bar{background:var(--panel);border-bottom:1px solid var(--line);z-index:3;align-items:center;gap:1rem;padding:.6rem 16px;display:flex;position:sticky;top:0}.bar a,.bar button{white-space:nowrap}.brand{color:var(--text);font-weight:700;text-decoration:none}.who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;font-size:.9rem;overflow:hidden}.page{max-width:960px;margin:0 auto;padding:16px}.narrow{max-width:420px;padding-top:10vh}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:.75rem;padding:1rem;display:grid}.muted{color:var(--muted)}.small{font-size:.85rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.between{justify-content:space-between}.notice{border-radius:8px;padding:.6rem .8rem}.notice.bad{background:var(--bad-bg);color:var(--bad)}.notice.ok{background:var(--ok-bg);color:var(--ok)}h2{margin:1.5rem 0 .5rem;font-size:1.1rem}.list li.plain{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.6rem 1rem}.list li.plain .row{margin:0}.list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.list a{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:.75rem 1rem;text-decoration:none;display:block}.list a:hover{border-color:var(--accent)}.title{font-weight:600}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.25rem .9rem;margin:.2rem 0;font-size:.9rem;display:flex}.tag{border-radius:999px;padding:0 .5rem;font-size:.8rem}.tag.ok{background:var(--ok-bg);color:var(--ok)}.tag.busy{background:var(--busy-bg);color:var(--busy)}.tag.bad{background:var(--bad-bg);color:var(--bad)}.tag.muted{background:var(--line);color:var(--muted)}.back{margin:.25rem 0;text-decoration:none;display:inline-block}.tabs{border-bottom:1px solid var(--line);gap:.25rem;margin:1rem 0 .75rem;display:flex}.tabs button{background:0 0;border:none;border-bottom:3px solid #0000;border-radius:0;padding:.5rem 1rem}.tabs button[aria-selected=true]{border-bottom-color:var(--accent);font-weight:600}.player{z-index:2;background:var(--bg);gap:.25rem;padding:.5rem 0;display:grid;position:sticky;top:3rem}.player audio{width:100%}.timeline{margin:0;padding:0;list-style:none}.timeline li{border-radius:8px;grid-template-columns:5.2rem 1fr;align-items:start;gap:.5rem;padding:.35rem .5rem;display:grid}.timeline li.active{background:var(--hl)}.timeline p{overflow-wrap:anywhere;margin:.15rem 0}.time{font-variant-numeric:tabular-nums;color:var(--muted);padding:.15rem .4rem;font-size:.85rem}.speaker{color:var(--muted);border:1px solid var(--line);border-radius:4px;margin-right:.4rem;padding:0 .3rem;font-size:.75rem}.thumb{background:0 0;border:none;padding:0}.thumb img{border-radius:8px;max-width:min(320px,100%);max-height:240px;display:block}.marker{background:var(--busy-bg);color:var(--busy);border-radius:4px;padding:0 .4rem;font-weight:600}.marker.warning{background:var(--bad-bg);color:var(--bad)}.marker.measurement{background:var(--ok-bg);color:var(--ok)}.lightbox{z-index:10;color:#fff;text-align:center;background:#000000d9;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox img{max-width:100%;max-height:85vh}.report{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:75vh}.danger-zone{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem}.search{font:inherit;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);border-radius:8px;margin:0 0 .75rem;padding:.55rem .7rem}.title-row{gap:.75rem;margin:.5rem 0}.title-row h1{margin:0}.title-input{font:inherit;border:1px solid var(--line);background:var(--bg);min-width:12rem;color:var(--text);border-radius:8px;flex:1;padding:.4rem .6rem;font-size:1.2rem}.notice.busy{background:var(--busy-bg);color:var(--busy)}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin:.75rem 0;display:grid}.meter{gap:.4rem}.meter .row{flex-wrap:wrap;margin:0}.gauge{background:var(--line);border-radius:999px;height:10px;display:block;overflow:hidden}.gauge>span{border-radius:999px;height:100%;display:block}.gauge>span.ok{background:var(--ok)}.gauge>span.busy{background:var(--busy)}.gauge>span.bad{background:var(--bad)}.months{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.months li{grid-template-columns:4.5rem 1fr 6.5rem;align-items:center;gap:.5rem;display:grid}.months .small:last-child{text-align:right}.table{border-collapse:collapse;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.4rem .5rem}.table .num{text-align:right;white-space:nowrap}@media (width<=600px){.timeline li{grid-template-columns:4.4rem 1fr;padding:.3rem .25rem}.who{display:none}.bar .link{margin-left:auto}.bar{flex-wrap:wrap;gap:.4rem .9rem}}
