*,:before,:after{box-sizing:border-box}body{margin:0}:root{--bg:#0c0d0f;--surface:#121418;--surface-2:#1a1d23;--border:#ffffff0f;--border-bright:#ffffff1a;--text:#6b7280;--text-dim:#374151;--text-bright:#e5e7eb;--green:#00e87a;--green-dim:#00e87a12;--green-glow:#00e87a33;--amber:#f59e0b;--amber-glow:#f59e0b2e;--red:#f43f5e;--red-glow:#f43f5e2e;--blue:#60a5fa;--blue-glow:#60a5fa2e;--mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--sans:"Inter", system-ui, sans-serif;--radius-sm:6px;--radius:10px;--radius-lg:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:48px 48px;min-height:100svh;overflow-x:hidden}#root{justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.app{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);grid-template-rows:auto 1fr;grid-template-columns:340px 1fr;gap:0;width:100%;max-width:860px;height:min(680px,92svh);display:grid;position:relative;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:var(--surface-2);grid-area:1/1/auto/-1;align-items:center;gap:10px;padding:14px 20px;display:flex}.logo-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green-glow);border-radius:50%;flex-shrink:0;transition:background .3s,box-shadow .3s}.logo-dot.stop{background:var(--red);box-shadow:0 0 8px var(--red-glow)}.logo-dot.pause{background:var(--amber);box-shadow:0 0 8px var(--amber-glow)}.app-title{font-family:var(--mono);color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;flex:1;font-size:12px;font-weight:500}.status-badge{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:3px 9px;font-size:10px;font-weight:600;transition:all .3s}.status-badge.idle{color:var(--text-dim);border:1px solid var(--border);background:0 0}.status-badge.running{background:var(--green-dim);color:var(--green);border:1px solid #00e87a33}.status-badge.paused{color:var(--amber);background:#f59e0b12;border:1px solid #f59e0b33}.left-panel{border-right:1px solid var(--border);flex-direction:column;grid-area:2/1;justify-content:space-between;gap:24px;padding:28px 24px 22px;display:flex}.digital-wrap{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.time-label{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);font-size:10px;font-weight:600}.digital-time{font-family:var(--mono);letter-spacing:-.03em;color:var(--text-bright);align-items:baseline;gap:0;font-size:58px;font-weight:300;line-height:1;display:flex}.digital-time .seg-sep{color:var(--border-bright,#ffffff1f);margin:0 2px}.digital-time .seg-ms{color:var(--green);opacity:.9;font-size:36px}.digital-time .seg-dot{color:#ffffff1f;margin:0 1px 0 3px;font-size:24px}.controls{gap:8px;display:flex}.btn{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;height:40px;font-size:11px;font-weight:600;transition:transform .12s,opacity .15s;display:flex;position:relative;overflow:hidden}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn:not(:disabled):active{transform:translateY(0)}.btn:disabled{opacity:.28;cursor:not-allowed}.btn-start{background:var(--green);color:#000;box-shadow:0 0 18px var(--green-glow);flex:1}.btn-start.stop-mode{background:var(--red);color:#fff;box-shadow:0 0 18px var(--red-glow)}.btn-icon{background:var(--surface-2);width:40px;color:var(--text);border:1px solid var(--border-bright)}.btn-icon:not(:disabled):hover.reset-btn{color:var(--amber);border-color:var(--amber);box-shadow:0 0 10px var(--amber-glow)}.btn-icon:not(:disabled):hover.flag-btn{color:var(--blue);border-color:var(--blue);box-shadow:0 0 10px var(--blue-glow)}.pulse-ring{border:1.5px solid var(--green);opacity:0;pointer-events:none;z-index:9999;border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.lap-panel{flex-direction:column;grid-area:2/2;display:flex;overflow:hidden}.lap-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.lap-title{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.lap-count{background:var(--green-dim);color:var(--green);font-size:10px;font-family:var(--mono);border:1px solid #00e87a2e;border-radius:4px;padding:1px 6px}.lap-cols-header{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:32px 1fr 1fr;padding:7px 20px;font-size:9px;font-weight:600;display:grid}.lap-list{scrollbar-width:thin;scrollbar-color:var(--border-bright) transparent;flex:1;overflow-y:auto}.lap-list::-webkit-scrollbar{width:3px}.lap-list::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:2px}.lap-empty{height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.lap-empty-icon{opacity:.35;font-size:22px}.lap-empty-text{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;font-size:10px}.lap-row{border-bottom:1px solid var(--border);will-change:transform, opacity;grid-template-columns:32px 1fr 1fr;align-items:center;padding:10px 20px;transition:background .15s;display:grid;position:relative}.lap-row:last-child{border-bottom:none}.lap-row:hover{background:#ffffff05}.lap-row.newest{background:var(--green-dim)}.lap-row.newest:before{content:"";background:var(--green);width:2px;position:absolute;top:0;bottom:0;left:0}.lap-num{font-family:var(--mono);color:var(--text-dim);font-size:10px}.lap-elapsed{font-family:var(--mono);color:var(--text-bright);font-size:12px;font-weight:500}.lap-split{font-family:var(--mono);color:var(--green);text-align:right;font-size:11px}@media (width<=740px){.app{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;height:auto;min-height:92svh;max-height:none}.app-header{grid-column:1}.left-panel{border-right:none;border-bottom:1px solid var(--border);grid-area:2/1;gap:20px;padding:24px 20px 20px}.digital-time{font-size:48px}.digital-time .seg-ms{font-size:30px}.lap-panel{grid-area:3/1;max-height:320px}}@media (width<=480px){#root{padding:0}.app{border-left:none;border-right:none;border-radius:0;min-height:100svh}.digital-time{font-size:38px}.digital-time .seg-ms{font-size:24px}.left-panel{padding:20px 16px 16px}.lap-panel{max-height:280px}.lap-row,.lap-cols-header{padding-left:14px;padding-right:14px}}