:root{--t-color-ink-default: #182320;--t-color-ink-muted: #5c6c67;--t-color-ink-subtle: #6b7a75;--t-color-surface-page: #f6f8f5;--t-color-surface-card: #20262b;--t-color-surface-soft: #2b3338;--t-color-surface-line: #404a50;--t-color-accent-primary: #68747b;--t-color-accent-soft: #dfe4e6;--t-typography-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--t-typography-font-size-minimum: 12px;--t-typography-font-size-maximum: 13px;--t-typography-font-size-card-title: 34px;--t-typography-font-size-body: 17px;--t-typography-font-size-label: 12px;--t-typography-font-weight-regular: 400;--t-typography-font-weight-semibold: 650;--t-typography-font-weight-bold: 760;--t-viewport-mobile-frame-width: 390px;--t-viewport-mobile-frame-height: 720px;--t-viewport-safe-area-bottom-minimum: 0px;--t-surface-border-width: 1px;--t-surface-border-opacity: .18;--t-surface-shadow-card: 0px 22px 48px 0px rgb(0 0 0 / 28%);--t-card-size-width: 390px;--t-card-size-height: 717px;--t-card-space-padding: 18px;--t-card-space-gap: 12px;--t-card-radius-shell: 24px;--t-card-radius-action: 32px;--t-card-accent-height: 0px;--t-card-type-practice-accent: #c7d0d4;--t-card-type-reminder-accent: #c7d0d4;--t-card-type-checkin-accent: #d1c6b7;--t-card-type-profile-question-accent: #c9c4d6;--t-card-type-insight-accent: #d8c99e;--t-card-type-entry-accent: #b9c2c4;--t-content-stack-gap: 12px;--t-content-box-padding: 14px;--t-content-box-radius: 8px;--t-content-box-max-height: 127px;--t-interaction-block-height: 456px;--t-interaction-block-radius: 22px;--t-interaction-block-border-width: 1px;--t-interaction-block-background: rgb(0 0 0 / 24%);--t-interaction-block-viewport-margin: 12px;--t-interaction-prompt-area: 32%;--t-interaction-prompt-composer-height: 44px;--t-interaction-control-gap: 8px;--t-interaction-control-button-radius: 8px;--t-navigation-bottom-height: 58px;--t-navigation-bottom-side-padding: 28px;--t-motion-duration-fast: .14s;--t-motion-duration-normal: .22s;--t-motion-easing-standard: cubic-bezier(.2, 0, 0, 1)}:root{color:var(--t-color-ink-default);background:var(--t-color-surface-page);--bottom-nav-block-size: var(--t-navigation-bottom-height);--totalis-keyboard-inset-bottom: 0px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{block-size:100%;inline-size:100%;overflow:hidden}*{box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0;display:none}body{margin:0;overflow:hidden;background:var(--t-color-surface-page)}.authShell{block-size:100vh;min-block-size:100vh;overflow:auto;display:grid;place-items:center;padding:24px 24px calc(24px + var(--totalis-keyboard-inset-bottom));-webkit-overflow-scrolling:touch}@supports (block-size: 100dvh){.authShell{block-size:100dvh;min-block-size:100dvh}}@supports (min-block-size: 100svh){.authShell{min-block-size:100svh}}.authPanel{width:min(100%,480px);border:1px solid #d6ded8;border-radius:8px;background:#fff;padding:24px;box-shadow:0 12px 32px #18232014}.eyebrow{margin:0 0 8px;color:var(--t-color-accent-primary);font-size:.75rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0 0 12px;font-size:1.75rem;line-height:1.2}p{line-height:1.5}.intro,.statusText{color:#52615d}.authForm,.sessionPanel{display:grid;gap:12px;margin:20px 0 16px}label{color:#33413d;font-size:.9rem;font-weight:700}input{width:100%;min-height:48px;border:1px solid #b9c8c1;border-radius:8px;padding:0 14px;color:#182320;font:inherit}input:focus{border-color:var(--t-color-accent-primary);outline:3px solid rgb(104 116 123 / 18%)}button{min-height:48px;border:0;border-radius:8px;background:var(--t-color-accent-primary);color:#fff;cursor:pointer;font:inherit;font-weight:700}button:disabled{cursor:default;opacity:.7}.smallButton{min-height:40px;padding:0 14px}.textButton{background:transparent;color:var(--t-color-accent-primary)}.dangerButton{background:#9b2f2f}dl{display:grid;gap:10px;margin:0}dl div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #e5ece8;padding-bottom:10px}dt{color:#687773;font-size:.85rem;font-weight:700}dd{margin:0;text-align:right;overflow-wrap:anywhere}code{display:inline-block;margin:4px 8px 4px 0;border-radius:6px;background:#edf4f1;padding:8px 10px}.appFrame{position:fixed;inset:0;inline-size:100%;block-size:100vh;min-block-size:100vh;overflow:hidden;display:grid;justify-items:center;align-items:stretch;grid-template-rows:minmax(0,1fr);padding-block-end:var(--totalis-keyboard-inset-bottom);background:radial-gradient(circle at 18% 14%,rgb(104 116 123 / 10%),transparent 30%),radial-gradient(circle at 78% 20%,rgb(124 132 140 / 9%),transparent 28%),var(--t-color-surface-page)}@supports (block-size: 100dvh){.appFrame{block-size:100dvh;min-block-size:100dvh}}.appViewport{position:relative;inline-size:100%;block-size:100%;min-block-size:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) var(--bottom-nav-block-size);background:var(--t-color-surface-page);isolation:isolate}.appViewport:before{position:absolute;z-index:0;inset:0;pointer-events:none;content:"";background:linear-gradient(180deg,#0000 58%,#0000006b 88%,#000000b3),radial-gradient(120% 46% at 50% 100%,rgb(0 0 0 / 46%),transparent 72%)}.appSurfaceSlot{position:relative;z-index:1;min-block-size:0;block-size:100%;overflow:hidden}.streamScroller,.practicesScroller,.profileScroller{min-block-size:0;block-size:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.practicesSurface{position:relative;min-block-size:0;block-size:100%;overflow:hidden}.streamPage,.profilePage{min-block-size:100%;block-size:100%;display:grid;align-items:stretch;padding:0;scroll-snap-align:start;scroll-snap-stop:normal}.frameMotionContentLayer{display:grid;min-block-size:0;block-size:100%;will-change:transform}.streamPage[data-horizontal-enabled=true],.profilePage[data-horizontal-enabled=true]{touch-action:pan-y}.cardSurface{--card-type-color: var(--t-card-type-practice-accent);--card-scrim: linear-gradient(180deg, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 0%) 30%, rgb(0 0 0 / 28%) 62%, rgb(0 0 0 / 62%) 100%), radial-gradient(120% 76% at 50% 100%, rgb(0 0 0 / 42%), transparent 70%);--card-background-image: none;--card-copy-font-size: clamp( var(--t-typography-font-size-minimum), 1rem, var(--t-typography-font-size-maximum) );--card-caption-font-size: clamp( var(--t-typography-font-size-minimum), .9rem, var(--t-typography-font-size-maximum) );--t-color-ink-default: #ffffff;--t-color-ink-muted: rgb(255 255 255 / 72%);--t-color-ink-subtle: rgb(255 255 255 / 58%);position:relative;min-block-size:0;block-size:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:var(--t-card-space-gap);overflow:hidden;border:0;border-radius:0;background-color:var(--t-color-surface-card);background:radial-gradient(110% 78% at 18% 0%,color-mix(in srgb,var(--card-type-color) 38%,transparent),transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--card-type-color) 24%,#101615),#101417 54%,#080a0c);color:var(--t-color-ink-default);isolation:isolate;box-shadow:none}.cardSurface[data-image-backed=true]{--card-scrim: linear-gradient(180deg, rgb(0 0 0 / 46%) 0%, rgb(0 0 0 / 24%) 24%, rgb(0 0 0 / 18%) 46%, rgb(0 0 0 / 58%) 78%, rgb(0 0 0 / 76%) 100%), radial-gradient(118% 70% at 50% 100%, rgb(0 0 0 / 38%), transparent 72%);background-image:var(--card-background-image),linear-gradient(160deg,color-mix(in srgb,var(--card-type-color) 16%,#111617),#0d1113);background-position:center,center;background-size:cover,auto;background-repeat:no-repeat,no-repeat}.cardSurface[data-image-backed=false]{--card-scrim: linear-gradient(180deg, rgb(0 0 0 / 6%) 0%, rgb(0 0 0 / 0%) 34%, rgb(0 0 0 / 14%) 58%, rgb(0 0 0 / 36%) 82%, rgb(0 0 0 / 52%) 100%), radial-gradient(118% 70% at 50% 100%, rgb(0 0 0 / 18%), transparent 72%)}.cardSurface:not(:has(.gestureShell)){grid-template-rows:auto minmax(0,1fr)}.cardSurface:before{position:absolute;inset:0;pointer-events:none;content:"";background:var(--card-scrim);opacity:1}.card-practice:before{background:var(--card-scrim)}.card-question:before{background:var(--card-scrim),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--card-type-color) 0%,transparent),transparent 1px)}.card-question:has([data-totalis-question-kind=check_in]){--card-type-color: var(--t-card-type-checkin-accent)}.card-question:has([data-totalis-question-kind=profile_question]){--card-type-color: var(--t-card-type-profile-question-accent)}.card-entry{--card-type-color: var(--t-card-type-entry-accent)}.card-entry:before{background:var(--card-scrim)}.card-insight:before{background:var(--card-scrim),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--t-card-type-insight-accent) 0%,transparent),transparent 1px)}.card-reminder:before{background:var(--card-scrim)}.typeAccent{position:relative;z-index:1;height:var(--t-card-accent-height)}.cardHeader,.cardBody,.gestureShell{position:relative;z-index:1}[data-totalis-recipe-id]{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-block-size:0;block-size:100%}[data-totalis-recipe-id]:not(:has(.cardBodyDetailFace)){grid-template-rows:minmax(0,1fr) auto}[data-totalis-recipe-id]:not(:has(.cardBodyDetailFace))>.cardHeader{align-self:end}[data-totalis-recipe-id=question-card-v1]{grid-template-rows:auto auto minmax(0,1fr)}[data-totalis-recipe-id=question-card-v1]>.cardHeader{align-self:start}.cardFlipScene{position:relative;z-index:1;grid-row:1 / -1;min-block-size:0;block-size:100%;perspective:1200px;perspective-origin:50% 50%}.cardFlipInner{position:relative;min-block-size:0;block-size:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform}.cardFlipScene[data-card-flipped=true] .cardFlipInner{transform:rotateY(180deg)}.cardFlipFace{position:absolute;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-block-size:0;block-size:100%;background-color:var(--t-color-surface-card);background:radial-gradient(110% 78% at 18% 0%,color-mix(in srgb,var(--card-type-color) 38%,transparent),transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--card-type-color) 24%,#101615),#101417 54%,#080a0c);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;transform-style:preserve-3d}.cardSurface[data-image-backed=true] .cardFlipFace{background-image:var(--card-background-image),linear-gradient(160deg,color-mix(in srgb,var(--card-type-color) 16%,#111617),#0d1113);background-position:center,center;background-size:cover,auto;background-repeat:no-repeat,no-repeat}.cardFlipFace:before{position:absolute;inset:0;pointer-events:none;content:"";background:var(--card-scrim);opacity:1}.card-insight .cardFlipFace:before{background:var(--card-scrim),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--t-card-type-insight-accent) 0%,transparent),transparent 1px)}.cardFlipFace[aria-hidden=true]{pointer-events:none}.cardFlipFront>.cardHeader{align-self:end}.cardFlipBack{transform:rotateY(180deg)}.cardHeader{--card-header-block-start: calc(env(safe-area-inset-top) + var(--t-card-space-padding));--card-header-inline: var(--t-card-space-padding);position:static;z-index:3;display:block;padding:var(--card-header-block-start) var(--card-header-inline) 0;pointer-events:none}.cardHeaderText{position:relative;z-index:1;inline-size:100%;min-inline-size:0}.cardHeaderAction{position:absolute;z-index:4;top:var(--card-header-block-start);right:var(--card-header-inline);display:flex;align-items:center;gap:var(--t-card-space-gap);pointer-events:auto}.cardHeaderActions{display:flex;gap:var(--t-card-space-gap)}.cardHeader span{display:inline-block;margin-bottom:14px;color:var(--t-color-ink-muted);font-size:var(--t-typography-font-size-label);font-weight:var(--t-typography-font-weight-bold);letter-spacing:0;text-transform:uppercase}.cardHeader h2{margin:0;color:var(--t-color-ink-default);font-size:clamp(1.55rem,8vw,var(--t-typography-font-size-card-title));line-height:1.08;text-wrap:balance}.cardBody{display:grid;align-content:start;gap:var(--t-content-stack-gap);min-block-size:0;overflow:visible;padding:0 var(--t-card-space-padding)}.cardBody:not(.cardBodyDetailFace){align-content:stretch;padding-block-start:16px;padding-block-end:calc(env(safe-area-inset-bottom) + var(--t-card-space-gap))}.cardBodyWithPinnedInteraction{padding-block:var(--t-content-stack-gap) var(--t-card-space-gap)}.cardBodyWithFeedbackSticker{padding-block-end:calc(env(safe-area-inset-bottom) + 28px)}.cardBodyDetailFace{align-content:stretch;block-size:100%;grid-row:1 / -1;overflow:hidden;padding-block-start:calc(env(safe-area-inset-top) + var(--t-card-space-padding));padding-inline:var(--t-card-space-padding)}.cardBodyDetailFace:not(.cardBodyWithPinnedInteraction){padding-block-start:calc(env(safe-area-inset-top) + var(--t-card-space-padding) + var(--t-card-radius-action) + var(--t-card-space-gap));padding-block-end:var(--t-card-space-padding)}.contentStack{display:grid;align-content:start;gap:var(--t-content-stack-gap)}.cardBody:not(.cardBodyDetailFace)>.contentStack{position:relative;block-size:100%;min-block-size:0;grid-template-rows:auto;align-content:end}.frontSummaryAction{position:absolute;right:0;bottom:0;display:flex;justify-content:flex-end}.frontSummaryAction .iconCircleButton{border-color:#ffffff38;background:#0c0e1029;color:#ffffffb8;backdrop-filter:blur(2px) saturate(1.02);-webkit-backdrop-filter:blur(2px) saturate(1.02)}.frontSummaryAction .iconCircleButton:hover,.frontSummaryAction .iconCircleButton:focus-visible{border-color:#ffffff57;background:#0c0e103d;color:#ffffffe0}.detailContentStack{block-size:100%;min-block-size:0;grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch}.detailContentStack .summaryBlock{min-block-size:0;max-block-size:none;overflow-y:auto}.detailSurfaceActions{position:absolute;z-index:3;top:calc(env(safe-area-inset-top) + var(--t-card-space-padding));right:var(--t-card-space-padding)}.summaryBlock{border:0;border-radius:var(--t-content-box-radius);background:#1214172e;color:inherit;max-block-size:var(--t-content-box-max-height);overflow-y:auto;padding:var(--t-content-box-padding);backdrop-filter:blur(8px) saturate(1.04);-webkit-backdrop-filter:blur(8px) saturate(1.04)}.summaryBlock.expanded{max-block-size:44dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.summaryBlock h3{margin:0 0 8px;color:#ffffffdb;font-size:var(--card-caption-font-size)}.summaryBlock p,.whyAsking{margin:0;color:#fffc;font-size:var(--card-copy-font-size)}.summaryBlock strong{color:#fff;font-weight:var(--t-typography-font-weight-bold)}.summaryBlockAction{display:grid;inline-size:100%;gap:12px;border:0;color:inherit;font:inherit;text-align:start;cursor:pointer}.summaryBlockAction:hover,.summaryBlockAction:focus-visible{background:#1214173d}.summaryRevealAffordance{justify-self:end;color:#ffffff9e;font-size:var(--card-caption-font-size);font-weight:var(--t-typography-font-weight-bold)}.cardBody:not(.cardBodyDetailFace) .summaryBlock{border-color:transparent;background:transparent;max-block-size:none;min-block-size:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.cardBody:not(.cardBodyDetailFace) .summaryBlockAction{gap:8px}.cardBody:not(.cardBodyDetailFace) .summaryBlockAction:hover,.cardBody:not(.cardBodyDetailFace) .summaryBlockAction:focus-visible{border-color:transparent;background:transparent}.entryBody{align-content:center;padding-block:0 calc(env(safe-area-inset-bottom) + 28px)}.entryBody p{max-inline-size:34rem;margin:0;color:#fffc;font-size:var(--card-copy-font-size);line-height:1.55}.preparingBody{position:relative;z-index:1;display:grid;align-content:center;justify-items:center;gap:18px;min-block-size:100%;padding:0 var(--t-card-space-padding) calc(env(safe-area-inset-bottom) + 28px);text-align:center}.preparingBody p{max-inline-size:30rem;margin:0;color:#fffc;font-size:var(--card-copy-font-size);line-height:1.55}.preparingLogo{display:block;inline-size:58px;block-size:58px;color:#929a96e0;filter:drop-shadow(0 10px 24px rgb(0 0 0 / 24%))}.iconCircleButton{display:grid;place-items:center;inline-size:var(--t-card-radius-action);min-inline-size:var(--t-card-radius-action);block-size:var(--t-card-radius-action);min-block-size:var(--t-card-radius-action);border:1px solid rgb(255 255 255 / 34%);border-radius:999px;background:#ffffff1a;color:#ffffffe0;opacity:1;padding:0;font-size:.95rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}.iconGlyph{inline-size:1rem;block-size:1rem}.iconCircleButton.selected{border-color:#ffffff7a;background:#fff3;color:#fff}.iconCircleButton:not(:disabled):hover{border-color:#ffffff7f;background:#ffffff29}.iconCircleButton:not(:disabled):active{transform:scale(.96)}.iconCircleButton:disabled{cursor:default;opacity:.68}.iconCircleButton:focus-visible{outline:2px solid rgb(255 255 255 / 42%);outline-offset:2px}.interactionBlock{--interaction-control-font-size: var(--card-copy-font-size);--interaction-reset-top: calc(env(safe-area-inset-top) + var(--t-card-space-padding));--interaction-reset-right: var(--t-card-space-padding);--interaction-reset-transform: none;position:absolute;z-index:2;margin:0;inset:0;display:grid;grid-template-rows:minmax(0,var(--t-interaction-prompt-area)) minmax(0,1fr);block-size:auto;min-block-size:min(100%,var(--t-interaction-block-height));border:calc(var(--t-interaction-block-border-width) * 0) solid transparent;border-radius:calc(var(--t-interaction-block-radius) * 0);background:var(--t-interaction-block-background);overflow:hidden;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.interactionBlock[data-interaction-has-prompt=false]{grid-template-rows:minmax(0,1fr)}[data-totalis-recipe-id=question-card-v1]>.interactionBlock{position:relative;z-index:1;inset:auto;min-block-size:0;block-size:100%;border:0;border-radius:var(--t-interaction-block-radius) var(--t-interaction-block-radius) 0 0}.interactionBlock-practiceFeedback{--interaction-control-font-size: var(--card-caption-font-size);--interaction-reset-top: 12px;--interaction-reset-right: 12px;--interaction-reset-transform: none;top:calc(env(safe-area-inset-top) + var(--t-card-space-padding) + var(--t-card-radius-action) + var(--t-card-space-gap));right:0;bottom:calc(40% + var(--t-card-space-gap));left:0;grid-template-rows:minmax(0,auto) minmax(0,1fr);block-size:auto;min-block-size:0;max-block-size:none;border:var(--t-interaction-block-border-width) solid rgb(255 255 255 / 14%);border-radius:var(--t-interaction-block-radius);background:#14161875;overflow:hidden;box-shadow:0 18px 42px #0000002e;backdrop-filter:blur(22px) saturate(1.12);-webkit-backdrop-filter:blur(22px) saturate(1.12)}.interactionBlock-practiceFeedback .interactionPrompt{min-block-size:0;padding-block:12px}.interactionBlock-practiceFeedback .interactionBody{min-block-size:0;overflow-y:auto;padding-block:10px 12px}.interactionBlock-practiceFeedback .interactionBodyWithComposer{grid-template-rows:auto auto}.interactionBlock-practiceFeedback .choiceGrid{block-size:auto}.interactionBlock-practiceFeedback .choiceGrid button,.interactionBlock-practiceFeedback .interactionNote{min-block-size:38px}.interactionPrompt{display:grid;align-items:center;gap:var(--t-interaction-control-gap);padding:var(--t-interaction-control-gap) var(--t-interaction-block-viewport-margin)}.interactionPrompt p{margin:0;color:var(--t-color-ink-default);font-size:var(--interaction-control-font-size);line-height:1.12}.interactionResetSlot{position:absolute;z-index:3;top:var(--interaction-reset-top);right:var(--interaction-reset-right);display:grid;place-items:center;transform:var(--interaction-reset-transform)}.interactionBody{display:grid;min-block-size:0;padding:var(--t-interaction-control-gap) var(--t-interaction-block-viewport-margin)}.interactionBodyWithComposer{grid-template-rows:minmax(0,1fr) auto;gap:var(--t-interaction-control-gap)}.choiceGrid{--choice-columns: 1;display:grid;grid-template-columns:repeat(var(--choice-columns),minmax(0,1fr));gap:var(--t-interaction-control-gap);block-size:100%}.choiceGrid button{min-block-size:0;border:1px solid rgb(255 255 255 / 18%);border-radius:var(--t-interaction-control-button-radius);background:#ffffff1a;color:#ffffffe0;padding:6px;font-size:var(--interaction-control-font-size);line-height:1.08}.choiceGrid button.selected{border-color:#ffffff6b;background:#ffffff38;color:#fff}.scaleControl,.measuredControl,.yearPickerControl{display:grid;place-items:center;gap:var(--t-interaction-control-gap);block-size:100%}.scaleControl input{inline-size:100%}.scaleLabels{display:flex;justify-content:space-between;inline-size:100%;color:var(--t-color-ink-muted);font-size:var(--interaction-control-font-size);font-weight:var(--t-typography-font-weight-semibold)}.scaleControl strong,.measuredControl span{font-size:var(--interaction-control-font-size)}.measuredStepper{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;align-items:center;gap:var(--t-interaction-control-gap);inline-size:min(100%,270px)}.measuredStepper input,.measuredStepper button{min-block-size:48px;border:1px solid rgb(255 255 255 / 18%);border-radius:var(--t-interaction-control-button-radius);background:#ffffff1a;color:#fff;font-size:var(--interaction-control-font-size);text-align:center}.measuredStepper input{background:#ffffff29;font-size:max(16px,1.4rem);font-weight:var(--t-typography-font-weight-bold)}.yearPickerSelect{inline-size:min(100%,270px);min-block-size:56px;border:1px solid rgb(255 255 255 / 18%);border-radius:var(--t-interaction-control-button-radius);background:#ffffff29;color:#fff;font-size:max(16px,1.4rem);font-weight:var(--t-typography-font-weight-bold);text-align:center;text-align-last:center}.interactionNote{inline-size:100%;min-block-size:var(--t-interaction-prompt-composer-height);border:1px solid rgb(255 255 255 / 18%);border-radius:var(--t-interaction-control-button-radius);background:#ffffff1a;color:#fff;font-size:max(16px,var(--interaction-control-font-size));padding:10px 12px;resize:none}.srOnly{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.gestureShell{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;border-top:1px solid rgb(255 255 255 / 10%);padding:12px 14px 14px}.gestureShell button{min-height:40px;flex:1 1 96px;border:1px solid rgb(255 255 255 / 18%);background:#ffffff1a;color:#fff;padding:0 12px;font-size:.82rem}.profileResetPanel{position:relative;z-index:1;display:grid;gap:10px;border-top:1px solid rgb(255 255 255 / 10%);padding:14px}.profileResetPanel p{margin:0;color:#ffffffb8;font-size:.92rem}.profileResetActions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.profileResetPanel button{min-height:40px;padding:0 12px;font-size:.82rem}.profileResetTrigger{justify-self:start;padding-inline:0}.bottomNav{position:relative;z-index:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;height:var(--bottom-nav-block-size);border-top:1px solid rgb(255 255 255 / 12%);background:linear-gradient(180deg,#0000,#0000002e);padding:7px max(var(--t-navigation-bottom-side-padding),env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(var(--t-navigation-bottom-side-padding),env(safe-area-inset-left));backdrop-filter:blur(18px) saturate(.9);-webkit-backdrop-filter:blur(18px) saturate(.9);box-shadow:0 -18px 44px #0000002e;isolation:isolate}.bottomNav:before{position:absolute;z-index:-1;inset:-32px 0 0;pointer-events:none;content:"";background:linear-gradient(180deg,#0000,#00000052 58%,#0000007f)}.updateToast{position:fixed;z-index:7;right:12px;bottom:calc(var(--bottom-nav-block-size) + var(--totalis-keyboard-inset-bottom) + 12px);left:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(24 35 32 / 12%);border-radius:8px;background:#fffffff0;padding:10px 12px;box-shadow:0 14px 34px #18232024;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.updateToast button{min-height:36px;padding:0 14px}.installGuideBackdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#1823206b;padding:18px 18px calc(18px + var(--totalis-keyboard-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.installGuidePanel{width:min(100%,460px);max-block-size:min(620px,calc(100vh - var(--totalis-keyboard-inset-bottom) - 36px));overflow-y:auto;border:1px solid rgb(24 35 32 / 12%);border-radius:8px;background:#fffffff5;padding:20px;box-shadow:0 20px 48px #18232033;-webkit-overflow-scrolling:touch}@supports (max-block-size: 100dvh){.installGuidePanel{max-block-size:min(620px,calc(100dvh - var(--totalis-keyboard-inset-bottom) - 36px))}}.installGuideHeader{display:flex;align-items:start;justify-content:space-between;gap:16px}.installGuideClose{min-block-size:36px;min-inline-size:36px;border:1px solid rgb(24 35 32 / 12%);background:#fff;color:#33413d;padding:0}.installGuidePanel h2{margin:0 0 10px;color:#16221f;font-size:1.55rem;line-height:1.14}.installSteps{display:grid;gap:10px;margin:18px 0;padding-inline-start:22px;color:#41504c;line-height:1.45}.installGuideActions{display:flex;flex-wrap:wrap;justify-content:end;gap:8px}.installGuideActions button{min-height:40px;padding:0 14px}.navButton{justify-self:center;display:grid;place-items:center;inline-size:44px;min-inline-size:44px;min-height:44px;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#ffffff12;color:#ffffffb3;padding:0;box-shadow:inset 0 1px #ffffff1f;backdrop-filter:blur(10px) saturate(.88);-webkit-backdrop-filter:blur(10px) saturate(.88);transition:background var(--t-motion-duration-fast) var(--t-motion-easing-standard),border-color var(--t-motion-duration-fast) var(--t-motion-easing-standard),color var(--t-motion-duration-fast) var(--t-motion-easing-standard),transform var(--t-motion-duration-fast) var(--t-motion-easing-standard)}.navButton.active{border-color:#ffffff57;background:#fff3;color:#fff;box-shadow:0 8px 24px #00000038,inset 0 1px #fff3}.navButton:active{transform:scale(.98)}.navButton:focus-visible{outline:2px solid rgb(255 255 255 / 40%);outline-offset:3px}.navButton .totalisLogoMark{opacity:.72}.navButton.active .totalisLogoMark{opacity:1}.navIcon{inline-size:24px;block-size:24px}.navButton.practicePulse{animation:practice-pulse .72s ease-out}.undoToast{position:absolute;z-index:8;right:14px;bottom:12px;left:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(255 255 255 / 22%);border-radius:8px;background:#141618b8;color:#fff;padding:10px 12px;box-shadow:0 16px 36px #0000003d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.undoToast-error{border-color:#ffffff4d;background:#342222c7}.undoToast button{min-height:36px;border:1px solid rgb(255 255 255 / 28%);background:#ffffff29;color:#fff;padding:0 14px}.shellPanel{--shell-panel-accent: var(--t-color-accent-primary);position:relative;align-self:stretch;inline-size:100%;block-size:100%;min-block-size:0;display:grid;align-content:end;gap:12px;margin:0;overflow:hidden;border:0;border-radius:0;background:radial-gradient(110% 78% at 18% 0%,color-mix(in srgb,var(--shell-panel-accent) 28%,transparent),transparent 58%),linear-gradient(160deg,color-mix(in srgb,var(--shell-panel-accent) 18%,#111617),#101417 54%,#080a0c);color:#fff;isolation:isolate;padding:calc(env(safe-area-inset-top) + 28px) 20px 34px;box-shadow:none}.shellPanel:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(180deg,#0000002e,#0000 36%,#0000006b 76%,#000000ad),radial-gradient(118% 70% at 50% 100%,rgb(0 0 0 / 34%),transparent 72%)}.shellPanel>*{position:relative;z-index:1}.shellPanel .eyebrow{margin:0;color:#ffffffb8}.shellPanel h2{max-inline-size:12ch;margin:0;color:#fff;font-size:clamp(1.9rem,10vw,var(--t-typography-font-size-card-title));line-height:1.05;letter-spacing:0}@media(min-width:720px){.appFrame{align-items:center}.appViewport{inline-size:min(100%,var(--t-card-size-width));block-size:min(100%,calc(var(--t-card-size-height) + var(--bottom-nav-block-size)))}.streamPage,.profilePage{width:100%;margin:0;justify-self:stretch;padding:0}.cardSurface,.shellPanel{border:1px solid rgb(255 255 255 / 10%);border-radius:8px;box-shadow:0 18px 42px #00000038}.cardHeader{--card-header-block-start: 0;--card-header-inline: 20px;padding:0 20px}}@media(prefers-reduced-motion:reduce){.streamScroller,.practicesScroller,.profileScroller{scroll-behavior:auto}.cardFlipInner{transition:none}}@keyframes practice-pulse{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}