.timer-tool[data-v-78d3ff8d]{background:radial-gradient(circle at 20% 10%,rgba(16,185,129,.18),transparent 45%),radial-gradient(circle at 80% 0,rgba(59,130,246,.12),transparent 40%),#f8fffb;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:64px 24px 96px}.timer-tool__inner[data-v-78d3ff8d]{display:flex;flex-direction:column;gap:28px;width:min(1100px,100%)}.timer-tool .hero[data-v-78d3ff8d]{text-align:center}.timer-tool .hero .eyebrow[data-v-78d3ff8d]{color:#10b981;font-size:12px;letter-spacing:.28em;margin-bottom:10px;text-transform:uppercase}.timer-tool .hero h1[data-v-78d3ff8d]{color:#064e3b;font-size:clamp(32px,4vw,42px)}.timer-tool .hero .subtitle[data-v-78d3ff8d]{color:#475569;margin-top:8px}.timer-tool .workspace[data-v-78d3ff8d]{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:900px){.timer-tool .workspace[data-v-78d3ff8d]{grid-template-columns:1fr}}.timer-tool .panel[data-v-78d3ff8d]{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:28px;box-shadow:0 25px 45px #0f172a14;padding:24px}.timer-tool .panel-head[data-v-78d3ff8d]{display:flex;justify-content:space-between;margin-bottom:16px}.timer-tool .panel-head .label[data-v-78d3ff8d]{color:#16a34a;font-size:12px;letter-spacing:.2em}.timer-tool .panel-head .hint[data-v-78d3ff8d]{color:#94a3b8;font-size:13px}.timer-tool .grid[data-v-78d3ff8d]{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.timer-tool .grid label[data-v-78d3ff8d]{color:#475569;display:flex;flex-direction:column;font-size:13px;gap:6px}.timer-tool .grid label input[type=number][data-v-78d3ff8d]{border:1px solid rgba(148,163,184,.4);border-radius:14px;padding:8px 10px}.timer-tool .grid .toggle[data-v-78d3ff8d]{align-items:center;flex-direction:row;font-weight:600;gap:10px}.timer-tool .grid .toggle input[data-v-78d3ff8d]{height:18px;width:18px}.timer-tool .timer-display[data-v-78d3ff8d]{background:linear-gradient(135deg,#f0fdf4,#e0f2fe);text-align:center}.timer-tool .timer-display.break[data-v-78d3ff8d]{background:linear-gradient(135deg,#e0f2fe,#ede9fe)}.timer-tool .timer-display .state[data-v-78d3ff8d]{color:#0f172a;font-size:13px;letter-spacing:.3em;margin-bottom:8px}.timer-tool .timer-display .time[data-v-78d3ff8d]{color:#0f172a;font-size:clamp(48px,10vw,72px);font-weight:700}.timer-tool .timer-display .cycle[data-v-78d3ff8d]{color:#475569;margin:8px 0 16px}.timer-tool .timer-display .tip[data-v-78d3ff8d]{color:#64748b;font-size:13px;margin-top:16px}.timer-tool .actions[data-v-78d3ff8d]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.timer-tool .custom-card[data-v-78d3ff8d]{background:#fff;border-radius:26px;box-shadow:0 20px 40px #0f172a14;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px}.timer-tool .custom-card .label[data-v-78d3ff8d]{color:#0f172a;font-size:12px;letter-spacing:.2em;margin-bottom:12px}.timer-tool .custom-card .custom-inputs[data-v-78d3ff8d]{display:flex;flex-wrap:wrap;gap:12px}.timer-tool .custom-card .custom-inputs label[data-v-78d3ff8d]{color:#475569;display:flex;flex-direction:column;font-size:13px;gap:6px}.timer-tool .custom-card .custom-inputs label input[data-v-78d3ff8d]{border:1px solid rgba(148,163,184,.4);border-radius:12px;padding:8px 10px;width:90px}.timer-tool .custom-card .custom-inputs input[type=text][data-v-78d3ff8d]{border:1px solid rgba(148,163,184,.4);border-radius:12px;min-width:180px;padding:8px 12px}.timer-tool .custom-card .custom-display[data-v-78d3ff8d]{flex:1;text-align:center}.timer-tool .custom-card .custom-display p[data-v-78d3ff8d]{font-size:36px;font-weight:600;margin-bottom:12px}.timer-tool .history[data-v-78d3ff8d]{background:#f0fdfa;border:1px solid rgba(16,185,129,.2);border-radius:26px;padding:18px}.timer-tool .history .chips[data-v-78d3ff8d]{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.timer-tool .history .chips span[data-v-78d3ff8d]{background:#10b98126;border-radius:999px;color:#065f46;font-size:13px;padding:6px 14px}.timer-tool .primary[data-v-78d3ff8d]{background:linear-gradient(120deg,#10b981,#0ea5e9);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px}.timer-tool .primary[data-v-78d3ff8d]:disabled{cursor:not-allowed;opacity:.5}.timer-tool .ghost[data-v-78d3ff8d]{background:transparent;border:1px solid rgba(148,163,184,.4);border-radius:999px;cursor:pointer;font-weight:600;padding:9px 20px}