:root{--ct-primary:#ea580c;--ct-primary-hover:#c2410c;--ct-text:#1e293b;--ct-text-muted:#64748b;--ct-bg:#fff;--ct-bg-hover:#fff7ed;--ct-border:#e2e8f0;--ct-border-light:#f1f5f9;--ct-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--ct-shadow-md:0 4px 12px #00000014;--ct-radius:var(--main-radius,8px);--ct-radius-lg:var(--main-radius-lg,12px);--ct-color-1:#ea580c;--ct-color-2:#dc2626;--ct-color-3:#059669;--ct-color-4:#4f46e5;--ct-color-5:#7c3aed;--ct-color-6:#db2777;--ct-color-7:#0d9488;--ct-color-8:#d97706;--ct-ring-size:120px;--ct-ring-stroke:6;--ct-ring-bg:#f1f5f9}._ct-container{max-width:720px;min-height:400px;margin:0 auto}@media (max-width:768px){._ct-container{padding-left:1rem;padding-right:1rem}}._ct-setup{background:var(--ct-bg);border-radius:var(--ct-radius-lg);box-shadow:var(--ct-shadow);border-style:solid;border-width:1px;border-color:var(--ct-border);margin-bottom:1.5rem;padding:1.25rem}._ct-setup-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}._ct-label-input{border-style:solid;border-width:1.5px;border-color:var(--ct-border);border-radius:var(--ct-radius);min-width:140px;color:var(--ct-text);background:var(--ct-bg);outline:none;flex:1;padding:.5rem .75rem;font-size:.875rem}._ct-label-input:focus{border-color:var(--ct-primary);box-shadow:0 0 0 3px #ea580c1a}._ct-label-input::placeholder{color:var(--ct-text-muted)}._ct-time-group{align-items:center;gap:.5rem;display:flex}._ct-time-inputs{align-items:center;gap:.25rem;display:flex}._ct-time-field{border-style:solid;border-width:1.5px;border-color:var(--ct-border);border-radius:var(--ct-radius);width:3rem;font-size:.875rem;font-family:var(--main-font-mono);text-align:center;color:var(--ct-text);background:var(--ct-bg);-moz-appearance:textfield;outline:none;padding:.5rem .25rem}._ct-time-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._ct-time-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._ct-time-field:focus{border-color:var(--ct-primary);box-shadow:0 0 0 3px #ea580c1a}._ct-time-sep{color:var(--ct-text-muted);font-size:1rem;font-weight:600}._ct-quick-btns{gap:.25rem;display:flex}._ct-quick-btn{border-style:solid;border-width:1.5px;border-color:var(--ct-border);border-radius:var(--ct-radius);color:var(--ct-text-muted);background:var(--ct-bg);cursor:pointer;white-space:nowrap;padding:.375rem .625rem;font-size:.75rem;font-weight:500}._ct-quick-btn:hover{border-color:var(--ct-primary);color:var(--ct-primary);background:var(--ct-bg-hover)}._ct-setup-actions{align-items:center;gap:.5rem;display:flex}._ct-start-btn{background:var(--ct-primary);color:#fff;border-radius:var(--ct-radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #ea580c40}._ct-start-btn:hover{background:var(--ct-primary-hover)}._ct-start-btn:disabled{opacity:.5;cursor:not-allowed}._ct-sound-btn{border-style:solid;border-width:1.5px;border-color:var(--ct-border);border-radius:var(--ct-radius);background:var(--ct-bg);width:2.25rem;height:2.25rem;color:var(--ct-text-muted);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}._ct-sound-btn:hover{border-color:var(--ct-primary);color:var(--ct-primary)}._ct-sound-btn.is-muted{color:var(--ct-text-muted);opacity:.5}@media (max-width:640px){._ct-setup-row{flex-direction:column;align-items:stretch}._ct-label-input{min-width:unset}._ct-time-group{justify-content:space-between}._ct-setup-actions{justify-content:stretch}._ct-start-btn{flex:1;justify-content:center}}._ct-timers{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;min-height:0;margin-bottom:1.5rem;display:grid}._ct-timers:empty{min-height:0;margin-bottom:0}._ct-timer-card{background:var(--ct-bg);border-radius:var(--ct-radius-lg);box-shadow:var(--ct-shadow);border-style:solid;border-width:1px;border-color:var(--ct-border);flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;display:flex;position:relative}._ct-timer-card[data-color="1"]{border-top-width:3px;border-top-color:var(--ct-color-1)}._ct-timer-card[data-color="2"]{border-top-width:3px;border-top-color:var(--ct-color-2)}._ct-timer-card[data-color="3"]{border-top-width:3px;border-top-color:var(--ct-color-3)}._ct-timer-card[data-color="4"]{border-top-width:3px;border-top-color:var(--ct-color-4)}._ct-timer-card[data-color="5"]{border-top-width:3px;border-top-color:var(--ct-color-5)}._ct-timer-card[data-color="6"]{border-top-width:3px;border-top-color:var(--ct-color-6)}._ct-timer-card[data-color="7"]{border-top-width:3px;border-top-color:var(--ct-color-7)}._ct-timer-card[data-color="8"]{border-top-width:3px;border-top-color:var(--ct-color-8)}._ct-timer-card.is-finished{animation:1s ease-in-out infinite _ct-flash}@keyframes _ct-flash{0%,to{opacity:1}50%{opacity:.6}}._ct-timer-delete{width:1.5rem;height:1.5rem;color:var(--ct-text-muted);cursor:pointer;border-radius:var(--main-radius-full,50%);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:.5rem;right:.5rem}._ct-timer-delete:hover{color:#dc2626;background:#dc262614}._ct-timer-label{color:var(--ct-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.8125rem;font-weight:600;overflow:hidden}._ct-ring-wrap{width:var(--ct-ring-size);height:var(--ct-ring-size);position:relative}._ct-ring-svg{width:100%;height:100%}._ct-ring-bg{fill:none;stroke:var(--ct-ring-bg);stroke-width:var(--ct-ring-stroke)}._ct-ring-progress{fill:none;stroke-width:var(--ct-ring-stroke);stroke-linecap:round;transition:stroke-dashoffset .5s}._ct-timer-card[data-color="1"] ._ct-ring-progress{stroke:var(--ct-color-1)}._ct-timer-card[data-color="2"] ._ct-ring-progress{stroke:var(--ct-color-2)}._ct-timer-card[data-color="3"] ._ct-ring-progress{stroke:var(--ct-color-3)}._ct-timer-card[data-color="4"] ._ct-ring-progress{stroke:var(--ct-color-4)}._ct-timer-card[data-color="5"] ._ct-ring-progress{stroke:var(--ct-color-5)}._ct-timer-card[data-color="6"] ._ct-ring-progress{stroke:var(--ct-color-6)}._ct-timer-card[data-color="7"] ._ct-ring-progress{stroke:var(--ct-color-7)}._ct-timer-card[data-color="8"] ._ct-ring-progress{stroke:var(--ct-color-8)}._ct-ring-time{font-size:1.375rem;font-weight:700;font-family:var(--main-font-mono);color:var(--ct-text);letter-spacing:-.02em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._ct-timer-controls{align-items:center;gap:.5rem;display:flex}._ct-timer-btn{border-radius:var(--main-radius-full,50%);cursor:pointer;border:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}._ct-timer-btn-play{background:var(--ct-primary);color:#fff}._ct-timer-btn-play:hover{background:var(--ct-primary-hover)}._ct-timer-btn-reset{border-style:solid;border-width:1.5px;border-color:var(--ct-border);color:var(--ct-text-muted);background:0 0}._ct-timer-btn-reset:hover{border-color:var(--ct-primary);color:var(--ct-primary)}._ct-timer-card.is-finished ._ct-ring-time{color:#dc2626}._ct-timer-card.is-finished ._ct-timer-btn-dismiss{color:#fff;border-radius:var(--ct-radius);background:#dc2626;width:auto;padding:.375rem .75rem;font-size:.75rem;font-weight:600}._ct-timer-card.is-finished ._ct-timer-btn-dismiss:hover{opacity:.9}._ct-empty-state{text-align:center;color:var(--ct-text-muted);background:var(--ct-bg);border-radius:var(--ct-radius-lg);border-style:dashed;border-width:2px;border-color:var(--ct-border);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}._ct-empty-icon{opacity:.3;color:var(--ct-primary);margin-bottom:1rem}._ct-empty-icon svg{width:40px;height:40px}._ct-empty-text{max-width:280px;font-size:.875rem;line-height:1.5}@media (max-width:480px){._ct-timers{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}._ct-ring-wrap{--ct-ring-size:100px}._ct-ring-time{font-size:1.125rem}}._ct-presets{background:var(--ct-bg);border-radius:var(--ct-radius-lg);box-shadow:var(--ct-shadow);border-style:solid;border-width:1px;border-color:var(--ct-border);overflow:hidden}._ct-presets-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}._ct-presets-header:hover{background:var(--ct-bg-hover)}._ct-presets-title{color:var(--ct-text);font-size:.875rem;font-weight:600}._ct-presets-chevron{color:var(--ct-text-muted);transition:transform .2s;display:inline-flex}._ct-presets.is-collapsed ._ct-presets-chevron{transform:rotate(-90deg)}._ct-presets-body{flex-direction:column;gap:1rem;padding:0 1.25rem 1.25rem;display:flex}._ct-presets.is-collapsed ._ct-presets-body{display:none}._ct-preset-group-title{color:var(--ct-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600}._ct-preset-items{flex-wrap:wrap;gap:.375rem;display:flex}._ct-preset-btn{border-style:solid;border-width:1.5px;border-color:var(--ct-border);border-radius:var(--main-radius-full,999px);background:var(--ct-bg);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.8125rem;display:inline-flex}._ct-preset-btn:hover{border-color:var(--ct-primary);background:var(--ct-bg-hover)}._ct-preset-name{color:var(--ct-text);font-weight:500}._ct-preset-time{color:var(--ct-text-muted);font-size:.75rem;font-family:var(--main-font-mono)}@media (max-width:480px){._ct-preset-btn{padding:.3125rem .625rem;font-size:.75rem}}