.pomo{--ink: #0f172a;--dim: #64748b;--faint: #94a3b8;--card: rgba(255, 255, 255, .85);--card-border: #e2e8f0;--line: #e9eef5;--card-shadow: 0 1px 2px rgba(15, 23, 42, .04);--field-bg: #ffffff;--field-border: #e2e8f0;--chip-bg: #f1f5f9;--chip-border: #e2e8f0;--chip-ink: #475569;--ex-border: #cbd5e1;--ex-bg: rgba(255, 255, 255, .6);--brand: #1570ef;--done-bg: #eff6ff;--music-btn-bg: #0f172a;--music-btn-ink: #ffffff;--step-bg: rgba(15, 23, 42, .04);--ring: rgba(21, 112, 239, .12);--active-tint: #f5f9ff;--box-border: #cbd5e1;--box-check: #ffffff;--seg-empty: #e2e8f0;--seg-none: #eef2f7;--panel: rgba(255, 255, 255, .92);--panel-border: #e2e8f0;--panel-border-style: solid;--panel-ink: #0f172a;--panel-dim: #64748b;--panel-shadow: 0 6px 24px -14px rgba(15, 23, 42, .12);--clock-ink: var(--panel-ink);--accent: #1570ef;--accent-soft: #eff6ff;--accent-line: #bfdbfe;--accent-ink: #175cd3;--accent-on: #ffffff;--bar-track: #e2e8f0;--bar-fill: var(--accent);--ghost-border: #e2e8f0;--ghost-ink: #475569;--primary-bg: #1570ef;--primary-border: transparent;--primary-ink: #ffffff;--gap: 14px;--cols: minmax(0, 1fr);--col-b: auto;--sub: contents;--music-row: auto;--panel-pad: 20px;--panel-gap: 18px;--clock: 76px;--now-size: 16.5px;--finish-size: 38px;--player: 152px;--set-cols: repeat(2, minmax(0, 1fr));--track: .16em;--flip: none}.dark .pomo{--ink: #ffffff;--dim: #94a3b8;--faint: #64748b;--card: rgba(15, 23, 42, .8);--card-border: #1e293b;--line: rgba(255, 255, 255, .08);--card-shadow: 0 1px 2px rgba(0, 0, 0, .4);--field-bg: #1e293b;--field-border: #334155;--chip-bg: #1e293b;--chip-border: #334155;--chip-ink: #cbd5e1;--ex-border: #334155;--ex-bg: rgba(30, 41, 59, .5);--brand: #60a5fa;--done-bg: rgba(21, 112, 239, .14);--music-btn-bg: #ffffff;--music-btn-ink: #0f172a;--step-bg: rgba(255, 255, 255, .07);--ring: rgba(96, 165, 250, .16);--active-tint: rgba(21, 112, 239, .12);--box-border: #475569;--box-check: #0b1220;--seg-empty: rgba(255, 255, 255, .1);--seg-none: rgba(255, 255, 255, .06);--panel: rgba(15, 23, 42, .8);--panel-border: #1e293b;--panel-ink: #ffffff;--panel-dim: #94a3b8;--panel-shadow: 0 1px 2px rgba(0, 0, 0, .4);--accent: #60a5fa;--accent-soft: rgba(21, 112, 239, .16);--accent-line: rgba(96, 165, 250, .4);--accent-ink: #93c5fd;--bar-track: rgba(255, 255, 255, .12);--ghost-border: #334155;--ghost-ink: #cbd5e1}.pomo[data-phase=focus]{--panel: linear-gradient(180deg, #0b1220 0%, #101d36 100%);--panel-border: rgba(255, 255, 255, .12);--panel-ink: #ffffff;--panel-dim: rgba(255, 255, 255, .55);--panel-shadow: 0 22px 50px -24px rgba(11, 18, 32, .55);--accent: #2e90fa;--accent-soft: rgba(46, 144, 250, .16);--accent-line: rgba(46, 144, 250, .35);--accent-ink: #b2ddff;--accent-on: #ffffff;--bar-track: rgba(255, 255, 255, .14);--ghost-border: rgba(255, 255, 255, .2);--ghost-ink: rgba(255, 255, 255, .82);--primary-bg: rgba(255, 255, 255, .12);--primary-border: rgba(255, 255, 255, .28);--primary-ink: #ffffff}.dark .pomo[data-phase=focus]{--panel: linear-gradient(180deg, #0b1424 0%, #0e1a30 100%);--panel-shadow: 0 1px 2px rgba(0, 0, 0, .5)}.pomo[data-phase=focus][data-running=false]{--clock-ink: rgba(255, 255, 255, .42);--panel-border-style: dashed;--bar-fill: var(--bar-track);--primary-bg: #ffffff;--primary-ink: #0b1220;--primary-border: transparent}.pomo[data-phase=short],.pomo[data-phase=transition]{--panel: linear-gradient(180deg, #f0fdf6 0%, #e4fbee 100%);--panel-border: #a6f4c5;--panel-ink: #05603a;--panel-dim: #0b7a4b;--panel-shadow: 0 1px 2px rgba(5, 96, 58, .06);--accent: #12b76a;--accent-soft: #dcfae6;--accent-line: #a6f4c5;--accent-ink: #027a48;--accent-on: #ffffff;--bar-track: rgba(5, 96, 58, .14);--ghost-border: #a6f4c5;--ghost-ink: #027a48;--primary-bg: #039855;--primary-border: transparent;--primary-ink: #ffffff}.dark .pomo[data-phase=short],.dark .pomo[data-phase=transition]{--panel: linear-gradient(180deg, #042a1e 0%, #05331f 100%);--panel-border: rgba(18, 183, 106, .38);--panel-ink: #a6f4c5;--panel-dim: rgba(166, 244, 197, .62);--panel-shadow: 0 1px 2px rgba(0, 0, 0, .4);--accent-soft: rgba(18, 183, 106, .16);--accent-line: rgba(18, 183, 106, .4);--accent-ink: #6ce9a6;--bar-track: rgba(166, 244, 197, .16);--ghost-border: rgba(166, 244, 197, .28);--ghost-ink: rgba(214, 251, 229, .9);--primary-bg: #12b76a;--primary-ink: #03291b}.pomo[data-phase=transition]{--panel-border-style: dashed}.pomo[data-phase=long]{--panel: linear-gradient(180deg, #fffcf2 0%, #fef7e4 100%);--panel-border: #fedf89;--panel-ink: #93370d;--panel-dim: #b54708;--panel-shadow: 0 1px 2px rgba(147, 55, 13, .06);--accent: #f79009;--accent-soft: #fef0c7;--accent-line: #fedf89;--accent-ink: #b54708;--accent-on: #ffffff;--bar-track: rgba(147, 55, 13, .14);--ghost-border: #fedf89;--ghost-ink: #b54708;--primary-bg: #dc6803;--primary-border: transparent;--primary-ink: #ffffff}.dark .pomo[data-phase=long]{--panel: linear-gradient(180deg, #2a1705 0%, #331d06 100%);--panel-border: rgba(247, 144, 9, .4);--panel-ink: #fec84b;--panel-dim: rgba(254, 200, 75, .68);--panel-shadow: 0 1px 2px rgba(0, 0, 0, .4);--accent-soft: rgba(247, 144, 9, .16);--accent-line: rgba(247, 144, 9, .42);--accent-ink: #fedf89;--bar-track: rgba(254, 200, 75, .18);--ghost-border: rgba(254, 223, 137, .3);--ghost-ink: rgba(254, 239, 199, .92);--primary-bg: #f79009;--primary-ink: #2a1705}@media(min-width:900px){.pomo{--gap: 20px;--cols: minmax(0, 1fr) 396px;--col-b: 2;--sub: flex;--music-row: 2;--panel-pad: 28px;--panel-gap: 22px;--clock: 108px;--now-size: 18px;--finish-size: 48px;--player: 352px;--set-cols: repeat(4, minmax(0, 1fr))}}.pomo[dir=rtl]{--track: 0em;--flip: scaleX(-1)}.pomo [dir=ltr]{direction:ltr}.pomo button:focus-visible,.pomo input:focus-visible,.pomo [tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}@media(prefers-reduced-motion:reduce){.pomo *{transition:none!important}}