.brush-card{max-width:590px;margin:24px auto;padding:26px 20px;border:2px solid #58d6db;border-radius:24px;background:#07354d;color:#fff;text-align:center;font-family:inherit}
.brush-shades{width:100px;height:100px;object-fit:contain;border-radius:50%;margin:0 auto 10px;display:block}
.brush-clock{position:relative;width:210px;height:210px;margin:auto;display:grid;place-items:center}.brush-clock svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.brush-track,.brush-progress{fill:none;stroke-width:5}.brush-track{stroke:#496b7c}.brush-progress{stroke:#ffd76a}.brush-time{font-size:56px;font-weight:700;font-variant-numeric:tabular-nums}
.brush-zone{min-height:3em;color:#fff!important;font-size:21px!important;font-weight:700;line-height:1.4!important;margin:18px 0!important}
.brush-zones{display:grid;grid-template-columns:1fr 1fr;gap:8px;list-style:none!important;padding:0!important;margin:0 0 20px!important}.brush-zones li{padding:12px;border:2px solid #547e91;border-radius:12px;color:#fff}.brush-zones li[aria-current]{border-color:#ffd76a;background:#174b63}
.brush-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.brush-card button{min-height:48px;min-width:95px;border:2px solid #ffd76a;border-radius:24px;padding:11px 20px;font-family:inherit;font-size:17px;font-weight:700;line-height:1.3;cursor:pointer;background:#ffd76a;color:#04263b}.brush-card .brush-reset{background:transparent;color:#fff}.brush-card button:focus-visible,.brush-options input:focus-visible{outline:3px solid #fff;outline-offset:4px}
.brush-options{display:flex;flex-direction:column;gap:10px;text-align:left;margin:24px 0}.brush-options label{min-height:44px;display:flex;align-items:center;gap:12px;font-size:16px}.brush-options input{width:22px;height:22px;flex:none;accent-color:#ffd76a}
.brush-reef,.brush-ios{color:#fff!important}.brush-card [hidden]{display:none!important}.brush-still .brush-progress{visibility:hidden}.widget-fallback{margin-top:28px}
@media(max-width:420px){.brush-card{padding:16px 12px;border-radius:18px}.brush-shades{width:64px;height:64px;margin-bottom:4px}.brush-clock{width:156px;height:156px}.brush-time{font-size:44px}.brush-zone{min-height:2.6em;font-size:18px!important;margin:12px 0!important}.brush-zones{gap:6px;margin-bottom:14px!important}.brush-zones li{margin:0!important;padding:8px;font-size:15px}.brush-options{margin:12px 0;gap:0}.brush-reef{font-size:15px!important;margin:10px 0 0!important}}
@media print{.brush-card{display:none}.widget-fallback{display:block!important}}