:root{--canvas:#f6f6f6;--surface:#fbfbfb;--ink:#0d0d0d;--muted:#6a6a6a;--line:#d4d4d4;--line-soft:#e6e6e6;--hover-ring:#ececec;--form-width:410px;--control-height:52px;--control-radius:999px;--form-gap:18px;--field-gap:8px;--font-sans:"Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}html:before{content:"";z-index:80;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}html:has(.experience-frame[data-view=session]):before{opacity:0}body{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-sans);font-feature-settings:"kern" 1, "liga" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button{color:inherit;font:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline-offset:3px;outline:3px solid #11111152}.app-stage{background:var(--surface);place-items:stretch stretch;min-height:100dvh;padding:0;display:grid}.app-frame{background:var(--surface);border:0;border-radius:0;width:100%;height:100dvh;min-height:100dvh;overflow:hidden}.auth-frame{overscroll-behavior-y:contain;background:#fff;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:36px;padding:52px 58px 58px;display:grid;position:relative;overflow:hidden auto}.auth-brand,.auth-form-wrap{z-index:1;position:relative}.auth-brand-mark{transform-origin:50%;will-change:transform;flex:none;width:clamp(2.5rem,5vw,3.15rem);height:auto;animation:6.4s cubic-bezier(.45,0,.55,1) infinite brand-breathe}.auth-brand{text-align:center;transform-origin:bottom;will-change:transform;justify-items:center;gap:12px;transition:transform .54s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(0)scale(1)}.auth-frame[data-auth-mode=register] .auth-brand{transform:translateY(-4px)scale(.985)}.auth-brand-title{justify-content:center;align-items:center;gap:14px;display:flex}.auth-brand h1{letter-spacing:-.055em;margin:0;font-size:clamp(1.95rem,4.8vw,3rem);font-weight:450;line-height:1}.auth-brand p{color:var(--muted);letter-spacing:.09em;margin:0;font-size:.68rem;font-weight:450;line-height:1}.auth-form-wrap{width:min(100%, var(--form-width));justify-self:center;display:grid}.auth-form{gap:var(--form-gap);animation:.38s cubic-bezier(.22,1,.36,1) both auth-form-enter;display:grid}.auth-fields{display:grid}.auth-field{gap:var(--field-gap);display:grid}.auth-field-email,.auth-field-password{transition:transform .54s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.auth-field-password{margin-top:18px}.auth-frame[data-auth-mode=register] .auth-field-email{transform:translateY(-2px)}.auth-frame[data-auth-mode=register] .auth-field-password{transform:translateY(-1px)}.auth-confirm-stage{opacity:0;visibility:hidden;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .54s cubic-bezier(.22,1,.36,1),margin-top .54s cubic-bezier(.22,1,.36,1),opacity .18s,transform .48s cubic-bezier(.22,1,.36,1),visibility 0s linear .54s;display:grid;transform:translateY(-10px)}.auth-confirm-stage>.auth-field{min-height:0;overflow:hidden}.auth-frame[data-auth-mode=register] .auth-confirm-stage{opacity:1;visibility:visible;grid-template-rows:1fr;margin-top:18px;transition-delay:0s,0s,.17s,0s,0s;transform:translateY(0)}.auth-field>span,.settings-field>span{color:var(--muted);letter-spacing:.045em;font-size:.8rem;font-weight:500}.auth-field input,.settings-field input{width:100%;height:var(--control-height);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);color:var(--ink);font:inherit;outline:none;padding:0 17px;transition:border-color .16s,box-shadow .16s,background-color .16s}.auth-field input:hover,.settings-field input:hover{border-color:#bdbdbd}.auth-field input:focus,.settings-field input:focus{border-color:#8a8a8a;box-shadow:0 0 0 3px #11111114}.auth-submit{min-height:var(--control-height);border:1px solid var(--ink);border-radius:var(--control-radius);background:var(--ink);color:var(--surface);cursor:pointer;place-items:center;margin-top:8px;padding:0 24px;font-size:.88rem;font-weight:500;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.auth-submit:hover:not(:disabled){background:#292929;border-color:#292929;transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:scale(.985)}.auth-submit:disabled,.auth-mode-action:disabled{cursor:wait;opacity:.58;transform:none}.auth-feedback{color:#4f4f4f;text-align:center;min-height:18px;margin:-6px 4px -4px;font-size:.74rem;line-height:1.45}.auth-submit-labels,.auth-mode-labels{grid-template-areas:"label";place-items:center;display:grid}.auth-submit-label,.auth-mode-label{grid-area:label;transition:opacity .24s,transform .42s cubic-bezier(.22,1,.36,1)}.auth-submit-label-login,.auth-mode-label-login{opacity:1;transform:translateY(0)}.auth-submit-label-register,.auth-mode-label-register{opacity:0;transform:translateY(6px)}.auth-frame[data-auth-mode=register] .auth-submit-label-login,.auth-frame[data-auth-mode=register] .auth-mode-label-login{opacity:0;transform:translateY(-6px)}.auth-frame[data-auth-mode=register] .auth-submit-label-register,.auth-frame[data-auth-mode=register] .auth-mode-label-register{opacity:1;transform:translateY(0)}.auth-mode-action{color:#4f4f4f;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;justify-self:center;padding:4px 8px;font-size:.78rem;font-weight:500;-webkit-text-decoration:underline #bdbdbd;text-decoration:underline #bdbdbd;transition:color .16s,text-decoration-color .16s}.auth-mode-action:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.app-shell{position:relative}.settings-track{width:100%;height:100%;position:relative;overflow:clip}.settings-track>.experience-frame,.settings-track>.settings-panel,.settings-track>.about-panel{transition:transform .56s cubic-bezier(.22,1,.36,1),padding .56s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(0)}.settings-track>.about-panel{transform:translate(-100%)}.settings-track>.settings-panel,.app-shell[data-panel=about] .settings-track>.experience-frame{transform:translate(100%)}.app-shell[data-panel=about] .settings-track>.about-panel{transform:translate(0)}.app-shell[data-panel=settings] .settings-track>.experience-frame{transform:translate(-100%)}.app-shell[data-panel=settings] .settings-track>.settings-panel{transform:translate(0)}.app-shell.is-transitioning .experience-frame,.app-shell.is-transitioning .settings-panel,.app-shell.is-transitioning .about-panel{pointer-events:none}.experience-frame{--frame-inline:58px;width:100%;min-width:0;height:100%;padding:40px var(--frame-inline) 14px;grid-template-rows:auto minmax(0,1fr);gap:8px;transition:padding .56s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.experience-frame[data-view=session]{--frame-inline:24px;padding:max(20px, env(safe-area-inset-top)) var(--frame-inline) max(16px, env(safe-area-inset-bottom));background:#fff;gap:0}.experience-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:58px;padding:0;transition:min-height .56s cubic-bezier(.22,1,.36,1),gap .56s cubic-bezier(.22,1,.36,1),padding .56s cubic-bezier(.22,1,.36,1);display:grid}.experience-frame[data-view=session] .experience-header{min-height:50px;padding:0 0 12px}.brand-lockup{align-items:center;gap:clamp(10px,1.2vw,15px);min-width:0;animation:.72s cubic-bezier(.22,1,.36,1) both chrome-enter;display:flex}.brand-mark{flex:none;width:clamp(2rem,2.8vw,2.55rem);height:auto;transition:width .56s cubic-bezier(.22,1,.36,1)}.experience-frame[data-view=session] .brand-lockup{gap:7px}.experience-frame[data-view=session] .brand-mark{width:clamp(1rem,1.65vw,1.35rem)}.wordmark{letter-spacing:-.055em;white-space:nowrap;margin:0;font-size:clamp(2.25rem,3.4vw,3rem);font-weight:450;line-height:1;transition:font-size .56s cubic-bezier(.22,1,.36,1),letter-spacing .56s cubic-bezier(.22,1,.36,1)}.experience-frame[data-view=session] .wordmark{font-size:clamp(1.35rem,2.2vw,1.8rem)}.header-companion{grid-template-areas:"companion";justify-self:end;place-items:center end;width:min(100%,520px);min-width:0;min-height:34px;display:grid;position:relative}.header-layer{grid-area:companion;transition:opacity .28s,transform .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .5s}.brand-subtitle{color:var(--muted);letter-spacing:.09em;margin:0;font-size:.68rem;font-weight:450;line-height:1}.header-brand-subtitle{opacity:1;visibility:visible;transition-delay:.14s,0s,0s;transform:translateY(0)}.header-session-metrics{opacity:0;visibility:hidden;position:absolute;inset:0;transform:translateY(6px)}.experience-frame[data-view=session] .header-brand-subtitle{opacity:0;visibility:hidden;transition-delay:0s,0s,.5s;transform:translateY(-6px)}.experience-frame[data-view=session] .header-session-metrics{opacity:1;visibility:visible;transition-delay:.14s,0s,0s;transform:translateY(0)}.view-stack{grid-template-areas:"view";min-width:0;min-height:0;display:grid;overflow:hidden}.view-panel{grid-area:view;min-width:0;min-height:0;transition:opacity .36s,transform .56s cubic-bezier(.22,1,.36,1),visibility 0s linear .56s}.dashboard-view{opacity:1;visibility:visible;transition-delay:.11s,0s,0s;overflow:hidden;transform:translateY(0)}.session-view{opacity:0;visibility:hidden;pointer-events:none;position:relative;transform:translateY(10px)}.experience-frame[data-view=session] .dashboard-view{opacity:0;visibility:hidden;pointer-events:none;transition-delay:0s,0s,.56s;transform:translateY(-8px)}.experience-frame[data-view=session] .session-view{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.11s,0s,0s;transform:translateY(0)}.experience-frame.is-transitioning .view-panel,.experience-frame.is-transitioning .session-controls{pointer-events:none}.history-section{grid-template-rows:auto minmax(0,1fr);align-self:stretch;height:100%;min-height:0;margin-top:0;display:grid;overflow:hidden}.section-heading-row{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.section-heading-copy{gap:8px;display:grid}.section-heading-row h2{letter-spacing:-.035em;margin:0;font-size:1.58rem;font-weight:500}.history-sync-message{color:var(--muted);text-align:right;margin:0 0 0 auto;font-size:.68rem;line-height:1.4}.practice-summary+.history-sync-message{margin-left:0}.history-sync-message:not(:empty){text-align:left;flex-basis:100%;margin-left:0}.practice-summary{align-items:stretch;gap:clamp(20px,3vw,44px);margin:0 0 0 auto;padding:0;list-style:none;animation:.52s cubic-bezier(.22,1,.36,1) .36s both summary-enter;display:flex}.practice-summary li{text-align:right;justify-items:end;gap:5px;display:grid}.practice-summary li+li{border-left:1px solid var(--line-soft);padding-left:clamp(20px,3vw,44px)}.practice-summary-label{color:var(--muted);letter-spacing:.075em;text-transform:uppercase;font-size:.62rem;font-weight:500;line-height:1}.practice-summary strong{letter-spacing:-.03em;font-size:1.32rem;font-weight:450;line-height:1}.practice-summary strong small{color:var(--muted);letter-spacing:0;margin-left:2px;font-size:.68rem;font-weight:450}.history-table-wrap{min-height:0;overflow:hidden}.history-table{border-collapse:separate;border-spacing:0;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.history-table thead{display:block}.history-table thead tr,.history-table tbody tr{table-layout:fixed;width:100%;display:table}.history-table tbody{min-height:0;padding-bottom:calc(128px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;scrollbar-color:#b5b5b5 transparent;scrollbar-gutter:stable;scrollbar-width:thin;display:block;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 112px),#0000 calc(100% - 24px));mask-image:linear-gradient(#000 calc(100% - 112px),#0000 calc(100% - 24px))}.history-table th{border-bottom:1px solid var(--line);color:#383838;text-align:left;padding:0 10px 17px;font-size:.85rem;font-weight:400}.history-table th:first-child,.history-table td:first-child{width:68%;padding-left:0}.history-table th:nth-child(2),.history-table td:nth-child(2){text-align:right;width:32%;padding-right:0}.history-table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:20px 10px}.history-table .history-month-row th:first-child{width:100%;color:var(--muted);text-align:left;border-bottom:0;padding:20px 0 8px;font-size:.75rem;font-weight:500}.history-empty-row td{color:var(--muted);padding:28px 0 12px;font-size:.82rem;text-align:left!important;width:100%!important}.history-empty{justify-items:start;gap:14px;padding:8px 0 12px;display:grid}.history-empty-field{width:min(100%,280px);height:148px;margin-bottom:6px;position:relative}.history-empty-dot{background:var(--ink);opacity:.78;width:11px;height:11px;animation:.64s cubic-bezier(.22,1,.36,1) both empty-dot-enter,5.2s ease-in-out infinite empty-dot-drift;animation-delay:calc(.52s + var(--empty-dot-index,0) * 70ms), calc(1.2s + var(--empty-dot-index,0) * .38s);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.history-empty p{max-width:28rem;margin:0}.history-empty-hint{color:var(--ink);letter-spacing:-.02em;font-size:.92rem}.history-table tbody tr{opacity:1;transition:background-color .16s;transform:translateY(0)}.experience-frame[data-view=dashboard] .history-table tbody tr{animation:.38s cubic-bezier(.22,1,.36,1) both history-row-enter;animation-delay:calc(.44s + var(--history-row-index,0) * 52ms)}.history-table tbody tr:hover{background:#f3f3f3b8}.history-row-fresh td{background:linear-gradient(90deg,#1110 0%,#1111110f 50%,#1110 100%) 0 0/50% 100% no-repeat;animation:1.6s cubic-bezier(.22,1,.36,1) both row-fresh-sweep}.history-rate-cell{justify-items:end;gap:7px;display:grid}.history-rate-bar{background:#e4e4e4;border-radius:999px;width:min(72px,100%);height:3px;display:block;overflow:hidden}.history-rate-bar-fill{border-radius:inherit;background:var(--ink);transform-origin:0;height:100%;transition:transform .64s cubic-bezier(.22,1,.36,1);display:block}.history-rate-bar-fill-graduating{background:var(--ink)}.history-rate-bar-fill-below{background:#9a9a9a}.history-table tbody:focus-visible{outline-offset:-2px;outline:2px solid #11111142}.history-date,.history-rate{font-size:1.08rem;display:block}.history-date{letter-spacing:-.02em;font-weight:450}.history-session-line{align-items:baseline;gap:10px;display:flex}.history-time{color:var(--muted);font-size:.76rem}.history-rate{color:var(--ink);font-size:1.18rem}.history-meta{color:var(--muted);margin-top:5px;font-size:.76rem;display:block}.history-table tbody tr:last-child td{border-bottom:0}.session-metrics-line{grid-template-columns:112px 56px 76px;justify-content:end;justify-self:end;align-items:center;gap:clamp(20px,2.5vw,32px);width:100%;display:grid}.session-metric{justify-items:end;gap:6px;min-width:0;display:grid}.session-metric-label{color:var(--muted);letter-spacing:.01em;font-size:.75rem;font-weight:500;line-height:1.2}.session-metric strong{font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1rem;font-weight:500;line-height:1}.session-time-metric .session-metric-label{align-items:center;gap:6px;display:flex}.session-metric .accuracy-value{color:var(--ink)}.session-level-value{animation:.6s ease-out both level-value-enter}.session-time-metric-ending strong{animation:1s ease-in-out infinite timer-pulse}.play-surface{cursor:crosshair;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#fff;border:0;border-radius:0;height:100%;min-height:0;position:relative;overflow:hidden}.play-surface-paused{cursor:default}.pause-overlay{z-index:4;color:var(--ink);pointer-events:none;background:#fbfbfbd1;place-items:center;animation:.42s cubic-bezier(.22,1,.36,1) both pause-enter;display:grid;position:absolute;inset:0}.pause-overlay-inner{justify-items:center;gap:14px;display:grid}.pause-overlay svg{width:clamp(64px,8vw,92px);height:clamp(64px,8vw,92px);animation:.52s cubic-bezier(.22,1,.36,1) 80ms both pause-icon-settle}.pause-overlay p{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:500}.session-timeline{z-index:12;pointer-events:none;background:#0d0d0d0f;height:2px;position:absolute;top:0;left:0;right:0}.session-timeline-fill{background:var(--ink);transform-origin:0;width:100%;height:100%;transition:transform 1s linear;display:block}.session-timeline[data-status=paused] .session-timeline-fill{background:#8a8a8a}.status-dot{background:#b8b8b8;border-radius:50%;flex:none;width:7px;height:7px}.status-dot-running{background:#111;animation:1.8s ease-in-out infinite status-pulse}.status-dot-paused{background:#888}.dot-field{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.practice-target{z-index:2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0d0d0d;border:0;border-radius:50%;padding:0;display:block;position:absolute;transform:translate(-50%,-50%)}.practice-target:disabled{cursor:default}.practice-target:focus-visible{outline-offset:4px;outline:2px solid #0d0d0d66}.round-shape-enter{animation:.42s cubic-bezier(.22,1,.36,1) both shape-fade-in}@keyframes shape-fade-in{0%{opacity:0}to{opacity:1}}.tracing-round{position:absolute;inset:0}.tracing-surface{z-index:2;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.tracing-surface:focus-visible{outline-offset:-2px;outline:2px solid #666}.trace-drawing{pointer-events:none;display:block}.trace-hint{color:var(--muted);text-align:center;pointer-events:none;margin:0;font-size:.75rem;position:absolute;bottom:50px;left:8px;right:8px}.app-shell[data-session-controls=expanded] .trace-hint{visibility:hidden}.session-controls{z-index:10;right:var(--frame-inline,0px);bottom:0;left:var(--frame-inline,0px);min-height:calc(96px + env(safe-area-inset-bottom));padding:10px 18px max(10px, env(safe-area-inset-bottom));opacity:1;pointer-events:none;will-change:transform;background:0 0;justify-content:center;align-items:center;transition:opacity .26s,transform .46s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;transform:translateY(0)}.session-controls .session-control-cluster{pointer-events:auto}.session-controls.session-controls-hidden{opacity:0;transform:translateY(calc(100% + 12px))}.session-controls.session-controls-hidden .session-control-cluster,.experience-frame.is-transitioning .session-control-cluster{pointer-events:none}.session-controls-tab{z-index:11;bottom:env(safe-area-inset-bottom);width:max(44px, var(--session-controls-tab-diameter,78px));height:max(44px, calc(var(--session-controls-tab-diameter,78px) / 2));color:var(--ink);cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;touch-action:none;will-change:transform;background:0 0;border:0;border-radius:0;place-items:start center;padding:0;transition:opacity .22s,border-color .16s,background-color .16s,visibility 0s linear .22s;display:grid;position:absolute;left:50%;transform:translate(-50%)}.session-controls-tab:before{content:"";left:50%;bottom:calc(var(--session-controls-tab-diameter,78px) / -2);width:var(--session-controls-tab-diameter,78px);height:var(--session-controls-tab-diameter,78px);clip-path:inset(0 0 50%);pointer-events:none;background:#fffffff0;border:1px solid #a7a7a7;border-radius:50%;transition:border-color .16s,background-color .16s;position:absolute;transform:translate(-50%)}.session-controls-tab svg{bottom:calc(var(--session-controls-tab-diameter,78px) * .18);width:clamp(14px, calc(var(--session-controls-tab-diameter,78px) * .27), 22px);height:clamp(14px, calc(var(--session-controls-tab-diameter,78px) * .27), 22px);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.session-controls-tab-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.17s,0s,0s,0s;animation:2s ease-in-out infinite session-controls-tab-bounce}.session-controls-tab-visible:hover,.session-controls-tab-visible:focus-visible{animation-play-state:paused}.session-controls-tab:hover:not(:disabled):before{background:#f8f8f8fa;border-color:#6e6e6e}.session-controls-tab:active:not(:disabled):before{background:#f1f1f1}.session-controls-tab:disabled{cursor:default}.session-control-cluster{justify-content:center;align-items:center;gap:16px;display:flex}.session-control-button{cursor:pointer;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;padding:0;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:grid}.session-control-button svg{width:20px;height:20px}.session-control-button-play{width:74px;height:74px}.session-control-button-play svg{width:25px;height:25px;transform:translate(1px)}.session-control-button-ready:not(:disabled){animation:2.4s cubic-bezier(.22,1,.36,1) infinite ready-pulse}.session-control-button-ready:not(:disabled):hover,.session-control-button-ready:not(:disabled):focus-visible{animation-play-state:paused;box-shadow:0 0 0 8px #0d0d0d14}.session-control-button-primary{border:1px solid var(--ink);background:var(--ink);color:#fff}.session-control-button-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.session-control-button:hover:not(:disabled){transform:translateY(-1px)}.session-control-button-primary:hover:not(:disabled){background:#292929}.session-control-button-secondary:hover:not(:disabled){background:#fafafa;border-color:#a5a5a5}.session-control-button:active:not(:disabled){transform:scale(.96)}.session-control-button:disabled{color:#b3b3b3;cursor:not-allowed;background:#f3f3f3;border-color:#eee}.settings-control-button,.about-control-button{border:1px solid var(--line);background:var(--surface);color:#4e4e4e;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:opacity .22s,color .16s,border-color .16s,background-color .16s,transform .32s cubic-bezier(.22,1,.36,1),visibility 0s linear .32s;display:grid;position:absolute}.settings-control-button{right:0;transform:translate(8px)}.about-control-button{left:0;transform:translate(-8px)}.settings-control-button-visible,.about-control-button-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.12s,0s,0s,0s,0s,0s;transform:translate(0)}.settings-control-button svg,.about-control-button svg{width:19px;height:19px}.settings-control-button:hover:not(:disabled),.about-control-button:hover:not(:disabled){color:var(--ink);background:#fafafa;border-color:#a4a4a4}.settings-control-button:active:not(:disabled),.about-control-button:active:not(:disabled){transform:scale(.96)}.settings-control-button:disabled,.about-control-button:disabled{cursor:default}.settings-panel,.about-panel{background:#fffffff5;grid-template-rows:auto minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;padding:40px 58px 0;display:grid}.settings-header{justify-content:flex-start;align-items:center;gap:24px;min-height:58px;display:flex}.settings-header h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.25rem,3.4vw,3rem);font-weight:450;line-height:1}.settings-kicker{color:var(--muted);letter-spacing:.095em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:500;line-height:1}.settings-content,.about-content{min-height:0;padding:28px 8px calc(140px + env(safe-area-inset-bottom)) 0;overscroll-behavior-y:contain;scrollbar-color:#b5b5b5 transparent;scrollbar-width:thin;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 112px),#0000 calc(100% - 24px));mask-image:linear-gradient(#000 calc(100% - 112px),#0000 calc(100% - 24px))}.settings-content{width:min(calc(100% + 12px), calc(var(--form-width) + 12px));scroll-padding-block:24px calc(100px + env(safe-area-inset-bottom));align-content:start;gap:40px;padding-right:12px;display:grid;-webkit-mask-image:none;mask-image:none}.about-content-inner{align-content:start;gap:34px;width:min(100%,760px);display:grid}.about-introduction{color:#303030;letter-spacing:-.012em;max-width:730px;margin:0;font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.65}.about-section{border-top:1px solid var(--line);gap:9px;padding-top:20px;display:grid}.about-section h3{letter-spacing:-.03em;margin:0 0 4px;font-size:1.28rem;font-weight:500;line-height:1.2}.about-section>p:not(.settings-kicker){color:#4e4e4e;max-width:720px;margin:0;font-size:.88rem;line-height:1.68}.about-disclaimer{padding-bottom:8px}.about-disclaimer>p:not(.settings-kicker){color:#292929;font-weight:500}.settings-bottom-actions{z-index:10;min-height:calc(96px + env(safe-area-inset-bottom));padding:10px 18px max(10px, env(safe-area-inset-bottom));pointer-events:none;background:0 0;place-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.settings-bottom-actions .settings-close-button{pointer-events:auto;width:56px;height:56px}.settings-section{border-top:1px solid var(--line);min-width:0;padding-top:26px}.settings-section-heading{gap:10px;margin-bottom:24px;display:grid}.settings-section-heading h3{letter-spacing:-.035em;margin:0;font-size:1.42rem;font-weight:500;line-height:1.15}.settings-hint{color:var(--muted);margin:14px 0 0;font-size:.75rem;line-height:1.4}.account-summary{justify-items:start;gap:22px;display:grid}.account-logout-action{color:var(--muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:500;-webkit-text-decoration:underline #cfcfcf;text-decoration:underline #cfcfcf;transition:color .16s,text-decoration-color .16s}.account-logout-action:hover:not(:disabled){color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.account-logout-action:disabled{cursor:default;opacity:.5}.account-detail-stage{position:relative}.account-detail-stage .account-detail-layer{display:none}.account-detail-stage[data-mode=summary] .account-summary-layer,.account-detail-stage[data-mode=email] .account-email-form,.account-detail-stage[data-mode=password] .account-password-form{animation:.22s ease-out both auth-form-enter;display:grid}.settings-field-label,.settings-field>span{margin-bottom:var(--field-gap);color:var(--muted);letter-spacing:.045em;font-size:.8rem;font-weight:500;display:block}.settings-section-heading .account-email{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(1.18rem,2vw,1.42rem);font-weight:450;line-height:1.25;display:block;overflow:hidden}.settings-action-row,.settings-form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-action{min-height:var(--control-height);border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;padding:0 24px;font-size:.88rem;font-weight:500;transition:color .16s,background-color .16s,border-color .16s,transform .16s}.settings-action:hover:not(:disabled){background:#fafafa;border-color:#a5a5a5;transform:translateY(-1px)}.settings-action:active:not(:disabled){transform:scale(.985)}.settings-action-primary{border-color:var(--ink);background:var(--ink);color:var(--surface)}.settings-action-primary:hover:not(:disabled){background:#292929;border-color:#292929}.settings-close-button{border:1px solid var(--line);background:var(--surface);color:#484848;cursor:pointer;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:color .16s,background-color .16s,border-color .16s,transform .16s;display:grid}.settings-close-button svg{width:21px;height:21px}.settings-close-button:hover{color:var(--ink);background:#fafafa;border-color:#a5a5a5;transform:rotate(3deg)}.settings-close-button:active{transform:scale(.95)}.settings-form{gap:var(--form-gap);display:grid}.settings-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.settings-form-actions .settings-action{width:100%;min-height:var(--control-height);padding:0 24px;font-size:.88rem}.settings-feedback{color:#555;min-height:18px;margin:18px 0 0;font-size:.75rem;line-height:1.4}.settings-feedback-error{color:#202020;font-weight:500}.duration-options{border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-width:0;margin:0;padding:3px;display:grid}.duration-choice{min-width:0;min-height:64px;color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;transition:color .18s,background-color .18s,opacity .18s,transform .18s;display:grid;position:relative}.duration-choice input{opacity:0;width:1px;height:1px;position:absolute}.duration-choice>span{justify-items:center;gap:2px;display:grid}.duration-choice strong{font-family:var(--font-mono);letter-spacing:.02em;font-size:1.02rem;font-weight:500}.duration-choice small{letter-spacing:.035em;font-size:.62rem;font-weight:500}.duration-choice:hover{color:var(--ink);background:#f3f3f3}.duration-choice:has(input:focus-visible){outline-offset:2px;outline:3px solid #11111147}.duration-choice-selected{background:var(--ink);color:var(--surface)}.duration-choice-selected:hover{color:var(--surface);background:#292929}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes session-controls-tab-bounce{0%,56%,84%,to{transform:translate(-50%)translateY(0)}70%{transform:translate(-50%)translateY(-8px)}92%{transform:translate(-50%)translateY(-3px)}}@keyframes history-row-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-form-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-breathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-5px)scale(1.08)}}@keyframes chrome-enter{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes empty-dot-enter{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}60%{opacity:.85;transform:translate(-50%,-50%)scale(1.18)}to{opacity:.78;transform:translate(-50%,-50%)scale(1)}}@keyframes empty-dot-drift{0%,to{translate:0}50%{translate:0 -3px}}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.06)}}@keyframes status-pulse{0%,to{box-shadow:0 0 #11111159}70%{box-shadow:0 0 0 5px #1110}}@keyframes pause-enter{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}@keyframes pause-icon-settle{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes level-value-enter{0%{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes ready-pulse{0%{box-shadow:0 0 #0d0d0d47}to{box-shadow:0 0 0 18px #0d0d0d00}}@keyframes summary-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes row-fresh-sweep{0%{background-position:-100% 0}to{background-position:200% 0}}@media (hover:hover) and (pointer:fine){.history-table tbody::-webkit-scrollbar{width:10px}.history-table tbody::-webkit-scrollbar-track{background:0 0}.history-table tbody::-webkit-scrollbar-thumb{background:#bcbcbc padding-box padding-box;border:3px solid #0000;border-radius:999px}.history-table tbody::-webkit-scrollbar-thumb:hover{background:#919191 padding-box padding-box}.settings-content::-webkit-scrollbar{width:10px}.about-content::-webkit-scrollbar{width:10px}.settings-content::-webkit-scrollbar-track{background:0 0}.about-content::-webkit-scrollbar-track{background:0 0}.settings-content::-webkit-scrollbar-thumb{background:#bcbcbc padding-box padding-box;border:3px solid #0000;border-radius:999px}.about-content::-webkit-scrollbar-thumb{background:#bcbcbc padding-box padding-box;border:3px solid #0000;border-radius:999px}}@media (max-width:1024px){.experience-frame{padding-bottom:max(14px, env(safe-area-inset-bottom))}}@media (max-width:760px){.app-stage{background:var(--surface);min-height:100dvh;padding:0;display:block}.app-frame{background:var(--surface);border:0;border-radius:0;width:100%;height:100dvh;min-height:100dvh}.auth-frame{padding:max(36px, env(safe-area-inset-top)) 22px max(28px, env(safe-area-inset-bottom));gap:32px}.auth-brand{gap:10px}.auth-brand-title{gap:12px}.auth-brand-mark{width:clamp(2.35rem,10vw,2.75rem)}.auth-brand h1{font-size:clamp(1.95rem,9.4vw,2.55rem)}.auth-form-wrap{width:min(100%, var(--form-width))}.auth-field input,.settings-field input{font-size:1rem}:root{--control-height:54px}.experience-frame{--frame-inline:22px;padding:32px var(--frame-inline) max(12px, env(safe-area-inset-bottom))}.experience-frame[data-view=session]{--frame-inline:16px;padding:max(16px, env(safe-area-inset-top)) var(--frame-inline) max(12px, env(safe-area-inset-bottom));gap:0}.settings-panel,.about-panel{padding:28px 22px 0}.settings-header{min-height:58px}.settings-header h2{font-size:2.3rem}.settings-content,.about-content{padding:24px 12px calc(132px + env(safe-area-inset-bottom)) 0;-webkit-overflow-scrolling:touch;scrollbar-width:auto}.settings-content{gap:38px}.about-content-inner{gap:30px}.about-introduction{font-size:.98rem;line-height:1.62}.about-section{gap:8px;padding-top:18px}.about-section h3{font-size:1.22rem}.about-section>p:not(.settings-kicker){font-size:.82rem;line-height:1.65}.settings-bottom-actions{min-height:calc(86px + env(safe-area-inset-bottom));padding:8px 12px max(8px, env(safe-area-inset-bottom))}.settings-bottom-actions .settings-close-button{width:52px;height:52px}.settings-content{width:min(calc(100% + 12px), calc(var(--form-width) + 12px));gap:34px;padding-right:12px}.settings-section{padding-top:22px}.settings-section-heading{margin-bottom:22px}.settings-section-heading h3{font-size:1.3rem}.account-summary{gap:20px}.settings-section-heading .account-email{font-size:1.12rem}.account-summary .settings-action{padding-inline:14px}.experience-header{gap:14px;min-height:54px}.experience-frame[data-view=session] .experience-header{gap:12px;min-height:48px;padding:0 0 12px}.wordmark{font-size:2.65rem}.brand-mark{width:2.2rem}.experience-frame[data-view=session] .brand-lockup{gap:5px}.experience-frame[data-view=session] .brand-mark{width:1.5rem}.experience-frame[data-view=session] .wordmark{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.brand-subtitle{font-size:.64rem}.section-heading-row h2{font-size:1.35rem}.history-table tbody{-webkit-overflow-scrolling:touch;scrollbar-gutter:auto;scrollbar-width:auto}.history-table th{font-size:.7rem}.history-table th:first-child,.history-table td:first-child{width:62%}.history-table th:nth-child(2),.history-table td:nth-child(2){width:38%}.history-table td{padding:17px 6px}.history-date,.history-rate{font-size:.95rem}.history-meta{font-size:.65rem}.history-session-line{flex-direction:column;align-items:flex-start;gap:3px}.history-time{font-size:.65rem}.session-metrics-line{grid-template-columns:82px 40px 64px;gap:12px;width:100%}.session-metric{gap:5px}.session-metric-label{letter-spacing:0;font-size:.6875rem}.session-metric strong{font-size:.9375rem}.session-time-metric .session-metric-label{gap:4px}.status-dot{width:5px;height:5px}.section-heading-row{flex-wrap:wrap;align-items:flex-end;row-gap:18px}.practice-summary{flex-basis:100%;grid-template-columns:minmax(0,.75fr) minmax(0,1.3fr) minmax(0,.95fr);gap:0;min-width:0;margin-left:0;display:grid}.practice-summary li{text-align:left;justify-items:start;min-width:0}.practice-summary li+li{padding-left:14px}.practice-summary-label{overflow-wrap:anywhere}.practice-summary strong{font-size:1.12rem}.history-rate-bar{width:min(48px,100%)}.session-controls{min-height:calc(86px + env(safe-area-inset-bottom));padding:8px 12px max(8px, env(safe-area-inset-bottom));gap:12px}.settings-control-button{width:44px;height:44px;right:0}.about-control-button{width:44px;height:44px;left:0}.session-control-button{width:52px;height:52px}.session-control-button svg{width:19px;height:19px}.session-control-button-play{width:68px;height:68px}.session-control-button-play svg{width:23px;height:23px}.pause-overlay svg{width:82px;height:82px}}@media (max-width:420px){.account-summary .settings-action-row{gap:8px}.account-summary .settings-action{padding-inline:12px}.duration-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px}.duration-choice{min-height:60px}.duration-choice strong{font-size:.94rem}.duration-choice small{font-size:.57rem}.history-table th:first-child,.history-table td:first-child{width:60%}.history-table th:nth-child(2),.history-table td:nth-child(2){width:40%}}@media (max-width:360px){.session-controls{left:16px;right:16px}.session-control-cluster{gap:8px}.settings-form-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.round-shape-enter{opacity:1;animation:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.header-layer,.view-panel{transform:none!important}.experience-frame[data-view=dashboard] .history-table tbody tr{opacity:1!important;animation:none!important;transform:none!important}.account-detail-stage,.account-detail-layer{transition:none!important}.account-detail-layer{transform:none!important}.auth-form,.session-controls-tab-visible,.session-control-button-ready,.auth-brand-mark,.history-empty-dot,.status-dot-running,.session-time-metric-ending strong{animation:none!important}.session-level-value{opacity:1;transform:none;animation:none!important}.session-timeline-fill{transition:none!important}}
