:root{--font-timer: "Spline Sans Mono", ui-monospace, "SF Mono", monospace;--radius-pill: 999px;--ease-panel: cubic-bezier(.32, .72, 0, 1);--z-toast: 9000;--z-modal: 9999}:root,:root[data-theme=paper]{color-scheme:light;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: "Figtree", "Avenir Next", system-ui, sans-serif;--bg-app: #e9e1d3;--bg-texture: radial-gradient(rgba(106, 90, 60, .1) 1px, transparent 1px);--bg-glow: radial-gradient(ellipse 70% 55% at 50% -10%, rgba(180, 85, 45, .07) 0%, transparent 70%);--scrim: rgba(58, 48, 32, .45);--surface: #fbf8f1;--surface-raised: #ffffff;--surface-sunken: #f1ebdf;--surface-hover: #f3ede0;--border: #e3d9c6;--border-strong: #cfc2a8;--text-primary: #25221b;--text-secondary: #57503f;--text-muted: #847b66;--text-faint: #aaa08a;--text-on-accent: #fff6ee;--accent: #b4552d;--accent-strong: #99431f;--accent-ink: #8c3d1e;--accent-soft: rgba(180, 85, 45, .1);--accent-border: rgba(180, 85, 45, .35);--success: #5e7f4f;--success-soft: rgba(94, 127, 79, .12);--success-border: rgba(94, 127, 79, .35);--warn: #a87b24;--warn-soft: rgba(168, 123, 36, .12);--warn-border: rgba(168, 123, 36, .35);--danger: #b0432f;--danger-soft: rgba(176, 67, 47, .1);--danger-border: rgba(176, 67, 47, .35);--focus-color: #b4552d;--focus-soft: rgba(180, 85, 45, .12);--break-color: #5e7f4f;--break-soft: rgba(94, 127, 79, .12);--pause-color: #a87b24;--pause-soft: rgba(168, 123, 36, .12);--chart-timing: #a87b24;--chart-focus: #b4552d;--chart-consistency: #5e7f4f;--chart-grid: rgba(106, 90, 60, .14);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-panel: 0 1px 2px rgba(75, 60, 40, .06), 0 12px 32px -8px rgba(75, 60, 40, .18);--shadow-card: 0 1px 2px rgba(75, 60, 40, .05), 0 6px 18px -6px rgba(75, 60, 40, .12);--shadow-pop: 0 4px 12px rgba(75, 60, 40, .1), 0 24px 56px -12px rgba(75, 60, 40, .28)}:root[data-theme=dusk]{color-scheme:dark;--font-display: "Bricolage Grotesque", "Avenir Next Condensed", system-ui, sans-serif;--font-body: "Albert Sans", "Avenir Next", system-ui, sans-serif;--bg-app: #0e1016;--bg-texture: radial-gradient(rgba(222, 168, 91, .05) 1px, transparent 1px);--bg-glow: radial-gradient(ellipse 70% 55% at 50% -10%, rgba(222, 168, 91, .1) 0%, transparent 70%);--scrim: rgba(5, 6, 10, .62);--surface: #171a22;--surface-raised: #1f232e;--surface-sunken: #11141b;--surface-hover: #232836;--border: #262b38;--border-strong: #394052;--text-primary: #eae4d8;--text-secondary: #b3ac9d;--text-muted: #81796a;--text-faint: #564f44;--text-on-accent: #221708;--accent: #dea85b;--accent-strong: #ecbe7c;--accent-ink: #e6b169;--accent-soft: rgba(222, 168, 91, .12);--accent-border: rgba(222, 168, 91, .38);--success: #8fbf7f;--success-soft: rgba(143, 191, 127, .12);--success-border: rgba(143, 191, 127, .35);--warn: #e0b45c;--warn-soft: rgba(224, 180, 92, .12);--warn-border: rgba(224, 180, 92, .38);--danger: #e07856;--danger-soft: rgba(224, 120, 86, .12);--danger-border: rgba(224, 120, 86, .38);--focus-color: #dea85b;--focus-soft: rgba(222, 168, 91, .13);--break-color: #8fbf7f;--break-soft: rgba(143, 191, 127, .13);--pause-color: #9c8e7a;--pause-soft: rgba(156, 142, 122, .14);--chart-timing: #e0b45c;--chart-focus: #dea85b;--chart-consistency: #8fbf7f;--chart-grid: rgba(234, 228, 216, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-panel: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 16px 40px -8px rgba(0, 0, 0, .55);--shadow-card: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 8px 24px -8px rgba(0, 0, 0, .45);--shadow-pop: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 28px 64px -12px rgba(0, 0, 0, .7)}:root{font-family:var(--font-body);line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100vh}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}._container_i909l_3{display:flex;justify-content:center;align-items:center;pointer-events:none}._glassCard_i909l_10{position:relative;display:flex;justify-content:center;align-items:center;background:var(--surface-sunken);border-radius:50%;border:1px solid var(--border);box-shadow:var(--shadow-card)}._svg_i909l_21{position:absolute}._bgCircle_i909l_25{fill:none;stroke:var(--border)}._progressCircle_i909l_30{fill:none;stroke:var(--focus-color);stroke-linecap:round;transition:stroke-dashoffset .3s ease}._stopwatchCircle_i909l_37{fill:none;stroke:var(--focus-color);stroke-linecap:round;animation:_pulse_i909l_1 3s ease-in-out infinite}@keyframes _pulse_i909l_1{0%,to{opacity:.5}50%{opacity:1}}._timerText_i909l_53{position:absolute;font-family:var(--font-timer);font-weight:500;color:var(--text-primary);letter-spacing:.02em;font-variant-numeric:tabular-nums}._container_17lgb_3{padding:24px 20px;height:100%;display:flex;flex-direction:column;color:var(--text-primary);box-sizing:border-box;position:relative;font-family:var(--font-body);overflow-y:auto;overflow-x:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel)}._resizeHandle_17lgb_22{position:absolute;top:0;right:0;width:5px;height:100%;cursor:ew-resize;background:transparent;transition:background .2s ease;z-index:10}._resizeHandle_17lgb_22:hover{background:var(--accent-border)}._header_17lgb_39{position:relative;z-index:1;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}._title_17lgb_47{font-family:var(--font-display);font-size:1.2rem;margin:0;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}._subtitle_17lgb_56{font-size:.72rem;color:var(--text-muted);margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}._modeSection_17lgb_66{position:relative;z-index:1;margin-bottom:8px}._timerSection_17lgb_73{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:20px 0 16px}._timer_17lgb_73{font-family:var(--font-timer);font-size:3.5rem;font-weight:500;letter-spacing:.02em;color:var(--text-primary);font-variant-numeric:tabular-nums}._statusBadge_17lgb_91{margin-top:10px;background:var(--surface-sunken);border:1px solid var(--border);padding:5px 14px;border-radius:var(--radius-pill);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}._cadenceSection_17lgb_105{position:relative;z-index:1;margin-bottom:12px}._sectionLabel_17lgb_111{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-weight:600}._cadenceButtons_17lgb_122{display:flex;gap:8px;margin-bottom:12px}._cadenceBtn_17lgb_128{flex:1;padding:8px 12px;background:var(--surface-sunken);border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;font-family:inherit}._cadenceBtn_17lgb_128:hover{background:var(--surface-hover);color:var(--text-secondary)}._cadenceBtn_17lgb_128._active_17lgb_147{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-ink)}._customInput_17lgb_154{width:100%;padding:10px 14px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;outline:none;box-sizing:border-box;font-family:inherit;font-variant-numeric:tabular-nums;transition:all .15s ease}._customInput_17lgb_154:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}._controlsSection_17lgb_175{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}._primaryButton_17lgb_185{background:var(--accent);color:var(--text-on-accent);border:1px solid transparent;padding:12px 16px;font-size:.9rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;font-family:inherit;letter-spacing:.01em;box-shadow:var(--shadow-card)}._primaryButton_17lgb_185:hover{background:var(--accent-strong)}._secondaryButton_17lgb_205{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);padding:10px 14px;font-size:.85rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:all .15s ease}._secondaryButton_17lgb_205:hover{background:var(--surface-hover);color:var(--text-primary)}._cardsSection_17lgb_224{position:relative;z-index:1;margin-top:auto;display:flex;flex-direction:column;gap:12px;flex-shrink:0;padding-bottom:8px}._card_17lgb_224{background:var(--surface-sunken);border:1px solid var(--border);padding:16px;border-radius:var(--radius-md);position:relative;overflow:hidden}._card_17lgb_224 h3{margin:0 0 12px;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;position:relative;z-index:1}._statsGrid_17lgb_256{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}._statItem_17lgb_264{background:var(--surface);border-radius:var(--radius-sm);padding:12px;box-shadow:inset 0 0 0 1px var(--border)}._statLabel_17lgb_271{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:4px}._statValue_17lgb_280{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}._card_17lgb_224 p{margin:0 0 4px;font-size:.85rem;color:var(--text-secondary)}._minimizeBtn_17lgb_296{display:none}:root{font-family:var(--font-body);line-height:1.5;font-weight:400;background-color:var(--bg-app);color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}.app-container{display:flex;width:100vw;height:100vh;background-color:var(--bg-app)}.side-dock{width:55px;height:100%;background:var(--bg-app);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;flex-shrink:0;z-index:20;position:relative}.dock-logo{width:32px;height:32px;background:transparent;color:var(--text-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.left-panel{position:fixed;left:67px;top:12px;bottom:12px;width:350px;z-index:50;background-color:var(--surface);border-radius:var(--radius-lg);overflow:hidden;transform:translate(calc(-100% - 67px));transition:transform .4s var(--ease-panel),opacity .4s ease;pointer-events:none}.left-panel.expanded{transform:translate(0);pointer-events:auto}.game-layer{position:fixed;inset:0;z-index:1}.game-layer canvas{display:block}.game-frame-border{position:fixed;inset:12px 12px 12px 67px;border-radius:var(--radius-lg);box-shadow:0 0 0 9999px var(--bg-app),inset 0 0 0 1px var(--border);pointer-events:none;z-index:5;transition:left .4s var(--ease-panel);will-change:left}.game-frame-border.panel-open{left:429px}.game-toggle-btn{position:fixed;top:24px;left:79px;z-index:10;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);width:32px;height:32px;border-radius:var(--radius-sm);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.game-toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 0 0 var(--success-border)}50%{opacity:.7;box-shadow:0 0 0 6px transparent}}.pulse-live{animation:pulse-live 2s ease-in-out infinite}@keyframes insights-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.insights-skeleton-bar{position:relative;overflow:hidden;border-radius:4px}.insights-skeleton-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,var(--accent-soft) 50%,transparent 100%);animation:insights-shimmer 3s ease-in-out infinite}@keyframes insights-fade-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes slide-in-right{0%{transform:translate(110%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(110%);opacity:0}}@keyframes pts-float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes pts-bar-glow{0%{box-shadow:0 0 4px var(--accent-soft)}50%{box-shadow:0 0 12px var(--accent-border)}to{box-shadow:0 0 4px var(--accent-soft)}}@keyframes pts-content-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--surface);border-top:1px solid var(--border);z-index:30;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}@media(max-width:767px){.side-dock-wrapper{display:none!important}.mobile-bottom-nav{display:flex}.left-panel{inset:0 0 60px!important;width:100%!important;height:auto!important;border-radius:0!important;transform:translateY(110vh)!important}.left-panel.expanded{transform:translateY(0)!important}.game-frame-border{inset:0 0 60px!important;border-radius:0!important}.game-frame-border.panel-open{left:0!important}.game-toggle-btn,.panel-minimize-btn{display:none!important}}