:root{--pad: 14px;--radius: 14px;--bg: #ffffff;--fg: #111111;--muted: rgba(17,17,17,.65);--border: 1px solid rgba(17,17,17,.14);--panel-bg: rgba(255,255,255,.92);--accent: #3b82f6;--accent-2: #22c55e;--focus: rgba(59,130,246,.25);--work-bg: rgba(59,130,246,.08);--overlap-bg: rgba(34,197,94,.12);--sticky-bg: var(--bg)}html[data-theme=pastel]{--bg: #f3f3fe;--fg: #0f172a;--muted: rgba(15,23,42,.62);--border: 1px solid rgba(15,23,42,.12);--panel-bg: rgba(255,255,255,.86);--accent: #a78bfa;--accent-2: #34d399;--work-bg: rgba(167,139,250,.1);--overlap-bg: rgba(52,211,153,.14);--sticky-bg: rgba(239, 239, 250, .96)}html[data-theme=dark]{--bg: #0b0f19;--fg: #e5e7eb;--muted: rgba(229,231,235,.68);--border: 1px solid rgba(229,231,235,.14);--panel-bg: rgba(255,255,255,.03);--accent: #60a5fa;--accent-2: #34d399;--work-bg: rgba(96,165,250,.1);--overlap-bg: rgba(52,211,153,.14);--sticky-bg: rgba(11,15,25,.92)}*{box-sizing:border-box}body{margin:0;color:var(--fg);background:var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial}.app{max-width:1200px;margin:0 auto;padding:var(--pad);display:flex;flex-direction:column;gap:14px}.app__header{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.brand a{text-decoration:none;color:var(--fg)}.brand__name{font-weight:800;font-size:22px}.brand__tagline{color:var(--muted);margin-left:10px}.statusbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.statusbar__item{padding:8px 10px;border:var(--border);border-radius:12px;min-width:150px}.statusbar__label{font-size:12px;color:var(--muted);display:block}.statusbar__value{font-size:18px;font-weight:700}.statusbar__meta{font-size:12px;color:var(--muted);margin-left:8px}.statusbar__actions{display:flex;gap:10px}.btn{border:var(--border);border-radius:12px;padding:10px 12px;background:transparent;cursor:pointer}.btn--ghost{opacity:.85}.panel{border:var(--border);border-radius:var(--radius);padding:var(--pad);display:flex;flex-direction:column;gap:12px}.panel__header{display:flex;flex-direction:column;gap:6px}.panel__header--grid{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel__title{margin:0;font-size:18px}.panel__subtitle{margin:0;color:var(--muted)}.config{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}@media (max-width: 900px){.config{grid-template-columns:1fr}}.zone-row{display:grid;grid-template-columns:80px 1fr 90px;gap:10px;align-items:center;margin-bottom:10px}.zone-row__label{color:var(--muted);font-size:13px}.zone-row__select{width:100%;padding:10px;border:var(--border);border-radius:12px;background:transparent}.config__section-title{margin:0 0 8px;font-size:14px;color:var(--muted)}.work-shift{display:grid;grid-template-columns:44px 1fr 44px;gap:10px;align-items:center}.work-shift__range{border:var(--border);border-radius:12px;padding:10px 12px;display:flex;gap:8px;align-items:baseline;justify-content:center}.work-shift__time{font-weight:800;font-size:18px}.work-shift__step{color:var(--muted);font-size:12px;margin-left:8px}.config__hint{margin:8px 0 0;color:var(--muted);font-size:13px}.legend{padding:2px 8px;border-radius:999px;border:var(--border);font-size:12px}.legend--overlap{font-weight:700}.grid{border:var(--border);border-radius:12px;overflow:hidden}.grid__scroll{max-height:520px;overflow:auto;scrollbar-gutter:stable}.time-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.time-table .col-local,.time-table .col-z1,.time-table .col-z2,.time-table .col-z3{width:22%}.time-table .col-utc{width:12%}.time-table th,.time-table td{padding:10px;border-bottom:var(--border);border-right:var(--border);min-height:44px;text-align:center;vertical-align:middle}.time-table th:last-child,.time-table td:last-child{border-right:none}.time-table thead th{position:sticky;top:0;z-index:2;background:var(--sticky-bg);border-bottom:var(--border)}.zone-head{text-align:center;display:flex;flex-direction:column;gap:4px}.zone-head__top{font-size:11px;color:var(--muted);letter-spacing:.08em}.zone-head__name{font-weight:800}.zone-head__meta{font-size:11px;color:var(--muted);display:flex;gap:6px;justify-content:center}.zone-head__dot{opacity:.5}.time-table tbody tr[data-work="1"] td{background:var(--work-bg)}.time-table tbody tr[data-overlap="1"] td{background:var(--overlap-bg)}.panel__footer{display:flex;justify-content:flex-end}.summary{color:var(--muted)}.summary__value{color:inherit;font-weight:800;margin-left:8px}.app__footer{color:var(--muted);text-align:center;padding:10px 0}@media (prefers-color-scheme: dark){html[data-theme=system]{--bg: #0b0f19;--fg: #e5e7eb;--muted: rgba(229,231,235,.68);--border: 1px solid rgba(229,231,235,.14);--panel-bg: rgba(255,255,255,.03);--accent: #60a5fa;--accent-2: #34d399;--work-bg: rgba(96,165,250,.1);--overlap-bg: rgba(52,211,153,.14);--sticky-bg: rgba(11,15,25,.92)}}select:focus,button:focus{outline:3px solid var(--focus);outline-offset:2px}.theme{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:var(--border);border-radius:12px}.theme__label{font-size:12px;color:var(--muted)}.theme__select{border:none;background:transparent;color:var(--fg);font:inherit;padding:6px 4px}html[data-theme=dark] select{color:var(--fg)}html[data-theme=dark] select option{background:#0b0f19;color:var(--fg)}html[data-theme=dark] select option[value=""]{color:#e5e7eb8c}html[data-theme=dark] .work-shift__btn{color:#f3f3fe;font-weight:700}html[data-theme=dark] .btn,html[data-theme=dark] .theme{background:#ffffff0a;border:var(--border);color:var(--fg)}html[data-theme=dark] .btn:hover,html[data-theme=dark] .theme:hover{background:#ffffff14}.cookie-banner{position:fixed;bottom:16px;left:50%;transform:translate(-50%);max-width:420px;width:calc(100% - 32px);background:var(--panel-bg);color:var(--fg);border:var(--border);border-radius:14px;padding:14px;z-index:9999;box-shadow:0 10px 30px #00000040}.cookie-banner__actions{display:flex;gap:10px;margin-top:10px;align-items:center}.cookie-banner__actions a{margin-left:auto;font-size:13px;color:var(--muted)}html[data-theme=dark] .cookie-banner{background:#000c}.app__footer a{color:var(--muted);text-decoration:underline}.app__footer a:hover{color:var(--fg)}.app-topbar{position:sticky;top:0;z-index:20;height:44px;background:#0b0c10b8;backdrop-filter:blur(10px);border-bottom:1px solid rgba(35,38,53,.75)}.app-topbar__inner{max-width:1200px;height:100%;margin:0 auto;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.app-topbar__brand{display:flex;align-items:center;gap:8px;font-weight:700;color:#e8eaf0;text-decoration:none;letter-spacing:.2px}.app-topbar__dot{width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,#8ab4ff,#7ee787);box-shadow:0 0 0 3px #8ab4ff1f}.app-topbar__nav{display:flex;gap:6px}.app-topbar__link{padding:6px 10px;border-radius:10px;color:#e8eaf0;text-decoration:none;font-size:14px;opacity:.85}.app-topbar__link:hover{background:#ffffff14;opacity:1}.app-topbar__link--active{background:#8ab4ff29;border:1px solid rgba(138,180,255,.22);opacity:1}