.icon{width:1.25em;height:1.25em;flex:none;vertical-align:-.22em;color:inherit}.site-header{--header-h:64px;position:sticky;top:0;z-index:100;height:var(--header-h);background-color:color-mix(in srgb,var(--surface-raised) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--rule);box-shadow:inset 0 -3px 0 -2px var(--signal),var(--shadow-sm)}@supports not (backdrop-filter:blur(1px)){.site-header{background-color:var(--surface-raised)}}.site-header__inner{display:flex;align-items:center;gap:var(--space-md);height:100%}.brand{display:inline-flex;align-items:center;gap:.6ch;font-size:var(--text-lg);font-weight:700;letter-spacing:-.025em;color:var(--ink-strong);text-decoration:none;white-space:nowrap}.brand:hover{color:var(--ink-strong)}.brand__mark{width:1.75em;height:1.75em;transition:scale var(--dur-fast) var(--ease-out)}.brand:hover .brand__mark{scale:1.06}@media (prefers-reduced-motion:reduce){.brand__mark{transition:none}}.nav{margin-inline-start:auto}.nav__list{display:flex;align-items:center;gap:var(--space-3xs);list-style:none;margin:0;padding:0}.nav__link{display:inline-flex;align-items:center;min-height:38px;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);color:var(--ink-muted);font-size:var(--text-base);font-weight:500;text-decoration:none;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.nav__link:hover{color:var(--signal);background-color:var(--signal-quiet)}.nav__link[aria-current=page]{color:var(--signal);font-weight:650;background-color:transparent;box-shadow:inset 0 -2px 0 var(--signal);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.nav__link[aria-current=page]:hover{background-color:var(--signal-quiet)}.header__actions{display:flex;align-items:center;gap:var(--space-3xs)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--hit);height:var(--hit);border-radius:var(--radius-sm);color:var(--ink-muted);background:0 0;border:1px solid transparent;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn-icon:hover{color:var(--ink-strong);background-color:var(--surface-sunken);border-color:var(--rule-faint)}.btn-icon .icon{width:1.15rem;height:1.15rem}.nav-toggle{display:none}@media (max-width:900px){.nav-toggle{display:inline-flex}.nav{position:fixed;inset:var(--header-h,60px) 0 auto 0;margin:0;background-color:var(--surface-raised);border-bottom:1px solid var(--rule);box-shadow:var(--shadow-lg);max-height:0;overflow:hidden;visibility:hidden;transition:max-height var(--dur) var(--ease-out),visibility 0s linear var(--dur)}.nav.is-open{max-height:min(70vh,520px);overflow-y:auto;visibility:visible;transition:max-height var(--dur) var(--ease-out),visibility 0s}.nav__list{flex-direction:column;align-items:stretch;gap:0;padding:var(--space-2xs) var(--space-sm) var(--space-sm)}.nav__link{min-height:var(--hit);padding:var(--space-2xs) var(--space-xs);font-size:var(--text-base);border-bottom:1px solid var(--rule-faint);border-radius:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5ch;min-height:var(--hit);padding:var(--space-2xs) var(--space-md);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn-primary{background-color:var(--signal);border-color:var(--signal);color:var(--on-signal)}.btn-primary:hover{background-color:var(--signal-hover);border-color:var(--signal-hover);color:var(--on-signal)}.btn-outline,.btn-secondary{background-color:var(--surface-raised);border-color:var(--rule);color:var(--ink-strong)}#swapLocationsBtn,#swapTimezonesBtn{background-color:var(--signal-quiet);border-color:var(--signal-rule);color:var(--signal-hover)}#swapLocationsBtn:hover,#swapTimezonesBtn:hover{background-color:color-mix(in srgb,var(--signal) 16%,var(--surface-raised));border-color:var(--signal);color:var(--signal-hover)}#swapLocationsBtn .icon,#swapTimezonesBtn .icon{width:1.3em;height:1.3em}.btn-outline:hover,.btn-secondary:hover{border-color:var(--rule-strong);background-color:var(--surface-sunken);color:var(--ink-strong)}.btn-large{min-height:52px;padding-inline:var(--space-lg);font-size:var(--text-base)}.btn-link{display:inline-flex;align-items:center;gap:.4ch;min-height:var(--hit);padding:0;background:0 0;border:none;color:var(--ink-muted);font-size:var(--text-sm);font-weight:500;text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:0.25em;cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.btn-link:hover{color:var(--signal);text-decoration-color:currentColor}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:.5ch;min-height:var(--hit);min-width:var(--hit);padding:var(--space-3xs) var(--space-2xs);border:1px solid var(--rule);border-radius:var(--radius-sm);background-color:var(--surface-raised);color:var(--ink-muted);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn-action:hover{color:var(--ink-strong);border-color:var(--rule-strong)}.form-group{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.form-group>label{display:flex;align-items:center;gap:.5ch;font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.form-group>label .icon{color:var(--ink-faint)}input[type=date],input[type=email],input[type=number],input[type=text],input[type=time],select,textarea{width:100%;min-height:var(--hit);padding:var(--space-2xs) var(--space-xs);background-color:var(--surface-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);color:var(--ink-strong);font-size:var(--text-base);line-height:1.3;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}#addTimezoneSelect,#diffLocation1,#diffLocation2,#sourceTimezone,#stripAdd,#targetTimezone{font-size:var(--text-md);font-weight:600;letter-spacing:-.01em;min-height:calc(var(--hit) + 6px)}input[type=date],input[type=time]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-md);font-weight:500;letter-spacing:-.01em}input:hover,select:hover,textarea:hover{border-color:var(--rule-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:var(--signal);box-shadow:var(--focus-ring-tight)}::placeholder{color:var(--ink-faint);opacity:1}select{appearance:none;-webkit-appearance:none;padding-inline-end:calc(var(--space-sm) + 1em);cursor:pointer}.select-wrapper{position:relative;display:block}.select-wrapper>.icon,.select-wrapper>i{position:absolute;right:var(--space-xs);top:50%;translate:0 -50%;pointer-events:none;color:var(--ink-faint);font-size:.85em}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-3xs)}.form-hint{font-size:var(--text-sm);color:var(--ink-faint)}.offset-info{font-size:var(--text-sm);color:var(--ink-muted);letter-spacing:.02em;min-height:1.2em}.offset-info:empty{min-height:1.2em}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;min-height:0;flex:none;accent-color:var(--signal);cursor:pointer}.converter{background-color:var(--surface-raised);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.converter-tabs{display:flex;gap:0;border-bottom:1px solid var(--rule);background-color:var(--surface-sunken);overflow-x:auto;scrollbar-width:none}.converter-tabs::-webkit-scrollbar{display:none}.converter-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.5ch;min-height:56px;padding:var(--space-2xs) var(--space-sm);background:0 0;border:none;border-bottom:2px solid transparent;color:var(--ink-muted);font-size:var(--text-md);font-weight:600;white-space:nowrap;cursor:pointer;transition:color var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.converter-tab:hover{color:var(--ink-strong);background-color:color-mix(in srgb,var(--surface-raised) 60%,transparent)}.converter-tab .icon{width:1.4em;height:1.4em;color:color-mix(in srgb,var(--tab-accent) 62%,var(--ink-faint));transition:color var(--dur-fast) var(--ease-out)}.converter-tab[data-tab=simpleConverter]{--tab-accent:var(--signal)}.converter-tab[data-tab=timeDifference]{--tab-accent:var(--phase-work)}.converter-tab[data-tab=meetingPlanner]{--tab-accent:var(--phase-off)}.converter-tab:hover{color:var(--ink-strong);background-color:color-mix(in srgb,var(--tab-accent) 8%,transparent)}.converter-tab:hover .icon{color:var(--tab-accent)}.converter-tab.active{color:var(--ink-strong);background-color:var(--surface-raised);border-bottom-color:var(--tab-accent);border-bottom-width:3px}.converter-tab.active .icon{color:var(--tab-accent)}@media (max-width:620px){.converter-tab{flex:1 1 0;min-width:0;min-height:52px;padding-inline:var(--space-3xs);font-size:var(--text-sm);letter-spacing:-.01em}.converter-tab .icon{display:none}}@media (max-width:400px){.converter-tab{white-space:normal;line-height:1.2}}.converter-content{padding:var(--space-md)}@media (max-width:600px){.converter-content{padding:var(--space-sm)}}.converter-tab-content{display:none}.converter-tab-content.active{display:block}.one-line-converter{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-sm) var(--space-md);align-items:start}.converter-item{min-width:0}.converter-actions{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--rule-faint)}@media (max-width:520px){.converter-actions .btn{flex:1 1 100%}}.result-container{margin-top:var(--space-md)}.conversion-result{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background-color:var(--surface-sunken);border:1px solid var(--rule-faint);border-radius:var(--radius-md)}.time-panel{min-width:0;text-align:center}.time-panel-title{font-size:var(--text-sm);font-weight:650;color:var(--ink-strong);margin-bottom:var(--space-3xs);overflow-wrap:anywhere}.time-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-readout);font-weight:500;line-height:1;letter-spacing:var(--tracking-readout);color:var(--ink-strong)}.time-panel.target .time-value{color:var(--signal)}.time-meta{margin-top:var(--space-2xs);font-size:var(--text-xs);color:var(--ink-muted)}.time-details{font-family:var(--font-mono);color:var(--ink-faint)}.time-details.dst::after{content:""}.time-daychange{display:inline-block;margin-top:2px;padding:1px var(--space-3xs);background-color:var(--warn-quiet);border-radius:var(--radius-xs);color:var(--warn);font-weight:600}.conversion-arrow{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-3xs);padding:var(--space-2xs);background:0 0;border:none;color:var(--ink-muted);cursor:pointer}.conversion-arrow .icon{width:1.25rem;height:1.25rem;padding:var(--space-3xs);box-sizing:content-box;border:1px solid var(--rule);border-radius:var(--radius-full);background-color:var(--surface-raised);transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.conversion-arrow:hover .icon{border-color:var(--signal);color:var(--signal)}.conversion-arrow__diff{font-size:var(--text-xs);font-weight:600;white-space:nowrap;color:var(--ink)}@media (max-width:620px){.conversion-result{grid-template-columns:1fr;gap:var(--space-sm);padding:var(--space-md)}.conversion-arrow{flex-direction:row;gap:var(--space-2xs)}.conversion-arrow .icon{rotate:90deg}}.world-clock{position:relative;display:flex;flex-direction:column;gap:var(--space-3xs);padding:var(--space-sm);background-color:var(--surface-raised);border:1px solid var(--rule);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out)}.world-clock:hover{border-color:var(--rule-strong)}.world-clock__head{display:flex;align-items:center;gap:var(--space-2xs)}.world-clock__phase-icon{width:1.05em;height:1.05em;flex:none}.world-clock[data-phase=work]{background-color:var(--phase-work-quiet);border-color:color-mix(in srgb,var(--phase-work) 30%,transparent)}.world-clock[data-phase=work] .world-clock__phase-icon{color:var(--phase-work)}.world-clock[data-phase=off]{border-color:color-mix(in srgb,var(--phase-off) 35%,var(--rule))}.world-clock[data-phase=off] .world-clock__phase-icon{color:var(--phase-off)}.world-clock[data-phase=night]{background-color:var(--phase-night-quiet);border-color:color-mix(in srgb,var(--phase-night) 32%,var(--rule))}.world-clock[data-phase=night] .world-clock__phase-icon{color:var(--phase-night)}.world-clock[data-phase=night] .world-clock-time{color:var(--ink-muted)}.world-clock-city{flex:1;min-width:0;font-size:var(--text-base);font-weight:650;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-strong);overflow-wrap:anywhere}.world-clock-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-readout-sm);font-weight:500;line-height:1;letter-spacing:var(--tracking-readout);color:var(--ink-strong);white-space:nowrap;font-size-adjust:none}.world-clock-time>span{white-space:nowrap}.world-clock-time .time-separator{margin-inline:-0.06em;opacity:.55}.world-clock-time .time-seconds{font-size:.62em;opacity:.75}.world-clock-date,.world-clock-info{font-size:var(--text-sm);color:var(--ink-muted)}.world-clock-actions{position:absolute;top:var(--space-3xs);right:var(--space-3xs);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.world-clock:focus-within .world-clock-actions,.world-clock:hover .world-clock-actions{opacity:1}@media (hover:none){.world-clock-actions{opacity:1}}.world-clock-actions .btn-icon{position:relative;width:32px;height:32px}.world-clock-actions .btn-icon::after{content:'';position:absolute;top:50%;left:50%;translate:-50% -50%;width:var(--hit);height:var(--hit)}.accordion{border-top:1px solid var(--rule-faint)}.accordion-item{border-bottom:1px solid var(--rule-faint)}.accordion-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;min-height:var(--hit);padding:var(--space-sm) 0;background:0 0;border:none;text-align:left;font-size:var(--text-md);font-weight:600;color:var(--ink-strong);cursor:pointer}.accordion-header:hover{color:var(--signal)}.accordion-header>.icon{flex:none;width:1.1em;height:1.1em;color:var(--ink-muted);transition:rotate var(--dur) var(--ease-out)}.accordion-header[aria-expanded=true]>.icon{rotate:180deg;color:var(--signal)}.accordion-content{max-height:0;overflow:hidden;visibility:hidden;transition:max-height var(--dur) var(--ease-out),visibility 0s linear var(--dur)}.accordion-content[data-open=true],.accordion-header[aria-expanded=true]+.accordion-content,.accordion-item.active .accordion-content{max-height:80rem;visibility:visible;padding-bottom:var(--space-2xs);transition:max-height var(--dur-slow) var(--ease-out),visibility 0s}.accordion-content p{margin:0 0 var(--space-sm);color:var(--ink)}a.card{text-decoration:none;color:inherit}.site-footer{margin-top:var(--space-2xl);padding-block:var(--space-xl) var(--space-md);background-color:var(--surface-raised);border-top:1px solid var(--rule)}.site-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-lg)}.footer-section h3{margin-bottom:var(--space-2xs);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.footer-section ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3xs)}.footer-section a{display:inline-flex;align-items:center;gap:.5ch;min-height:34px;color:var(--ink-muted);font-size:var(--text-base);text-decoration:none}.footer-section a:hover{color:var(--signal);text-decoration:underline;text-underline-offset:0.2em}.footer-section a.coming-soon-link{color:var(--ink-faint);cursor:default;pointer-events:none}.footer-section a.coming-soon-link:hover{color:var(--ink-faint);text-decoration:none}.footer-section p{font-size:var(--text-sm);color:var(--ink-muted);max-width:42ch}.social-links{display:flex;gap:var(--space-3xs);margin-top:var(--space-2xs)}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:var(--hit);height:var(--hit);min-height:0;border:1px solid var(--rule);border-radius:var(--radius-sm);color:var(--ink-muted)}.social-links a:hover{color:var(--signal);border-color:var(--signal);text-decoration:none}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-sm);border-top:1px solid var(--rule-faint);font-size:var(--text-xs);color:var(--ink-faint)}.footer-bottom p{margin:0}.coming-soon-badge{padding:.1em .4em;border-radius:var(--radius-xs);background-color:var(--surface-sunken);border:1px solid var(--rule-faint);font-size:.7rem;color:var(--ink-faint)}.scroll-to-top{position:fixed;left:50%;bottom:var(--space-sm);margin-left:calc(var(--hit)/ -2);z-index:90;display:inline-flex;align-items:center;justify-content:center;width:var(--hit);height:var(--hit);background-color:var(--signal);border:none;border-radius:var(--radius-full);color:var(--on-signal);box-shadow:0 4px 14px color-mix(in srgb,var(--signal) 38%,transparent),var(--shadow-md);cursor:pointer;opacity:0;visibility:hidden;translate:0 8px;transition:opacity var(--dur) var(--ease-out),translate var(--dur) var(--ease-out),visibility 0s linear var(--dur)}.scroll-to-top.show,.scroll-to-top.visible{opacity:1;visibility:visible;translate:0 0;transition:opacity var(--dur) var(--ease-out),translate var(--dur) var(--ease-out),visibility 0s}.scroll-to-top .icon{width:1.35em;height:1.35em}.scroll-to-top:hover{background-color:var(--signal-hover);translate:0 -2px}.consent-banner{position:fixed;left:50%;bottom:var(--space-sm);translate:-50% 0;z-index:150;width:min(720px,calc(100vw - 2 * var(--space-sm)));display:none;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background-color:var(--surface-overlay);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.consent-banner.show{display:flex}.consent-banner.hiding{opacity:0;transition:opacity var(--dur) var(--ease-out)}.consent-banner p{margin:0;max-width:70ch;color:var(--ink)}.consent-banner__actions{display:flex;gap:var(--space-2xs)}.timezone-update-notification,.toast{position:fixed;left:50%;bottom:var(--space-md);translate:-50% 0;z-index:200;display:flex;align-items:center;gap:.6ch;padding:var(--space-2xs) var(--space-md);background-color:var(--surface-overlay);border:1px solid var(--rule);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);font-size:var(--text-sm);color:var(--ink-strong)}.timezone-update-notification.hide,.toast.hide{opacity:0;transition:opacity var(--dur) var(--ease-out)}.overlay{position:fixed;inset:0;z-index:180;background-color:var(--scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:none}.overlay.active,.overlay.show{display:block}.meeting-confirmation{position:fixed;left:50%;top:50%;translate:-50% -50%;z-index:190;width:min(560px,calc(100vw - 2 * var(--space-sm)));max-height:min(80vh,640px);overflow-y:auto;padding:var(--space-md);background-color:var(--surface-overlay);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.timezone-selection-banner{position:fixed;inset:auto 0 0 0;z-index:140;display:flex;justify-content:center;padding:var(--space-2xs) var(--space-sm);background-color:var(--surface-overlay);border-top:1px solid var(--rule);box-shadow:var(--shadow-lg);translate:0 100%;transition:translate var(--dur) var(--ease-out)}.timezone-selection-banner.is-open{translate:0 0}.banner-content{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs) var(--space-sm);width:100%;max-width:var(--container)}.banner-icon{flex:none;width:1.25rem;height:1.25rem;color:var(--signal)}.banner-message{flex:1 1 22rem;min-width:0;font-size:var(--text-sm)}.banner-message p{margin:0;max-width:none;color:var(--ink)}.banner-message p+p{color:var(--ink-muted)}.banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);margin-inline-start:auto}.banner-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--hit);padding:var(--space-3xs) var(--space-sm);background-color:var(--surface-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--ink-strong);white-space:nowrap;cursor:pointer}.banner-btn:hover{border-color:var(--rule-strong);background-color:var(--surface-sunken)}.banner-btn.primary{background-color:var(--signal);border-color:var(--signal);color:var(--on-signal)}.banner-btn.primary:hover{background-color:var(--signal-hover);border-color:var(--signal-hover)}.banner-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--hit);height:var(--hit);border:none;border-radius:var(--radius-sm);background:0 0;color:var(--ink-faint);cursor:pointer}.banner-close:hover{color:var(--ink-strong);background-color:var(--surface-sunken)}@media (prefers-reduced-motion:reduce){.timezone-selection-banner{transition:none}}.btn-action.is-ok{background-color:var(--ok-quiet);border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok)}.btn-action.is-error{background-color:var(--danger-quiet);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.phase-legend{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);margin-bottom:var(--space-sm);font-size:var(--text-xs);color:var(--ink-muted)}.phase-legend__item{display:inline-flex;align-items:center;gap:.5ch}.phase-legend__swatch{width:12px;height:12px;flex:none;border:1px solid var(--rule-strong);border-radius:3px;background-color:var(--surface-raised)}.phase-legend__item[data-phase=work] .phase-legend__swatch{background-color:var(--phase-work-quiet);border-color:var(--phase-work)}.phase-legend__item[data-phase=off] .phase-legend__swatch{background-color:var(--surface-raised);border-color:var(--phase-off)}.phase-legend__item[data-phase=night] .phase-legend__swatch{background-color:var(--phase-night-quiet);border-color:var(--phase-night)}.central-actions,.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-xs)}.conversion-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2xs);padding:var(--space-lg) var(--space-sm);text-align:center;color:var(--ink-faint);border:1px dashed var(--rule);border-radius:var(--radius-md)}.conversion-placeholder p{margin:0;max-width:40ch;font-size:var(--text-sm)}.conversion-icon{width:1.5rem;height:1.5rem;color:var(--ink-faint)}.error-message{display:flex;align-items:flex-start;gap:.6ch;padding:var(--space-xs) var(--space-sm);background-color:var(--danger-quiet);border:1px solid var(--danger);border-radius:var(--radius-sm);color:var(--danger);font-size:var(--text-sm)}.error-message p{margin:0}body>.floatingchat-container-wrap,body>.floatingchat-container-wrap-mobi{left:auto!important;right:var(--space-sm)!important;bottom:var(--space-sm)!important;z-index:120!important}body>.floating-chat-kofi-popup-iframe,body>.floating-chat-kofi-popup-iframe-mobi{left:auto!important;right:var(--space-sm)!important;z-index:120!important}@media (max-width:640px){body>.floatingchat-container-wrap,body>.floatingchat-container-wrap-mobi{bottom:calc(var(--hit) + 2 * var(--space-sm))!important}body>.floating-chat-kofi-popup-iframe,body>.floating-chat-kofi-popup-iframe-mobi{bottom:calc(var(--hit) + 2 * var(--space-sm) + 59px)!important}}body:has(.consent-banner.show)>.floatingchat-container-wrap,body:has(.consent-banner.show)>.floatingchat-container-wrap-mobi,body:has(.feature-notification-backdrop)>.floatingchat-container-wrap,body:has(.feature-notification-backdrop)>.floatingchat-container-wrap-mobi,body:has(.meeting-confirmation:not(.hidden))>.floatingchat-container-wrap,body:has(.meeting-confirmation:not(.hidden))>.floatingchat-container-wrap-mobi{z-index:80!important}