.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#0d0f12}.mode-switch button{position:relative;border-color:transparent;background:transparent;color:#8f969f;transition:background .2s,color .2s,box-shadow .2s}.mode-switch button.active{border-color:#c9202a;background:var(--red);color:#fff;box-shadow:0 0 0 1px #e24049,0 0 18px #b5121b66}.mode-switch button.active:before{content:"";width:7px;height:7px;margin-right:7px;border-radius:50%;display:inline-block;background:#fff;box-shadow:0 0 8px #fff}.break-builder{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8px;margin-top:12px}.break-builder .field{margin:0}.break-builder .wide{grid-column:1/-1}.break-builder button,#preview-break{width:100%}#preview-break{margin-top:8px}
.break-marker{display:block;margin:45px 0;padding:22px;border:2px dashed #e9b51b;border-radius:12px;background:#e9b51b18;color:#f4c83c;font-size:.28em;font-weight:900;letter-spacing:.13em;text-align:center}.break-marker small{display:block;margin-top:8px;color:#d9ac34;font-size:.72em}.break-screen{position:absolute;z-index:25;inset:0;display:grid;place-content:center;justify-items:center;background:#f2c323;color:#17130a;text-align:center;transition:background .25s}.break-screen[hidden]{display:none}.break-screen small{font-size:16px;font-weight:950;letter-spacing:.18em}.break-screen em{margin-top:14px;font-size:13px;font-style:normal;font-weight:900;letter-spacing:.12em}.break-screen strong{font-size:clamp(100px,18vw,260px);line-height:1;font-variant-numeric:tabular-nums}.break-screen span{font-size:18px;font-weight:900;letter-spacing:.1em}.break-screen button{margin-top:28px;border-color:#1b170d;background:#1b170d;color:#fff}.break-screen.prepare{background:#178c4c;color:#fff}.break-screen.returning{background:var(--red);color:#fff}.break-screen.prepare button,.break-screen.returning button{border-color:#fff;background:#fff;color:#17130a}.break-screen.returning button{color:var(--red)}.break-track{position:absolute;left:8%;right:8%;bottom:9%;height:8px;overflow:hidden;border-radius:99px;background:#0003}.break-track i{display:block;width:0;height:100%;background:currentColor;transition:width 1s linear}