*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{font-family:var(--cwz-font-body,system-ui, -apple-system, sans-serif);background:var(--cwz-bg,#f2f4f7);color:var(--cwz-text,#1a1a1a);margin:0;padding:40px 20px 80px;line-height:1.6}#choiwaza-header{margin-bottom:32px}#choiwaza-footer{margin-top:48px}.page-title{font:700 22px var(--cwz-font-body,sans-serif);color:var(--cwz-text-strong,#1a1a1a);text-align:center;margin:0 0 6px}.page-lead{font:400 13px/1.7 var(--cwz-font-body,sans-serif);color:var(--cwz-text-dim,#555);text-align:center;margin:0 0 24px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.actions{flex-wrap:wrap;gap:8px;margin-top:24px;margin-bottom:24px;display:flex}.cwz-card+.cwz-card{margin-top:24px}.timer-card{text-align:center}.phase-label{font:600 18px var(--cwz-font-body,sans-serif);color:var(--cwz-text-dim,#555);letter-spacing:.1em;margin:0}.phase-label[data-phase=work]{color:var(--cwz-accent,#2f6fed)}.time-display{font:700 clamp(56px, 18vw, 96px) var(--cwz-font-mono,ui-monospace, monospace);color:var(--cwz-text,#1a1a1a);font-variant-numeric:tabular-nums;margin:4px 0 12px;line-height:1.1}.progress-wrap{background:var(--cwz-border,#e3e6ea);border-radius:5px;max-width:560px;height:10px;margin:0 auto;overflow:hidden}.progress-bar{background:var(--cwz-accent,#2f6fed);border-radius:5px;width:0%;height:100%;transition:width .25s linear}.progress-bar[data-phase=break],.progress-bar[data-phase=longBreak]{background:var(--cwz-text-dim,#6a9955)}.sets-display{font:500 14px var(--cwz-font-body,sans-serif);color:var(--cwz-text-dim,#555);margin:12px 0 0}.timer-actions{justify-content:center}.settings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}@media (max-width:560px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--cwz-text-dim,#555);font-size:12px}.field-input{border:1px solid var(--cwz-border,#ddd);background:var(--cwz-card-bg,#fff);color:var(--cwz-text,#1a1a1a);font:400 14px var(--cwz-font-body,sans-serif);border-radius:8px;padding:9px 12px}.field-input:focus{outline:2px solid var(--cwz-accent,#2f6fed);outline-offset:1px}.sound-field{margin-top:12px}.sound-row{align-items:center;gap:8px;display:flex}.sound-row .field-input{flex:auto;min-width:0}.sound-row .cwz-btn{flex:none}