:root{--bg:#f5f6f8;--surface:#fff;--surface-2:#eef0f4;--border:#dde1e8;--text:#1b1f27;--muted:#5d6675;--accent:#2f7d5b;--accent-soft:#dcefe6;--primary:#3858d6;--primary-soft:#e3e8fb;--warn:#9a6200;--warn-soft:#fbefd5;--danger:#b3261e;--danger-soft:#fbe3e1;--bar:#3858d6;--radius:10px;--shadow:0 1px 2px #0000000f, 0 1px 6px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111318;--surface:#1a1d24;--surface-2:#232733;--border:#2e3340;--text:#e7e9ee;--muted:#9aa3b2;--accent:#4cc38a;--accent-soft:#1d3a2d;--primary:#7d96ff;--primary-soft:#252d4d;--warn:#f0b44c;--warn-soft:#3a2e17;--danger:#ff7b72;--danger-soft:#3d1f1d;--bar:#7d96ff;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#111318;--surface:#1a1d24;--surface-2:#232733;--border:#2e3340;--text:#e7e9ee;--muted:#9aa3b2;--accent:#4cc38a;--accent-soft:#1d3a2d;--primary:#7d96ff;--primary-soft:#252d4d;--warn:#f0b44c;--warn-soft:#3a2e17;--danger:#ff7b72;--danger-soft:#3d1f1d;--bar:#7d96ff;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary)}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:.85em}.app-header{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);padding:8px 16px 0;position:sticky;top:0}.clocks{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.clock{align-items:baseline;gap:6px;display:flex}.clock strong{font-size:1.15em}.resets{color:var(--muted);flex-wrap:wrap;gap:2px 14px;margin-top:2px;font-size:.85em;display:flex}.tabs{scrollbar-width:none;gap:2px;margin-top:6px;display:flex;overflow-x:auto}.tabs a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;padding:8px 12px;text-decoration:none}.tabs a[aria-current=page]{color:var(--text);border-bottom-color:var(--primary);font-weight:600}main{max-width:860px;margin:0 auto;padding:12px 16px 64px}h1,h2,h3{line-height:1.2}h1{margin:8px 0 12px;font-size:1.3em}h2{margin:18px 0 8px;font-size:1.1em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;padding:12px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.spread{justify-content:space-between}.stack>*+*{margin-top:8px}.btn{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;min-height:36px;color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.danger{color:var(--danger);border-color:var(--danger);background:0 0}.btn.small{min-height:30px;padding:3px 10px;font-size:.85em}.btn.icon{justify-content:center;min-width:36px;padding:6px}input[type=text],input[type=number],input[type=url],input[type=time],input[type=datetime-local],select,textarea{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:100%;min-height:36px;padding:6px 10px}textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}label.field{color:var(--muted);flex-direction:column;gap:4px;min-width:0;font-size:.9em;display:flex}label.field>input,label.field>select,label.field>textarea{color:var(--text);width:100%}.grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--primary)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:999px;min-height:32px;padding:4px 10px}.chip[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.badge{white-space:nowrap;vertical-align:middle;border:1px solid;border-radius:999px;padding:1px 7px;font-size:.72em;line-height:1.5;display:inline-block}.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:#0000}.badge.ok{color:var(--accent);background:var(--accent-soft);border-color:#0000}.badge.info{color:var(--primary);background:var(--primary-soft);border-color:#0000}.badge.off{color:var(--muted)}.slot{grid-template-columns:88px 1fr;gap:10px;display:grid}.slot-time{text-align:right}.slot-time strong{font-size:1.2em;display:block}.slot-time .countdown{white-space:nowrap;color:var(--primary);font-size:.82em;font-weight:600}.slot.soon .slot-time .countdown{color:var(--danger)}.boss-line{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.boss-line+.boss-line{margin-top:4px}.boss-line .name{font-weight:600}.list-item{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.list-item:first-child{border-top:0}.list-item .grow{flex:1;min-width:0}.empty{text-align:center;color:var(--muted);padding:24px 0}.error{color:var(--danger);background:var(--danger-soft);border-radius:8px;padding:8px 12px}pre.diff{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border-radius:8px;max-height:360px;padding:10px;font-size:.82em;overflow:auto}.toasts{z-index:50;flex-direction:column;gap:8px;width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);border-radius:8px;padding:10px 14px;box-shadow:0 4px 16px #00000040}.toast.error{background:var(--danger);color:#fff}.bar{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.bar>span{background:var(--bar);border-radius:inherit;height:100%;transition:width .35s,background-color .35s;display:block}.bar.full>span{background:var(--accent)}@media (prefers-reduced-motion:reduce){.bar>span{transition:none}}.global-bars{top:var(--header-h,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--border);gap:8px;margin:-12px -16px 10px;padding:10px 16px;display:grid;position:sticky}.progress-label{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.progress-name{font-size:.9em;font-weight:600}.checklist-section{padding:0;overflow:hidden}.section-head{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:12px;display:block}.section-head .progress{margin-top:6px}.section-name{font-weight:600}.tick,.ready{color:var(--accent);font-weight:600}.chevron{color:var(--muted)}.tasks{border-top:1px solid var(--border);padding:4px 12px 12px}.task-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;min-height:48px;padding:10px 0;display:flex}.task-row:last-of-type{border-bottom:0}.task-row.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.task-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);flex:none}.task-row.done .task-name{color:var(--muted)}.task-row.clickable.done .task-name{text-decoration:line-through}.task-row .grow{flex:1;min-width:0}.counter{flex:none;align-items:center;gap:4px;display:flex}.counter .count{text-align:center;min-width:46px;font-size:.9em}.mini-bar{max-width:220px;margin-top:6px}.mini-bar .bar{height:5px}.link-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0 2px;text-decoration:underline}.drag-handle{width:32px;height:36px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;border-radius:6px;flex:none;font-size:1.2em}.drag-handle:focus-visible{outline:2px solid var(--primary)}.dragging{opacity:.85}.dragging>.card,.dragging>.editor-task{box-shadow:0 6px 20px #0003}.editor-section .row:first-child{flex-wrap:nowrap}.editor-task{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:6px;padding:6px 0;display:flex}.editor-task.disabled .grow{color:var(--muted)}.editor-task .grow{flex:1;min-width:0}.task-form{border:1px solid var(--primary);border-radius:var(--radius);background:var(--surface);margin:6px 0;padding:10px}
