*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e1a;--surface:#111827;--surface2:#1e2535;--border:#2a3347;--text:#f0f4ff;--text-muted:#89b;--accent:#e8b800;--watching:#22c55e;--recording:#3b82f6;--skip:#6b7280;--undecided:#4b5563;--japan:#c00;--radius:8px}body{background:var(--bg);color:var(--text);font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:14px;min-height:100vh}.container{max-width:860px;margin:0 auto;padding:0 16px}header{background:var(--surface);border-bottom:1px solid var(--border);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-title{font-size:18px;font-weight:700;color:var(--accent);white-space:nowrap}.header-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.stats-bar{display:flex;gap:12px;font-size:12px}.stat{display:flex;align-items:center;gap:4px}.dot{width:8px;height:8px;border-radius:50%}.filter-bar{padding:12px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .15s}.filter-btn.active,.filter-btn:hover{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.date-section{margin-bottom:20px}.date-header{display:flex;align-items:center;gap:8px;padding:8px 0;margin-bottom:8px;border-bottom:1px solid var(--border)}.date-label{font-size:13px;font-weight:600;color:var(--text-muted)}.date-count{font-size:11px;background:var(--surface2);border-radius:10px;padding:1px 7px;color:var(--text-muted)}.match-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;transition:border-color .15s;cursor:pointer}.match-card:hover{border-color:var(--accent)}.match-card.japan{border-left:3px solid var(--japan)}.match-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.phase-badge{font-size:10px;padding:2px 7px;border-radius:4px;background:var(--surface2);color:var(--text-muted);white-space:nowrap}.phase-badge.final{background:#7c3aed;color:#fff}.phase-badge.semi{background:#0369a1;color:#fff}.phase-badge.quarter{background:#065f46;color:#fff}.match-time{font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap}.venue-info{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-teams{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0}.team-name{font-size:16px;font-weight:700;flex:1 1;text-align:center}.team-name.japan{color:var(--japan)}.vs{font-size:12px;color:var(--text-muted);flex-shrink:0}.match-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.status-buttons{display:flex;gap:4px}.status-btn{padding:4px 10px;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .1s;white-space:nowrap}.status-btn:hover{background:var(--surface2)}.status-btn.watching.active{background:var(--watching);border-color:var(--watching);color:#fff}.status-btn.recording.active{background:var(--recording);border-color:var(--recording);color:#fff}.status-btn.skip.active{background:var(--skip);border-color:var(--skip);color:#fff}.status-btn.undecided.active{background:var(--undecided);border-color:var(--undecided);color:#ddd}.memo-input{flex:1 1;background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:4px 8px;color:var(--text);font-size:12px;min-width:0}.memo-input::placeholder{color:var(--text-muted)}.memo-input:focus{outline:none;border-color:var(--accent)}.page-wrap{padding-top:16px;padding-bottom:40px}.back-to-top{position:fixed;bottom:24px;right:24px;background:var(--accent);color:#000;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.4)}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.add-event-btn{background:var(--accent);color:#000;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.add-day-event{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;width:22px;height:22px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-day-event:hover{border-color:var(--accent);color:var(--accent)}.event-count{background:#2d1f4e;color:#a78bfa}.personal-event-card{display:flex;align-items:center;gap:10px;background:var(--surface2);border:1px solid var(--border);border-left:3px solid #6b7280;border-radius:var(--radius);padding:8px 12px;margin-bottom:6px;cursor:pointer;transition:opacity .15s}.personal-event-card:hover{opacity:.8}.pe-time{font-size:12px;color:var(--text-muted)}.pe-cat,.pe-time{white-space:nowrap}.pe-cat{font-size:11px}.pe-title{font-size:14px;font-weight:600;flex:1 1}.pe-edit{color:var(--text-muted)}.conflict-badge,.pe-edit{font-size:11px;white-space:nowrap}.conflict-badge{background:#7f1d1d;color:#fca5a5;border-radius:4px;padding:1px 6px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:420px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-weight:600;font-size:15px}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:2px 6px}.modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:4px}.field-label{font-size:11px;color:var(--text-muted);margin-top:8px;margin-bottom:4px;display:block}.field-input{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text);font-size:14px}.field-input:focus{outline:none;border-color:var(--accent)}.category-btns{display:flex;gap:6px;margin-bottom:4px}.cat-btn{flex:1 1;padding:6px 4px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:12px;cursor:pointer;transition:all .1s}.cat-btn.active{color:#fff;font-weight:600}.time-row{display:flex;gap:10px;align-items:flex-start}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border)}.btn-save{background:var(--accent);color:#000;border:none;border-radius:6px;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer}.btn-save:disabled{opacity:.4;cursor:not-allowed}.btn-delete{background:transparent;color:#f87171;border:1px solid #f87171;border-radius:6px;padding:8px 14px;font-size:13px;cursor:pointer;margin-right:auto}@media (max-width:600px){.match-teams{gap:6px}.team-name{font-size:14px}.status-buttons{flex-wrap:wrap}.stats-bar{gap:6px}}