:root{--bg: #ffffff;--surface: #f4f6f9;--fg: #1d2733;--muted: #5d6b7a;--line: #dde3ea;--accent: #0063a3;--accent-fg: #ffffff;--warn-bg: #fff4e0;--warn-fg: #7a4b00;--err-bg: #fde8e8;--err-fg: #8a1f1f;--ok: #2e7d32;--radius: 8px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14191f;--surface: #1d242c;--fg: #e4e9ef;--muted: #97a4b2;--line: #2c3743;--accent: #4da3e0;--accent-fg: #0b1218;--warn-bg: #3a2c10;--warn-fg: #f3cf8b;--err-bg: #3d1a1a;--err-fg: #f4b0b0;--ok: #7bc47f}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--fg)}body{font:14px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}#app{padding:12px 14px 24px;max-width:560px}h1{font-size:16px;margin:0;display:flex;align-items:center;gap:8px}h1 img{width:22px;height:22px}h2{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:18px 0 8px;font-weight:600}.sub{color:var(--muted);font-size:13px;margin-top:2px;overflow-wrap:anywhere}.badge{display:inline-block;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.notice{padding:10px 12px;border-radius:var(--radius);background:var(--surface);margin:10px 0;overflow-wrap:anywhere}.notice.warn{background:var(--warn-bg);color:var(--warn-fg)}.notice.err{background:var(--err-bg);color:var(--err-fg)}button,.filebtn{font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:44px;min-width:44px;padding:0 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover,.filebtn:hover{border-color:var(--muted)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}button[aria-pressed=true]{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.filebtn input{display:none}.date{margin-top:14px;padding:12px;border-radius:var(--radius);background:var(--surface)}.date .day{font-size:20px;font-weight:650}.date .of{color:var(--muted);font-size:13px}input[type=range]{width:100%;height:44px;margin:6px 0 2px;accent-color:var(--accent)}.controls{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.controls .play{grid-column:span 1}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.seg{display:inline-flex}.seg button{border-radius:0;margin-left:-1px}.seg button:first-child{border-radius:var(--radius) 0 0 var(--radius);margin-left:0}.seg button:last-child{border-radius:0 var(--radius) var(--radius) 0}.label{color:var(--muted);font-size:13px;min-width:84px}.legend{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:13px}.sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.sw.ghost{background:#bec6cf73;border:1px dashed var(--muted)}.sw.hidden{border:1px dashed var(--muted)}.sw.natural{background:linear-gradient(135deg,#c9ced4 50%,#9aa3ad 50%)}ul.acts{list-style:none;margin:0;padding:0;display:grid;gap:6px}ul.acts button{width:100%;justify-content:flex-start;text-align:left;padding:8px 10px;min-height:52px}ul.acts .t{display:block;font-weight:600}ul.acts .m{display:block;color:var(--muted);font-size:12px}.crit{color:#d64545;font-weight:600;font-size:11px;margin-left:4px}.empty{color:var(--muted);font-size:13px}.sel{padding:10px 12px;border-radius:var(--radius);border:1px solid var(--line)}.foot{margin-top:18px;display:flex;flex-wrap:wrap;gap:6px}.small{font-size:12px;color:var(--muted)}.mockbar{font:12px ui-monospace,monospace;color:var(--muted);margin-top:8px}