:root{--bg: #061428;--panel-rgb: 13, 32, 64;--border: #1a3a60;--border-hi: rgba(255, 255, 255, .08);--accent: #ffd43b;--accent-rgb: 255, 212, 59;--accent-dim: #d1ab20;--red: #ff3c3c;--red-rgb: 255, 60, 60;--text: #ffffff;--text-mid: rgba(255, 255, 255, .7);--text-dim: rgba(255, 255, 255, .42);--input-rgb: 4, 14, 32;--tr: .2s cubic-bezier(.4, 0, .2, 1);--ctrl-h: clamp(52px, 8vh, 68px);--gap: clamp(5px, .7vw, 10px);--radius: clamp(8px, 1vw, 14px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:Barlow Condensed,sans-serif;height:100dvh;overflow:hidden}.app{position:relative;width:100%;height:100dvh;display:flex;flex-direction:column;opacity:0;transition:opacity .15s ease}.app.ready{opacity:1}.stage{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:var(--gap) var(--gap) 0}.msw-list{width:100%;display:grid;gap:var(--gap);margin-top:auto;margin-bottom:auto}.msw-cell{display:flex;flex-direction:column;gap:3px;height:var(--card-h, 220px)}.msw-label{font-size:clamp(9px,1.1vw,12px);font-weight:700;letter-spacing:.35em;color:var(--text-dim);text-transform:uppercase;line-height:1;padding-left:2px;flex-shrink:0;transition:color var(--tr)}.msw-cell:has(.msw-stopwatch.running) .msw-label{color:rgba(var(--accent-rgb),.7)}.msw-stopwatch{flex:1;min-height:0;position:relative;background:rgba(var(--panel-rgb),.6);border:1px solid var(--border);border-top-color:var(--border-hi);border-radius:var(--radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px #ffffff08 inset,0 4px 24px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.2vh,14px);padding:clamp(10px,1.8vw,20px) clamp(8px,1.5vw,18px);overflow:hidden;transition:border-color var(--tr),box-shadow var(--tr),background var(--tr);-webkit-user-select:none;user-select:none}.msw-stopwatch:before{content:"";position:absolute;top:0;left:15%;right:15%;height:2px;background:transparent;border-radius:0 0 4px 4px;opacity:0;transition:opacity .35s,background .35s}.msw-stopwatch.running{background:rgba(var(--panel-rgb),.72);border-color:rgba(var(--accent-rgb),.45);box-shadow:0 0 0 1px #ffffff0a inset,0 0 28px rgba(var(--accent-rgb),.1),0 4px 24px #00000059}.msw-stopwatch.running:before{background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:1}.msw-inner{display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.2vh,14px);width:fit-content}.msw-time{display:flex;align-items:baseline;justify-content:center;font-family:Teko,sans-serif;font-weight:700;font-size:2rem;line-height:1;letter-spacing:.04em;color:#ffffffeb;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.6);transition:color .25s;-webkit-user-select:none;user-select:none}.msw-stopwatch.running .msw-time{color:var(--accent);text-shadow:0 2px 0 rgba(0,0,0,.5)}.msw-digit{display:inline-block;width:var(--digit-w, 1ch);text-align:center}.msw-sep{display:inline-block;opacity:.45}.msw-btns{display:flex;flex-shrink:0;width:100%;justify-content:space-between}.msw-btn{width:clamp(90px,44%,170px);height:clamp(30px,5.5vh,44px);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:var(--tr);border:1px solid transparent;outline:none;font-family:Barlow Condensed,sans-serif;font-size:clamp(11px,1.3vw,14px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;gap:6px}.msw-btn:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}.msw-btn:active{transform:scale(.96) translateY(1px)}.msw-btn-toggle{background:var(--accent);color:#000;box-shadow:0 2px 10px rgba(var(--accent-rgb),.3),0 1px #fff3 inset}.msw-btn-toggle:hover{filter:brightness(1.1);transform:translateY(-1px)}.msw-stopwatch.running .msw-btn-toggle{background:#ffffff12;color:#ffffffbf;border-color:#ffffff1f;box-shadow:none}.msw-stopwatch.running .msw-btn-toggle:hover{background:#ffffff1f;color:#fff;border-color:#fff3;filter:none;transform:translateY(-1px)}.msw-btn-reset{background:#ffffff0f;color:var(--text-mid);border-color:var(--border)}.msw-btn-reset:hover{background:rgba(var(--red-rgb),.1);color:var(--red);border-color:rgba(var(--red-rgb),.35);transform:translateY(-1px)}.msw-controls{flex-shrink:0;height:var(--ctrl-h);margin-left:calc(-1 * var(--gap));margin-right:calc(-1 * var(--gap));margin-top:var(--gap);display:flex;align-items:center;gap:clamp(8px,1.2vw,20px);background:rgba(var(--input-rgb),.8);border-top:1px solid var(--border);padding:0 clamp(16px,2.5vw,36px)}.msw-topbar{display:flex;align-items:center;gap:10px;flex-shrink:0}.msw-topbar label{font-size:clamp(10px,1.2vw,13px);font-weight:700;letter-spacing:.3em;color:var(--text-dim);text-transform:uppercase}.msw-select-wrap{position:relative;display:flex;align-items:center}.msw-topbar select{appearance:none;-webkit-appearance:none;background:rgba(var(--panel-rgb),.9);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:0 28px 0 12px;height:34px;font-family:Teko,sans-serif;font-weight:700;font-size:clamp(16px,1.8vw,20px);cursor:pointer;outline:none;transition:border-color var(--tr),background var(--tr);min-width:54px}.msw-topbar select:hover,.msw-topbar select:focus{border-color:rgba(var(--accent-rgb),.5);background:rgba(var(--panel-rgb),1)}.msw-select-chevron{position:absolute;right:9px;pointer-events:none;opacity:.85}.msw-ctrl-sep{width:1px;height:22px;background:var(--border);flex-shrink:0}.msw-ctrl-actions{margin-left:auto;display:flex;align-items:center;gap:clamp(6px,.9vw,12px)}.msw-ctrl-btn{display:inline-flex;align-items:center;gap:8px;height:clamp(32px,5vh,42px);padding:0 clamp(14px,2vw,26px);border-radius:var(--radius);font-family:Barlow Condensed,sans-serif;font-size:clamp(12px,1.4vw,15px);font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:var(--tr);border:1px solid transparent;outline:none}.msw-ctrl-btn:focus-visible{outline:2px solid rgba(var(--accent-rgb),.7);outline-offset:2px}.msw-ctrl-btn:active{transform:scale(.97) translateY(1px)}#mswStartAll{background:var(--accent);color:#000;box-shadow:0 3px 14px rgba(var(--accent-rgb),.3),0 1px #ffffff40 inset}#mswStartAll:hover{filter:brightness(1.08);transform:translateY(-2px)}#mswStartAll.is-running{background:#122242f2;color:#ffffffc7;border-color:#ffffff1f;box-shadow:none}#mswStartAll.is-running:hover{background:#1c325af2;color:#fff;border-color:#ffffff38;filter:none;transform:translateY(-2px)}#mswResetAll{background:#ffffff0f;color:var(--text-mid);border-color:var(--border)}#mswResetAll:hover{background:rgba(var(--red-rgb),.07);color:var(--red);border-color:rgba(var(--red-rgb),.35);transform:translateY(-2px)}@media(max-width:520px){.msw-controls{height:auto;padding:8px 14px;flex-wrap:wrap;justify-content:space-between;gap:8px}.msw-ctrl-sep{display:none}.msw-ctrl-actions{margin-left:0}.btn-label{display:none}}