:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}.screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 25%,#2a1f12,#0c0a07);color:#f8fafc}.card{width:100%;max-width:460px;padding:40px 32px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#ffffff08;text-align:center}.logo{font-size:34px;font-weight:800;letter-spacing:.02em}.logo-mark{margin-right:4px}.tagline{margin-top:10px;font-size:15px;color:#cbd5e1}.modes{display:flex;gap:8px;margin-top:24px;padding:4px;border-radius:12px;background:#0000004d}.mode{flex:1;padding:10px 0;font-size:14px;font-weight:700;color:#94a3b8;border:none;border-radius:9px;background:transparent;cursor:pointer}.mode.on{color:#1a1206;background:#f59e0b}.input{width:100%;margin-top:14px;padding:16px 18px;font-size:16px;color:#f8fafc;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#00000059;outline:none}.input:focus{border-color:#f59e0b}.hint{margin-top:10px;font-size:12px;color:#94a3b8;line-height:1.7}.hint code{font-family:ui-monospace,monospace;color:#cbd5e1}.start{width:100%;margin-top:20px;padding:16px;font-size:17px;font-weight:700;color:#1a1206;border:none;border-radius:14px;background:#f59e0b;cursor:pointer;transition:filter .15s ease}.start:hover:not(:disabled){filter:brightness(1.08)}.start:disabled{opacity:.4;cursor:default}.detected{margin-top:24px;padding:16px;border-radius:14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);font-size:15px}.next{margin-top:8px;font-size:13px;color:#cbd5e1}.select-title{margin-top:16px;font-size:24px;font-weight:800;color:#f8fafc}.select-note{margin-top:12px;font-size:14px;color:#94a3b8}.offline-note{margin-top:18px;padding:16px 18px;border:1px solid rgba(248,113,113,.35);border-radius:14px;background:#f8717114}.offline-title{font-size:16px;font-weight:800;color:#fecaca}.offline-sub{margin-top:6px;font-size:13px;line-height:1.65;color:#cbd5e1}.streams{display:flex;flex-direction:column;gap:12px;margin-top:18px}.stream{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;text-align:left;color:#f8fafc;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff08;cursor:pointer}.stream:hover{border-color:#f59e0b80;background:#f59e0b0f}.stream-badge{flex-shrink:0;padding:5px 10px;font-size:12px;font-weight:700;color:#94a3b8;border:1px solid rgba(255,255,255,.15);border-radius:6px}.stream-badge.live{color:#fca5a5;border-color:#f8717180;background:#f871711f}.stream-title{font-size:18px;font-weight:700;line-height:1.55;word-break:break-word}.stream-date{flex-shrink:0;font-size:12px;color:#94a3b8}.screen.rec{align-items:flex-start;justify-content:center;padding:28px 20px}.rec-inner{width:100%;max-width:480px}.rec-inner-wide{max-width:860px;margin:0 auto}.rec-body{display:flex;gap:24px;align-items:flex-start}.rec-left{flex:0 0 360px}.rec-right{flex:1;min-width:0}@media(max-width:760px){.rec-inner-wide{max-width:480px;margin:0 auto}.rec-body{flex-direction:column;gap:0}.rec-left,.rec-right{flex:none;width:100%;min-width:0}}.rec-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.back{flex-shrink:0;padding:6px 12px;font-size:14px;color:#cbd5e1;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:transparent;cursor:pointer}.back:hover{background:#ffffff0f}.target{flex:1;min-width:0;text-align:right;font-size:13px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.elapsed-box{margin-top:24px;text-align:center}.elapsed-label{font-size:13px;color:#94a3b8}.elapsed-big{margin-top:4px;font-size:64px;font-weight:800;line-height:1;color:#f8fafc;font-variant-numeric:tabular-nums}.here{width:100%;margin-top:20px;padding:32px;font-size:40px;font-weight:800;color:#1a1206;border:none;border-radius:20px;background:#f59e0b;cursor:pointer;transition:transform .08s ease,filter .15s ease}.here:hover{filter:brightness(1.06)}.here:active{transform:scale(.98)}.tags{display:flex;gap:10px;margin-top:14px}.tag-btn{flex:1;padding:12px 0;font-size:26px;line-height:1;border:1px solid rgba(245,158,11,.4);border-radius:12px;background:#f59e0b14;cursor:pointer}.tag-btn:hover{background:#f59e0b29}.tag-btn:active{transform:scale(.97)}.marks-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:28px;font-size:14px;color:#94a3b8}.marks-actions{display:flex;flex-wrap:wrap;gap:8px}.marks-actions button{white-space:nowrap}.marks-actions button{padding:4px 12px;font-size:13px;color:#cbd5e1;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:transparent;cursor:pointer}.marks-actions .share-btn{font-weight:700;color:#1a1206;background:#f59e0b;border-color:#f59e0b}.marks{margin-top:10px}.empty{padding:28px 16px;text-align:center;font-size:14px;color:#64748b;border:1px dashed rgba(255,255,255,.12);border-radius:12px}.mark{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff08}.mark-top{display:flex;align-items:center;gap:10px}.mark-memo{width:100%;padding:8px 10px;font-size:13px;color:#f8fafc;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#00000040;outline:none}.mark-memo:focus{border-color:#f59e0b80}.mark-memo::placeholder{color:#64748b}.mark-off{min-width:56px;font-size:18px;font-weight:800;color:#f59e0b;font-variant-numeric:tabular-nums}.mark-tag{font-size:18px;line-height:1}.mark-clock{font-size:12px;color:#94a3b8;font-variant-numeric:tabular-nums}.mark-link{margin-left:auto;font-size:13px;color:#fbbf24;text-decoration:none;white-space:nowrap}.mark-note{margin-left:auto;font-size:12px;color:#64748b;white-space:nowrap}.mark-del{padding:0 2px;font-size:18px;line-height:1;color:#64748b;border:none;background:transparent;cursor:pointer}.mark-del:hover{color:#f87171}.rec-foot{margin-top:18px;font-size:12px;line-height:1.7;color:#64748b}