/*! World Time Aligned v7_1 · © 2026 World Time Aligned (worldtimealigned.com). All rights reserved. Copying or reusing this code is not permitted. · wta-9ea814d2f04f */
:root{--wta-build: "wta-9ea814d2f04f";--bg: #F3F5F9;--panel: #FFFFFF;--ink: #18203A;--muted: #5B6480;--line: #DCE1EB;--accent: #21C063;--accent-text: #138A45;--accent-ink: #062A14;--accent-soft: rgba(33,192,99,0.2);--work: #2F4B9A;--action: #1D2550;--globe-bg: radial-gradient(circle at 50% 45%,#E4ECF7 0%,#F3F5F9 70%);--loc-w: 330px;--tile-w: 42px;--tile-h: 72px;--gap: 2px;--radius: 10px;--font: "Sora",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme: light}[data-theme="dark"]{--bg: #0D1222;--panel: #161D33;--ink: #E6E9F2;--muted: #9AA3BD;--line: #28324F;--accent-text: #21C063;--accent-soft: rgba(33,192,99,0.24);--work: #3552A8;--action: #3A4687;--globe-bg: radial-gradient(circle at 50% 45%,#1B2446 0%,#0D1222 70%);color-scheme: dark}*{box-sizing: border-box}[hidden]{display: none !important}html,body{overflow-x: clip}body{margin: 0;padding: 0 3px;background: var(--bg);color: var(--ink);font-family: var(--font);font-size: 15px;line-height: 1.5;transition: background-color 0.2s,color 0.2s}main,.top,.foot{max-width: 1440px;margin: 0 auto;padding: 0 24px}main{max-width: none;--wide-max: calc(var(--loc-w) + 24 * 72px + 24 * var(--gap))}main>.hero{max-width: calc(1440px - 48px);margin-left: auto;margin-right: auto}main>:not(.hero){max-width: var(--wide-max);margin-left: auto;margin-right: auto}.bg-dots{position: absolute;top: 0;bottom: -24px;left: -24px;width: calc(100% + 48px);height: calc(100% + 24px);z-index: 0;pointer-events: none}.toolbar{position: relative;z-index: 15}.globe-card{position: relative}.globe-card .globe,.globe-card .globe-hint{position: relative;z-index: 1}.top,main,.foot{position: relative;z-index: 1}main{z-index: 2}.visually-hidden{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.utc{font-variant-numeric: tabular-nums;color: var(--accent-text);font-weight: 600}.top{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 20px;padding-top: 24px;padding-bottom: 12px}.brand{display: inline-flex;align-items: center;gap: 12px;font-size: 26px;font-weight: 700;letter-spacing: -0.02em;color: var(--ink);text-decoration: none}.brand-icon{flex: none;display: block}.brand-icon .logo-ring{fill: #C3CAD8}.brand-icon .logo-square{fill: #1D2550}[data-theme="dark"] .brand-icon .logo-ring{fill: rgba(255,255,255,0.24)}[data-theme="dark"] .brand-icon .logo-square{fill: #2A336B}.tagline{margin: 0;color: var(--muted)}.theme-toggle{margin-left: auto;display: grid;place-items: center;width: 42px;height: 42px;border-radius: 50%;border: 1px solid var(--line);background: var(--panel);color: var(--ink);cursor: pointer}.theme-toggle:hover{border-color: var(--accent);color: var(--accent-text)}.tiles-toggle{display: inline-flex;align-items: center;gap: 8px;height: 42px;padding: 0 10px 0 8px;border-radius: 999px;border: 1px solid var(--line);background: var(--panel);color: var(--ink);font: inherit;font-size: 13px;font-weight: 500;cursor: pointer}.tiles-toggle:hover{border-color: var(--accent)}.tt-swatch{width: 26px;height: 16px;border-radius: 4px;background: linear-gradient(90deg,#2C3566 0 33%,#E9A77F 33% 66%,#C4E6FF 66% 100%)}.tiles-toggle[aria-checked="true"] .tt-swatch{background: linear-gradient(90deg,#2C3566,#E9A77F,#C4E6FF)}.tt-track{position: relative;width: 34px;height: 20px;border-radius: 999px;background: var(--line);transition: background-color 0.2s}.tt-knob{position: absolute;top: 2px;left: 2px;width: 16px;height: 16px;border-radius: 50%;background: #fff;box-shadow: 0 1px 3px rgba(0,0,0,0.3);transition: transform 0.2s}.tiles-toggle[aria-checked="true"] .tt-track,.switch-btn[aria-checked="true"] .tt-track{background: var(--accent)}.tiles-toggle[aria-checked="true"] .tt-knob,.switch-btn[aria-checked="true"] .tt-knob{transform: translateX(14px)}.switch-btn{display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 0 10px 0 12px;border-radius: 8px;border: 1px solid var(--line);background: var(--bg);color: var(--ink);font: inherit;font-size: 14px;font-weight: 500;cursor: pointer}.switch-btn:hover{border-color: var(--muted)}.switch-btn[aria-checked="true"]{border-color: var(--accent)}.icon-sun{display: none}[data-theme="dark"] .icon-sun{display: block}[data-theme="dark"] .icon-moon{display: none}.hero{display: grid;grid-template-columns: minmax(280px,480px) 1fr;align-items: center;gap: 16px 48px;margin-bottom: 24px}.globe-card{min-width: 0}.globe{position: relative;width: 100%;aspect-ratio: 1 / 1;border-radius: 24px;background: var(--globe-bg);overflow: visible}.globe canvas{position: relative;z-index: 1;display: block;width: 100%;height: 100%;touch-action: auto}.globe.over-earth canvas{cursor: grab}.globe.dragging,.globe.dragging *{cursor: grabbing}.globe-shadow{position: absolute;z-index: 0;left: 50%;bottom: 3.5%;width: 58%;height: 8%;transform: translateX(-50%);border-radius: 50%;background: radial-gradient(ellipse at center,rgba(24,32,58,0.34) 0%,rgba(24,32,58,0.12) 45%,transparent 72%);filter: blur(3px)}.globe-glow{position: absolute;z-index: 0;left: 50%;top: 50%;width: 120%;height: 120%;margin: -60% 0 0 -60%;border-radius: 50%;background: radial-gradient(circle at center,rgba(255,176,80,0.26) 0%,rgba(255,156,60,0.12) 38%,rgba(255,140,40,0.04) 55%,transparent 70%);pointer-events: none;will-change: transform}[data-theme="light"] .globe-glow{background: radial-gradient(circle at center,rgba(255,168,88,0.34) 0%,rgba(255,176,104,0.18) 38%,rgba(255,186,120,0.06) 55%,transparent 70%)}[data-theme="dark"] .globe-shadow{display: none}.globe-failed{display: grid;place-items: center;padding: 24px;text-align: center;color: var(--muted)}.globe-overlay{position: absolute;inset: 0;z-index: 2;pointer-events: none}.gmark{position: absolute;left: -7px;top: -7px;width: 14px;height: 14px;display: grid;place-items: center;padding: 0;border: 0;background: none;font: inherit;cursor: pointer;pointer-events: auto;will-change: transform}.gmark[hidden]{display: none}.gdot{width: 10px;height: 10px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 0 2px rgba(255,255,255,0.85),0 0 8px rgba(33,192,99,0.8);transition: transform 0.15s}.gtime{position: absolute;top: 50%;left: 16px;transform: translateY(calc(-50% + var(--dy,0px)));font-size: 10.5px;font-weight: 600;line-height: 1;padding: 3px 5px;border-radius: 4px;background: rgba(8,14,32,0.72);color: var(--accent);white-space: nowrap;font-variant-numeric: tabular-nums;pointer-events: none}.gmark.flip .gtime{left: auto;right: 16px}.gmark:not(.has-label) .gtime{display: none}.gmark:hover .gdot,.gmark:focus-visible .gdot{transform: scale(1.4)}.globe-tip{position: absolute;left: 0;top: 0;z-index: 5;pointer-events: none;padding: 8px 11px;border-radius: 8px;background: rgba(8,14,32,0.92);color: #fff;font-size: 13px;line-height: 1.35;white-space: nowrap;box-shadow: 0 8px 24px rgba(0,0,0,0.3)}.globe-tip b{display: block;font-size: 14px}.globe-tip .tip-country{color: #B8C1DA}.globe-tip .tip-time{color: var(--accent);font-weight: 600;font-variant-numeric: tabular-nums}.globe-tip .tip-add{color: #8E98B5;font-size: 11px}.globe-hint{margin: 10px 4px 0;font-size: 13px;color: var(--muted)}.home-clock{min-width: 0;position: relative;align-self: stretch;display: flex;flex-direction: column;justify-content: center}.home-clock>:not(.bg-dots){position: relative;z-index: 1}.hc-where{margin: 0 0 4px;font-size: 18px;font-weight: 600}.hc-time{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 20px;font-variant-numeric: tabular-nums}.hc-primary{font-size: clamp(40px,6vw,72px);font-weight: 700;letter-spacing: -0.03em;line-height: 1.05;color: var(--accent-text)}.hc-primary,.hc-secondary{text-shadow: 0 3px 8px rgba(24,32,58,0.22),0 1px 2px rgba(24,32,58,0.12)}[data-theme="dark"] .hc-primary,[data-theme="dark"] .hc-secondary{text-shadow: 0 2px 4px rgba(0,0,0,0.5)}.hc-secondary{font-size: clamp(22px,2.6vw,32px);font-weight: 500;color: var(--muted)}.hc-meta{margin: 8px 0 0;font-size: 16px;display: flex;flex-wrap: wrap;gap: 4px 14px}.hc-sun{margin: 16px 0 0;color: var(--muted);font-size: 14px;max-width: 44ch}.toolbar{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;padding: 12px;background: var(--panel);border: 1px solid var(--line);border-radius: 14px}.search{position: relative;flex: 1 1 260px}input[type="search"],input[type="text"]{font: inherit;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px;padding: 9px 12px;min-height: 40px}#city-search{width: 100%}.suggestions{position: absolute;z-index: 20;top: calc(100% + 6px);left: 0;right: 0;margin: 0;padding: 6px;list-style: none;background: var(--panel);border: 1px solid var(--line);border-radius: 10px;box-shadow: 0 12px 30px rgba(10,20,50,0.18);overflow-y: auto;overscroll-behavior: contain;scrollbar-width: thin;scrollbar-color: var(--muted) transparent}.suggestions::-webkit-scrollbar{width: 8px}.suggestions::-webkit-scrollbar-thumb{background: var(--muted);border-radius: 8px}.suggestions::-webkit-scrollbar-thumb:hover{background: var(--accent)}.suggestions li{display: flex;justify-content: space-between;gap: 12px;padding: 8px 10px;border-radius: 6px;cursor: pointer}.suggestions li{position: relative}.suggestions .s-highlight{position: absolute;top: 0;left: 6px;right: 6px;padding: 0;border-radius: 6px;background: var(--accent-soft);pointer-events: none;opacity: 0;transition: transform 0.15s cubic-bezier(0.25,0.8,0.25,1),height 0.15s cubic-bezier(0.25,0.8,0.25,1),opacity 0.15s ease}.suggestions .s-country{color: var(--muted);font-size: 13px}.suggestions .s-heading{padding: 4px 10px 6px;font-size: 11px;font-weight: 600;letter-spacing: 0.06em;text-transform: uppercase;color: var(--muted);cursor: default}.suggestions .s-name{display: flex;align-items: center;gap: 8px}.suggestions .s-added{font-size: 11px;font-weight: 600;padding: 1px 6px;border-radius: 999px;background: var(--line);color: var(--muted)}.suggestions li.is-added .s-name,.suggestions li.is-added .s-time{opacity: 0.55}.suggestions .s-tag{display: inline-block;margin-top: 3px;padding: 1px 7px;border-radius: 4px;font-size: 11.5px;font-weight: 600;background: var(--accent-soft);color: var(--accent-text)}.suggestions .s-right{text-align: right;white-space: nowrap;font-variant-numeric: tabular-nums}.suggestions .s-time{color: var(--muted)}.suggestions .s-utc{color: var(--accent-text);font-size: 12px;font-weight: 600}.suggestions .s-empty{color: var(--muted);cursor: default}.date-nav,.format,.sel-length{display: flex;gap: 4px;align-items: center}.date-pick{position: relative}.date-btn{display: inline-flex;align-items: center;gap: 8px;min-width: 172px;font-variant-numeric: tabular-nums}.date-btn svg{color: var(--muted);flex: none}.date-btn[aria-expanded="true"]{border-color: var(--accent)}.calendar{position: absolute;z-index: 30;top: calc(100% + 8px);left: 0;width: 304px;max-width: calc(100vw - 16px);padding: 14px;background: var(--panel);border: 1px solid var(--line);border-radius: 16px;box-shadow: 0 16px 40px rgba(10,20,50,0.22)}[data-theme="dark"] .calendar{box-shadow: 0 16px 40px rgba(0,0,0,0.55)}.cal-head{display: flex;align-items: center;justify-content: space-between;margin-bottom: 8px}.cal-title{font-weight: 600;font-size: 15px}.cal-nav{width: 34px;height: 34px;border: 0;border-radius: 10px;background: transparent;color: var(--ink);font: inherit;font-size: 20px;line-height: 1;cursor: pointer}.cal-nav:hover{background: var(--accent-soft);color: var(--accent-text)}.cal-weekdays,.cal-grid{display: grid;grid-template-columns: repeat(7,1fr);gap: 2px}.cal-weekdays span{text-align: center;font-size: 11px;font-weight: 600;color: var(--muted);padding: 4px 0}.cal-day{height: 36px;border: 0;border-radius: 10px;background: transparent;color: var(--ink);font: inherit;font-size: 14px;font-variant-numeric: tabular-nums;cursor: pointer}.cal-day:hover{background: var(--accent-soft)}.cal-day.is-other{color: var(--muted);opacity: 0.55}.cal-day.is-today{box-shadow: inset 0 0 0 1.5px var(--accent);font-weight: 600}.cal-day.is-selected{background: var(--accent);color: var(--accent-ink);font-weight: 700;opacity: 1}.cal-foot{display: flex;justify-content: flex-end;margin-top: 8px;padding-top: 8px;border-top: 1px solid var(--line)}.cal-today{border: 0;border-radius: 8px;padding: 6px 12px;background: transparent;color: var(--accent-text);font: inherit;font-size: 13px;font-weight: 600;cursor: pointer}.cal-today:hover{background: var(--accent-soft)}@media (max-width: 700px){.cal-day{height: 42px;font-size: 15px}.cal-nav{width: 40px;height: 40px}.date-btn{min-width: 0}}.btn{font: inherit;font-size: 14px;font-weight: 500;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px;padding: 8px 12px;min-height: 40px;cursor: pointer}.btn:hover{border-color: var(--muted)}.icon-btn{width: 40px;padding: 0;font-size: 20px;line-height: 1}.format .btn[aria-pressed="true"],.btn-primary{background: var(--action);border-color: var(--action);color: #FFFFFF;font-weight: 600}.btn-primary:hover{filter: brightness(1.12);border-color: var(--action)}.btn-quiet{background: transparent;border-color: transparent;color: var(--muted)}.hint{color: var(--muted);font-size: 14px;margin: 16px 0 6px}.empty{padding: 48px 24px;text-align: center;color: var(--muted);border: 1px dashed var(--line);border-radius: 14px}.grid-scroll{overflow-x: auto;margin-top: 15px;padding-bottom: 16px}.grid{position: relative;overflow-x: clip;display: grid;grid-template-columns: 1fr;--grid-top: 67px;padding-top: var(--grid-top);min-width: calc(var(--loc-w) + 24 * var(--tile-w) + 24 * var(--gap));user-select: none;-webkit-user-select: none}#rows{grid-area: 1 / 1;min-width: 0}.loc-cover{transition: background-color 0.2s;grid-area: 1 / 1;position: sticky;left: 0;z-index: 3;justify-self: start;width: calc(var(--loc-w) + var(--gap));margin-top: calc(-1 * var(--grid-top));margin-bottom: -8px;background: var(--bg);pointer-events: none}.row{display: grid;grid-template-columns: var(--loc-w) 1fr;column-gap: var(--gap);margin-bottom: 10px}#rows>.row:last-child{margin-bottom: 0}.strip{position: relative;display: grid;min-width: 0;overflow: hidden;overflow: clip}.track{display: grid;grid-template-columns: repeat(24,minmax(var(--tile-w),1fr));column-gap: var(--gap)}.grid.sliding .track{will-change: transform}.loc{position: sticky;left: 0;z-index: 4;border-radius: 10px;transition: background-color 0.2s;display: grid;grid-template-columns: 58px 1fr;align-items: start;gap: 0 10px;padding: 2px 12px 2px 0;background: var(--bg);min-height: var(--tile-h)}.loc-actions .drag-handle{cursor: grab;touch-action: none}body.is-reordering,body.is-reordering *{cursor: grabbing !important;user-select: none}.row{position: relative;border-radius: 12px;transition: transform 0.3s cubic-bezier(0.45,0,0.2,1),box-shadow 0.3s ease}.row.row-shifting{z-index: 5}.row.row-dragging{transition: box-shadow 0.2s ease}.row.row-dragging,.row.row-settling{z-index: 10;background: var(--panel);box-shadow:
0 3px 8px rgba(10,20,50,0.22),0 18px 42px rgba(10,20,50,0.32)}[data-theme="dark"] .row.row-dragging,[data-theme="dark"] .row.row-settling{box-shadow:
0 3px 8px rgba(0,0,0,0.5),0 20px 46px rgba(0,0,0,0.65)}.row.row-dragging .loc,.row.row-settling .loc{background: var(--panel);border-radius: 12px 0 0 12px}.row.row-shifting .loc::before,.row.row-moving .loc::before,.row.row-dragging .loc::before,.row.row-settling .loc::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: calc(-1 * var(--gap));z-index: -1;background: var(--bg);pointer-events: none}.loc-offset{font-size: 13px;font-weight: 600;text-align: center;padding: 3px 0;margin-top: 2px;border-radius: 6px;background: var(--panel);border: 1px solid var(--line);font-variant-numeric: tabular-nums}.is-home .loc-offset{background: var(--ink);color: var(--bg);border-color: var(--ink)}.loc-body{min-width: 0}.loc-name{line-height: 1.3;overflow-wrap: anywhere}.loc-city{font-weight: 600;font-size: 15px}.loc-country{color: var(--muted);font-size: 13px}.loc-clock{display: flex;flex-wrap: wrap;align-items: baseline;gap: 0 10px;font-variant-numeric: tabular-nums;white-space: nowrap}.loc-primary{font-weight: 700;font-size: 15px;color: var(--accent-text)}.loc-secondary{font-size: 13px;color: var(--muted)}.loc-clock.previewing .loc-primary{text-decoration: underline 2px var(--accent);text-underline-offset: 3px}.loc-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 0 8px;font-size: 12px;color: var(--muted)}.loc-side{display: flex;flex-direction: column;gap: 5px}.loc-actions{display: flex;justify-content: space-between;opacity: 0;transition: opacity 0.15s}.row:hover .loc-actions,.loc:focus-within .loc-actions{opacity: 1}.loc-actions button,.act-space{position: relative;width: 18px;height: 20px;flex: none}.loc-actions button{display: grid;place-items: center;font: inherit;font-size: 11px;line-height: 1;padding: 0;color: var(--muted);border: 1px solid var(--line);border-radius: 5px;background: var(--panel);cursor: pointer}.loc-actions button svg{display: block}.loc-actions button::after{content: "";position: absolute;inset: -6px -1px}.loc-actions button:hover{color: var(--ink);border-color: var(--ink)}.loc-actions .home-btn:hover,.loc-actions .home-btn:focus-visible,.loc-actions .drag-handle:hover{color: var(--accent-text);border-color: var(--accent);background: var(--accent-soft)}.loc-actions button[data-action="remove"]:hover{color: #D9434E;border-color: #D9434E}.tile{position: relative;overflow: hidden;transition: box-shadow 0.12s ease;display: flex;flex-direction: column;align-items: center;justify-content: center;min-height: var(--tile-h);padding: 0;font: inherit;border: 0;cursor: pointer;--sky: var(--sky-light);--sky-grad: var(--grad-light);background-color: var(--sky);--bgimg: none;background-image: var(--bgimg);color: var(--sky-ink);font-variant-numeric: tabular-nums}.track>.tile:first-child{border-top-left-radius: var(--radius);border-bottom-left-radius: var(--radius)}.track>.tile:last-child{border-top-right-radius: var(--radius);border-bottom-right-radius: var(--radius)}.tile-main{font-size: 16px;font-weight: 600;line-height: 1.1}.tile-small{font-size: 10px;opacity: 0.8;line-height: 1.2}.tile{--sky-ink: var(--ink-light,#DCE2F5)}[data-theme="dark"] .tile{--sky-ink: var(--ink-dark,#DCE2F5)}[data-theme="dark"] .tile{--sky: var(--sky-dark);--sky-grad: var(--grad-dark)}:root{--tile-edge: rgba(24,32,58,0.16);--strip-past: #E3E7EE}[data-theme="dark"]{--tile-edge: rgba(255,255,255,0.14);--strip-past: #252D48}.track>.tile:first-child,.tile.day-start{--edge-left: 1px}.track>.tile:last-child,.tile.day-end{--edge-right: 1px}:where(.tile.day-cross){box-shadow: none}:where(.tile:not(.day-cross)){box-shadow:
inset 0 1px 0 var(--tile-edge),inset 0 -1px 0 var(--tile-edge),inset var(--edge-left,0px) 0 0 var(--tile-edge),inset calc(-1 * var(--edge-right,0px)) 0 0 var(--tile-edge)}[data-tiles="gradient"] .tile{--bgimg: var(--sky-grad)}.tile.day-start{margin-left: 1px;border-top-left-radius: var(--radius);border-bottom-left-radius: var(--radius)}.tile.day-end{margin-right: 1px;border-top-right-radius: var(--radius);border-bottom-right-radius: var(--radius)}.tile.day-cross{--r: var(--radius);--notch-gap: 4px;--notch-depth: 12px;--o: calc(var(--notch-gap) / 2 + var(--r));--mask:
linear-gradient(to right,#000 calc(var(--cut) - var(--o)),transparent 0),linear-gradient(to right,transparent calc(var(--cut) + var(--o)),#000 0),linear-gradient(to bottom,transparent var(--notch-depth),#000 0,#000 calc(100% - var(--notch-depth)),transparent 0),radial-gradient(circle var(--r) at calc(var(--cut) - var(--o)) var(--r),#000 97%,transparent 100%),radial-gradient(circle var(--r) at calc(var(--cut) + var(--o)) var(--r),#000 97%,transparent 100%),radial-gradient(circle var(--r) at calc(var(--cut) - var(--o)) calc(100% - var(--r)),#000 97%,transparent 100%),radial-gradient(circle var(--r) at calc(var(--cut) + var(--o)) calc(100% - var(--r)),#000 97%,transparent 100%),linear-gradient(#000,#000),linear-gradient(#000,#000);--mask-size:
100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,calc(var(--cut) - var(--notch-gap) / 2) calc(100% - 2 * var(--r)),calc(100% - var(--cut) - var(--notch-gap) / 2) calc(100% - 2 * var(--r));--mask-position:
0 0,0 0,0 0,0 0,0 0,0 0,0 0,left 0 top var(--r),right 0 top var(--r);-webkit-mask-image: var(--mask);-webkit-mask-size: var(--mask-size);-webkit-mask-position: var(--mask-position);-webkit-mask-repeat: no-repeat;mask-image: var(--mask);mask-size: var(--mask-size);mask-position: var(--mask-position);mask-repeat: no-repeat}.notch-border{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none;overflow: visible}.notch-border path{fill: none;stroke-width: 2;transition: stroke 0.12s ease,stroke-width 0.12s ease}.notch-border path{stroke: var(--tile-edge)}.tile.selected .notch-border path{stroke: var(--accent);stroke-width: 4}.tile.day-cross.now::after{left: calc((var(--cut) - var(--o)) / 2)}.tile.day-cross.dot-right.now::after{left: calc(var(--cut) + var(--o) + (100% - var(--cut) - var(--o)) / 2)}.tile.midnight .tile-main{font-size: 12px}:root{--wd-filter: saturate(0.95);--we-filter: saturate(0.42) brightness(0.96)}.tile{filter: var(--wd-filter)}.tile.weekend{filter: var(--we-filter)}.tile.work{background-image: linear-gradient(var(--work),var(--work)),var(--bgimg);background-size: 100% 4px,100% 100%;background-position: left bottom,0 0;background-repeat: no-repeat}.tile.now::after{content: "";position: absolute;top: 6px;left: 50%;width: 7px;height: 7px;margin-left: -3.5px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 0 2px rgba(255,255,255,0.8)}.track-ghost{position: absolute;inset: 0;pointer-events: none}.tile.selected{box-shadow: inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.tile.selected.sel-start{box-shadow: inset 2px 0 0 var(--accent),inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.tile.selected.sel-end{box-shadow: inset -2px 0 0 var(--accent),inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.tile.selected.sel-start.sel-end{box-shadow: inset 0 0 0 2px var(--accent)}.tile.selected.day-end{box-shadow: inset -2px 0 0 var(--accent),inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.tile.selected.day-start{box-shadow: inset 2px 0 0 var(--accent),inset 0 2px 0 var(--accent),inset 0 -2px 0 var(--accent)}.tile.selected.sel-start.day-end,.tile.selected.day-start.sel-end{box-shadow: inset 0 0 0 2px var(--accent)}.cursor-line{position: absolute;top: 14px;bottom: -12px;left: 0;will-change: transform;width: 3px;z-index: 2;pointer-events: none}.cursor-line::before{content: "";position: absolute;inset: 0;background: var(--accent);border-radius: 0 0 2px 2px;transform-origin: 0 0;transform: scaleX(var(--line-scale,1))}.cursor-line::after{content: "";position: absolute;inset: 0;z-index: -1;border-radius: 0 0 2px 2px;box-shadow: 3px 1px 7px rgba(10,20,50,0.28),-1px 0 5px rgba(10,20,50,0.15)}[data-theme="dark"] .cursor-line::after{box-shadow: 3px 1px 8px rgba(0,0,0,0.4),-1px 0 6px rgba(0,0,0,0.28)}.cursor-pill{box-shadow: 0 2px 6px rgba(10,20,50,0.2)}[data-theme="dark"] .cursor-pill{box-shadow: 0 2px 7px rgba(0,0,0,0.45)}.sel-band{position: absolute;top: var(--grid-top);bottom: 0;z-index: 2;background: rgba(33,192,99,0.165);border-left: 2px solid var(--accent);border-right: 2px solid var(--accent);border-radius: 3px;pointer-events: none}[data-theme="dark"] .sel-band{background: rgba(33,192,99,0.2)}.sel-band.is-hours{border-left: 0;border-right: 0;border-radius: 6px}.cursor-line.is-now .cursor-pill{background: var(--panel);color: var(--accent-text);box-shadow: inset 0 0 0 2px var(--accent),0 2px 6px rgba(10,20,50,0.2)}[data-theme="dark"] .cursor-line.is-now .cursor-pill{box-shadow: inset 0 0 0 2px var(--accent),0 2px 7px rgba(0,0,0,0.45)}.cursor-pill{text-align: center;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);margin-bottom: -10px;pointer-events: auto;touch-action: none;cursor: default;padding: 2px 8px;border-radius: 999px;background: var(--accent);color: var(--accent-ink);font-size: 13px;line-height: 20px;font-weight: 700;white-space: nowrap;font-variant-numeric: tabular-nums}.legend{display: flex;flex-wrap: wrap;gap: 4px 16px;list-style: none;padding: 0;margin: 4px 0 20px;color: var(--muted);font-size: 12px;opacity: 0.85}.legend li{display: flex;align-items: center;gap: 8px}.swatch{display: inline-block;width: 28px;height: 14px;border-radius: 4px;position: relative;background: #C4E6FF}.swatch-sky{background: linear-gradient(90deg,#1D2550,#5A4F8A,#E9A77F,#C4E6FF)}.swatch-work::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background: var(--work);border-radius: 0 0 4px 4px}.swatch-weekend{filter: var(--we-filter);background: #E3A07A}.swatch-now{background: #1D2550}.swatch-now::after{content: "";position: absolute;top: 4px;left: 11px;width: 6px;height: 6px;border-radius: 50%;background: var(--accent)}.sel-bar{padding: 18px 20px;margin-bottom: 32px;background: var(--panel);border: 1px solid var(--line);border-left: 4px solid var(--accent);border-radius: 14px}.sel-top{display: flex;flex-wrap: wrap;justify-content: flex-start;align-items: flex-start;gap: 12px 24px}.sel-when{flex: 1 1 auto;min-width: 0}.sel-top>.sel-save{flex: none;margin-top: 2px}.sel-range{margin: 0;font-size: 22px;font-weight: 700;letter-spacing: -0.01em;font-variant-numeric: tabular-nums;color: var(--accent-text)}.sel-sub{margin: 2px 0 0;color: var(--muted)}.sel-sub b{color: var(--ink);font-weight: 700}.sel-title{display: flex;flex-direction: column;gap: 4px;font-size: 13px;color: var(--muted)}.sel-title input{width: min(280px,100%)}.sel-list{list-style: none;padding: 0;margin: 16px 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(260px,1fr));gap: 6px 24px;font-variant-numeric: tabular-nums}.sel-list b{font-weight: 600}.sel-list span{color: var(--muted)}.sel-actions{display: flex;flex-wrap: wrap;gap: 8px;align-items: center}.sel-actions + .sel-actions{margin-top: 8px}.sel-length{margin-right: 8px;flex-wrap: wrap}@media (max-width: 700px){.sel-length{display: grid;grid-template-columns: 1fr 1fr;width: 100%;margin-right: 0}}.foot{color: var(--muted);font-size: 13px;padding-bottom: 40px}.toast{position: fixed;left: 50%;bottom: 24px;z-index: 50;transform: translate(-50%,20px);opacity: 0;pointer-events: none;background: var(--ink);color: var(--bg);padding: 10px 16px;border-radius: 8px;font-size: 14px;transition: opacity 0.2s,transform 0.2s}.toast.show{opacity: 1;transform: translate(-50%,0)}@media (max-width: 860px){.hero{grid-template-columns: 1fr}.globe-card{max-width: 480px;width: 100%;margin: 0 auto}}@media (max-width: 700px){:root{--loc-w: 168px;--tile-w: 40px;--tile-h: 64px}main,.top,.foot{padding: 0 12px}.top{padding-top: 16px}.tagline{order: 3;width: 100%;font-size: 14px}.top{gap: 6px 8px}.brand{font-size: 17px;gap: 8px}.brand-icon{width: 28px;height: 28px}.tt-label{display: none}.loc{grid-template-columns: 1fr;padding-right: 8px}.loc-offset{justify-self: start;padding: 1px 6px;font-size: 11px;margin-top: 0}.loc-side{flex-direction: row;align-items: center;justify-self: start;gap: 8px}.loc-actions{gap: 4px}.loc-primary{font-size: 13px}.sel-range{font-size: 18px}}@media (prefers-reduced-motion: reduce){*{transition: none !important}}.cursor-pill::before{content: "";position: absolute;inset: -10px 0}.rem-strip{position: absolute;top: 39px;height: 15px;left: calc(var(--loc-w) + var(--gap));right: 0;z-index: 1;box-sizing: border-box;background: var(--panel);border: 1px solid var(--line);border-radius: 8px;overflow: hidden;cursor: pointer}.rem-strip::before{content: "";position: absolute;inset: -6px 0}.rem-past{position: absolute;top: 0;bottom: 0;left: 0;width: 0;background: var(--strip-past);pointer-events: none}.rem-bells{position: absolute;top: 39px;height: 15px;left: calc(var(--loc-w) + var(--gap));right: 0;z-index: 2;pointer-events: none}.rem-bell{position: absolute;top: 50%;left: 0;width: 18px;height: 18px;margin: -9px 0 0 -9px;display: grid;place-items: center;padding: 0;border: 0;border-radius: 50%;background: var(--panel);box-shadow: 0 0 0 1.5px currentColor;color: #D99A2B;cursor: pointer;pointer-events: auto}.rem-bell:hover,.rem-bell:focus-visible{transform: scale(1.12)}.bell-pop{position: fixed;z-index: 60;min-width: 200px;max-width: calc(100vw - 24px);padding: 12px 14px;background: var(--panel);color: var(--ink);border: 1px solid var(--line);border-radius: 12px;box-shadow: 0 12px 30px rgba(10,20,50,0.22);font-size: 13px;display: flex;flex-direction: column;gap: 10px}.bell-pop b{font-size: 14px}.bell-pop .pop-line{color: var(--muted);font-variant-numeric: tabular-nums}.bell-pop .btn{min-height: 32px;padding: 4px 10px;align-self: flex-start}.sel-remind{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-top: 12px}.sel-remind select{padding-right: 8px}.sel-remind .btn:disabled{opacity: 0.5;cursor: not-allowed}.sel-remind-note{color: var(--muted);font-size: 13px}.reminders{padding: 16px 20px;margin-bottom: 32px;background: var(--panel);border: 1px solid var(--line);border-radius: 14px}.rem-title{margin: 0;font-size: 16px}.rem-note{margin: 4px 0 12px;color: var(--muted);font-size: 13px}.rem-list{list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: 8px}.rem-list li{display: flex;align-items: flex-start;gap: 10px;font-variant-numeric: tabular-nums}.rem-list .rem-when{font-weight: 600}.rem-list .rem-others{color: var(--muted);font-size: 13px}.rem-list .rem-del{margin-left: auto;border: 0;background: none;color: var(--muted);font: inherit;cursor: pointer;padding: 2px 6px;border-radius: 5px}.rem-list .rem-del:hover{color: #D9434E}.rem-alert{position: fixed;z-index: 70;top: 20px;left: 50%;transform: translateX(-50%);width: min(460px,calc(100vw - 24px));box-sizing: border-box;display: flex;flex-direction: column;resize: both;min-width: 280px;min-height: 160px;max-width: calc(100vw - 8px);max-height: calc(100vh - 8px);padding: 14px 16px 18px;background: var(--panel);color: var(--ink);border: 1px solid var(--line);border-radius: 14px;box-shadow: 0 16px 40px rgba(10,20,50,0.28)}.rem-alert .pop-bar{margin: -14px -16px 10px}.alert-list{display: flex;flex-direction: column;gap: 8px;overflow-y: auto;overscroll-behavior: contain;padding-right: 2px}.alert-card{padding: 10px 12px;border: 1px solid var(--line);border-radius: 10px;background: var(--bg);font-size: 14px}.alert-card b{display: block;font-size: 15px;margin-bottom: 2px}.alert-card .alert-line{color: var(--muted);font-size: 13px;font-variant-numeric: tabular-nums}.suggestions.closing{pointer-events: none}.tile{transition: box-shadow 0.12s ease,filter 0.12s ease}.rem-head{display: flex;align-items: center;justify-content: space-between;gap: 12px}.rem-notify{margin: 0 0 12px;color: var(--muted);font-size: 13px;display: flex;flex-wrap: wrap;align-items: center;gap: 10px}.rem-notify .btn{min-height: 32px;padding: 4px 10px}.rem-list li.is-done{opacity: 0.55}.rem-list .rem-status{font-size: 11px;font-weight: 600;padding: 1px 6px;border-radius: 999px;background: var(--line);color: var(--muted);margin-left: 6px}.rem-list .rem-note-text{font-size: 15px;color: var(--ink);margin-top: 4px;white-space: pre-wrap}.rem-bell.is-done{color: #8A93AB}.bell-pop .pop-actions{display: flex;gap: 8px}.bell-pop .pop-note{font-size: 15px;white-space: pre-wrap;padding: 6px 8px;border-radius: 6px;background: var(--bg)}.bell-pop .pop-status{font-size: 12px;color: var(--muted)}.pop-editor{display: flex;flex-direction: column;gap: 8px}.pop-editor textarea{font: inherit;font-size: 13px;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px;padding: 8px;resize: vertical;min-width: 240px}.alert-card .alert-note{font-size: 15px;margin-top: 4px;white-space: pre-wrap}.rem-bell .bell-count{position: absolute;top: -6px;right: -8px;min-width: 14px;height: 14px;padding: 0 3px;border-radius: 999px;background: var(--ink);color: var(--bg);font-size: 9px;font-weight: 700;line-height: 14px;text-align: center}.bell-pop{width: min(350px,calc(100vw - 24px))}.pop-list{display: flex;flex-direction: column;gap: 10px;max-height: 260px;overflow-y: auto}.bell-pop{resize: both;overflow: auto;min-width: 260px;min-height: 140px;max-height: 85vh}.bell-pop.user-sized .pop-list{max-height: none;flex: 1 1 auto}.bell-pop>:not(.pop-list){flex: none}.pop-editor textarea{resize: both}.suggestions{resize: both;min-height: 80px;min-width: min(240px,calc(100vw - 24px));max-width: calc(100vw - 24px)}.pop-item{display: flex;flex-direction: column;gap: 3px;padding-bottom: 10px;border-bottom: 1px solid var(--line)}.pop-item:last-child{border-bottom: 0;padding-bottom: 0}.pop-item.is-done{opacity: 0.6}.pop-item .pop-actions .btn{min-height: 28px;padding: 2px 10px;font-size: 12px}.pop-add{display: flex;flex-direction: column;gap: 4px;padding-top: 10px;border-top: 1px solid var(--line)}.pop-add-row{display: flex;align-items: center;gap: 6px;flex-wrap: wrap}.pop-add-label{font-size: 12px;font-weight: 600;margin-right: 2px}.pop-add-time{min-width: 62px;text-align: center;font-weight: 700;font-variant-numeric: tabular-nums}.bell-pop .pop-step{min-height: 28px;padding: 2px 9px;font-size: 12px}.bell-pop .pop-step:disabled{opacity: 0.5;cursor: not-allowed}[data-theme="light"] .globe-glow{display: none}.suggestions .s-utc{color: var(--muted)}.suggestions .s-tag{background: var(--line);color: var(--ink)}.foot p{margin: 0 0 4px}.foot-main{font-size: 13px;color: var(--ink)}.foot-credit{font-size: 12px}.foot-links{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 18px;margin: 0 0 14px;font-size: 13px}.foot-links a{color: var(--ink);text-decoration: none}.foot-links a:hover{color: var(--accent-text);text-decoration: underline}.foot-links a.foot-conv{display: inline-flex;align-items: center;gap: 6px;padding: 4px 12px;border: 1.5px solid var(--accent);border-radius: 999px;background: transparent;font-weight: 600}.foot-links a.foot-conv svg{color: var(--accent);flex: none}.foot-links a.foot-conv:hover{color: var(--accent-text);text-decoration: none}.kofi-btn{display: inline-flex;align-items: center;gap: 6px;margin: 0 0 14px;padding: 7px 14px;border-radius: 999px;border: 1px solid var(--line);background: var(--panel);color: var(--ink);font-size: 13px;font-weight: 600;text-decoration: none;transition: transform 0.08s ease,border-color 0.15s}.kofi-btn:hover{border-color: var(--accent)}.kofi-btn:active{transform: scale(0.96)}.rem-alert{overflow: hidden}.rem-alert-track{position: absolute;left: 0;right: 0;bottom: 0;height: 4px;background: var(--line)}.rem-alert-track span{display: block;height: 100%;background: var(--accent);transform-origin: left center}.btn,.switch-btn,.theme-toggle,.cal-day,.cal-nav,.cal-today,.loc-actions button,.rem-del,.rem-bell{transition: transform 0.08s ease,filter 0.08s ease,background-color 0.15s,border-color 0.15s,color 0.15s}.btn:active,.switch-btn:active,.theme-toggle:active,.cal-day:active,.cal-nav:active,.cal-today:active,.loc-actions button:active,.rem-del:active{transform: scale(0.96);filter: brightness(0.92)}[data-theme="dark"] .btn:active,[data-theme="dark"] .switch-btn:active,[data-theme="dark"] .theme-toggle:active,[data-theme="dark"] .cal-day:active{filter: brightness(1.2)}.rem-bell:active{transform: scale(0.9)}.gmark.has-label{z-index: 2}.sel-empty{margin: 0;color: var(--muted);font-size: 14px}.rem-list .rem-empty{color: var(--muted);font-size: 13px}.page-main{max-width: 820px;margin: 8px auto 32px}.page-card{background: var(--panel);border: 1px solid var(--line);border-radius: 16px;padding: 32px 36px;line-height: 1.65}.page-card h1{margin: 0 0 10px;font-size: 30px;letter-spacing: -0.02em}.page-card h2{margin: 28px 0 8px;font-size: 18px}.page-card p,.page-card li{color: var(--ink);font-size: 15px}.page-card ul{padding-left: 20px}.page-card li{margin-bottom: 6px}.page-card a{color: var(--accent-text)}.page-card .lead{font-size: 16px;color: var(--muted)}.page-card .updated{margin: 0 0 12px;font-size: 13px;color: var(--muted)}.page-card .kofi-btn{color: var(--ink)}.contact-form{display: flex;flex-direction: column;gap: 14px;margin: 20px 0 8px}.contact-form .field{display: flex;flex-direction: column;gap: 6px}.contact-form label{font-size: 13px;font-weight: 600}.contact-form input,.contact-form textarea{font: inherit;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px;padding: 10px 12px}.contact-form input:focus,.contact-form textarea:focus{outline: 2px solid var(--accent);outline-offset: 1px}.contact-form textarea{resize: vertical;min-height: 140px}.contact-form .btn{align-self: flex-start}.contact-form .btn:disabled{opacity: 0.6;cursor: wait}.hp-field{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.form-status{margin: 0;min-height: 1.4em;font-size: 14px}.form-status.is-ok{color: var(--accent-text);font-weight: 600}.form-status.is-error{color: #D9434E}.form-note{margin: 0;font-size: 13px;color: var(--muted)}@media (max-width: 700px){.page-card{padding: 22px 18px}.page-card h1{font-size: 24px}}.page-card .form-note{color: var(--muted);font-size: 13px}.page-card .form-status.is-ok{color: var(--accent-text)}.page-card .form-status.is-error{color: #D9434E}.form-status.is-wait,.page-card .form-status.is-wait{color: var(--ink);font-weight: 600}.support-btn{margin-left: auto;display: inline-flex;align-items: center;height: 42px;padding: 0 16px;border-radius: 999px;border: 1px solid var(--line);background: var(--panel);color: var(--ink);font-size: 14px;font-weight: 600;text-decoration: none;transition: transform 0.08s ease,border-color 0.15s}.support-btn:hover{border-color: var(--accent)}.support-btn:active{transform: scale(0.96)}.support-btn + .theme-toggle{margin-left: 0}@media (max-width: 700px){.support-btn{height: 36px;padding: 0 12px;font-size: 13px}}.rem-list{overflow-y: auto;padding-right: 4px}.rem-list li:not(.rem-empty){padding: 10px 12px;border: 1px solid var(--line);border-radius: 10px;background: var(--bg)}.rem-list li.rem-next{border-color: var(--accent)}.rem-notify{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin: 0 0 12px;font-size: 13px;color: var(--muted)}.pop-bar{display: flex;align-items: center;gap: 8px;margin: -12px -14px 0;padding: 8px 10px 8px 12px;border-bottom: 1px solid var(--line);cursor: grab;user-select: none;touch-action: none}.pop-bar.dragging{cursor: grabbing}.pop-grip{color: var(--muted);letter-spacing: -2px}.pop-bar-title{font-weight: 700;font-size: 13px;flex: 1}.pop-close{font: inherit;font-size: 12px;font-weight: 600;padding: 4px 10px;border-radius: 999px;border: 1px solid var(--line);background: var(--bg);color: var(--ink);cursor: pointer}.pop-close:hover{border-color: #D9434E;color: #D9434E}.pop-close:active{transform: scale(0.96)}.pop-list{overscroll-behavior: contain}.sel-history-note{margin: 0 0 10px;font-size: 12px;color: var(--muted)}.sel-fields{display: flex;flex-wrap: wrap;gap: 10px 16px;flex: 1 1 100%;min-width: 0}.sel-fields>.sel-title:first-child{flex: 0 1 200px}.sel-fields>.sel-title:first-child input{width: 100%}.sel-fields textarea{font: inherit;font-size: 14px;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px;padding: 8px 10px;width: 100%;resize: vertical}.meetings{margin-top: 18px;padding-top: 14px;border-top: 1px solid var(--line)}.mtg-head{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 10px}.mtg-title{margin: 0;font-size: 16px}.mtg-list{list-style: none;margin: 0;padding: 0 4px 0 0;display: flex;flex-direction: column;gap: 8px;overflow-y: auto}.mtg-list li{padding: 10px 12px;border: 1px solid var(--line);border-radius: 10px;background: var(--bg);display: flex;flex-direction: column;gap: 3px;font-variant-numeric: tabular-nums}.mtg-list li.is-past{opacity: 0.6}.mtg-list li.is-upcoming{border-color: var(--accent)}.mtg-list .mtg-line1{display: flex;flex-wrap: wrap;align-items: center;gap: 8px}.mtg-list .mtg-name{font-weight: 700}.mtg-list .mtg-when{font-weight: 600}.mtg-list .mtg-others{color: var(--muted);font-size: 13px}.mtg-list .mtg-meta{color: var(--muted);font-size: 13px;margin-top: 2px;font-variant-numeric: tabular-nums}.mtg-list .mtg-meta b{color: var(--ink);font-weight: 600}.mtg-count,.rem-count{white-space: nowrap}.mtg-count.is-soon,.rem-count.is-soon{color: var(--accent-text);font-weight: 700}.rem-list .rem-count{margin-left: auto;flex: none;font-size: 13px;color: var(--muted);line-height: 24px}.rem-list .rem-count.is-soon{color: var(--accent-text);font-weight: 700}.rem-list .rem-count + .rem-del{margin-left: 0}.mtg-list .mtg-note{font-size: 15px;white-space: pre-wrap;overflow-wrap: anywhere}.mtg-list .mtg-note a{color: var(--accent-text)}.mtg-badge{font-size: 11px;font-weight: 700;padding: 1px 8px;border-radius: 999px}.mtg-badge.upcoming{background: var(--accent);color: var(--accent-ink)}.mtg-badge.now{background: #D99A2B;color: #fff}.mtg-badge.past{background: var(--line);color: var(--muted)}.mtg-actions{display: flex;flex-wrap: wrap;gap: 6px;margin-top: 4px}.mtg-actions .btn{min-height: 28px;padding: 2px 10px;font-size: 12px}.mtg-edit{display: flex;flex-direction: column;gap: 6px;margin-top: 4px}.mtg-edit input,.mtg-edit textarea{font: inherit;font-size: 14px;color: var(--ink);background: var(--panel);border: 1px solid var(--line);border-radius: 8px;padding: 6px 8px}.mtg-empty{color: var(--muted);font-size: 13px}.panels{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: 16px;align-items: start;margin-bottom: 32px}.panels>.sel-bar,.panels>.reminders{margin-bottom: 0}@media (max-width: 900px){.panels{grid-template-columns: 1fr}}@media (min-width: 861px){.hero{padding-left: 50px}}.mtg-line1 .mtg-del,.rem-list .rem-del,.pop-item .pop-remove{margin-left: auto;flex: none;font: inherit;font-size: 12px;font-weight: 600;padding: 3px 10px;border-radius: 999px;border: 1px solid var(--line);background: var(--panel);color: var(--ink);cursor: pointer}.mtg-line1 .mtg-del:hover,.rem-list .rem-del:hover,.pop-item .pop-remove:hover{border-color: #D9434E;color: #D9434E}.mtg-line1 .mtg-del:active,.rem-list .rem-del:active,.pop-item .pop-remove:active{transform: scale(0.96)}.pop-item .pop-head{display: flex;align-items: flex-start;gap: 8px}.rem-alert.user-sized .alert-list{max-height: none !important;flex: 1 1 auto;min-height: 0}.help-win{position: fixed;z-index: 65;top: 70px;left: 50%;transform: translateX(-50%);width: min(620px,calc(100vw - 16px));height: min(72vh,640px);min-width: 280px;min-height: 200px;max-width: calc(100vw - 8px);max-height: calc(100vh - 8px);box-sizing: border-box;display: flex;flex-direction: column;padding: 12px 14px 0;background: var(--panel);color: var(--ink);border: 1px solid var(--line);border-radius: 14px;box-shadow: 0 16px 40px rgba(10,20,50,0.28);resize: both;overflow: hidden}.help-body{flex: 1 1 auto;min-height: 0;overflow-y: auto;overscroll-behavior: contain;padding: 4px 4px 16px 2px;font-size: 14px;line-height: 1.6}.help-body h3{margin: 16px 0 6px;font-size: 15px}.help-body h3:first-child{margin-top: 8px}.help-body p{margin: 0 0 6px}.help-body ul{margin: 0 0 6px;padding-left: 20px}.help-body li{margin-bottom: 4px}@media (max-width: 700px){.help-win{top: 8px;height: 85vh}}.clock-note{display: flex;align-items: center;gap: 10px;margin: 0 0 16px;padding: 10px 14px;border: 1px solid #D99A2B;border-radius: 12px;background: var(--panel);color: var(--ink);font-size: 14px}.clock-note #clock-note-text{flex: 1}.time-status{margin: 10px 0 0;font-size: 13px;color: var(--muted)}.time-status.is-live{color: var(--accent-text)}.time-status.is-offline{color: #C17F12}[data-theme="dark"] .time-status.is-offline{color: #E8B04F}.time-checking .hc-primary,.time-checking .hc-secondary,.time-checking .loc-clock,.time-checking .cursor-line.is-now{visibility: hidden}.hc-primary .colon{animation: colon-fade 1s ease-in-out infinite}@keyframes colon-fade{0%,100%{opacity: 1}50%{opacity: 0.45}}@media (prefers-reduced-motion: reduce){.hc-primary .colon{animation: none}}[data-blink="off"] .hc-primary .colon{animation: none}.tile{--gloss: linear-gradient(180deg,rgba(255,255,255,0.22),rgba(255,255,255,0) 55%)}.tile{background-image: var(--gloss),var(--bgimg)}.tile.work{background-image: linear-gradient(var(--work),var(--work)),var(--gloss),var(--bgimg);background-size: 100% 4px,100% 100%,100% 100%;background-position: left bottom,0 0,0 0;background-repeat: no-repeat}.swatch-sky{background: var(--swatch-sky,linear-gradient(90deg,#18216B,#6A4FC4,#FF9466,#8FD3FF)) !important}.swatch{background: var(--swatch-day,#8FD3FF)}.swatch-weekend{background: var(--swatch-weekend,#FF8257) !important}.swatch-now{background: var(--swatch-night,#18216B) !important}.sel-fields .note-row{display: flex;align-items: flex-start;gap: 10px;flex: 1 1 300px;min-width: 0}.note-row .sel-title{flex: 1 1 auto;min-width: 0}.rem-bell.ring-blink{animation: ring-blink 1.6s linear 1}@keyframes ring-blink{0%,24.9%{box-shadow: 0 0 0 1.5px #D99A2B;color: #D99A2B}25%,49.9%{box-shadow: 0 0 0 1.5px #8A93AB;color: #8A93AB}50%,74.9%{box-shadow: 0 0 0 1.5px #D99A2B;color: #D99A2B}75%,99.9%{box-shadow: 0 0 0 1.5px #8A93AB;color: #8A93AB}}@media (prefers-reduced-motion: reduce){.rem-bell.ring-blink{animation: ring-once 1s linear 1}@keyframes ring-once{0%,99%{box-shadow: 0 0 0 1.5px #D99A2B;color: #D99A2B}}}.rem-list li:not(.rem-empty){cursor: pointer}.rem-list li:not(.rem-empty):hover{border-color: var(--ink)}.conv-main{max-width: 900px}.breadcrumb{font-size: 13px;color: var(--muted);margin: 4px 0 14px}.breadcrumb a{color: var(--muted);text-decoration: none}.breadcrumb a:hover{color: var(--accent-text);text-decoration: underline}.bc-sep{margin: 0 4px;opacity: 0.6}.conv-title{margin: 0 0 8px;font-size: 30px;letter-spacing: -0.02em;line-height: 1.2}.conv-main>.lead{color: var(--muted);font-size: 16px;margin: 0 0 18px}.conv-card{background: var(--panel);border: 1px solid var(--line);border-radius: 16px;padding: 22px 26px;margin-bottom: 16px;line-height: 1.6}.conv-card h2{margin: 0 0 10px;font-size: 18px}.conv-card p{margin: 0 0 8px}.conv-card .note{color: var(--muted);font-size: 14px}.conv-card a:not(.btn){color: var(--accent-text)}.now-pair{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 12px}.now-box{flex: 1 1 200px;display: flex;flex-direction: column;gap: 2px;padding: 12px 16px;border: 1px solid var(--line);border-radius: 12px;background: var(--bg)}.now-name{font-weight: 700}.now-time{font-size: 28px;font-weight: 700;color: var(--accent-text);font-variant-numeric: tabular-nums}.now-time.big{font-size: 44px;line-height: 1.1}.now-abbr{font-size: 13px;color: var(--muted)}.zone-now{display: flex;flex-direction: column;gap: 4px;margin-bottom: 6px}.conv-now .answer{font-size: 18px;font-weight: 600;margin: 4px 0 14px}.table-wrap{overflow-x: auto;border: 1px solid var(--line);border-radius: 10px}.conv-table{width: 100%;border-collapse: collapse;font-size: 14px;font-variant-numeric: tabular-nums}.conv-table th,.conv-table td{padding: 7px 12px;text-align: left;border-bottom: 1px solid var(--line);white-space: nowrap}.conv-table thead th{background: var(--bg);font-weight: 700;position: sticky;top: 0}.conv-table tbody tr:last-child td,.conv-table tbody tr:last-child th{border-bottom: 0}.conv-table tr.is-work td{background: rgba(33,192,99,0.10)}.conv-table tr.is-now td,.conv-table tr.is-now th{font-weight: 700;box-shadow: inset 3px 0 0 var(--accent)}.conv-table.wide tbody th{position: sticky;left: 0;background: var(--panel);font-weight: 700}.conv-table.wide thead th:first-child{position: sticky;left: 0;z-index: 1}.day-tag{color: var(--muted);font-size: 12px}.seg-list{margin: 6px 0 10px;padding-left: 20px}.zone-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: 10px}.zone-card{display: flex;flex-direction: column;gap: 2px;padding: 12px 14px;border: 1px solid var(--line);border-radius: 12px;background: var(--bg)}.zc-name{font-weight: 700}.zc-sub{font-size: 12px;color: var(--muted)}.zc-time{font-size: 22px;font-weight: 700;color: var(--accent-text);font-variant-numeric: tabular-nums}.zc-diff{font-size: 13px;color: var(--muted)}.faq-item h3{margin: 12px 0 4px;font-size: 15px}.faq-item p{color: var(--ink)}.related{display: flex;flex-wrap: wrap;gap: 8px}.related a{padding: 6px 12px;border: 1px solid var(--line);border-radius: 999px;font-size: 13px;text-decoration: none;color: var(--ink) !important;background: var(--bg)}.related a:hover{border-color: var(--accent)}.hub-list{columns: 2;padding-left: 18px;margin: 0}.hub-list li{margin-bottom: 6px;break-inside: avoid}@media (max-width: 700px){.conv-title{font-size: 24px}.conv-card{padding: 18px 16px}.now-time.big{font-size: 34px}.hub-list{columns: 1}}.conv-card a.btn{text-decoration: none}main.conv-main>.conv-planner{--planner-w: min(var(--wide-max),calc(100vw - 48px));width: var(--planner-w);max-width: none;margin: 8px 0 24px calc((100% - var(--planner-w)) / 2)}.conv-planner .planner-title{margin: 0 0 4px;font-size: 20px}.conv-planner .planner-note{margin: 0 0 14px;color: var(--muted);font-size: 14px;line-height: 1.5}.conv-planner .sel-bar{margin: 0}.conv-planner .sel-bar .planner-note{margin: 10px 0 0}.conv-planner .sel-actions a.btn{text-decoration: none}@media (max-width: 700px){main.conv-main>.conv-planner{--planner-w: calc(100vw - 24px)}}.conv-row{margin: 0 0 22px}.cr-title{margin: 0 0 8px;font-size: 14px;font-weight: 600;color: var(--muted)}.cr-wrap{position: relative}.cr-track{display: flex;gap: 8px;overflow-x: auto;scrollbar-width: none;padding: 2px 8px;-webkit-mask-image: linear-gradient(to right,transparent 0,#000 var(--fade-l,0px),#000 calc(100% - var(--fade-r,0px)),transparent 100%);mask-image: linear-gradient(to right,transparent 0,#000 var(--fade-l,0px),#000 calc(100% - var(--fade-r,0px)),transparent 100%)}.cr-track::-webkit-scrollbar{display: none}@media (hover: hover){.cr-track{cursor: grab}}.cr-track.is-dragging{user-select: none;-webkit-user-select: none}.cr-track.is-dragging,.cr-track.is-dragging *{cursor: grabbing}.cr-track.can-left{--fade-l: 56px}.cr-track.can-right{--fade-r: 56px}.cr-chip{flex: none;padding: 6px 14px;border: 1px solid var(--line);border-radius: 999px;background: var(--panel);color: var(--ink);font-size: 13px;white-space: nowrap;text-decoration: none;transition: border-color 0.15s,color 0.15s}.cr-chip:hover,.cr-chip:focus-visible{border-color: var(--accent);color: var(--accent-text)}.cr-chip.cr-all{color: var(--accent-text);font-weight: 600}.cr-arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;width: 32px;height: 32px;display: grid;place-items: center;padding: 0 0 2px;font: inherit;font-size: 20px;font-weight: 700;line-height: 1;color: var(--ink);background: var(--panel);border: 1.5px solid var(--ink);border-radius: 50%;box-shadow: 0 2px 6px rgba(10,20,50,0.18);cursor: pointer}[data-theme="dark"] .cr-arrow{box-shadow: 0 2px 8px rgba(0,0,0,0.5)}.cr-prev{left: 0}.cr-next{right: 0}.cr-arrow:hover{border-color: var(--accent);color: var(--accent-text)}@media (hover: none){.cr-arrow{display: none}}.rem-label{position: absolute;top: 39px;right: calc(var(--gap) + 10px);max-width: calc(100% - 12px);height: 15px;display: flex;align-items: center;font-size: 12px;color: var(--muted);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.rem-label .rl-touch{display: none}@media (hover: none){.rem-label .rl-mouse{display: none}.rem-label .rl-touch{display: inline}}.pop-notify{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 10px;margin-top: 12px;padding-top: 10px;border-top: 1px solid var(--line);font-size: 13px}.pop-notify .switch-btn{font-size: 13px}.pop-notify .pop-planner{margin-left: auto;color: var(--accent-text);font-weight: 600;text-decoration: none}.pop-notify .pop-planner:hover{text-decoration: underline}.pop-notify .pop-status{flex-basis: 100%;color: var(--muted)}*{-webkit-tap-highlight-color: transparent}.btn.btn-outline{border: 1.5px solid var(--ink);font-weight: 700}.btn.btn-outline:hover{border-color: #D9434E;color: #D9434E}.list-grip{height: 16px;margin-top: 4px;display: grid;place-items: center;cursor: ns-resize;touch-action: none;border-radius: 6px}.list-grip::before{content: "";width: 44px;height: 4px;border-radius: 999px;background: var(--line);transition: background-color 0.15s}.list-grip:hover::before,.list-grip:focus-visible::before,.list-grip.dragging::before{background: var(--accent)}.toast.has-action.show{pointer-events: auto}.toast-btn{font: inherit;font-weight: 700;color: var(--accent);background: none;border: 0;padding: 0 2px;cursor: pointer;text-decoration: underline;text-underline-offset: 3px}.row.row-moving{z-index: 6}.clock-dash{position: relative;z-index: 16;margin-bottom: 14px;padding: 14px 16px 18px;background: var(--panel);border: 1px solid var(--line);border-radius: 14px}.cd-head{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-bottom: 14px}.cd-title{margin: 0 6px 0 0;font-size: 16px}.cd-search{flex: 0 1 520px;min-width: 200px}#clock-search{width: 100%}.cd-seg{display: flex;gap: 4px}.cd-seg .btn[aria-pressed="true"]{background: var(--action);border-color: var(--action);color: #FFFFFF;font-weight: 600}.cd-empty{margin: 4px 0 0;color: var(--muted);font-size: 14px}.cd-grid{position: relative;display: grid;grid-template-columns: repeat(auto-fill,minmax(170px,1fr));gap: 18px 16px}.cd-card{position: relative;display: flex;flex-direction: column;align-items: flex-start;gap: 4px;padding: 10px 12px 12px;border-radius: 12px;font-variant-numeric: tabular-nums;transition: background-color 0.15s}.cd-card:hover{background: var(--bg)}.cd-card.cd-dragging{z-index: 5;background: var(--panel);box-shadow: 0 10px 28px rgba(10,20,50,0.28)}[data-theme="dark"] .cd-card.cd-dragging{box-shadow: 0 10px 28px rgba(0,0,0,0.6)}.cd-handle,.cd-remove{position: absolute;top: 6px;width: 24px;height: 24px;display: grid;place-items: center;padding: 0;font: inherit;font-size: 12px;color: var(--muted);background: var(--panel);border: 1px solid var(--line);border-radius: 6px;cursor: pointer;opacity: 0;transition: opacity 0.15s,color 0.15s,border-color 0.15s;z-index: 1}.cd-handle{left: 6px;cursor: grab;touch-action: none}.cd-remove{right: 6px}.cd-card:hover .cd-handle,.cd-card:hover .cd-remove,.cd-card:focus-within .cd-handle,.cd-card:focus-within .cd-remove{opacity: 1}.cd-handle:hover{color: var(--accent-text);border-color: var(--accent)}.cd-remove:hover{color: #D9434E;border-color: #D9434E}.cd-dial{width: 140px;height: 140px;align-self: center;margin-bottom: 6px}.cd-dial{border-radius: 50%;overflow: visible;box-shadow: 0 3px 12px rgba(10,20,50,0.13),0 1px 3px rgba(10,20,50,0.08)}[data-theme="dark"] .cd-dial{box-shadow: 0 3px 14px rgba(0,0,0,0.45),0 1px 3px rgba(0,0,0,0.35)}.cd-face{fill: var(--panel);stroke: var(--line);stroke-width: 0.8}.cd-card:hover .cd-face{fill: var(--panel)}.cd-num{font-size: 9px;fill: var(--muted);text-anchor: middle;dominant-baseline: central;font-family: inherit}.cd-hand{stroke: var(--ink);stroke-linecap: round;transform-origin: 50px 50px}.cd-hour{stroke-width: 3}.cd-minute{stroke-width: 2}.cd-second{transform-origin: 50px 50px;transition: transform 0.12s cubic-bezier(0.2,0,0,1)}.cd-second line{stroke: #FF5A5F;stroke-width: 1.1;stroke-linecap: round}.cd-second circle{fill: #FF5A5F}.is-smooth .cd-second{transition: none}.cd-pin{fill: var(--ink)}.cd-tick{stroke: var(--muted);stroke-width: 1.2;stroke-linecap: round}.cd-tick.big{stroke: var(--ink);stroke-width: 2.2}.cd-dot{fill: var(--muted)}.cd-num.big{font-size: 11px;font-weight: 700;fill: var(--ink)}.cd-diff{font-size: 13px;color: var(--muted)}.cd-icon{color: var(--muted)}.day-night .is-day .cd-face{fill: #FFFFFF}[data-theme="dark"] .day-night .is-day .cd-face{fill: #E9EEF8;stroke: #E9EEF8}[data-theme="dark"] .day-night .is-day .cd-num,[data-theme="dark"] .day-night .is-day .cd-dot{fill: #5A6380}[data-theme="dark"] .day-night .is-day .cd-num.big{fill: #1D2550}[data-theme="dark"] .day-night .is-day .cd-hand,[data-theme="dark"] .day-night .is-day .cd-tick.big{stroke: #1D2550}[data-theme="dark"] .day-night .is-day .cd-tick{stroke: #5A6380}[data-theme="dark"] .day-night .is-day .cd-pin{fill: #1D2550}.day-night .is-night .cd-face{fill: #10163A;stroke: #10163A}.day-night .is-night .cd-num,.day-night .is-night .cd-dot{fill: #AEB8DA}.day-night .is-night .cd-num.big{fill: #FFFFFF}.day-night .is-night .cd-hand,.day-night .is-night .cd-tick.big{stroke: #F2F4FF}.day-night .is-night .cd-tick{stroke: #8792BC}.day-night .is-night .cd-pin{fill: #F2F4FF}[data-theme="dark"] .day-night .is-night .cd-face{fill: #070B1F;stroke: #2E3870;stroke-width: 1}.cd-grid.size-s{grid-template-columns: repeat(auto-fill,minmax(140px,1fr))}.cd-grid.size-s .cd-dial{width: 104px;height: 104px}.cd-grid.size-l{grid-template-columns: repeat(auto-fill,minmax(220px,1fr))}.cd-grid.size-l .cd-dial{width: 184px;height: 184px}.cd-grid.size-l .cd-name{font-size: 17px}.cd-grid.size-l .cd-line{font-size: 15px}.cd-set-wrap{position: relative}.cd-gear{width: 40px;height: 40px;display: grid;place-items: center;padding: 0;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px;cursor: pointer}.cd-gear:hover{border-color: var(--muted)}.cd-gear svg{transition: transform 0.3s ease}.cd-gear[aria-expanded="true"]{border-color: var(--accent);color: var(--accent-text)}.cd-gear[aria-expanded="true"] svg{transform: rotate(60deg)}.cd-settings{position: absolute;top: calc(100% + 8px);left: 0;z-index: 30;width: min(470px,calc(100vw - 32px));padding: 12px 14px 10px;background: var(--panel);border: 1px solid var(--line);border-radius: 12px;box-shadow: 0 12px 32px rgba(10,20,50,0.18)}[data-theme="dark"] .cd-settings{box-shadow: 0 12px 32px rgba(0,0,0,0.55)}.cd-settings[hidden]{display: none}.cds-title{font-weight: 700;font-size: 14px;margin-bottom: 6px}.cds-row{display: grid;grid-template-columns: 150px 1fr;align-items: center;gap: 8px;padding: 6px 0;border-top: 1px solid var(--line)}@media (max-width: 520px){.cds-row{grid-template-columns: 1fr;gap: 4px}}.cds-label{font-size: 13px;color: var(--muted)}.cds-seg{display: flex;flex-wrap: wrap;gap: 4px}.cds-btn{flex: 1 1 auto;min-height: 32px;padding: 0 10px;font: inherit;font-size: 13px;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 7px;cursor: pointer}.cds-btn:hover:not(:disabled){border-color: var(--muted)}.cds-btn[aria-pressed="true"]{background: var(--action);border-color: var(--action);color: #FFFFFF;font-weight: 600}.cds-row.is-off{opacity: 0.45}.cds-row.is-off .cds-btn{cursor: not-allowed}.cds-reset{display: block;margin: 6px 0 0 auto;padding: 4px 2px;font: inherit;font-size: 13px;color: var(--accent-text);background: none;border: 0;cursor: pointer}.cds-reset:hover{text-decoration: underline}.cd-name{display: flex;align-items: center;gap: 5px;font-weight: 700;font-size: 15px;color: var(--ink);max-width: 100%}.cd-city{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.cd-home{display: inline-grid;color: var(--accent-text)}.cd-home[hidden]{display: none}.cd-line{font-size: 14px;color: var(--ink)}.cd-sec{color: var(--muted)}.cd-abbr{color: var(--accent-text);font-weight: 600;margin-left: 4px}.cd-grid.is-digital{grid-template-columns: repeat(auto-fill,minmax(190px,1fr))}.is-digital .cd-card{padding-top: 34px}.cd-big{font-size: 30px;font-weight: 700;line-height: 1.1;color: var(--ink);letter-spacing: -0.01em}.cd-big .cd-sec{font-size: 18px;font-weight: 600}.cd-big .cd-ampm{font-size: 15px;font-weight: 600;color: var(--muted)}.cd-grid.is-digital.size-s{grid-template-columns: repeat(auto-fill,minmax(160px,1fr))}.is-digital.size-s .cd-big{font-size: 24px}.cd-grid.is-digital.size-l{grid-template-columns: repeat(auto-fill,minmax(240px,1fr))}.is-digital.size-l .cd-big{font-size: 40px}.is-digital.size-l .cd-big .cd-sec{font-size: 24px}@media (max-width: 700px){.cd-grid{grid-template-columns: repeat(2,minmax(0,1fr));gap: 12px}.cd-grid.is-digital{grid-template-columns: repeat(2,minmax(0,1fr))}.cd-dial,.cd-grid.size-s .cd-dial,.cd-grid.size-l .cd-dial{width: 112px;height: 112px}.cd-grid.size-s .cd-dial{width: 92px;height: 92px}.cd-grid.size-l{grid-template-columns: minmax(0,1fr)}.cd-grid.size-l .cd-dial{width: 168px;height: 168px}.cd-grid.size-s,.cd-grid.is-digital.size-s{grid-template-columns: repeat(2,minmax(0,1fr))}.cd-grid.is-digital.size-l{grid-template-columns: minmax(0,1fr)}.is-digital.size-l .cd-big{font-size: 34px}.cd-search{flex: 1 1 calc(100% - 100px);min-width: 0}.cd-big{font-size: 24px}.cd-big .cd-sec{font-size: 15px}}.cds-check-row{display: block}.cds-check{display: flex;align-items: flex-start;gap: 8px;font-size: 13px;color: var(--ink);cursor: pointer}.cds-check input{width: 16px;height: 16px;margin: 1px 0 0;accent-color: var(--accent);flex: none;cursor: pointer}.cds-note{margin: 4px 0 0 24px;font-size: 12px;color: var(--accent-text)}.cds-note[hidden]{display: none}.set-wrap{position: relative}.set-gear{width: 40px;padding: 0;display: inline-grid;place-items: center}.set-gear svg{transition: transform 0.3s ease}.set-gear[aria-expanded="true"]{border-color: var(--accent);color: var(--accent-text)}.set-gear[aria-expanded="true"] svg{transform: rotate(60deg)}.set-panel{position: absolute;top: calc(100% + 8px);left: 0;z-index: 30;width: min(380px,calc(100vw - 32px));padding: 12px 14px 14px;background: var(--panel);border: 1px solid var(--line);border-radius: 12px;box-shadow: 0 12px 32px rgba(10,20,50,0.18);text-align: left}[data-theme="dark"] .set-panel{box-shadow: 0 12px 32px rgba(0,0,0,0.55)}.set-panel[hidden]{display: none}.sp-title{font-weight: 700;font-size: 14px;margin-bottom: 4px}.sp-section{padding: 8px 0 4px;border-top: 1px solid var(--line);display: flex;flex-direction: column;gap: 6px}.sp-section:first-of-type{border-top: 0}.sp-head{font-size: 12px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;color: var(--muted)}.sp-switch{justify-content: space-between;width: 100%;min-height: 38px}.sp-group{margin-top: 6px;padding: 8px 10px 6px;background: var(--bg);border: 1px solid var(--line);border-radius: 10px}.sp-sub{display: flex;align-items: center;justify-content: space-between;font-size: 13px;font-weight: 600;margin-bottom: 6px}.sp-reset{padding: 2px;font: inherit;font-size: 12px;font-weight: 500;color: var(--accent-text);background: none;border: 0;cursor: pointer}.sp-reset:hover{text-decoration: underline}.sp-preview{display: flex;gap: 3px;margin-bottom: 6px}.sp-preview span{flex: 1;height: 16px;border-radius: 4px}.sp-preview.wd span{filter: var(--wd-filter)}.sp-preview.we span{filter: var(--we-filter)}.sp-slider{display: grid;grid-template-columns: 80px 1fr 42px;align-items: center;gap: 8px;min-height: 30px;font-size: 13px}.sp-slider label{color: var(--ink)}.sp-slider output{text-align: right;color: var(--muted);font-variant-numeric: tabular-nums}.sp-slider input[type="range"]{width: 100%;margin: 0;accent-color: var(--action);cursor: pointer}[data-theme="dark"] .sp-slider input[type="range"]{accent-color: var(--accent)}@media (hover: none){.sp-slider{min-height: 40px}.sp-slider input[type="range"]{height: 28px}}.day-night:is(.is-digital,.is-list) .cd-card{border: 1px solid transparent}.day-night:is(.is-digital,.is-list) .cd-card.is-day{background: #EAF4FF;border-color: #D3E4F7}.day-night:is(.is-digital,.is-list) .cd-card.is-night{background: #10163A;border-color: #10163A}[data-theme="dark"] .day-night:is(.is-digital,.is-list) .cd-card.is-day{background: #DCE7F7;border-color: #DCE7F7}[data-theme="dark"] .day-night:is(.is-digital,.is-list) .cd-card.is-night{background: #070B1F;border-color: #2E3870}.day-night:is(.is-digital,.is-list) .is-day .cd-big,.day-night:is(.is-digital,.is-list) .is-day .cd-name,.day-night:is(.is-digital,.is-list) .is-day .cd-line{color: #1B2A3C}.day-night:is(.is-digital,.is-list) .is-day .cd-sec,.day-night:is(.is-digital,.is-list) .is-day .cd-ampm,.day-night:is(.is-digital,.is-list) .is-day .cd-diff,.day-night:is(.is-digital,.is-list) .is-day .cd-real{color: #55627A}.day-night:is(.is-digital,.is-list) .is-day .cd-abbr,.day-night:is(.is-digital,.is-list) .is-day .cd-home{color: #0F7A3D}.day-night:is(.is-digital,.is-list) .is-night .cd-big,.day-night:is(.is-digital,.is-list) .is-night .cd-name,.day-night:is(.is-digital,.is-list) .is-night .cd-line{color: #F2F4FF}.day-night:is(.is-digital,.is-list) .is-night .cd-sec,.day-night:is(.is-digital,.is-list) .is-night .cd-ampm,.day-night:is(.is-digital,.is-list) .is-night .cd-diff,.day-night:is(.is-digital,.is-list) .is-night .cd-real{color: #AEB8DA}.day-night:is(.is-digital,.is-list) .is-night .cd-abbr,.day-night:is(.is-digital,.is-list) .is-night .cd-home{color: #6EE7A0}.day-night:is(.is-digital,.is-list) .cd-card.is-day:hover{background: #E0EEFC}.day-night:is(.is-digital,.is-list) .cd-card.is-night:hover{background: #151D4A}[data-theme="dark"] .day-night:is(.is-digital,.is-list) .cd-card.is-day:hover{background: #D2DFF3}[data-theme="dark"] .day-night:is(.is-digital,.is-list) .cd-card.is-night:hover{background: #0C1230}.sp-label{font-size: 13px;color: var(--ink);margin: 4px 0 2px}.sp-schemes{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 6px}.sp-schemes .sp-label{grid-column: 1 / -1}.sp-scheme{display: flex;flex-direction: column;align-items: stretch;gap: 4px;padding: 6px 8px;font: inherit;font-size: 12px;font-weight: 500;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px;cursor: pointer;text-align: left}.sp-scheme:hover{border-color: var(--muted)}.sp-scheme[aria-pressed="true"]{border-color: var(--accent);box-shadow: inset 0 0 0 1px var(--accent);font-weight: 700}.sp-scheme-strip{display: block;height: 12px;border-radius: 4px}.sp-reset-all{width: 100%;margin-top: 10px}.edit-btn{display: none;align-items: center;gap: 6px}.eb-icon{display: inline-grid}.edit-btn[aria-pressed="true"]{background: var(--accent);border-color: var(--accent);color: #FFFFFF;font-weight: 600}[data-theme="dark"] .edit-btn[aria-pressed="true"]{color: #08130C}@media (hover: none){.edit-btn{display: inline-flex}.loc-actions{opacity: 1}.cd-grid:not(.is-editing) .cd-handle,.cd-grid:not(.is-editing) .cd-remove{opacity: 0 !important;visibility: hidden}.cd-handle,.cd-remove{transition: opacity 0.2s,visibility 0.2s}.cd-grid.is-editing .cd-handle,.cd-grid.is-editing .cd-remove{opacity: 1;visibility: visible}}.cd-grid.is-editing .cd-card{outline: 1.5px dashed var(--muted);outline-offset: -1px}@keyframes wiggle{0%{transform: rotate(-1.4deg)}50%{transform: rotate(1.4deg)}100%{transform: rotate(-1.4deg)}}.cd-grid.is-editing .cd-card{animation: wiggle 0.32s ease-in-out infinite}.cd-grid.is-editing .cd-card:nth-child(3n+2){animation-delay: -0.11s}.cd-grid.is-editing .cd-card:nth-child(3n+3){animation-delay: -0.22s}.cd-grid.is-editing .cd-card:nth-child(4n+1){animation-duration: 0.3s}.cd-grid.is-editing .cd-card.cd-dragging{animation: none}@media (prefers-reduced-motion: reduce){.cd-grid.is-editing .cd-card{animation: none}}.set-panel,.cd-settings{display: flex;flex-direction: column;overflow: hidden;padding-bottom: 0}.set-panel[hidden],.cd-settings[hidden]{display: none}.toolbar.panel-open,.clock-dash.panel-open{z-index: 40}.set-panel.is-moving,.cd-settings.is-moving{box-shadow: 0 18px 40px rgba(10,20,50,0.28)}.panel-head{display: flex;align-items: center;gap: 8px;flex: none;margin: -2px 0 6px;cursor: grab;touch-action: none;user-select: none;-webkit-user-select: none}.is-moving .panel-head{cursor: grabbing}.panel-head .sp-title,.panel-head .cds-title{flex: 1;margin: 0}.panel-move{display: inline-grid;place-items: center;width: 18px;color: var(--muted)}.panel-close{width: 28px;height: 28px;display: grid;place-items: center;flex: none;padding: 0;font: inherit;font-size: 13px;line-height: 1;color: var(--muted);background: var(--bg);border: 1px solid var(--line);border-radius: 50%;cursor: pointer}.panel-close:hover{color: var(--ink);border-color: var(--muted)}.panel-body{flex: 1 1 auto;min-height: 0;overflow-y: auto;overscroll-behavior: contain;margin-right: -8px;padding-right: 8px;scrollbar-width: thin;scrollbar-color: var(--muted) transparent}.panel-body::-webkit-scrollbar{width: 6px}.panel-body::-webkit-scrollbar-thumb{background: var(--muted);border-radius: 999px}.panel-body::-webkit-scrollbar-track{background: transparent}.panel-body>.sp-section:first-child,.panel-body>.cds-row:first-child{border-top: 0}.panel-fade{position: absolute;left: 0;right: 0;bottom: 22px;height: 34px;background: linear-gradient(to bottom,transparent,var(--panel));pointer-events: none;transition: opacity 0.2s}.at-end .panel-fade{opacity: 0}.panel-grip{display: grid;place-items: center;flex: none;height: 22px;margin: 0 -14px;border-top: 1px solid var(--line);cursor: ns-resize;touch-action: none}.panel-grip::before{content: "";width: 44px;height: 4px;border-radius: 999px;background: var(--muted);opacity: 0.6;transition: background-color 0.15s,opacity 0.15s}.panel-grip:hover::before,.panel-grip:focus-visible::before,.panel-grip.dragging::before{background: var(--accent);opacity: 1}.cd-sun{font-size: 8px;text-anchor: middle;dominant-baseline: central;fill: #E8A21A}.cd-moon path{fill: var(--muted)}.day-night .is-night .cd-moon path{fill: #C9D1F0}.cd-sun,.cd-moon{display: none}.show-icon .is-day .cd-sun,.show-icon .is-night .cd-moon{display: inline}.cd-icon{display: inline-flex;align-items: center;margin-right: 4px;vertical-align: -1px}.is-day .cd-icon{color: #E8A21A}.is-night .cd-icon{color: var(--muted)}.day-night .is-night .cd-icon{color: #C9D1F0}.cd-real{font-size: 12px;color: var(--muted);margin-top: -3px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%}@media (hover: hover){.cd-city{cursor: text;border-radius: 4px}.cd-city:hover{text-decoration: underline dotted var(--muted);text-underline-offset: 3px}}.cd-grid.is-editing .cd-city{text-decoration: underline dotted var(--muted);text-underline-offset: 3px}.cd-rename{width: 100%;min-height: 0;padding: 2px 6px;font: inherit;font-weight: 700;font-size: inherit;color: var(--ink);background: var(--panel);border: 1.5px solid var(--accent);border-radius: 6px}.cd-name:has(.cd-rename){width: 100%}.cd-grid.is-editing .cd-card.is-renaming{animation: none}.cds-action-row .cds-btn{flex: 1 1 40%}.cds-action-row .cds-btn:active:not(:disabled){background: var(--accent-soft)}.cd-grid.is-list{grid-template-columns: minmax(0,1fr) !important;gap: 6px}.is-list .cd-card{display: grid;grid-template-columns: minmax(0,1.3fr) minmax(0,1.5fr) minmax(0,1fr) auto;grid-template-areas: "name line diff big" "real line diff big";align-items: center;column-gap: 14px;row-gap: 0;padding: 8px 44px 8px 40px;border: 1px solid var(--line);border-radius: 10px}.is-list .cd-card:hover{background: var(--bg)}.is-list .cd-name{grid-area: name}.is-list .cd-real{grid-area: real;margin-top: 0}.is-list .cd-line{grid-area: line}.is-list .cd-diff{grid-area: diff}.is-list .cd-big{grid-area: big;text-align: right;font-size: 26px;white-space: nowrap}.is-list .cd-big .cd-sec{font-size: 16px}.is-list .cd-big .cd-ampm{font-size: 14px}.is-list .cd-handle,.is-list .cd-remove{top: 50%;margin-top: -12px}.is-list .cd-card:not(:has(.cd-real)){grid-template-areas: "name line diff big"}.cd-grid.is-list.size-s .cd-big{font-size: 20px}.cd-grid.is-list.size-s .cd-card{padding-top: 5px;padding-bottom: 5px}.cd-grid.is-list.size-l .cd-big{font-size: 34px}.cd-grid.is-list.size-l .cd-card{padding-top: 12px;padding-bottom: 12px}@media (max-width: 700px){.is-list .cd-card{grid-template-columns: minmax(0,1fr) auto;grid-template-areas: "name big" "real big" "line big" "diff big";padding: 8px 40px 8px 38px;column-gap: 10px}.is-list .cd-card:not(:has(.cd-real)){grid-template-areas: "name big" "line big" "diff big"}.is-list .cd-line,.is-list .cd-diff{font-size: 13px}.is-list .cd-big{font-size: 22px}}#today-btn.is-today{border: 1.5px solid var(--accent);color: var(--accent-text);font-weight: 700}#today-btn.is-today:hover{background: var(--accent-soft)}.cd-close{position: absolute;top: 10px;right: 10px;z-index: 2;width: 30px;height: 30px;display: grid;place-items: center;padding: 0;font: inherit;font-size: 13px;line-height: 1;color: var(--muted);background: var(--bg);border: 1px solid var(--line);border-radius: 50%;cursor: pointer;transition: color 0.15s,border-color 0.15s}.cd-close:hover{color: var(--ink);border-color: var(--muted)}.cd-head{padding-right: 36px}.wb-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);gap: 24px;align-items: start}.wb-controls{display: flex;flex-direction: column;gap: 14px}.wb-group{display: flex;flex-direction: column;gap: 6px}.wb-group[hidden],.wb-checks label[hidden]{display: none}.wb-label{font-size: 13px;font-weight: 600;color: var(--muted)}.wb-seg{display: flex;flex-wrap: wrap;gap: 4px}.wb-btn{min-height: 34px;padding: 0 12px;font: inherit;font-size: 13px;font-weight: 500;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px;cursor: pointer}.wb-btn:hover{border-color: var(--muted)}.wb-btn[aria-pressed="true"]{background: var(--action);border-color: var(--action);color: #FFFFFF;font-weight: 600}.wb-types{display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}.wb-types .wb-btn{min-height: 40px;font-size: 14px}.wb-current{font-weight: 700;font-size: 15px}.wb-search{position: relative}.wb-search input,.wb-input{width: 100%;min-height: 38px;padding: 7px 10px;font: inherit;font-size: 14px;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px}.wb-search input:disabled{opacity: 0.6}.wb-pair{display: grid;grid-template-columns: 1fr 1fr;gap: 8px}.wb-pair>div{display: flex;flex-direction: column;gap: 6px}.wb-swap{align-self: flex-start}.wb-sugg{position: absolute;z-index: 20;left: 0;right: 0;top: calc(100% + 4px);margin: 0;padding: 4px;list-style: none;max-height: 260px;overflow-y: auto;background: var(--panel);border: 1px solid var(--line);border-radius: 10px;box-shadow: 0 10px 28px rgba(10,20,50,0.16)}.wb-sugg[hidden]{display: none}.wb-opt{padding: 7px 10px;border-radius: 7px;cursor: pointer;font-size: 14px}.wb-opt span{color: var(--muted)}.wb-opt:hover,.wb-opt.is-active{background: var(--accent-soft)}.wb-none{padding: 8px 10px;color: var(--muted);font-size: 13px}.wb-chips{display: flex;flex-wrap: wrap;gap: 6px}.wb-chip{display: inline-flex;align-items: center;gap: 6px;padding: 4px 6px 4px 10px;font-size: 14px;font-weight: 600;background: var(--bg);border: 1px solid var(--line);border-radius: 999px}.wb-chip-x{width: 22px;height: 22px;padding: 0;font: inherit;font-size: 11px;color: var(--muted);background: none;border: 0;border-radius: 50%;cursor: pointer}.wb-chip-x:hover{color: #D9434E;background: rgba(217,67,78,0.1)}.wb-checks{flex-direction: row;flex-wrap: wrap;gap: 8px 16px}.wb-checks label{display: inline-flex;align-items: center;gap: 6px;font-size: 14px;cursor: pointer}.wb-checks input{width: 16px;height: 16px;accent-color: var(--accent)}.wb-hint{margin: 0;font-size: 12px;color: var(--muted)}.wb-accent{display: flex;align-items: center;gap: 8px}.wb-accent input{width: 44px;height: 34px;padding: 2px;border: 1px solid var(--line);border-radius: 8px;background: var(--bg);cursor: pointer}.wb-out{position: sticky;top: 12px;display: flex;flex-direction: column;gap: 8px;min-width: 0}.wb-stage-bar{display: flex;align-items: center;justify-content: space-between;gap: 8px;flex-wrap: wrap}.wb-stage{display: grid;place-items: center;min-height: 300px;padding: 20px;border-radius: 12px;border: 1px solid var(--line);overflow: auto;transition: background-color 0.2s}.wb-stage[data-stage="light"]{background: #EEF1F6}.wb-stage[data-stage="dark"]{background: #0B0F1C}.wb-code{width: 100%;padding: 10px;font: 12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color: var(--ink);background: var(--bg);border: 1px solid var(--line);border-radius: 8px;resize: vertical}.wb-copy{align-self: flex-start;min-width: 140px}.wb-how{font-size: 14px}.wb-how summary{cursor: pointer;font-weight: 600}.wb-how ul,.wb-faq{margin: 8px 0 0;padding-left: 20px;line-height: 1.6}@media (max-width: 860px){.wb-grid{grid-template-columns: minmax(0,1fr)}.wb-out{position: static;order: -1}.wb-stage{min-height: 0}}.widget-link{display: inline-block;margin-top: 10px;font-size: 14px;font-weight: 600;color: var(--accent-text)}.widget-link:hover{text-decoration: underline}.panel-close{border-radius: 7px}.cd-close{border-radius: 7px}@media (hover: hover){.cd-close{opacity: 0;transition: opacity 0.15s,color 0.15s,border-color 0.15s}.clock-dash:hover .cd-close,.cd-close:focus-visible{opacity: 1}}.conv-actions{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px}.conv-actions .widget-link{margin-top: 0}#date-label{position: relative;display: inline-block;width: var(--date-w,auto);max-width: 100%;overflow: hidden;overflow: clip;text-align: center;white-space: nowrap}#date-label .dl-now{display: inline-block;will-change: transform}#date-label .dl-was{position: absolute;inset: 0;text-align: center;white-space: nowrap;pointer-events: none}.date-btn{min-width: 0}@media (max-width: 700px){.date-btn{min-width: 0;max-width: 100%}#date-label{flex: 0 1 auto;min-width: 0}}.rem-bells.is-sliding{overflow-x: clip}.rem-ghost{pointer-events: none}
