.details-box.svelte-1p302vg{margin-top:40px;padding:40px;max-width:800px;margin-left:auto;margin-right:auto;background:#ffffff08}.h2-detail.svelte-1p302vg{font-size:18px;line-height:1.6;color:#ffffffe6;margin-bottom:32px;font-weight:400}.detail-grid.svelte-1p302vg{display:grid;grid-template-columns:1fr 1fr;gap:40px}.h3-detail.svelte-1p302vg{font-size:16px;color:#ffffffb3;margin-bottom:16px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.detail-list.svelte-1p302vg{list-style:none;padding:0;margin:0}.detail-list.svelte-1p302vg li:where(.svelte-1p302vg){color:#fff9;margin-bottom:12px;font-size:15px;line-height:1.5;padding-left:20px;position:relative}.detail-list.svelte-1p302vg li:where(.svelte-1p302vg):before{content:"•";position:absolute;left:0;color:#ffffff4d}@media(max-width:768px){.detail-grid.svelte-1p302vg{grid-template-columns:1fr;gap:32px}}.head.svelte-1p302vg{margin:10px 0 24px}.nav-link.svelte-1p302vg{margin-bottom:12px}.back-link.svelte-1p302vg{font-size:14px;color:#fff9;text-decoration:none}.back-link.svelte-1p302vg:hover{color:#ffffffe6}.title.svelte-1p302vg{margin:0;font-size:32px;letter-spacing:-.04em}.sub.svelte-1p302vg{margin:10px 0 0;color:#ffffffb3}.settings.svelte-1p302vg{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);width:100%;max-width:300px;margin-left:auto;margin-right:auto}.settings-title.svelte-1p302vg{font-size:16px;color:#ffffff80;margin-bottom:16px;font-weight:500}.inputs.svelte-1p302vg{display:flex;gap:16px;margin-bottom:16px}.input-group.svelte-1p302vg{flex:1;display:flex;flex-direction:column;gap:8px}.input-group.svelte-1p302vg label:where(.svelte-1p302vg){font-size:12px;color:#fff9}.input-group.svelte-1p302vg input:where(.svelte-1p302vg){background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;color:#fff;font-size:16px;text-align:center;outline:none;transition:all .2s}.input-group.svelte-1p302vg input:where(.svelte-1p302vg):focus{border-color:#ffffff4d;background:#ffffff1a}.btn-text.svelte-1p302vg{background:transparent;color:#ffffff80;border:none;padding:8px 16px;font-size:14px;cursor:pointer;width:100%;border-radius:8px;transition:all .2s}.btn-text.svelte-1p302vg:hover{background:#ffffff0d;color:#fffc}.container-box.svelte-1p302vg{padding:40px;display:flex;flex-direction:column;align-items:center;gap:40px;min-height:500px;justify-content:center}.timer-display.svelte-1p302vg{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center}.progress-ring.svelte-1p302vg{transform:rotate(-90deg)}.progress-ring__circle.svelte-1p302vg{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}.time-text.svelte-1p302vg{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px}.status-label.svelte-1p302vg{font-size:18px;font-weight:600;color:#fca5a5;background:#ef444433;padding:6px 16px;border-radius:999px}.status-label.resting.svelte-1p302vg{color:#86efac;background:#22c55e33}.time-value.svelte-1p302vg{font-size:64px;font-weight:700;font-family:Fira Code,monospace;letter-spacing:-2px;color:#fff}.controls.svelte-1p302vg{display:flex;gap:16px}.btn.svelte-1p302vg{padding:12px 32px;border-radius:16px;font-size:18px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-main.svelte-1p302vg{background:#ef4444;color:#fff;min-width:140px}.btn-main.svelte-1p302vg:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-main.paused.svelte-1p302vg{background:#f59e0b}.btn-sub.svelte-1p302vg{background:#ffffff1a;color:#fff}.btn-sub.svelte-1p302vg:hover{background:#fff3}