/* Scoped Clock appearance: independent of the chosen Jarvis chat theme. */
#timers-view { --bg:#000; --text-2:#d4d4d8; }
#timers-view { --text:#f5f5f7; --muted:#949499; --surface:#000; --elevated:#1c1c1e; --border:#29292c; --accent:#ffab45; color-scheme:dark; background:#000 !important; color:var(--text); font-family: ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; padding:0 !important; height:100dvh; grid-template-rows:auto minmax(0,1fr); animation:none; }
#timers-view [hidden] { display:none !important; }
#timers-view button, #timers-view input, #timers-view select { font-family:inherit; }
#timers-view :focus-visible { outline:2px solid #ffab45; outline-offset:4px; }
#timers-view .content-view-header { background:#000 !important; border-bottom:1px solid #19191b; min-height:64px; padding:12px 24px !important; margin:0 !important; }
#timers-view .content-view-brand strong { color:#f5f5f7; font:500 16px/1.2 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important; }
#timers-view .content-view-brand small { color:#999; }
#timers-view .content-view-body { width:100%; max-width:760px; min-height:0; padding:26px 32px 145px !important; margin:0 auto !important; animation:none; }
#timers-view .clock-toolbar { display:flex; justify-content:space-between; align-items:center; min-height:46px; padding-right:68px; }
#timers-view .clock-pill { display:inline-flex; align-items:center; justify-content:center; background:#171719; border:1px solid #303033; border-radius:30px; min-height:44px; padding:9px 19px; color:#f5f5f7; font-size:16px; cursor:pointer; white-space:nowrap; }
#timers-view .clock-zone { color:#88888e; font-size:10px; letter-spacing:.16em; }
#timers-view h1 { font-size:clamp(38px,6vw,52px); font-weight:700; letter-spacing:-.04em; line-height:1.15; margin:24px 0 38px; }
#timers-view .clock-panel { position:static; padding:0; min-height:340px; }
#timers-view .clock-tabs { position:fixed; bottom:max(18px,env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); width:calc(100% - 32px); max-width:510px; margin:0; padding:5px; gap:4px; background:rgba(24,24,26,.96); backdrop-filter:blur(20px); border:1px solid #3a3a3d; box-shadow:0 4px 30px #0009; z-index:10; }
#timers-view .clock-tab { flex:1; min-width:0; min-height:69px; padding:6px 2px; gap:5px; flex-direction:column; color:#f1f1f3; font-size:12px; font-weight:500; letter-spacing:0; }
#timers-view .clock-tab svg { width:29px; height:29px; }
#timers-view .clock-tab.is-active { color:#ffab45; background:#363638; box-shadow:none; }
#timers-view .clock-next h2 { display:flex; align-items:center; gap:9px; font-size:20px; margin:0; padding-bottom:15px; border-bottom:1px solid #303033; letter-spacing:-.025em; }
#timers-view .clock-next h2 svg { width:23px; height:23px; }
#timers-view .clock-next-body { display:flex; align-items:center; gap:18px; justify-content:space-between; padding:25px 0; border-bottom:1px solid #303033; }
#timers-view #clock-hero { min-width:0; }
#timers-view #clock-hero-next { margin:0 0 9px; color:#d4d4d8; font-size:clamp(21px,4vw,29px); line-height:1.25; font-weight:300; letter-spacing:-.025em; overflow-wrap:anywhere; }
#timers-view .clock-next small { color:#96969c; font-size:14px; }
#timers-view #clock-next-edit { color:#ffab45; font-weight:600; font-size:13px; text-transform:uppercase; padding:6px 14px; min-height:36px; border:0; }
#timers-view .clock-list-title { font-size:22px; margin:46px 0 12px; font-weight:600; letter-spacing:-.02em; }
#timers-view .alarm-list { gap:0; border-top:1px solid #303033; }
#timers-view .alarm-row { display:flex; gap:14px; padding:19px 0; border:0; border-bottom:1px solid #303033; border-radius:0; background:transparent; box-shadow:none; }
#timers-view .alarm-row:hover { transform:none; background:#111; }
#timers-view .alarm-row-left { flex:1; }
#timers-view .alarm-row-time { font-family:inherit; font-size:clamp(54px,9vw,78px); font-weight:200; letter-spacing:-.045em; line-height:1.08; color:#f5f5f7; }
#timers-view .alarm-row-meta { font-size:14px; line-height:1.5; color:#a0a0a6; overflow-wrap:anywhere; }
#timers-view .alarm-row-when { font-size:12px; line-height:1.5; color:#9a9aa0; }
#timers-view .alarm-row.is-off .alarm-row-time { opacity:1; color:#737378; }
#timers-view .alarm-row.is-off .alarm-row-meta, #timers-view .alarm-row.is-off .alarm-row-when { opacity:1; color:#8c8c91; }
#timers-view .alarm-row-toggle { width:58px; height:34px; }
#timers-view .alarm-row-toggle-track { background:#444447; }
#timers-view .alarm-row-toggle-track::after { width:28px; height:28px; }
#timers-view .alarm-row-toggle input:checked + .alarm-row-toggle-track { background:#30d158; }
#timers-view .alarm-row-toggle input:checked + .alarm-row-toggle-track::after { transform:translateX(24px); }
#timers-view .clock-row-delete { display:none; background:#d73535; color:#fff; border:0; border-radius:50%; width:32px; height:32px; flex:none; font-size:22px; cursor:pointer; }
#timers-view.clock-editing .clock-row-delete { display:block; }
#timers-view .clock-fab { position:absolute; top:26px; right:32px; bottom:auto; width:46px; height:46px; border:1px solid #303033; background:#171719; color:white; box-shadow:none; border-radius:50%; }
#timers-view .clock-fab svg { width:26px; height:26px; }
#timers-view .clock-wheel-picker { display:flex; position:relative; margin:40px auto 28px; height:220px; max-width:540px; isolation:isolate; }
#timers-view .clock-wheel-picker::before { content:""; position:absolute; top:88px; height:44px; inset-inline:0; background:#1c1c1e; border-radius:20px; z-index:-1; }
#timers-view .clock-wheel-unit { display:flex; align-items:center; width:33.333%; min-width:0; }
#timers-view .clock-wheel-unit > span { font-size:20px; font-weight:500; padding-right:10px; pointer-events:none; }
#timers-view .clock-wheel { flex:1; min-width:0; height:220px; overflow-y:auto; overscroll-behavior:contain; scroll-snap-type:y mandatory; padding-block:88px; scrollbar-width:none; box-sizing:border-box; mask-image:linear-gradient(transparent,#000 37%,#000 63%,transparent); touch-action:pan-y; }
#timers-view .clock-wheel::-webkit-scrollbar { display:none; }
#timers-view .clock-wheel > div { height:44px; flex:none; line-height:44px; text-align:right; padding-right:7px; font-size:32px; font-weight:300; color:#74747a; scroll-snap-align:center; cursor:pointer; }
#timers-view .clock-wheel > div.selected { color:#f5f5f7; }
#timers-view .clock-round-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:24px 0 40px; }
#timers-view .clock-round { width:94px; height:94px; border-radius:50%; border:0; background:#202023; color:#c2c2c7; font-size:13px; cursor:pointer; padding:4px; }
#timers-view .clock-start { background:#072b13; color:#32d85d; font-size:21px; }
#timers-view .clock-start.is-stopping { background:#381012; color:#ff514d; }
#timers-view button:disabled { opacity:.42; cursor:default; }
#timers-view .clock-settings { border-radius:22px; padding:0 18px; background:#1c1c1e; }
#timers-view .clock-setting-row { display:flex; align-items:center; min-height:60px; gap:10px; }
#timers-view .clock-setting-row + .clock-setting-row { border-top:1px solid #38383a; }
#timers-view .clock-setting-row label { font-size:16px; flex:1; white-space:nowrap; }
#timers-view .clock-setting-row input, #timers-view .clock-setting-row select { width:auto; min-width:0; max-width:52%; flex:1; border:0; outline-offset:0; border-radius:6px; background:transparent; color:#a6a6ac; font-size:16px; text-align:right; padding:10px 0; box-shadow:none; }
#timers-view .clock-setting-row select { text-align-last:right; cursor:pointer; }
#timers-view .clock-preview { background:#303033; color:#ffab45; border:0; border-radius:16px; padding:8px 10px; min-height:38px; font-size:12px; cursor:pointer; }
#timers-view .clock-quick { margin:32px 0 24px; }
#timers-view .clock-quick summary { font-size:18px; font-weight:600; cursor:pointer; padding:12px 0; }
#timers-view .timer-presets { margin:12px 0; justify-content:flex-start; }
#timers-view .timer-custom { margin:15px 0; }
#timers-view .timer-hero { width:240px; height:240px; margin:0 auto 24px; }
#timers-view .timer-hero-time { color:#f5f5f7; font-family:inherit; font-weight:200; font-size:50px; }
#timers-view .timer-hero-ring-fg { stroke:#ffab45; }
#timers-view .timer-controls { justify-content:center; flex-wrap:wrap; margin:20px 0; }
#timers-view .clock-timer-list { margin-top:24px; }
#timers-view .timer-row-mini { border:0; border-bottom:1px solid #303033; border-radius:0; background:transparent; }
#timers-view .clock-audio-help { margin-top:30px; color:#909096; font-size:12px; line-height:1.6; }
#timers-view .clock-audio-help summary { cursor:pointer; padding:10px 0; }
#timers-view .clock-audio-help button { margin:10px 0 0; font-size:13px; }
#timers-view #timer-error:empty, #timers-view #timer-audio-status:empty, #timers-view #clock-sound-status:empty { display:none; }
#timers-view .clock-stopwatch-time { font-size:clamp(56px,19vw,108px); font-weight:200; line-height:1.2; letter-spacing:-.05em; font-variant-numeric:tabular-nums; text-align:center; margin:100px 0 90px; }
#timers-view #clock-laps { list-style:none; margin:0; padding:0; border-top:1px solid #303033; }
#timers-view #clock-laps li { display:flex; justify-content:space-between; padding:16px 0; border-bottom:1px solid #303033; font-variant-numeric:tabular-nums; color:#d1d1d6; }
#timers-view .clock-city-picker { display:flex; gap:12px; align-items:center; margin:0 0 30px; }
#timers-view .clock-city-picker label { color:#99999f; font-size:13px; }
#timers-view .clock-city-picker select { background:#1c1c1e; color:#eee; padding:12px; border:1px solid #333; border-radius:12px; min-width:0; flex:1; }
#timers-view .clock-world-row { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid #303033; padding:25px 0; }
#timers-view .clock-world-row small { display:block; color:#94949b; font-size:13px; margin-bottom:7px; }
#timers-view .clock-world-row strong { font-size:28px; font-weight:400; }
#timers-view .clock-world-row time { font-size:clamp(45px,8vw,70px); font-weight:200; letter-spacing:-.04em; font-variant-numeric:tabular-nums; margin-left:auto; }
#timers-view .clock-city-remove { display:none; border:0; color:#ff514d; background:#261012; border-radius:50%; min-width:32px; height:32px; font-size:22px; cursor:pointer; }
#timers-view.clock-editing .clock-city-remove { display:block; }
#timers-view[data-clock-active="timers"] #clock-edit, #timers-view[data-clock-active="stopwatch"] #clock-edit { visibility:hidden; }
#timers-view #alarm-editor { color:#f5f5f7; max-height:90dvh; overflow:auto; border-radius:24px; }
#timers-view .alarm-editor-card { background:#141416; border-color:#333; color:#f5f5f7; overflow:visible; }
#timers-view .alarm-editor-head { background:#141416; position:sticky; top:0; z-index:2; }
#timers-view .alarm-editor-head button { color:#ffab45 !important; background:transparent !important; padding:10px 4px !important; font-size:14px !important; }
#timers-view .alarm-editor-head strong { font-size:14px; }
#timers-view .alarm-editor-spinner { font-family:inherit !important; color:#f5f5f7 !important; background:#252527 !important; font-size:48px !important; line-height:1.2 !important; padding:10px 16px !important; border-radius:16px !important; }
#timers-view .clock-setting-row select { flex:1.6; font-size:14px !important; padding:8px 26px 8px 4px !important; background-color:transparent !important; }
#timers-view [data-tone-status]:empty { display:none; }
#timers-view .alarm-editor-time { padding:14px 0; }
#timers-view .alarm-editor-field input, #timers-view .alarm-editor-field select { color:#f5f5f7; background:#252527; }
#timers-view .alarm-editor-days label input:checked + span { color:#000; background:#ffab45; }
@media (max-width:540px) {
  #timers-view .content-view-header { padding:10px 18px !important; }
  #timers-view .content-view-body { padding:22px 18px 135px !important; }
  #timers-view .clock-fab { top:22px; right:18px; }
  #timers-view .clock-zone { display:none; }
  #timers-view h1 { margin-top:23px; margin-bottom:35px; }
  #timers-view .clock-setting-row { gap:7px; }
  #timers-view .clock-setting-row label, #timers-view .clock-setting-row input, #timers-view .clock-setting-row select { font-size:14px; }
  #timers-view .clock-preview { padding:8px; font-size:11px; }
  #timers-view .clock-wheel-unit > span { font-size:18px; padding-right:5px; }
  #timers-view .clock-wheel > div { font-size:30px; }
  #timers-view .clock-stopwatch-time { margin:80px 0; }
  #timers-view .alarm-editor-body { padding:18px 14px; }
  #timers-view .clock-world-row strong { font-size:24px; }
}
@media (prefers-reduced-motion:reduce) { #timers-view *, #timers-view *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }