.wl-fade{transition:opacity .2s ease}.wl-off{opacity:0;pointer-events:none}.wl-inputs{padding-block:var(--space-8);padding-inline:var(--space-6);border-bottom:var(--border);display:flex;flex-direction:column;gap:var(--space-3)}.wl-unsupported{padding:var(--space-4);background:var(--color-bg-tertiary);border:var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-1)}.wl-unsupported[hidden]{display:none}.wl-unsupported-hint{color:var(--color-text-subtle)}.wl-text-action{background:none;border:none;padding:0;color:var(--color-text-muted);font-size:var(--text-sm);font-family:inherit;cursor:pointer;text-align:left;transition:color var(--duration-fast) ease;width:fit-content}.wl-text-action:hover{color:var(--color-text)}.wl-time-options-panel{display:flex;flex-direction:column;gap:var(--space-3)}.wl-time-options-panel[hidden]{display:none}.wl-duration-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.wl-format-row{display:flex;gap:var(--space-2);align-items:center}.wl-fmt,.wl-dur{min-height:36px;padding-inline:var(--space-3);border:var(--border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-family:inherit;cursor:pointer;transition:var(--transition-color)}.wl-fmt:hover,.wl-dur:hover{color:var(--color-text);border-color:var(--color-text-muted)}.wl-fmt.selected,.wl-dur.selected{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.wl-dur:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.wl-dur-inf{font-size:var(--text-2xl);line-height:1}.wl-custom-input{min-height:36px;width:140px;padding-inline:var(--space-2);border:var(--border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);font-size:var(--text-xs);font-family:inherit;text-align:center;transition:var(--transition-color)}.wl-custom-input:focus{outline:none;border-color:var(--color-text-muted);color:var(--color-text)}.wl-custom-input.selected{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.wl-custom-input:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.wl-toggle-switch{display:inline-flex;align-items:center;flex-shrink:0;width:32px;height:18px;border-radius:9px;border:1.5px solid var(--color-text-subtle);background:transparent;cursor:pointer;padding:3px;transition:background-color var(--duration-normal) ease,border-color var(--duration-normal) ease}.wl-toggle-switch:disabled{opacity:.4;cursor:not-allowed}.wl-toggle-knob{width:10px;height:10px;border-radius:50%;background:var(--color-text-subtle);flex-shrink:0;transition:transform var(--duration-normal) ease,background-color var(--duration-normal) ease}.wl-toggle-switch[aria-checked=true]{border-color:var(--color-gold);background:var(--color-gold-subtle)}.wl-toggle-switch[aria-checked=true] .wl-toggle-knob{transform:translate(14px);background:var(--color-gold);animation:dot-breathe 5s ease-in-out infinite}.wl-status{padding-block:var(--space-8);padding-inline:var(--space-6);border-bottom:var(--border);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-height:260px;justify-content:flex-start}.wl-status-row{display:flex;align-items:center;gap:var(--space-3)}.wl-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.wl-dot[data-state=inactive]{background:transparent;border:2px solid var(--color-text-subtle)}.wl-dot[data-state=active]{background:var(--color-gold);border:none;animation:dot-breathe 5s ease-in-out infinite}.wl-dot[data-state=completed]{background:var(--color-success);border:none}.wl-status-label{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);min-width:110px;text-align:left}.wl-timer{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);overflow:hidden;max-height:80px;transition:max-height .25s ease,opacity .2s ease}.wl-timer.wl-off{max-height:0;opacity:0;pointer-events:none}.wl-timer-meta{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.wl-timer-value{font-family:var(--font-mono);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.wl-meta-block{display:grid;grid-template-columns:max-content 1fr;column-gap:var(--space-3);row-gap:var(--space-2);align-items:baseline;overflow:hidden;max-height:80px;transition:max-height .25s ease,opacity .2s ease}.wl-meta-block.wl-off{max-height:0;opacity:0;pointer-events:none}.wl-ends-value{color:var(--color-text);font-weight:var(--font-weight-medium)}.wl-msg{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;transition:opacity .2s ease}.wl-view-actions{display:flex;align-items:center;gap:var(--space-2)}.wl-fs-btn{background:none;border:none;padding:0;color:var(--color-text-subtle);font-size:var(--text-xs);font-family:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast) ease}.wl-fs-btn:hover{color:var(--color-text-muted)}.wl-fullscreen{position:fixed;inset:0;z-index:9999;background:#0f1115;transition:background-color .6s ease;display:flex;align-items:flex-end;justify-content:flex-start;padding:var(--space-8)}.wl-fullscreen[hidden]{display:none}.wl-fullscreen[data-state=active]{background:#16100a}.wl-fullscreen[data-state=completed]{background:#071a0d}.wl-fs-content{display:flex;flex-direction:column;gap:var(--space-3)}.wl-fs-status-row{display:flex;align-items:center;gap:var(--space-3)}.wl-fs-dot{width:12px;height:12px}.wl-fs-label{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:#f4f4f4}.wl-fs-timer{display:flex;flex-direction:column;gap:var(--space-1)}.wl-fs-timer[hidden]{display:none}.wl-fs-timer-meta{font-size:var(--text-xs);color:#6b7280;text-transform:uppercase;letter-spacing:.08em}.wl-fs-timer-value{font-family:var(--font-mono);font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);color:#f4f4f4}.wl-fs-meta-block{display:grid;grid-template-columns:max-content auto;column-gap:var(--space-3);row-gap:var(--space-2);align-items:baseline}.wl-fs-meta-row{display:contents}.wl-fs-meta-row[hidden]{display:none}.wl-fs-meta-value{font-size:var(--text-sm);color:#a0a0a0;font-weight:var(--font-weight-medium)}.wl-fs-exit{position:absolute;top:var(--space-6);right:var(--space-6);background:none;border:none;padding:var(--space-2);color:#6b7280;font-size:var(--text-lg);font-family:inherit;cursor:pointer;transition:color var(--duration-fast) ease;line-height:1}.wl-fs-exit:hover{color:#f4f4f4}