*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button,select,input{touch-action:manipulation}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}:focus-visible{outline:3px solid var(--focus,#666);outline-offset:3px}:root{--sidebar-width:240px;--sidebar-collapsed-width:60px;--active-navigation-width:0px}@media (width>=768px){:root:has(.app:not([hidden] *):not(.is-fullscreen)>.side-navigation){--active-navigation-width:var(--sidebar-width)}:root:has(.app:not([hidden] *):not(.is-fullscreen)>.side-navigation.is-collapsed){--active-navigation-width:var(--sidebar-collapsed-width)}}.app:has(>.side-navigation){--navigation-width:var(--sidebar-width);padding-left:calc(var(--navigation-width) + 24px)}.app:has(>.side-navigation.is-collapsed){--navigation-width:var(--sidebar-collapsed-width)}.side-navigation{max-height:100dvh;width:var(--navigation-width,240px);background:var(--sidebar-bg);color:var(--ink);border-right:1px solid var(--border);z-index:24;flex-direction:column;padding:16px 12px;display:flex;position:fixed;inset:0 auto 0 0;overflow:visible}.sidebar-actions{flex-shrink:0;justify-content:flex-end;margin-bottom:12px;display:flex}.sidebar-toggle{width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;flex:0 0 36px;place-items:center;padding:0;display:grid}.sidebar-toggle:hover:enabled{background:var(--soft);color:var(--ink);border-color:#0000}.sidebar-toggle:focus-visible{background:var(--soft);color:var(--ink);outline:2px solid var(--accent);outline-offset:2px}@media (width>=768px){.side-navigation.is-collapsed .sidebar-actions,.side-navigation.is-collapsed .sidebar-footer{width:var(--sidebar-collapsed-width,60px);justify-content:center;margin-left:-6px}}.sidebar-tools{scrollbar-width:thin;overscroll-behavior:contain;flex:auto;min-height:0;font-size:14px;display:block;overflow:hidden auto}.sidebar-group{margin-bottom:24px}.sidebar-group h2{color:var(--muted);overflow-wrap:anywhere;margin:12px 10px 8px;font-size:12px;font-weight:600}.sidebar-group ul{margin:0;padding:0;list-style:none}.sidebar-tools a{border-radius:9px;align-items:center;gap:10px;min-width:0;padding:12px 10px;display:flex;position:relative}.sidebar-tools a:hover,.sidebar-tools a:focus-visible,.sidebar-tools a[aria-current]{background:var(--soft);color:var(--accent)}.tool-label{word-break:keep-all;overflow-wrap:anywhere;line-height:1.5}.tool-icon{text-align:center;flex:0 0 24px;font-size:21px;line-height:1.3}.tool-tooltip{display:none}.side-navigation.is-collapsed{padding-inline:6px;overflow:visible}.is-collapsed .sidebar-group h2,.is-collapsed .tool-label{display:none}.is-collapsed .sidebar-group{margin-bottom:16px}.is-collapsed .sidebar-tools a{justify-content:center;padding-inline:6px}.is-collapsed .sidebar-tools a:hover .tool-tooltip,.is-collapsed .sidebar-tools a:focus-visible .tool-tooltip{left:calc(var(--sidebar-collapsed-width) + 8px);top:var(--tool-tooltip-top,16px);z-index:1;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:6px;width:max-content;max-width:240px;padding:8px 12px;display:block;position:fixed}.mobile-menu-toggle,.drawer-close,.drawer-brand{display:none}.app:has(>.side-navigation).is-fullscreen{padding-left:20px}.is-fullscreen .side-navigation{display:none}@media (width<=767px){:is(.app:has(>.side-navigation),.app:has(>.side-navigation.is-collapsed)){padding-left:14px;padding-right:14px}.app:has(>.side-navigation) .site-header{gap:8px}.app:has(>.side-navigation) .brand{gap:5px}.app:has(>.side-navigation) .brand span{letter-spacing:1px;font-size:10px}.app:has(>.side-navigation) .header-controls{gap:7px}.app:has(>.side-navigation) .header-controls nav{gap:8px}.mobile-menu-toggle{flex-shrink:0;padding:6px 8px;display:block}.side-navigation,.side-navigation.is-collapsed{width:min(280px,85vw);padding:16px 12px;display:none;overflow:visible}.side-navigation.is-open{z-index:60;display:flex}.side-navigation .sidebar-actions{justify-content:space-between;align-items:center;gap:8px}.side-navigation .drawer-brand{flex:auto;min-width:0;display:flex}.drawer-brand span{overflow-wrap:anywhere;min-width:0}.drawer-close{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:0 0 44px;place-items:center;padding:0;font-size:20px;line-height:1;display:grid}.drawer-close:hover:enabled{background:var(--soft);color:var(--ink)}.drawer-close:focus-visible{background:var(--soft);color:var(--ink);outline:2px solid var(--accent);outline-offset:2px}.sidebar-toggle{display:none}.is-collapsed .sidebar-group h2,.is-collapsed .tool-label{display:block}.is-collapsed .sidebar-tools a{justify-content:flex-start;padding-inline:10px}.side-navigation.is-open .sidebar-tools a .tool-tooltip{display:none}.drawer-backdrop{cursor:default;background:#0007;border:0;border-radius:0;padding:0;position:fixed;inset:0 0 0 min(280px,85vw)}.app:has(>.side-navigation).is-fullscreen{padding-left:12px}}@media (width>=768px) and (width<=1100px){:is(.app:has(>.side-navigation):not(:has(>.side-navigation.is-collapsed)):not(.is-fullscreen) .pomodoro-layout,.app:has(>.side-navigation):not(:has(>.side-navigation.is-collapsed)):not(.is-fullscreen) .dday-workspace,.app:has(>.side-navigation):not(:has(>.side-navigation.is-collapsed)):not(.is-fullscreen) .difference-date-comparison){grid-template-columns:minmax(0,1fr)}.app:has(>.side-navigation):not(:has(>.side-navigation.is-collapsed)) .difference-swap{justify-self:center}}.sidebar-footer{padding-top:12px;padding-bottom:env(safe-area-inset-bottom,0px);flex:none;justify-content:flex-end;align-items:center;display:flex}.sidebar-footer .theme-toggle{flex:0 0 34px;width:34px;height:34px}@media (width<=767px){.sidebar-footer .theme-toggle{flex-basis:44px;width:44px;height:44px}}.date-input-widget .difference-number-control{position:relative}.date-difference .date-input-widget .difference-number-control input{border-radius:8px;padding-right:32px}.date-input-widget .date-list-toggle{width:28px;color:var(--ink);background:0 0;border:0;padding:0;font-size:10px;position:absolute;inset:1px 1px 1px auto}.date-edit-help{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.5}.date-picker-host{z-index:70;position:relative}.date-picker-panel{z-index:70;background:var(--surface);color:var(--ink);border:1px solid var(--control-border);border-radius:10px;position:fixed;overflow:hidden;box-shadow:0 8px 24px #0003}.date-picker-list{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;overflow-y:auto}.date-picker-spacer{position:relative}.date-picker-list [role=option]{cursor:pointer;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:0;right:0}.date-picker-list .is-selected{background:var(--soft);font-weight:700}.date-picker-list .is-candidate{outline:1px solid var(--control-border);outline-offset:-1px}.date-picker-backdrop{z-index:70;background:#0007;align-items:flex-end;display:flex;position:fixed;inset:0}.date-picker-panel.is-wheel{width:100%;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));padding:12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-radius:16px 16px 0 0;position:relative;overflow:auto}.date-picker-heading,.date-picker-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.date-picker-heading button{color:var(--ink);background:0 0;border:0;width:44px;height:44px;padding:0;font-size:24px}.is-wheel .date-picker-list{width:min(100%,300px);margin:8px auto}.is-wheel [role=option]{color:var(--muted);font-size:16px}.is-wheel [role=option].is-selected{color:var(--ink);font-size:24px}.date-picker-actions{justify-content:flex-end;margin-top:12px}@media (width<=540px){.date-difference .date-input-widget .difference-date-parts{grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));display:grid}.date-difference .date-input-widget .difference-date-part{flex-direction:column;gap:6px;min-width:0;display:flex}.date-difference .date-input-widget .difference-number-control{flex:none;width:100%;min-width:0}}.date-picker-actions button{min-height:44px}.date-difference{max-width:1000px}.date-difference .date-inputs,.date-difference .date-results{margin-bottom:24px;padding:24px}.date-difference .date-results{padding-block:20px}.date-difference h2{margin:0 0 16px;font-size:1.2rem}.difference-date-comparison{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.difference-date-card{border:1px solid var(--border);background:var(--bg);border-radius:14px;min-width:0;padding:16px}.difference-date-card legend{color:var(--ink);margin:0;padding:0 6px;font-size:1rem}.difference-date-parts{flex-wrap:wrap;gap:10px;display:flex}.difference-date-part{flex:106px;align-items:center;gap:6px;min-width:0;display:flex}.difference-date-part:first-child{flex-basis:122px}.difference-date-part label{white-space:nowrap;flex-shrink:0;margin:0;font-size:.8rem}.difference-number-control{flex:1;min-width:64px;display:flex}.difference-date-part:first-child .difference-number-control{min-width:80px}.date-difference .difference-number-control input{box-sizing:border-box;width:100%;min-width:0;font:inherit;font-variant-numeric:tabular-nums;background:var(--input-bg);border-radius:8px 0 0 8px;padding:10px 6px}.difference-date-stepper{flex-direction:column;flex-shrink:0;display:flex}.difference-date-stepper button{border-radius:0 6px 6px 0;width:28px;min-height:26px;padding:2px;font-size:.65rem;line-height:1}.difference-swap{border-radius:50%;width:44px;height:44px;padding:0;font-size:1.6rem}.date-difference .date-include{align-items:center;gap:12px;margin-top:20px;display:flex}.date-difference .date-include input{flex-shrink:0;width:20px;height:20px;margin:0}.date-difference .difference-help{color:var(--muted);margin:12px 0 0;font-size:.8rem;line-height:1.7}.difference-total{text-align:center;background:var(--soft);border:1px solid var(--border);border-radius:16px;margin:0 0 12px;padding:22px 16px}.difference-total dt{font-size:1rem}.difference-total dd{color:var(--accent);overflow-wrap:anywhere;margin:12px 0;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700}.difference-total .difference-range{color:var(--ink);margin-bottom:0;font-size:.95rem;font-weight:400}.difference-summaries{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;display:grid}.difference-summaries>div{text-align:center;border:1px solid var(--border);background:var(--bg);border-radius:14px;padding:16px 20px}.difference-summaries dt{color:var(--muted);font-size:.9rem}.difference-summaries dd{overflow-wrap:anywhere;margin:10px 0 0;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:700}.date-difference .date-guide section{margin:28px 0}.date-difference .date-guide p,.date-difference .date-results p{line-height:1.7}@media (width<=760px){.difference-date-comparison{grid-template-columns:minmax(0,1fr);gap:12px}.difference-swap{justify-self:center}}@media (width<=540px){.difference-summaries{grid-template-columns:minmax(0,1fr)}.date-difference .date-inputs,.date-difference .date-results{padding:18px}.date-difference .date-results{padding-block:15px}.difference-date-card{padding:12px}.difference-date-parts{gap:6px}}.difference-total dt{min-height:2.8em;line-height:1.4}.difference-total dd{min-height:1.2em;line-height:1.2}.difference-total .difference-range{min-height:1.5em;line-height:1.5}.difference-summaries dt{min-height:2.8em;line-height:1.4}.difference-summaries dd{min-height:2.6em;line-height:1.3}.difference-result-notice{text-align:right;overflow-wrap:anywhere;min-height:3.4em}.date-difference[data-theme=light] .timer-card,.date-difference[data-theme=light] .difference-date-card,.date-difference[data-theme=light] .difference-total,.date-difference[data-theme=light] .difference-summaries>div{border-color:var(--tool-card-border)}.dday .timer-card{margin-bottom:24px;padding:24px}.dday input[type=text],.dday input[type=time]{font:inherit;box-sizing:border-box;max-width:100%;padding:10px}.dday label:not(.dday-check){flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dday .dday-title{margin-bottom:20px}.dday .dday-title input{flex:180px;min-width:0}.dday .dday-check{align-items:center;gap:8px;display:inline-flex}.dday .dday-check input{flex-shrink:0;width:18px;height:18px}.dday .dday-editor>.dday-check{margin:16px 0}.dday .difference-date-part label{display:block}.dday .difference-number-control input{padding:10px 6px}.dday-preview{text-align:center;background:var(--soft);border:1px solid var(--border);overflow-wrap:anywhere;border-radius:16px;flex-direction:column;gap:10px;margin:18px 0;padding:18px;display:flex}.dday-preview strong{color:var(--accent);font-size:clamp(2rem,8vw,4rem)}.dday-reminders{border:1px solid var(--border);border-radius:12px;min-width:0;margin:16px 0;padding:16px}.dday-reminders:disabled{opacity:.5}.dday-offsets,.dday-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dday-actions{margin-top:12px}.dday-custom,.dday-inbox,.dday-list{padding:0;list-style:none}.dday-custom{flex-wrap:wrap;gap:10px;display:flex}.dday-list>li,.dday-inbox>li{border:1px solid var(--border);background:var(--bg);overflow-wrap:anywhere;border-radius:14px;margin-top:16px;padding:16px}.dday-label{color:var(--accent);font-size:1.7rem}.dday p{line-height:1.7}.dday .difference-help{color:var(--muted);font-size:.8rem}.dday input[type=file]{width:100%}.dday-import{max-width:100%}.dday-import-confirm{border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:16px}.dday-import-confirm button{margin:4px}@media (width<=540px){.dday .timer-card{padding:18px}.dday-actions label,.dday-actions input[type=text]{width:100%}}.dday{max-width:1100px}.dday-workspace{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.dday-calculator-column,.dday-list-panel{min-width:0}.dday .difference-date-card{box-sizing:border-box;max-width:100%}.dday .difference-date-part,.dday .difference-date-part:first-child{flex:none}.dday .difference-number-control,.dday .difference-date-part:first-child .difference-number-control{flex:none;width:calc(8ch + 42px);min-width:0}.dday-preview{gap:6px;margin:14px 0;padding:12px 16px;font-size:.85rem;line-height:1.4}.dday-preview strong{font-size:clamp(1.7rem,5vw,3rem);line-height:1.15}.dday .dday-title{margin:12px 0 16px}.dday-list>li{grid-template-columns:minmax(0,1fr) 44px;align-items:stretch;gap:12px;display:grid}.dday-card-info{min-width:0}.dday-card-info h3{margin:0 0 8px}.dday-card-info p{margin:8px 0 0}.dday-card-controls{grid-template-rows:44px minmax(0,1fr);align-items:center;gap:6px;display:grid;position:relative}.dday .dday-card-controls button{width:44px;height:44px;padding:10px}.dday .dday-edit,.dday .dday-delete{box-shadow:none;width:44px;height:44px;color:var(--muted);background:0 0;border:0;flex-shrink:0;padding:12px}.dday .dday-edit:focus-visible,.dday .dday-delete:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dday-delete{font-size:20px;line-height:1}.dday-card-title{align-items:flex-start;gap:2px;display:flex}.dday-card-title h3{min-width:0;margin:10px 0 8px}.dday-card-controls .dday-drag{position:absolute;top:50%;right:0;transform:translateY(-50%)}.dday-card-controls{min-height:144px}.dday-edit svg{width:18px;height:18px;display:block}.dday .dday-editor>.dday-annual{justify-content:flex-end;margin:8px 0 16px;display:flex}.dday-submit,.dday-storage-status{text-align:right;justify-content:flex-end}.dday-custom-settings{margin:14px 0}.dday-custom-settings h4{margin:0 0 8px}.dday-custom-settings .dday-actions{gap:8px;margin-top:0}.dday-custom{gap:8px;margin:8px 0 0}.dday-custom li{align-items:center;gap:6px;display:flex}.dday .dday-drag{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:44px;height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;flex-shrink:0;padding:10px}.dday-drag svg{fill:currentColor;width:24px;height:16px;display:block}.dday .dday-drag:active{cursor:grabbing}.dday-list>li{touch-action:pan-y;cursor:grab;transition:transform .12s;position:relative}.dday-list>li.is-dragging{z-index:10;cursor:grabbing;-webkit-user-select:none;user-select:none;background:var(--soft);outline:2px solid var(--accent);transition:none;box-shadow:0 10px 24px #0003}.dday-reorder-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.dday-delete-dialog{box-sizing:border-box;overflow-wrap:anywhere;max-width:calc(100vw - 40px)}.dday-delete-dialog h2{font-size:1.2rem}.dday-delete-dialog .dday-actions{justify-content:center}@media (width<=900px){.dday-workspace{grid-template-columns:minmax(0,1fr);gap:0}}@media (prefers-reduced-motion:reduce){.dday-list>li{transition:none}}.dday .dday-custom-settings input[type=text]{flex:none;width:calc(8ch + 16px);padding-inline:8px}.dday .dday-add-offset{background:var(--soft);border-color:var(--accent)}.dday .dday-add-offset:hover{color:var(--accent)}.dday-popup{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:20;box-sizing:border-box;border:1px solid var(--accent);background:var(--surface);width:min(340px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);overflow-wrap:anywhere;border-radius:14px;padding:16px;position:fixed;overflow:auto;box-shadow:0 8px 24px #0003}.dday-popup-heading{align-items:center;gap:8px;margin-bottom:8px;display:flex}.dday-popup-heading strong{flex:1;min-width:0}.dday-popup-heading button{flex-shrink:0;width:44px;height:44px;padding:8px}.dday-popup p{margin:8px 0}.dday-popup .difference-help{color:var(--muted);font-size:.8rem}.dday-registration-error{text-align:left;min-width:0;max-width:100%;color:var(--ink);overflow-wrap:anywhere;align-items:center;gap:7px;font-size:.85rem;line-height:1.5;display:inline-flex}.dday-registration-error svg{color:#ac6819;flex-shrink:0;width:20px;height:20px}.theme-dark .dday-registration-error svg{color:#e8ac60}@media (prefers-color-scheme:dark){.theme-system .dday-registration-error svg{color:#e8ac60}}.dday[data-theme=light] .dday-preview,.dday[data-theme=light] .dday-reminders,.dday[data-theme=light] .dday-list>li,.dday[data-theme=light] .dday-inbox>li,.dday[data-theme=light] .dday-import-confirm{border-color:var(--tool-card-border)}.dday[data-theme=light] input,.dday[data-theme=light] button:not(.primary){border-color:var(--control-border)}.date-add-subtract .date-operation{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.date-add-subtract .date-operation button[aria-pressed=true]{background:var(--accent);color:var(--surface)}.date-add-subtract .base-date-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-add-subtract .difference-date-card{box-sizing:border-box;flex:0 auto;max-width:100%}.date-add-subtract .difference-date-part,.date-add-subtract .difference-date-part:first-child{flex:none}.date-add-subtract .difference-number-control,.date-add-subtract .difference-date-part:first-child .difference-number-control{flex:none;width:calc(8ch + 42px);min-width:0}.date-add-subtract .base-date-reset{width:44px;height:44px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:inline-flex}.date-add-subtract .base-date-reset svg{width:22px;height:22px}.date-add-subtract .duration-fields{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.date-add-subtract .duration-field{align-items:center;gap:6px;min-width:0;display:flex}.date-add-subtract .duration-field label{white-space:nowrap;margin:0}.date-add-subtract .date-results{padding-block:16px}.date-add-subtract .date-results h2{margin-bottom:13px}.date-add-subtract .difference-total{margin-bottom:10px;padding-block:18px}.date-add-subtract .difference-total>dd:first-of-type{font-size:clamp(1.7rem,5vw,3.5rem)}.date-add-subtract .difference-total>dd.date-range-error{color:var(--ink);font-size:1rem;font-weight:500;line-height:1.7}.date-add-subtract .difference-result-notice{min-height:2.8em;margin-block:10px}@media (width<=540px){.date-add-subtract .date-results{padding-block:12px}}.date-add-subtract .duration-field input{border-radius:8px}.date-add-subtract[data-theme=light] button,.date-add-subtract[data-theme=light] input{border-color:var(--control-border)}.audio-file-picker{gap:12px;min-width:0;font-size:13px;display:grid}.audio-file-picker-controls{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.audio-file-picker-controls button{flex-shrink:0;font-size:12px}.audio-file-picker-controls span{overflow-wrap:anywhere;min-width:0;color:var(--muted);font-size:12px}.world-clock-app[data-world-theme=light]{--map-bg:#fff;--map-line:#171717;--map-ink:#171717;--map-border:#858585;--map-label-bg:#ffffffed;--map-selected-border:#171717;--map-selected-bg:#edededed;--map-muted:#616161;--reference-green:#48765a}.world-clock-app[data-world-theme=light] .world-map-panel{border-color:#ababab}.world-clock-app[data-world-theme=light] .world-map img{filter:brightness(0);opacity:.72}.world-clock-app[data-world-theme=light] .world-city-list li{border-color:#ababab}.world-clock-app[data-world-theme=light] .world-city-list li.is-reference,.world-clock-app[data-world-theme=light] .world-city-list li.is-dragging{border-color:var(--accent)}.world-app main{max-width:1100px}.world-layout{flex-direction:column;gap:22px;min-width:0;display:flex}.world-map-panel,.converter-panel{border:1px solid var(--border);border-radius:22px;padding:24px}.converter-panel{background:var(--surface)}.world-map-panel{background:var(--map-bg);box-sizing:border-box;width:100%;padding:12px 14px;overflow:hidden}.world-map{height:clamp(320px,39vw,440px);position:relative}.world-map img,.pin-leaders{width:100%;height:100%;position:absolute;inset:0}.world-map img{object-fit:contain;opacity:.95;filter:grayscale()}.pin-leaders{pointer-events:none;stroke:var(--map-line);stroke-width:1px;stroke-opacity:.6;fill:var(--map-ink)}.map-city-label{border:1px solid var(--map-border);background:var(--map-label-bg);height:28px;color:var(--map-ink);box-sizing:border-box;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:1px 4px;line-height:1.25;display:flex;position:absolute}.map-city-label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.map-city-label strong{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:16px;font-weight:600}.map-city-label.reference-label{border-color:var(--map-selected-border);background:var(--map-selected-bg)}.world-map-panel small{text-align:right;color:var(--map-muted);padding:4px;font-size:9px;display:block}.world-map-panel .map-attribution-desktop{display:none}@media (width>=761px){.world-map-panel .city-toolbar{justify-content:flex-end;width:340px;max-width:100%;left:auto}.world-map-panel .map-attribution-desktop{text-align:left;align-items:center;max-width:calc(100% - 356px);height:44px;display:flex;position:absolute;bottom:8px;left:0}.world-map-panel .map-attribution-mobile{display:none}}.world-app button:focus-visible,.city-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.map-city-label:focus-visible{outline-color:var(--map-ink)}.world-link{color:var(--accent);padding:8px;font-size:14px;display:inline-block}.world-cities{width:100%;min-width:0}.city-toolbar{z-index:10;justify-content:center;display:flex;position:absolute;bottom:8px;left:0;right:0}.city-toolbar .city-results{top:auto;bottom:calc(100% + 6px)}.city-search{width:min(100%,340px);position:relative}.world-app input{box-sizing:border-box;width:100%;min-width:0;padding:12px}.city-search input[type=search]{background:var(--surface);padding-right:43px}.city-search>svg{width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:1.7px;pointer-events:none;position:absolute;top:13px;right:13px}.city-results{border:1px solid var(--border);background:var(--surface);border-radius:12px;max-height:220px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0002}.city-results button{text-align:left;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:12px;display:flex}.city-results button span{color:var(--accent);flex-shrink:0}.city-results p{padding:8px 14px;font-size:13px}.city-carousel{min-width:0;padding:0 17px;position:relative}.city-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--muted) 22%, transparent) transparent;overscroll-behavior-x:contain;border-radius:18px;overflow:auto hidden}.city-scroll::-webkit-scrollbar{height:4px}.city-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 22%, transparent);border-radius:10px}.world-city-list{box-sizing:border-box;gap:16px;width:max-content;min-width:100%;margin:0;padding:18px 4px 12px;list-style:none;display:flex}.world-city-list li{box-sizing:border-box;text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:18px;flex:0 0 226px;width:226px;padding:50px 18px 18px;transition:transform .16s;position:relative}.world-city-list li.is-reference{border-color:var(--accent);background:linear-gradient(var(--soft),var(--surface) 70%)}.world-city-list li.is-dragging{z-index:5;border-color:var(--accent);transition:none;box-shadow:0 8px 20px #0003}.city-card-controls{height:30px;position:absolute;top:10px;left:10px;right:10px}.city-card-controls button{width:30px;height:30px;color:var(--muted);background:0 0;border-color:#0000;padding:0}.city-remove{font-size:20px;position:absolute;top:0;right:0}.city-drag{touch-action:none;cursor:grab;font-size:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.city-drag svg{fill:currentColor;width:24px;height:16px;margin:auto;display:block}.city-drag:active{cursor:grabbing}.analog-clock{width:116px;height:116px;margin:6px auto;display:block}.clock-face{fill:var(--bg);stroke:var(--border);stroke-width:1px}.clock-tick{stroke:var(--muted);stroke-width:1.5px}.clock-hour,.clock-minute{stroke:var(--ink);stroke-linecap:round}.clock-hour{stroke-width:3.5px}.clock-minute{stroke-width:2px}.clock-centre{fill:var(--accent)}.world-city-list h2{margin:0 0 4px;font-size:21px}.world-city-list small,.world-city-list p{color:var(--muted);font-size:13px;line-height:1.6}.city-country{display:block}.city-time{font-variant-numeric:tabular-nums;margin:4px 0;font-size:34px;font-weight:600}.city-date{margin:0 0 6px}.city-relative{min-height:18px;margin:8px 0 14px}.city-reference{color:var(--muted);background:0 0;border:0;padding:3px 12px;font-size:13px}.city-reference[aria-pressed=true] .city-reference-text{color:var(--reference-green,#88b59a)}.carousel-controls{padding:8px 4px 0}.carousel-controls .carousel-arrow{z-index:6;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--muted);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:34px;height:38px;padding:0;font-size:26px;line-height:1;position:absolute;top:calc(50% - 7px);transform:translateY(-50%)}.carousel-left{left:0}.carousel-right{right:0}.carousel-controls button:disabled{opacity:0;pointer-events:none}.carousel-track{background:color-mix(in srgb, var(--muted) 7%, transparent);border-radius:10px;flex:1;height:2px;position:relative}.carousel-track span{border-radius:inherit;background:color-mix(in srgb, var(--muted) 27%, transparent);height:100%;position:absolute}.world-note,.world-status,.world-empty{color:var(--muted);font-size:12px;line-height:1.7}.world-note{text-align:right}.world-status:empty{display:none}.world-guide{border-top:1px solid var(--border);max-width:850px;margin:36px auto 0;padding-top:16px}.world-guide h2{margin-top:24px;font-size:16px}.world-guide p{color:var(--muted);font-size:13px;line-height:1.9}.converter-panel label{flex-direction:column;gap:8px;font-size:13px;display:flex}.converter-comparison{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);align-items:stretch;gap:18px;max-width:1000px;margin:auto;display:grid}.converter-comparison>.converter-panel{grid-template-rows:subgrid;grid-row:1/4;gap:24px;min-width:0;padding:28px;display:grid}.converter-panel>h2{margin:0;font-size:19px}.converter-controls{flex-direction:column;gap:20px;min-width:0;display:flex}.converter-city{z-index:12;flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.converter-city .city-results{z-index:1}.converter-city .is-active{background:var(--soft)}.converter-date-time{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.converter-app input{min-height:44px}.current-time-button{min-height:44px;color:var(--accent);background:var(--soft);align-self:flex-end}.converter-comparison>.swap-button{width:54px;height:54px;color:var(--accent);background:var(--surface);border-radius:50%;grid-area:1/2/4;align-self:center;place-items:center;margin:0;padding:14px;display:grid}.swap-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.converter-summary{box-sizing:border-box;text-align:center;background:var(--soft);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:16px 18px;display:flex}.converter-summary p{overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.4}.converter-summary .summary-location{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:3px 8px;display:flex}.converter-summary .summary-city{min-width:0;font-size:24px;font-weight:600;line-height:1.3}.converter-summary .summary-country{color:var(--muted);min-width:0;font-size:clamp(18px,1.8vw,22px);line-height:1.3}.converter-summary .summary-time{font-variant-numeric:tabular-nums;margin:6px 0;font-size:36px;line-height:1.2;display:block}.converter-summary .summary-calendar{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:3px 7px;display:flex}.converter-summary .summary-date{color:var(--muted);text-align:center}.converter-summary .summary-offset{color:var(--muted);text-align:center;margin-top:auto;padding-top:8px;font-size:12px;display:block}.converter-summary .day-change{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:4px;padding:2px 5px;font-size:11px;line-height:1.4}.converter-summary.is-pending p:last-child{color:var(--muted);margin-top:12px}.fold-choice select{min-height:44px}.converter-controls .status-message{margin:0}@media (width<=1023px){.converter-comparison{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:16px;max-width:520px}.converter-comparison>.swap-button{grid-area:auto;justify-self:center}.converter-comparison>.swap-button svg{transform:rotate(90deg)}.converter-comparison>.converter-panel{flex-direction:column;grid-row:auto;padding:24px;display:flex}}@media (width<=360px){.converter-date-time{grid-template-columns:minmax(0,1fr)}.converter-comparison>.converter-panel{padding:20px 16px}.converter-summary{padding:14px 16px}}@media (width<=560px){.tool-nav a{padding:9px 12px}.world-map-panel{border-radius:16px;padding:8px}.world-map{height:340px}.world-city-list li{flex-basis:204px;width:204px;padding-left:12px;padding-right:12px}.world-city-list{gap:12px}.city-search{width:min(100%,340px)}.city-toolbar{margin-top:0}}@media (prefers-reduced-motion:reduce){.world-city-list li{transition:none}}.converter-comparison>.converter-panel:last-child{grid-column:3}.converter-date{border:0;min-width:0;margin:0;padding:0}.converter-date legend{margin-bottom:8px;font-size:13px}.date-fields{grid-template-columns:minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,1fr);gap:8px;display:grid}.date-part{align-items:center;gap:6px;min-width:0;display:flex}.converter-date .difference-number-control{flex:1;min-width:0}.date-part label{white-space:nowrap;color:var(--muted);flex-shrink:0;font-size:12px}.date-part input{font-variant-numeric:tabular-nums;padding:10px 30px 10px 8px}@media (width<=1023px){.converter-comparison>.converter-panel:last-child{grid-column:auto}}.converter-app[data-converter-theme=light] .converter-panel,.converter-app[data-converter-theme=light] .converter-summary{border-color:var(--tool-card-border)}.converter-app[data-converter-theme=light] .converter-panel input,.converter-app[data-converter-theme=light] .converter-panel select,.converter-app[data-converter-theme=light] .current-time-button,.converter-app[data-converter-theme=light] .swap-button{border-color:var(--control-border)}.converter-app input[type=time]{min-width:0;max-width:100%}@media (width<=1023px){.converter-summary .summary-location,.converter-summary .summary-calendar{flex-direction:column;align-items:center}.converter-summary .summary-location>*,.converter-summary .summary-calendar>*{max-width:100%}.converter-date .date-fields{grid-template-columns:minmax(0,1.3fr) minmax(0,1.15fr) minmax(0,1fr);gap:4px}.converter-date .date-part{gap:3px}.converter-date .date-part label{font-size:10px}.converter-date .date-part input{padding:10px 24px 10px 4px;font-size:13px}.converter-date .date-list-toggle{width:22px}}@media (width>=1024px) and (width<=1200px){.converter-date .date-fields{gap:6px}.converter-date .date-part{gap:4px}.converter-date .date-part label{font-size:10px}.converter-date .date-part input{padding:10px 24px 10px 6px;font-size:12px}.converter-date .date-list-toggle{width:22px}}.pomodoro-app main,.pomodoro-app .tool-nav{max-width:1100px}.pomodoro-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.pomodoro-main,.pomo-panel{background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 50px var(--card-shadow);border-radius:24px}.pomodoro-main{--session:#a45e30;--session-soft:#f7e9dc;padding:28px}.pomodoro-main.pomo-short{--session:#357454;--session-soft:#e2f0e7}.pomodoro-main.pomo-long{--session:#416fa2;--session-soft:#e4edf8}.pomodoro-main[data-session-theme=dark]{--session:#dfa574;--session-soft:#392c22}.pomodoro-main[data-session-theme=dark].pomo-short{--session:#87bd9c;--session-soft:#22372b}.pomodoro-main[data-session-theme=dark].pomo-long{--session:#91b5df;--session-soft:#253247}.pomo-display-area{display:flow-root;position:relative}.pomo-full-button{z-index:1;width:44px;height:44px;color:var(--muted);place-items:center;padding:0;font-size:22px;display:grid;position:absolute;top:12px;right:0}.pomo-tabs{border:1px solid var(--control-border);background:var(--soft);border-radius:12px;flex:1;gap:4px;padding:5px;display:flex}.pomo-tabs button{min-width:0;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:11px 5px;font-size:13px;font-weight:600}.pomo-tabs button[aria-pressed=true]{background:var(--session-soft);color:var(--session);border-color:var(--session);font-weight:700;box-shadow:0 2px 6px #0000000a}.pomo-ring{aspect-ratio:1;width:min(100%,330px);margin:36px auto 28px;position:relative}.pomo-ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.pomo-ring circle{fill:none;stroke-width:5px}.pomo-track{stroke:var(--border)}.pomo-arc{stroke:var(--session);stroke-linecap:round}.pomo-ring-content{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.pomo-session-name{color:var(--session);font-size:15px;font-weight:700}.pomo-ring [role=timer]{letter-spacing:-3px;font-variant-numeric:tabular-nums;font-size:clamp(44px,7vw,72px);font-weight:650}.pomo-state{color:var(--muted);font-size:12px}.pomo-actions{justify-content:center;gap:10px;display:flex}.pomo-actions button{padding:12px;font-size:13px}.pomo-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--primary-ink);min-width:130px}.pomo-rounds{text-align:center;color:var(--muted);margin-top:26px;font-size:13px}.pomo-rounds strong{color:var(--ink)}.pomo-rounds small{font-size:11px}.pomo-dots{justify-content:center;gap:9px;margin:16px 0 12px;display:flex}.pomo-dots span{border:1px solid var(--border);background:var(--bg);border-radius:50%;width:10px;height:10px}.pomo-dots .filled{background:var(--accent);border-color:var(--accent)}.pomo-panel{padding:24px}.pomo-settings-panel h2{text-align:center;margin:0 0 24px;font-size:18px}.pomo-settings-rows{gap:16px;display:grid}.pomo-settings-rows label{grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:14px;font-size:13px;line-height:1.6;display:grid}.pomo-settings-rows input{text-align:right;width:100%;padding:10px}.pomo-settings-rows input[aria-invalid=true]{border-color:#cc5144}.pomo-select-row{gap:10px;margin-bottom:18px;font-size:13px;display:grid}.pomo-select-row select{width:100%}.pomo-volume{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:14px;margin:20px 0 16px;font-size:12px;display:flex}.pomo-sound-actions{flex-wrap:wrap;gap:10px;margin:16px 0 22px;display:flex}.pomo-sound-actions button{flex:1;font-size:12px}.pomo-alarm-disclosure{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.pomo-alarm-disclosure>summary{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;list-style:none;display:flex}.pomo-alarm-disclosure>summary::-webkit-details-marker{display:none}.pomo-alarm-disclosure[open]>summary svg{transform:rotate(180deg)}.pomo-alarm-settings{padding-top:22px}.pomo-settings-actions{justify-content:space-between;gap:10px;margin-top:24px;display:flex}.pomo-settings-actions button{min-width:0;padding:12px 14px;font-size:13px}.pomo-actions .pomo-icon-button{place-items:center;width:46px;height:46px;padding:11px;display:grid}.pomo-limit{color:var(--muted);font-size:11px;line-height:1.8}.pomo-guide{gap:12px;max-width:850px;margin:40px auto 12px;display:grid}.pomo-guide h2{font-size:17px}.pomo-guide p{color:var(--muted);font-size:13px;line-height:1.9}.pomo-switches{gap:14px;margin:24px 0;display:grid}.pomo-switches label{justify-content:flex-start;align-items:center;gap:8px;font-size:13px;display:flex}.pomo-auto-start{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pomo-alarm-switch{width:fit-content}.pomo-switches input{flex-shrink:0;margin:0}.pomodoro-app :focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=800px){.pomodoro-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.pomodoro-main{padding:20px 14px}.pomo-panel{padding:22px}.pomo-tabs button{font-size:12px}.pomo-actions{gap:10px}.pomo-actions .primary{min-width:110px}}.pomodoro-main,.pomo-settings-panel{min-height:var(--pomo-base-height,auto)}.pomo-settings-panel{flex-direction:column;display:flex}.pomo-settings-panel form{flex-direction:column;flex:1;display:flex}.pomo-settings-bottom{margin-top:auto}.pomo-saved-slot{text-align:right;min-height:2em}.pomo-saved-slot p{margin:0}.pomo-settings-actions{margin-top:8px}.pomo-upload label{gap:12px;font-size:13px;display:grid}.pomo-upload input{width:100%;min-width:0;font-size:12px}@media (width<=800px){.pomodoro-main,.pomo-settings-panel{min-height:auto}}.pomo-timer-content,.pomo-settings-top,.pomo-settings-bottom{display:flow-root}.pomo-session-alarm{text-align:center;position:absolute;top:14%;left:14%;right:14%}.pomo-session-alarm p{color:var(--session);margin:0 0 6px;font-size:clamp(10px,2.5vw,13px);font-weight:650;line-height:1.4}.pomo-session-alarm button{padding:5px 10px;font-size:11px}.pomo-ring.has-alarm .pomo-ring-content{gap:8px;padding-top:56px}.pomo-ring.has-alarm .pomo-session-name{font-size:12px}.pomo-ring.has-alarm [role=timer]{font-size:clamp(40px,7vw,64px)}.pomodoro-main.pomo-fullscreen{z-index:40;overscroll-behavior:contain;width:100%;height:100dvh;min-height:0;padding:max(72px, calc(env(safe-area-inset-top) + 60px)) max(20px, env(safe-area-inset-right)) max(72px, calc(env(safe-area-inset-bottom) + 60px)) max(20px, env(safe-area-inset-left));border:0;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.pomo-fullscreen .pomo-timer-content{flex-shrink:0;width:min(100%,720px);margin:auto}.pomo-fullscreen .pomo-full-button{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));position:fixed}.pomo-fullscreen .pomo-tabs{max-width:560px;margin-inline:auto}.pomo-fullscreen .pomo-tabs button{padding:12px 6px;font-size:16px}.pomo-fullscreen .pomo-ring{width:min(100%,520px,max(220px,100dvh - 480px));margin-block:24px;container-type:inline-size}.pomo-fullscreen .pomo-ring [role=timer]{font-size:clamp(40px,20cqi,104px)}.pomo-fullscreen .pomo-session-name{font-size:clamp(14px,4cqi,20px)}.pomo-fullscreen .pomo-state{font-size:clamp(12px,3cqi,16px)}.pomo-fullscreen .pomo-actions button{min-height:52px;font-size:16px}.pomo-fullscreen .pomo-actions .primary{min-width:160px}.pomo-fullscreen .pomo-actions .pomo-icon-button{width:52px;height:52px}.pomo-fullscreen .pomo-rounds{margin-top:20px;font-size:14px}@media (width<=560px){.pomo-fullscreen .pomo-tabs button{font-size:13px}.pomo-fullscreen .pomo-actions .primary{min-width:130px}}.privacy-controls{--privacy-surface:var(--surface);--privacy-ink:var(--ink);--privacy-border:var(--border);--privacy-accent:var(--accent);--privacy-soft:var(--soft);bottom:max(16px, env(safe-area-inset-bottom));left:calc(var(--active-navigation-width,0px) + max(16px, env(safe-area-inset-left)));z-index:5;width:min(360px, calc(100% - var(--active-navigation-width,0px) - max(16px, env(safe-area-inset-left)) - max(16px, env(safe-area-inset-right))));max-height:calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));overflow-wrap:anywhere;color:var(--privacy-ink);background:var(--privacy-surface);border:1px solid var(--privacy-border);border-radius:14px;padding:14px;font-size:13px;position:fixed;overflow:auto;box-shadow:0 8px 30px #0003}.privacy-links,.privacy-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.privacy-controls button{background:var(--privacy-soft);color:var(--privacy-ink);border:1px solid var(--privacy-border);cursor:pointer;font:inherit;border-radius:8px;padding:8px 10px}.privacy-controls button:hover:enabled{border-color:var(--privacy-accent)}.privacy-actions button{min-width:88px}.privacy-controls a{color:var(--privacy-accent);text-decoration:underline}.privacy-policy a{color:var(--accent);text-decoration:underline}.privacy-controls :focus-visible{outline:3px solid var(--privacy-accent);outline-offset:3px}.privacy-banner p{margin:10px 0;line-height:1.6}@media (width<=760px){body:has(.chime-notices) .privacy-controls{max-height:calc(50dvh - 32px - max(16px, env(safe-area-inset-top)));bottom:calc(50dvh + 32px)}}.privacy-policy{max-width:850px;margin:auto;padding:24px;line-height:1.75}.privacy-policy h2{margin-top:24px;font-size:20px}body{padding-bottom:62px}.app,.privacy-controls,:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--sidebar-bg:#f9f9f9;--surface:#fff;--input-bg:#f3f3f3;--ink:#171717;--muted:#616161;--border:#dedede;--control-border:#858585;--tool-card-border:#737373;--accent:#171717;--primary-ink:#fff;--soft:#ededed;--focus:var(--accent);--switch-off:#737373;--switch-thumb:#fff;--card-shadow:#00000008;--drag-shadow:#00000040;--map-bg:#171717;--map-line:#b8b8b8;--map-ink:#f2f2f2;--map-border:#737373;--map-label-bg:#262626ed;--map-selected-border:#e5e5e5;--map-selected-bg:#484848ed;--map-muted:#b8b8b8}.app.theme-dark,.privacy-controls.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#212121;--sidebar-bg:#171717;--surface:#2f2f2f;--input-bg:#383838;--ink:#f1f1f1;--muted:#b5b5b5;--tool-card-border:#969696;--border:#525252;--control-border:#858585;--accent:#f1f1f1;--primary-ink:#171717;--soft:#424242;--switch-off:#737373;--switch-thumb:#f1f1f1;--card-shadow:#00000020;--drag-shadow:#00000080}:root:has(.app.theme-dark){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#212121;--sidebar-bg:#171717;--surface:#2f2f2f;--input-bg:#383838;--ink:#f1f1f1;--muted:#b5b5b5;--tool-card-border:#969696;--border:#525252;--control-border:#858585;--accent:#f1f1f1;--primary-ink:#171717;--soft:#424242;--switch-off:#737373;--switch-thumb:#f1f1f1;--card-shadow:#00000020;--drag-shadow:#00000080}@media (prefers-color-scheme:dark){.app.theme-system{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#212121;--sidebar-bg:#171717;--surface:#2f2f2f;--input-bg:#383838;--ink:#f1f1f1;--muted:#b5b5b5;--tool-card-border:#969696;--border:#525252;--control-border:#858585;--accent:#f1f1f1;--primary-ink:#171717;--soft:#424242;--switch-off:#737373;--switch-thumb:#f1f1f1;--card-shadow:#00000020;--drag-shadow:#00000080}:root:has(.app.theme-system){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#212121;--sidebar-bg:#171717;--surface:#2f2f2f;--input-bg:#383838;--ink:#f1f1f1;--muted:#b5b5b5;--tool-card-border:#969696;--border:#525252;--control-border:#858585;--accent:#f1f1f1;--primary-ink:#171717;--soft:#424242;--switch-off:#737373;--switch-thumb:#f1f1f1;--card-shadow:#00000020;--drag-shadow:#00000080}}.app{background:var(--bg);min-height:100dvh;color:var(--ink);padding:0 24px}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1100px;height:88px;margin:auto;display:flex}a{color:inherit;text-decoration:none}.brand{color:var(--accent);align-items:center;gap:10px;font-size:32px;display:flex}.brand span{letter-spacing:2px;color:var(--ink);font-size:14px;font-weight:800}nav{color:var(--muted);gap:20px;font-size:13px;display:flex}nav a[aria-current]{color:var(--accent);font-weight:700}main{max-width:740px;margin:auto;padding:46px 0 24px}.heading{text-align:center;margin-bottom:28px}.eyebrow{color:var(--accent);letter-spacing:3px;font-size:11px;font-weight:700}h1{letter-spacing:-1px;margin:12px 0;font-size:30px}.heading>p:last-child{color:var(--muted);font-size:14px}.timer-card{background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 50px var(--card-shadow);border-radius:24px;padding:30px 40px}.mode-tabs{background:var(--bg);border-radius:12px;max-width:340px;margin:auto;padding:5px;display:flex}.mode-tabs button{color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;padding:10px;font-size:14px}.mode-tabs button[aria-pressed=true]{background:var(--surface);color:var(--accent);font-weight:700;box-shadow:0 2px 6px #0000000a}.time-display{font-variant-numeric:tabular-nums;letter-spacing:-3px;text-align:center;overflow-wrap:anywhere;margin:38px 0 22px;font-size:clamp(30.4px,7.6vw,77.9px);font-weight:600}.rounds{text-align:center;color:var(--accent);margin:-8px 0 20px;font-size:16px}.rounds small{color:var(--muted);margin-top:8px;font-size:12px;display:block}.progress-area{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}progress{background:var(--bg);width:100%;height:6px;accent-color:var(--accent);direction:rtl;border:0;border-radius:20px}progress::-webkit-progress-bar{background:var(--bg);border-radius:20px}progress::-webkit-progress-value{background:var(--accent);border-radius:20px}progress::-moz-progress-bar{background:var(--accent);border-radius:20px}button{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:11px 16px}button:hover:enabled{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--primary-ink);border-color:var(--accent);min-width:140px;padding:13px 32px;font-weight:700}.main-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 30px;display:flex}.timer-display-area{display:flow-root;position:relative}.full-button{color:var(--muted);padding:6px 10px;font-size:22px;position:absolute;top:0;right:0}.configuration{border-top:1px solid var(--border);padding-top:24px}fieldset{border:0;margin:0;padding:0}legend,.section-label{color:var(--muted);margin-bottom:12px;font-size:12px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select{color:var(--ink);background:var(--input-bg);border:1px solid var(--control-border);border-radius:8px}select{max-width:100%;padding:10px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--accent)}input[type=range]{width:100%}.presets{margin-top:24px}.preset-buttons{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.preset-buttons button{padding:10px 2px;font-size:13px}.extension-buttons{gap:8px}.extension-buttons button{color:var(--accent);background:var(--soft);flex:1}.comparison{grid-template-columns:1fr 1.5fr;gap:14px;margin-top:20px;display:grid}.comparison label{color:var(--muted);font-size:11px}.comparison select{width:100%;margin-top:8px;font-size:12px;display:block}.repeat-settings{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;font-size:13px;display:flex}.repeat-settings input[type=number]{width:85px;margin-left:10px;padding:8px}.advanced{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-top:18px;padding:20px 24px}summary{cursor:pointer;color:var(--muted);font-size:14px}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;margin-top:26px;display:grid}.settings-grid>label{flex-direction:column;gap:10px;font-size:13px;display:flex}.settings-grid label.check{flex-direction:row;align-items:center}.sound-actions{flex-wrap:wrap;gap:6px;display:flex}.sound-actions button{font-size:12px}.audio-files{border-top:1px solid var(--border);grid-column:1/-1;padding-top:18px}.upload{flex-direction:column;gap:12px;font-size:14px;display:flex}input[type=file]{max-width:100%;font-size:13px}.audio-files p,.browser-notice{color:var(--muted);font-size:12px;line-height:1.8}.audio-files ul{padding:0;list-style:none}.audio-files li{justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.audio-files li span{overflow-wrap:anywhere}.browser-notice{text-align:center;margin:24px 10px 0}footer{text-align:center;max-width:1100px;color:var(--muted);letter-spacing:1px;margin:auto;padding:22px;font-size:11px}.status-message{background:var(--soft);border-radius:10px;padding:14px;font-size:13px;line-height:1.7}.status-message button{float:right;padding:2px 8px}.toast{background:var(--ink);color:var(--surface);z-index:20;text-align:center;border-radius:14px;max-width:90vw;padding:16px 24px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.modal-backdrop{z-index:30;background:#0007;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.completion{background:var(--surface);border:1px solid var(--border);color:var(--ink);text-align:center;border-radius:24px;width:min(100%,380px);padding:36px}.completion-icon{color:var(--accent);font-size:40px}.completion p{color:var(--muted);font-variant-numeric:tabular-nums}.close-full{z-index:40;top:max(18px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));padding:3px 15px;font-size:26px;position:fixed}.is-fullscreen{z-index:10;padding:64px 20px 20px;position:fixed;inset:0;overflow:auto}.is-fullscreen .site-header,.is-fullscreen .heading,.is-fullscreen .configuration,.is-fullscreen .progress-area,.is-fullscreen .reset,.is-fullscreen .full-button,.is-fullscreen .advanced,.is-fullscreen .mode-tabs,.is-fullscreen .browser-notice,.is-fullscreen footer{display:none}.is-fullscreen main{flex-direction:column;justify-content:center;width:100%;max-width:none;min-height:calc(100dvh - 84px);padding:0;display:flex}.is-fullscreen .timer-card{box-shadow:none;background:0 0;border:0;padding:0}.is-fullscreen .time-display{letter-spacing:-.04em;margin:20px 0;font-size:clamp(34.2px,13.3vw,199.5px)}.is-fullscreen .main-actions{margin:24px 0}@media (width<=560px){.app{padding:0 14px}.site-header{height:68px}.brand span{font-size:11px}nav{gap:12px;font-size:12px}main{padding-top:28px}.timer-card{border-radius:18px;padding:24px 18px}.time-display{letter-spacing:-2px;margin-top:30px}.main-actions{gap:8px}button.primary{min-width:120px;padding:12px 20px}.main-actions button{padding:12px}.comparison,.settings-grid{grid-template-columns:1fr}.advanced{padding:18px}.preset-buttons{grid-template-columns:repeat(3,1fr)}.is-fullscreen{padding:64px 12px 16px}}@media (height<=500px) and (orientation:landscape){.is-fullscreen .time-display{margin:0;font-size:clamp(38px,19.95vh,104.5px)}.is-fullscreen .main-actions{margin:12px 0}.is-fullscreen .rounds{margin:0}}.time-display input[type=text]{color:inherit;font:inherit;font-variant-numeric:inherit;letter-spacing:inherit;text-align:center;opacity:1;-webkit-text-fill-color:currentColor;background:0 0;border:0;border-radius:0;padding:0}.time-display input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.header-controls{align-items:center;gap:14px;display:flex}.theme-toggle{place-items:center;width:34px;height:34px;padding:0;font-size:22px;display:grid}.tool-nav{flex-wrap:wrap;justify-content:center;gap:8px;max-width:740px;margin:22px auto 0}.tool-nav a{border-radius:9px;padding:9px 22px}.tool-nav a[aria-current]{background:var(--soft)}.is-fullscreen .tool-nav{display:none}.stopwatch-display-row{grid-template-columns:44px auto 44px;justify-content:center;align-items:center;gap:20px;margin-top:64px;display:grid}.stopwatch-display-row:before{content:""}.stopwatch-display.time-display{width:calc(var(--stopwatch-digits) * 1ch);letter-spacing:0;white-space:nowrap;overflow-wrap:normal;margin:0;font-family:inherit;font-size:clamp(24px,6vw,62px)}.stopwatch-reset{width:44px;height:44px;color:var(--muted);place-items:center;padding:0;display:grid}.stopwatch-card .main-actions{grid-template-columns:minmax(0,3fr) minmax(0,1fr);width:min(100%,360px);margin-inline:auto;display:grid}.stopwatch-card .main-actions>button{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:0;height:48px;padding:12px;display:flex}.stopwatch-card .main-actions svg{flex-shrink:0}.timer-app .reset,.stopwatch-card .main-actions>button:not(.primary){background:var(--surface);border-style:solid;border-width:1px;border-color:var(--control-border);color:var(--ink);border-radius:10px;font-weight:400}.stopwatch-card .main-actions>button:not(.primary){min-height:48px;padding:12px 8px;font-size:15px}.stopwatch-card .main-actions>button:not(.primary):hover:enabled{border-color:var(--accent)}.timer-app .reset:enabled,.stopwatch-card .main-actions>button:not(.primary):enabled,.stopwatch-card .main-actions>button:not(.primary):disabled{opacity:1}.lap-records{border-top:1px solid var(--border);padding-top:22px}.lap-records h2{align-items:center;gap:8px;margin:0 0 18px;font-size:14px;display:flex}.lap-count{color:var(--accent);background:var(--soft);border-radius:20px;padding:3px 9px;font-size:12px}.empty-laps{text-align:center;color:var(--muted);padding:24px 0;font-size:13px;line-height:1.7}.lap-scroll{max-height:320px;overflow:auto}.lap-records table{border-collapse:collapse;font-variant-numeric:tabular-nums;white-space:nowrap;width:100%;font-size:14px}.lap-records th,.lap-records td{text-align:right;border-bottom:1px solid var(--border);padding:13px 8px}.lap-records th:first-child{text-align:left}.lap-records thead th{background:var(--surface);color:var(--muted);font-size:12px;font-weight:500;position:sticky;top:0}.stopwatch-app .lap-records tbody tr.latest-lap{background:var(--soft);color:var(--ink)}.stopwatch-app .lap-sort{width:100%;min-width:44px;min-height:44px;color:inherit;font:inherit;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:4px;padding:4px 0;display:inline-flex}.stopwatch-app th:first-child .lap-sort{justify-content:flex-start}.lap-sort-arrow{width:.8em;display:inline-block}.stopwatch-app.is-fullscreen{height:100dvh;min-height:0;overflow:hidden}.stopwatch-app.is-fullscreen main{max-width:1200px;height:100%;min-height:0}.stopwatch-app.is-fullscreen .stopwatch-card{flex:1;grid-template-rows:minmax(min-content,2fr) auto minmax(0,3fr);min-height:0;display:grid}.stopwatch-app.is-fullscreen .timer-display-area{justify-content:center;align-items:flex-end;min-height:0;display:flex}.stopwatch-app.is-fullscreen .stopwatch-display-row{margin-top:0}.stopwatch-app.is-fullscreen .stopwatch-display{margin:0;font-size:clamp(25px,min(8.5vw,12dvh),120px)}.stopwatch-app.is-fullscreen .main-actions{margin:12px auto}.stopwatch-app.is-fullscreen .lap-records{flex-direction:column;width:min(100%,680px);min-height:0;margin:0 auto;padding-top:12px;display:flex}.stopwatch-app.is-fullscreen .lap-records h2{flex-shrink:0;margin-bottom:10px}.stopwatch-app.is-fullscreen .lap-scroll{flex:1;min-height:0;max-height:none}.stopwatch-app.is-fullscreen .empty-laps{min-height:0;margin:0;padding:12px 0;overflow:auto}.stopwatch-app.is-fullscreen .status-message{flex-shrink:0;max-height:15dvh;margin:8px 0 0;padding:8px;overflow:auto}@media (width<=560px){.header-controls{gap:9px}.stopwatch-card{padding:24px 12px}.stopwatch-app .timer-display-area{container-type:inline-size}.stopwatch-app .stopwatch-display-row{grid-template-columns:minmax(0,max-content) 44px 48px;gap:6px;width:100%}.stopwatch-display-row:before{display:none}.stopwatch-app:not(.is-fullscreen) .stopwatch-display-row{grid-template-columns:minmax(0,max-content) 44px 44px;margin-top:0}.stopwatch-app:not(.is-fullscreen) .main-actions{margin-block:18px 20px}.stopwatch-app .stopwatch-display{letter-spacing:0;text-align:center;min-width:0;font-size:clamp(12px, calc((100cqw - 112px) / (var(--stopwatch-digits) * .62)), 46px)}.stopwatch-app:not(.is-fullscreen) .full-button{place-items:center;width:44px;height:44px;padding:0;display:grid;position:static}.stopwatch-app .main-actions>button{gap:6px;padding-inline:6px;font-size:14px}.stopwatch-app .lap-records table{table-layout:fixed}.stopwatch-app .lap-records th:first-child{width:22%}.stopwatch-app .lap-records th:not(:first-child){width:39%}.stopwatch-app .lap-records td{letter-spacing:-.025em;font-size:clamp(10px,2.9vw,12px)}.stopwatch-app.is-fullscreen .stopwatch-display-row{grid-template-columns:44px minmax(0,max-content) 44px}.stopwatch-app.is-fullscreen .stopwatch-display-row:before{display:block}.stopwatch-app.is-fullscreen .stopwatch-display{font-size:clamp(12px, calc((100cqw - 112px) / (var(--stopwatch-digits) * .62)), 46px)}.lap-records table{font-size:12px}.lap-records th,.lap-records td{padding:12px 5px}}@media (width<=767px){.stopwatch-card .main-actions>button:not(.primary){font-size:14px}}@media (width<=767px) and (orientation:portrait){.stopwatch-app.is-fullscreen{padding-top:max(64px, calc(env(safe-area-inset-top) + 56px));padding-bottom:max(16px, env(safe-area-inset-bottom))}.stopwatch-app.is-fullscreen .stopwatch-card{grid-template-rows:auto auto minmax(0,1fr)}.stopwatch-app.is-fullscreen .timer-display-area{align-items:center}}@media (width<=360px){.brand{gap:5px}.brand span{letter-spacing:1px}}@media (height<=360px){.stopwatch-app.is-fullscreen{overflow:auto}.stopwatch-app.is-fullscreen main{min-height:16rem}}.stopwatch-app .stopwatch-card,.chime-app .chime-main,.chime-app .chime-sound-box,.pomodoro-app .pomodoro-main,.pomodoro-app .pomo-panel{border-color:var(--tool-card-border)}.settings-disclosure>summary{color:var(--ink);justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:600;list-style:none;display:flex}.settings-disclosure>summary::-webkit-details-marker{display:none}.settings-disclosure>summary>svg{flex-shrink:0}.settings-disclosure[open]>summary>svg{transform:rotate(180deg)}.settings-disclosure-copy{min-width:0}.settings-disclosure-copy>strong{font-weight:inherit}.app .world-guide,.app .date-guide{gap:12px;max-width:850px;margin:40px auto 12px;display:grid}.app .world-guide>article,.app .date-guide>section{margin:0}.app .world-guide h2,.app .date-guide h2{margin:.83em 0;font-size:17px;font-weight:700}.app .date-guide p{color:var(--muted);font-size:13px;font-weight:400;line-height:1.9}.app .browser-notice{white-space:pre-line;font-size:13px;font-weight:400;line-height:1.9}.pomo-alarm-settings .pomo-limit{white-space:pre-line}.timer-app{--timer-line:var(--control-border);--timer-secondary:var(--ink)}.timer-app .timer-card{border-color:var(--tool-card-border);box-shadow:none;border-radius:18px;padding:28px 32px}.timer-app .mode-tabs{border:1px solid var(--timer-line);background:var(--soft);gap:4px;max-width:390px;margin-bottom:28px}.timer-app .mode-tabs button{color:var(--ink);font-weight:600}.timer-app .mode-tabs button[aria-pressed=true]{background:var(--accent);color:var(--primary-ink);box-shadow:none}.timer-app .timer-display-area{aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;width:min(100%,420px);margin:0 auto;display:flex;position:relative;container-type:inline-size}.timer-app .timer-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.timer-app .timer-ring circle{fill:none;stroke-width:3px}.timer-app .timer-ring-track{stroke:var(--timer-line)}.timer-app .timer-ring-remaining{stroke:var(--accent);stroke-linecap:round}.timer-app .timer-center{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-app .time-display{max-width:83%;font-size:clamp(12px, calc(140cqi / var(--timer-total-digits)), 78px);letter-spacing:-.04em;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:0;margin:0 auto;font-weight:650;line-height:1.3;display:flex;position:relative}.timer-app .timer-time-part{display:contents}.timer-app .timer-time-field,.timer-app .timer-number-control{min-width:0;display:inline-flex}.timer-app .timer-number-control{position:relative}.timer-app .time-display .timer-time-field .timer-number-control input[type=text]{min-width:0;max-width:100%;height:auto;box-shadow:none;appearance:none;caret-color:var(--ink);cursor:text;color:var(--ink);font:inherit;letter-spacing:inherit;text-align:center;background:0 0;border:0;border-radius:0;outline:none;padding:4px 0}.timer-app .time-display .timer-time-field .timer-number-control input[type=text]:focus-visible{text-underline-offset:.14em;outline:none;text-decoration-line:underline;text-decoration-thickness:2px}.timer-app .timer-colon{color:var(--ink)}.timer-app .timer-steppers{visibility:hidden;justify-content:center;display:flex;position:absolute;bottom:100%;left:0;right:0}.timer-app .timer-number-control:focus-within .timer-steppers{visibility:visible}.timer-app .timer-steppers button{min-width:24px;min-height:24px;color:var(--ink);background:0 0;border:0;padding:2px;font-size:10px}.timer-app .timer-steppers button:hover:enabled,.timer-app .timer-steppers button:focus-visible{background:var(--soft)}.timer-app .timer-details{text-align:center;overflow-wrap:anywhere;width:64%;margin-top:clamp(4px,2cqi,8px);font-size:clamp(10px,4cqi,14px);line-height:1.3;position:absolute;top:100%;left:18%}.timer-app .timer-state{color:var(--timer-secondary);margin:0}.timer-app .rounds{font-size:inherit;line-height:inherit;margin:4px 0 0}.timer-app .rounds small{color:var(--timer-secondary);font-size:.9em;line-height:inherit;margin:2px 0 0}.timer-app .timer-configured{text-align:center;color:var(--timer-secondary);margin:16px 0 0;font-size:14px}.timer-app .timer-configured strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:6px}.timer-app .progress-area{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.timer-app .timer-card .main-actions{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:12px;margin:24px 0;display:grid}.timer-app .timer-card .main-actions>button{border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-width:0;min-height:48px;padding:12px 8px;font-size:15px;display:flex}.timer-app .main-actions svg{flex-shrink:0}.timer-app .reset{border-color:var(--timer-line)}.timer-app .configuration{border-color:var(--timer-line);padding-top:20px}.timer-app .presets{margin-top:20px}.timer-app .section-label,.timer-app .advanced summary{color:var(--ink);font-weight:600}.timer-app .preset-buttons button,.timer-app .timer-custom-value{border:1px solid var(--timer-line);text-align:center;background:var(--soft);height:calc(1lh + 22px);color:var(--ink);border-color:var(--timer-line);border-radius:9px;padding:10px 2px;font-size:13px;font-weight:600;line-height:normal}.timer-app .preset-buttons button:hover:enabled,.timer-app .timer-custom-value:hover:enabled{background:var(--surface);border-color:var(--accent)}.timer-app .advanced{border-color:var(--tool-card-border);border-radius:14px}.timer-app.is-fullscreen .timer-card{padding:0}.timer-app.is-fullscreen .timer-display-area{width:min(80dvh,90vw,760px)}.timer-app.is-fullscreen .time-display{font-size:clamp(12px, calc(140cqi / var(--timer-total-digits)), 132px);margin:0 auto}.timer-app.is-fullscreen .timer-card .main-actions{width:min(100%,600px);margin:18px auto}.timer-app.is-fullscreen .timer-card .main-actions .reset{display:flex}@media (width<=767px){.timer-app .timer-card{padding:22px 16px}.timer-app .timer-card .main-actions{gap:8px}.timer-app .timer-card .main-actions>button{font-size:14px}}@media (width<=480px){.timer-app .main-actions .reset span{display:none}.timer-app .timer-details{font-size:clamp(10px,4cqi,12px)}}@media (height<=500px) and (orientation:landscape){.timer-app.is-fullscreen .timer-display-area{width:min(65dvh,65vw)}.timer-app.is-fullscreen .timer-details{font-size:clamp(9px,4cqi,12px)}.timer-app.is-fullscreen .timer-configured{margin-top:4px}.timer-app.is-fullscreen .timer-card .main-actions{margin-block:8px}}.timer-app .timer-edit-hint{text-align:center;width:80%;color:var(--timer-secondary);margin:0 0 clamp(4px,2cqi,8px);font-size:12px;line-height:1.4;position:absolute;bottom:100%;left:10%}.timer-app .timer-display-area:focus-within .timer-edit-hint{visibility:hidden}.timer-app .timer-quick-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.timer-app .timer-quick-heading .section-label{margin:0}.timer-app .timer-quick-edit{width:32px;height:32px;color:var(--ink);background:0 0;border:0;place-items:center;padding:6px;display:grid}.timer-app .timer-quick-edit:hover,.timer-app .timer-quick-edit[aria-pressed=true]{background:var(--soft)}.timer-app .timer-custom-times{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.timer-app .timer-custom-times li{width:max-content;min-width:calc((100cqi - (var(--timer-preset-columns) - 1) * 8px) / var(--timer-preset-columns));flex:0 auto;max-width:100%;display:flex;position:relative}.timer-app .timer-custom-value{white-space:normal;word-break:keep-all;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;display:flex}.timer-app .timer-custom-value span{min-width:0;max-width:100%}.timer-app .timer-custom-times.is-editing .timer-custom-value{opacity:1;cursor:default;padding-left:36px;padding-right:36px}.timer-app .timer-custom-times .timer-custom-delete{width:32px;height:calc(100% - 2px);min-height:0;box-shadow:none;color:var(--ink);background:0 0;border:0;border-radius:0;place-items:center;padding:0;font-size:18px;font-weight:400;line-height:1;display:grid;position:absolute;top:1px;right:1px}.timer-app .timer-custom-times .timer-custom-delete:hover{color:var(--accent);opacity:.7;background:0 0}.timer-app .timer-custom-times .timer-custom-delete:focus-visible{text-underline-offset:4px;outline:none;text-decoration:underline;text-decoration-thickness:2px}.timer-app .timer-quick-management{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.timer-app .timer-quick-management>button,.timer-app .timer-quick-form button{font-size:13px}.timer-app .timer-quick-form{flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.timer-app .timer-quick-form label{align-items:center;gap:4px;font-size:13px;display:inline-flex}.timer-app .timer-quick-form input{text-align:center;width:70px;max-width:100%;padding:8px}.timer-app .timer-quick-error{color:var(--ink);margin:10px 0 0;font-size:13px;line-height:1.5}.timer-app .timer-quick-times{--timer-preset-columns:6;container-type:inline-size}.timer-app .timer-playback-settings{flex-direction:column;gap:14px;font-size:13px;display:flex}.timer-app .timer-playback-settings>label:not(.check){flex-direction:column;gap:10px;display:flex}.timer-app .timer-playback-settings>.check{align-items:center;gap:8px;display:flex}@media (width<=560px){.timer-app .timer-quick-times{--timer-preset-columns:3}}.timer-app .repeat-settings input[type=text]{width:85px;margin-left:10px;padding:8px}.chime-app h2{font-size:16px}.chime-app .chime-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.chime-app .chime-toolbar label{max-width:100%;font-size:13px}.chime-app .chime-toolbar select{margin-left:8px}.chime-app .chime-list{padding:0;list-style:none}.chime-app .chime-list li{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:12px;margin:12px 0;padding:10px 14px}.chime-app .chime-editor input:not([type=checkbox]):not([type=range]){width:100%;min-width:0;padding:10px}.chime-app .chime-files{overflow-wrap:anywhere;padding-left:20px;font-size:13px}.chime-app .chime-notices{z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(340px,100vw - 32px);max-height:50dvh;padding:12px;position:fixed;bottom:16px;right:16px;overflow:auto;box-shadow:0 8px 30px #0003}.chime-app .chime-notice{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.chime-app .chime-notice button{flex-shrink:0}@media (width<=560px){.chime-app .tool-nav{gap:2px}.chime-app .tool-nav a{padding:9px 10px}}.chime-app .chime-switch{cursor:pointer;white-space:nowrap;align-items:center;gap:7px;font-size:12px;display:inline-flex;position:relative}.chime-app .chime-switch input{opacity:0;cursor:pointer;width:38px;height:24px;margin:0;position:absolute;left:0}.chime-app .chime-switch-track{background:var(--switch-off);border:1px solid var(--border);pointer-events:none;border-radius:20px;flex-shrink:0;width:38px;height:22px;transition:background .15s;display:inline-block}.chime-app .chime-switch-track:before{content:"";background:var(--switch-thumb);border-radius:50%;width:16px;height:16px;margin:2px;transition:transform .15s;display:block}.chime-app .chime-switch input:checked+.chime-switch-track{background:var(--accent)}.chime-app .chime-switch input:checked+.chime-switch-track:before{transform:translate(16px)}.chime-app .chime-switch input:focus-visible+.chime-switch-track{outline:2px solid var(--accent);outline-offset:3px}.chime-app .chime-volume-controls{flex:260px;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.chime-app .chime-volume-controls label{width:min(180px,100%);min-width:80px}.chime-app .chime-card-title{flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0;display:flex}.chime-app .chime-card-title strong{overflow-wrap:anywhere}.chime-app .chime-edit{flex-shrink:0}.chime-app .chime-card-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.chime-app .chime-add{justify-content:center;margin-top:20px;display:flex}.chime-app .chime-sound-actions{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:8px;display:flex}.chime-app .chime-sound-actions label{flex-direction:column;gap:8px;min-width:0;max-width:100%;font-size:12px;display:flex}.chime-app .chime-sound-actions select{max-width:100%}.chime-app .chime-sound-actions button{font-size:12px}.chime-app .chime-upload{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}.chime-app .chime-audio-help{background:var(--soft);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:12px;font-size:12px;line-height:1.7;display:flex}.chime-app .chime-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=560px){.chime-app .chime-volume-controls{flex-basis:100%;justify-content:space-between}.chime-app .chime-card-controls{margin-left:auto}.chime-app .chime-volume-controls label{flex:1;width:auto}}@media (prefers-reduced-motion:reduce){.chime-app .chime-switch-track,.chime-app .chime-switch-track:before{transition:none}}.chime-app .chime-list p{color:var(--muted);font-size:13px;line-height:1.6}.chime-app .chime-list li{background:var(--surface);align-items:center;gap:12px;transition:transform .18s;display:flex;position:relative}.chime-app .chime-list li.is-dragging{z-index:10;background:var(--soft);outline:2px solid var(--accent);cursor:grabbing;will-change:transform;transition:none;box-shadow:0 12px 28px #0003}.chime-app .chime-card-content{flex:1;min-width:0}.chime-app .chime-card-title button{padding:6px 9px;font-size:12px}.chime-app .chime-edit-switch{flex-direction:column;align-items:center;gap:12px;display:flex}.chime-app .chime-edit{padding:6px 12px;font-size:12px}.chime-app .chime-upload{display:block}.chime-app .chime-upload .upload{margin-top:0}@media (width<=560px){.chime-app .chime-list li{gap:8px;padding:12px 10px}.chime-app .chime-card-controls{gap:5px;margin-left:0}.chime-app .chime-card-title{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.chime-app .chime-list li{transition:none}}.chime-app{--chime-active-bg:#fff;--chime-active-hover:var(--chime-active-bg);--chime-active-border:var(--accent);--chime-active-text:var(--ink);--chime-active-detail:var(--ink);--chime-inactive-bg:#f3f3f3;--chime-inactive-hover:var(--chime-inactive-bg);--chime-inactive-border:#d0d0d0;--chime-inactive-text:var(--muted);--chime-inactive-detail:var(--muted);--chime-off-bg:var(--chime-inactive-bg);--chime-off-hover:var(--chime-inactive-hover);--chime-off-border:var(--chime-inactive-border);--chime-off-text:var(--chime-inactive-text);--chime-off-detail:var(--chime-inactive-detail);--chime-point:var(--accent);--chime-off-switch:var(--switch-off);--chime-drag-shadow:var(--drag-shadow)}.chime-app .chime-list li{--card-bg:var(--chime-inactive-bg);--card-hover:var(--chime-inactive-hover);--card-border:var(--chime-inactive-border);--card-text:var(--chime-inactive-text);--card-detail:var(--chime-inactive-detail);background:var(--card-bg);border-color:var(--card-border);color:var(--card-text);transition:transform .18s,border-color .14s,background-color .14s}.chime-app .chime-list li.is-active{--card-bg:var(--chime-active-bg);--card-hover:var(--chime-active-hover);--card-border:var(--chime-active-border);--card-text:var(--chime-active-text);--card-detail:var(--chime-active-detail);box-shadow:inset 3px 0 0 var(--chime-active-border)}.chime-app .chime-list li.is-master-off{--card-bg:var(--chime-off-bg);--card-hover:var(--chime-off-hover);--card-border:var(--chime-off-border);--card-text:var(--chime-off-text);--card-detail:var(--chime-off-detail)}.chime-app .chime-list p{color:var(--card-detail)}.chime-app .chime-list li.is-master-off .chime-switch input:checked+.chime-switch-track{background:var(--chime-off-switch)}.chime-app .chime-list li:focus-within{border-color:var(--card-border);background:var(--card-hover)}@media (hover:hover){.chime-app .chime-list li:hover{border-color:var(--card-border);background:var(--card-hover)}}.chime-app .chime-list li.is-dragging{background:var(--card-bg);border-color:var(--chime-point);outline-color:var(--chime-point);box-shadow:0 12px 28px var(--chime-drag-shadow), inset 3px 0 0 var(--chime-point);transition:none}@media (prefers-reduced-motion:reduce){.chime-app .chime-list li{transition:none}}.chime-app .chime-list li.is-master-off .chime-switch-track{background:var(--chime-off-switch)}.chime-app .chime-sound-box .chime-volume-controls{margin-top:18px;display:block}.chime-app .chime-sound-box .chime-volume-controls label{width:min(100%,320px);font-size:12px;display:block}.chime-app .chime-sound-box .chime-volume-controls input{margin-top:8px;display:block}.chime-app .chime-list-heading{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.chime-app .chime-list-heading h2{overflow-wrap:anywhere;min-width:0;margin:0}.chime-app .chime-master-switch{flex-shrink:0;margin-left:auto}.chime-app .chime-master-switch input{top:50%;left:auto;right:0;transform:translateY(-50%)}@media (width<=560px){.chime-app .chime-master-switch{white-space:normal;flex-shrink:1;max-width:58%}.chime-app .chime-master-switch>span:first-child{overflow-wrap:anywhere;min-width:0}}.chime-app .chime-switch input:checked+.chime-switch-track:before{background:var(--primary-ink)}.chime-app .chime-list li.is-master-off .chime-switch-track:before{background:var(--switch-thumb)}.chime-app .chime-main,.chime-app .chime-editor{box-shadow:none;border-radius:18px;padding:28px 32px}.chime-app .chime-list li{align-items:stretch;min-height:132px;padding:16px 14px 16px 18px}.chime-app .chime-list li.is-inactive{border-style:dashed}.chime-app .chime-card-content{align-self:center}.chime-app .chime-card-title{flex-flow:row;align-items:center}.chime-app .chime-card-title strong{min-width:0}.chime-app .chime-card-controls{grid-template-rows:32px 1fr 32px;grid-template-columns:auto 32px;gap:4px 10px;display:grid}.chime-app .chime-edit-switch{grid-area:2/1;align-self:center}.chime-app .chime-list .chime-switch input{left:auto;right:0}.chime-app .chime-delete{color:#b4232d;grid-area:1/2}.chime-app .chime-list li.is-inactive{--card-hover:var(--card-bg)}.chime-app .chime-editor.is-editing{border:2px solid var(--accent);background:var(--surface)}.chime-app .chime-editor h2{margin-top:0}.chime-app .chime-add button{background:var(--accent);color:var(--primary-ink);min-height:44px;font-weight:600}.chime-app .chime-sound-box summary{color:var(--ink);line-height:1.7}.chime-app .chime-sound-summary{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:12px;display:block}.chime-app .chime-sound-content{padding-top:20px}.chime-app .chime-sound-actions button,.chime-app .chime-editor button:not(.primary){border-color:var(--control-border)}.chime-app .browser-notice{text-align:left;overflow-wrap:anywhere;margin:20px 0 0;font-size:13px;line-height:1.9}.chime-app button:focus-visible,.chime-app summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.chime-app.theme-dark .chime-delete{color:#ff929a}@media (prefers-color-scheme:dark){.chime-app.theme-system .chime-delete{color:#ff929a}}@media (width<=560px){.chime-app .chime-main,.chime-app .chime-editor{padding:22px 14px}.chime-app .chime-list li{flex-wrap:wrap;gap:4px;padding:12px 8px 12px 12px}.chime-app .chime-card-content{flex-basis:calc(100% - 40px);padding-right:4px}.chime-app .chime-card-controls{display:contents}.chime-app .chime-delete{align-self:flex-start}.chime-app .chime-edit-switch{margin-left:auto;margin-right:12px}.chime-app .chime-sound-actions label,.chime-app .chime-sound-actions select{width:100%}}.chime-app .chime-list li.is-inactive .chime-delete{opacity:.75}.chime-app .chime-list li.is-inactive .chime-switch-track{background:var(--switch-off);border-color:var(--border)}.chime-app .chime-list li.is-inactive .chime-switch-track:before{background:var(--switch-thumb)}.chime-app .chime-list li{cursor:grab;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;min-height:0;padding:10px 12px;display:grid}.chime-app .chime-card-content,.chime-app .chime-card-controls,.chime-app .chime-edit-switch{display:contents}.chime-app .chime-card-title{grid-area:1/1;padding:0}.chime-app .chime-list p{grid-area:2/1;align-self:center;margin:0}.chime-app .chime-delete{grid-area:1/2;place-self:center end}.chime-app .chime-edit-switch .chime-switch{grid-area:2/2;justify-self:end;min-height:44px}.chime-app .chime-edit,.chime-app .chime-delete{background:0 0;border:0;flex-shrink:0;place-items:center;width:44px;min-width:44px;height:44px;padding:10px;display:grid}.chime-app .chime-edit:hover,.chime-app .chime-delete:hover{background:var(--input-bg)}.chime-app .chime-list li.is-inactive .chime-edit{color:var(--muted)}.chime-app .chime-list li:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (pointer:coarse){.chime-app .chime-list li{cursor:auto;-webkit-touch-callout:none}}.chime-app .chime-list li.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.chime-app.theme-dark{--chime-active-bg:#333;--chime-active-border:#b0b0b0;--chime-inactive-bg:#272727;--chime-inactive-border:#424242}@media (prefers-color-scheme:dark){.chime-app.theme-system{--chime-active-bg:#333;--chime-active-border:#b0b0b0;--chime-inactive-bg:#272727;--chime-inactive-border:#424242}}