:root{--bg: #f4f5f7;--card: #ffffff;--text: #1c1f24;--muted: #6b7280;--border: #e3e5e9;--accent: #2563eb;--warn: #c2410c;--code-bg: #f1f3f6;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}@media(prefers-color-scheme:dark){:root{--bg: #111317;--card: #1a1d23;--text: #e6e8eb;--muted: #9aa1ab;--border: #2a2e36;--accent: #60a5fa;--warn: #fb923c;--code-bg: #23272f}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}.app{padding:32px 24px}@media(max-width:640px){.app{padding:24px 16px}}.app-header{text-align:center;margin-bottom:24px}h1{margin:0;font-size:1.6rem}.subtitle{margin:4px 0 0;color:var(--muted)}.points-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem;color:var(--muted)}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--card)}.segmented button{font:inherit;font-size:.9rem;font-variant-numeric:tabular-nums;min-width:32px;padding:6px 0;cursor:pointer;background:transparent;color:var(--text);border:none}.segmented button+button{border-left:1px solid var(--border)}.segmented button.active{background:var(--accent);color:#fff}.day{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;container-type:inline-size;min-width:0}.schedules{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media(max-width:900px){.schedules{grid-template-columns:1fr}}.day-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.day-head h2{margin:0;font-size:1.15rem}input[type=time],.import input{font:inherit;font-size:.9rem;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:8px;padding:6px 8px}.timeline-wrap{display:flex;flex-direction:column;gap:2px}.timeline{position:relative;height:140px;border-radius:6px;background:var(--code-bg);overflow:hidden}.timeline.disabled{opacity:.4}.seg{position:absolute;bottom:0;transition:height .15s,background .15s}.ticks{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted)}.points{list-style:none;margin:0;padding:0;display:grid;gap:6px 24px}@container (min-width: 600px){.points{grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:repeat(var(--rows),auto)}}.point{display:grid;grid-template-columns:20px auto 1fr 60px;align-items:center;gap:10px;padding:4px 6px;border-radius:8px}.point.invalid{background:color-mix(in srgb,var(--warn) 14%,transparent)}.point.invalid input[type=time]{border-color:var(--warn)}.idx{color:var(--muted);font-size:.8rem;text-align:right}.point input[type=range]{width:100%}.temp{font-weight:600;font-variant-numeric:tabular-nums;text-align:center;padding:2px 0;border-radius:999px;border:2px solid var(--c);background:color-mix(in srgb,var(--c) 28%,transparent)}.warn{color:var(--warn);font-size:.85rem;margin:0}.output{display:flex;gap:8px;align-items:stretch;background:var(--code-bg);border-radius:8px;padding:8px}.output code{flex:1;font-size:.8rem;line-height:1.4;align-self:center;word-break:break-word;font-family:ui-monospace,SF Mono,Menlo,monospace}.btn{font:inherit;font-size:.85rem;cursor:pointer;white-space:nowrap;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 12px}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.import{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.import label{flex:1 1 240px;display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.import input{width:100%;font-family:ui-monospace,Menlo,monospace}.import .warn{flex:1 1 100%}.btn:disabled{opacity:.5;cursor:default}
