:root{--canvas:#fff;--surface:#fff;--ink:#111;--muted:#6b6b6b;--line:#d9d9d9;--line-soft:#e8e8e8;--hover-ring:#ededed;--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}body{background:var(--canvas);min-height:100vh;color:var(--ink);font-family:var(--font-sans);-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:#fffffff0;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:36px;padding:52px 58px 58px;display:grid;overflow:hidden auto}.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-mark{flex:none;width:clamp(2.5rem,5vw,3.15rem);height:auto}.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{justify-self:center;width:min(100%,410px);display:grid}.auth-form{gap:18px;animation:.38s cubic-bezier(.22,1,.36,1) both auth-form-enter;display:grid}.auth-fields{display:grid}.auth-field{gap:8px;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{color:var(--muted);letter-spacing:.045em;font-size:.72rem;font-weight:500}.auth-field input{border:1px solid var(--line);background:var(--surface);width:100%;height:52px;color:var(--ink);font:inherit;border-radius:999px;outline:none;padding:0 17px;transition:border-color .16s,box-shadow .16s,background-color .16s}.auth-field input:hover{border-color:#bdbdbd}.auth-field input:focus{border-color:#8a8a8a;box-shadow:0 0 0 3px #11111114}.auth-submit{border:1px solid var(--ink);background:var(--ink);min-height:52px;color:var(--surface);cursor:pointer;border-radius:999px;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{background:#292929;border-color:#292929;transform:translateY(-1px)}.auth-submit:active{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{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;width:100%;min-width:0;height:100%;padding:40px 58px 14px;transition:padding .56s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.experience-frame[data-view=session]{padding:16px 18px 14px}.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 8px 4px}.brand-lockup{align-items:center;gap:clamp(10px,1.2vw,15px);min-width:0;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{justify-content:flex-start;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.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}.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{overscroll-behavior-y:contain;scrollbar-color:#b5b5b5 transparent;scrollbar-gutter:stable;scrollbar-width:thin;min-height:0;display:block;overflow:hidden auto}.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:55%;padding-left:0}.history-table th:nth-child(2),.history-table td:nth-child(2),.history-table th:nth-child(3),.history-table td:nth-child(3){text-align:center;width:22.5%}.history-table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:20px 10px}.history-empty-row td{color:var(--muted);padding:36px 0;font-size:.82rem;text-align:left!important;width:100%!important}.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-table tbody:focus-visible{outline-offset:-2px;outline:2px solid #11111142}.history-date,.history-rate,.history-attempts{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-attempts{font-family:var(--font-mono);letter-spacing:.04em;font-size:1.08rem}.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:minmax(110px,1.15fr) repeat(2,minmax(70px,.68fr)) minmax(96px,.85fr);justify-self:end;align-items:center;gap:clamp(14px,2.2vw,34px);width:100%;display:grid}.session-metric{justify-items:end;gap:2px;min-width:0;display:grid}.session-metric-label{color:var(--muted);letter-spacing:.075em;text-transform:uppercase;font-size:.62rem;font-weight:500;line-height:1}.session-metric strong{font-family:var(--font-mono);letter-spacing:.04em;font-size:.9rem;font-weight:500;line-height:1}.session-time-metric .session-metric-label{align-items:center;gap:6px;display:flex}.session-metric .success-value{color:var(--ink);font-family:var(--font-sans);letter-spacing:-.02em}.session-level-metric strong{white-space:nowrap}.play-surface{cursor:crosshair;isolation:isolate;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:0;height:100%;min-height:410px;position:relative;overflow:hidden}.play-surface-paused{cursor:default}.pause-overlay{z-index:4;color:var(--ink);pointer-events:none;background:#ffffffc7;place-items:center;display:grid;position:absolute;inset:0}.pause-overlay svg{width:clamp(76px,9vw,108px);height:clamp(76px,9vw,108px)}.surface-feedback{z-index:3;max-width:calc(100% - 20px);color:var(--muted);letter-spacing:.01em;pointer-events:none;margin:0;font-size:.68rem;line-height:1.35;position:absolute;top:12px;left:10px}.status-dot{background:#b8b8b8;border-radius:50%;flex:none;width:7px;height:7px}.status-dot-running{background:#555}.status-dot-paused{background:#888}.practice-target{z-index:1;cursor:pointer;background:#000;border:0;border-radius:50%;padding:0;transition:left .24s cubic-bezier(.2,.8,.2,1),top .24s cubic-bezier(.2,.8,.2,1),width .22s,height .22s,box-shadow .16s;animation:.26s ease-out target-arrival;display:block;position:absolute;transform:translate(-50%,-50%)}.practice-target:disabled{cursor:default;opacity:1}.practice-target:not(:disabled):hover{box-shadow:0 0 0 8px var(--hover-ring)}.session-controls{justify-content:center;align-items:center;min-height:86px;padding:4px 0 0;display:flex;position:relative}.experience-frame[data-view=session] .session-controls{z-index:10;min-height:calc(96px + env(safe-area-inset-bottom));padding:10px 18px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);will-change:transform;background:#fffffff5;transition:opacity .26s,transform .46s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(0)}.experience-frame[data-view=session] .session-controls.session-controls-hidden{opacity:0;pointer-events:none;transform:translateY(calc(100% + 12px))}.session-controls-tab{z-index:11;bottom:env(safe-area-inset-bottom);border:1px solid var(--line);color:#555;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;border-bottom:0;border-radius:999px 999px 0 0;place-items:center;width:72px;height:27px;padding:0;transition:opacity .22s,color .16s,background-color .16s,transform .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s;display:grid;position:absolute;left:50%;transform:translate(-50%,calc(100% + 8px))}.session-controls-tab svg{width:18px;height:18px}.session-controls-tab-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.17s,0s,0s,.11s,0s;transform:translate(-50%)}.session-controls-tab:hover:not(:disabled){color:var(--ink);background:#f7f7f7}.session-controls-tab:active:not(:disabled){transform:translate(-50%,2px)}.session-controls-tab:disabled{cursor:default}.session-control-cluster{justify-content:center;align-items:center;gap:14px;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}.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) auto;width:100%;min-width:0;height:100%;min-height:0;padding:40px 58px 14px;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{overscroll-behavior-y:contain;scrollbar-color:#b5b5b5 transparent;scrollbar-width:thin;grid-template-columns:minmax(0,.98fr) minmax(380px,1.02fr);align-items:start;gap:clamp(52px,8vw,108px);min-height:0;padding:28px 8px 28px 0;display:grid;overflow:hidden auto}.about-content{overscroll-behavior-y:contain;scrollbar-color:#b5b5b5 transparent;scrollbar-width:thin;min-height:0;padding:28px 8px 36px 0;overflow:hidden auto}.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{background:#fffffff5;place-items:center;min-height:86px;padding:4px 0 0;display:grid}.settings-bottom-actions .settings-close-button{width:56px;height:56px}.settings-secondary-column{align-content:start;gap:24px;min-width:0;display:grid}.settings-secondary-column .settings-section{padding-top:16px}.settings-secondary-column .settings-section-heading{margin-bottom:20px}.settings-section{border-top:1px solid var(--line);min-width:0;padding-top:21px}.settings-section-heading{gap:8px;margin-bottom:30px;display:grid}.settings-section-heading h3{letter-spacing:-.035em;margin:0;font-size:1.52rem;font-weight:500;line-height:1.15}.account-summary{gap:32px;display:grid}.account-detail-stage{height:146px;transition:height .42s cubic-bezier(.22,1,.36,1);position:relative;overflow:clip}.account-detail-stage[data-mode=email]{height:172px}.account-detail-stage[data-mode=password]{height:312px}.account-detail-layer{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear .38s;position:absolute;inset:0;transform:translate(12px)}.account-summary-layer{transform:translate(-10px)}.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{opacity:1;visibility:visible;pointer-events:auto;transition-delay:70ms,0s,0s;transform:translate(0)}.settings-field-label,.settings-field>span{color:var(--muted);letter-spacing:.045em;margin-bottom:8px;font-size:.72rem;font-weight:500;display:block}.account-email{letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.18rem,2vw,1.48rem);font-weight:450;line-height:1.25;display:block;overflow:hidden}.settings-action-row,.settings-form-actions{align-items:center;gap:10px;display:flex}.settings-action-row{flex-wrap:nowrap}.settings-form-actions{flex-wrap:wrap}.settings-action{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;padding:0 18px;font-size:.82rem;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(.98)}.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:17px;max-width:520px;display:grid}.settings-field input{border:1px solid var(--line);background:var(--surface);width:100%;height:48px;color:var(--ink);font:inherit;border-radius:13px;outline:none;padding:0 15px;transition:border-color .16s,box-shadow .16s}.settings-field input:focus{border-color:#8a8a8a;box-shadow:0 0 0 3px #11111114}.settings-form-actions{margin-top:4px}.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 target-arrival{0%{opacity:.6;transform:translate(-50%,-50%)scale(.84)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@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)}}@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:calc(116px + env(safe-area-inset-bottom))}.experience-frame[data-view=session]{padding-bottom:max(14px, env(safe-area-inset-bottom))}.session-controls{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-radius:0 0 16px 16px;min-height:88px;padding:10px;position:absolute;bottom:24px;left:24px;right:24px}.settings-control-button{right:16px}.about-control-button{left:16px}.settings-panel,.about-panel{padding-bottom:24px}.settings-bottom-actions{min-height:88px;padding:10px}.settings-content{grid-template-columns:minmax(0,1fr);gap:44px}.settings-secondary-column{gap:44px;width:min(100%,620px)}.duration-settings{width:100%}}@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%,390px)}.auth-field input{height:54px;font-size:1rem}.auth-submit{min-height:54px}.experience-frame{padding:32px 22px calc(104px + env(safe-area-inset-bottom))}.experience-frame[data-view=session]{padding:12px 12px max(12px, env(safe-area-inset-bottom));gap:4px}.settings-panel,.about-panel{padding:28px 22px 0}.settings-header{min-height:58px}.settings-header h2{font-size:2.3rem}.settings-content{-webkit-overflow-scrolling:touch;scrollbar-width:auto;gap:38px;padding:24px 12px 32px 0}.about-content{-webkit-overflow-scrolling:touch;scrollbar-width:auto;padding:24px 12px 36px 0}.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(84px + env(safe-area-inset-bottom));padding:9px 12px max(9px, env(safe-area-inset-bottom))}.settings-bottom-actions .settings-close-button{width:52px;height:52px}.settings-section{padding-top:18px}.settings-section-heading{margin-bottom:24px}.settings-section-heading h3{font-size:1.35rem}.account-summary{gap:25px}.account-detail-stage{height:136px}.account-detail-stage[data-mode=email]{height:168px}.account-detail-stage[data-mode=password]{height:314px}.account-email{font-size:1.08rem}.account-summary .settings-action{padding-inline:12px;font-size:.75rem}.settings-field input{font-size:1rem}.duration-settings{width:100%;padding-bottom:16px}.settings-secondary-column{gap:38px;width:100%}.experience-header{gap:14px;min-height:54px}.experience-frame[data-view=session] .experience-header{gap:10px;min-height:44px;padding:0 2px 3px}.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:1rem}.experience-frame[data-view=session] .wordmark{font-size:1.18rem}.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:48%}.history-table th:nth-child(2),.history-table td:nth-child(2),.history-table th:nth-child(3),.history-table td:nth-child(3){width:26%}.history-table td{padding:17px 6px}.history-date,.history-rate,.history-attempts{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:minmax(80px,1.25fr) minmax(43px,.62fr) minmax(50px,.74fr) minmax(62px,.9fr);gap:5px;width:100%}.session-metric{gap:1px}.session-metric-label{letter-spacing:.055em;font-size:.52rem}.session-metric strong{font-size:.75rem}.session-time-metric .session-metric-label{gap:4px}.status-dot{width:5px;height:5px}.play-surface{min-height:0}.surface-feedback{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 8px);font-size:.62rem;top:8px;left:4px;overflow:hidden}.session-controls{min-height:calc(84px + env(safe-area-inset-bottom));padding:9px 12px max(9px, env(safe-area-inset-bottom));border-radius:0;gap:12px;bottom:0;left:0;right:0}.experience-frame[data-view=session] .session-controls{min-height:calc(86px + env(safe-area-inset-bottom));padding:8px 12px max(8px, env(safe-area-inset-bottom))}.settings-control-button{width:42px;height:42px;right:14px}.about-control-button{width:42px;height:42px;left:14px}.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:6px}.account-summary .settings-action{min-height:42px;padding-inline:8px;font-size:.68rem}.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:46%}.history-table th:nth-child(2),.history-table td:nth-child(2),.history-table th:nth-child(3),.history-table td:nth-child(3){width:27%}}@media (prefers-reduced-motion:reduce){*,: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{animation:none!important}}