:root{color:#182320;background:#f7f8f5;--bottom-nav-block-size: 60px;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:#f7f8f5}.authShell{block-size:100dvh;min-block-size:100svh;overflow:auto;display:grid;place-items:center;padding:24px}.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:#3a8d7c;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:#2f7d6c;outline:3px solid rgb(47 125 108 / 18%)}button{min-height:48px;border:0;border-radius:8px;background:#2f7d6c;color:#fff;cursor:pointer;font:inherit;font-weight:700}button:disabled{cursor:wait;opacity:.7}.smallButton{min-height:40px;padding:0 14px}.textButton{background:transparent;color:#2f7d6c}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:100vw;block-size:100vh;block-size:100dvh;min-block-size:100svh;overflow:hidden;display:block;padding-block-end:var(--bottom-nav-block-size);background:radial-gradient(circle at 18% 14%,rgb(58 141 124 / 11%),transparent 30%),radial-gradient(circle at 78% 20%,rgb(90 123 168 / 10%),transparent 28%),#f7f8f5}.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}.streamPage,.profilePage{min-block-size:100%;block-size:100%;display:grid;align-items:stretch;padding:0;scroll-snap-align:start;scroll-snap-stop:always}.cardSurface{position:relative;min-block-size:0;block-size:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;overflow:hidden;border:0;border-radius:0;background:#fff;box-shadow:none}.cardSurface:before{position:absolute;inset:0;pointer-events:none;content:"";opacity:.78}.card-practice:before{background:radial-gradient(circle at 18% 18%,rgb(58 141 124 / 20%),transparent 32%),radial-gradient(circle at 84% 8%,rgb(226 184 96 / 13%),transparent 28%),radial-gradient(circle at 74% 82%,rgb(58 141 124 / 12%),transparent 30%)}.card-question:before{background:radial-gradient(circle at 20% 12%,rgb(90 123 168 / 20%),transparent 30%),radial-gradient(circle at 82% 22%,rgb(72 151 140 / 11%),transparent 28%),radial-gradient(circle at 68% 86%,rgb(90 123 168 / 13%),transparent 34%)}.card-insight:before{background:radial-gradient(circle at 24% 16%,rgb(139 107 177 / 19%),transparent 30%),radial-gradient(circle at 84% 18%,rgb(68 132 150 / 12%),transparent 28%),radial-gradient(circle at 72% 84%,rgb(139 107 177 / 13%),transparent 34%)}.card-reminder:before{background:radial-gradient(circle at 22% 14%,rgb(192 122 83 / 19%),transparent 30%),radial-gradient(circle at 82% 22%,rgb(58 141 124 / 12%),transparent 28%),radial-gradient(circle at 72% 84%,rgb(192 122 83 / 13%),transparent 34%)}.typeAccent{position:relative;z-index:1;height:6px}.cardHeader,.cardBody,.gestureShell{position:relative;z-index:1}.cardHeader{padding:calc(env(safe-area-inset-top) + 20px) 20px 0}.cardHeader span{display:inline-block;margin-bottom:10px;color:#52615d;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.cardHeader h2{margin:0;color:#16221f;font-size:clamp(1.55rem,8vw,2.2rem);line-height:1.08}.cardBody{display:grid;align-content:start;gap:12px;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:0 20px;-webkit-overflow-scrolling:touch}.summaryBlock{border:1px solid rgb(24 35 32 / 10%);border-radius:8px;background:#ffffffc2;padding:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.summaryBlock.expanded{max-block-size:44dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.summaryBlock h3{margin:0 0 8px;color:#273631;font-size:.9rem}.summaryBlock p,.whyAsking{margin:0;color:#41504c}.answerControls{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}.answerControls button{min-height:40px;padding:0 14px}.answerControls button.selected{border-color:#2f7d6c85;background:#e9f3ef;color:#1f5f52}.answerControls textarea,.answerValues input{border:1px solid rgb(24 35 32 / 16%);border-radius:8px;background:#ffffffc7;color:#24322f;font:inherit}.answerControls textarea{flex:1 0 100%;min-inline-size:100%;padding:10px 12px;resize:vertical}.answerValues{display:flex;flex:1 0 100%;gap:8px}.answerValues input{min-inline-size:0;flex:1;min-height:40px;padding:0 10px}.submitAnswerButton{margin-inline-start:auto}.practiceToolbar{display:flex;justify-content:space-between;gap:10px}.heartButton,.detailsButton{min-height:40px;border:1px solid rgb(47 125 108 / 22%);background:#ffffffb3;color:#205d51;padding:0 14px}.heartButton{flex:0 0 52px;font-size:1.35rem}.heartButton.saved{background:#e9f3ef}.detailsButton{flex:1}.gestureShell{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;border-top:1px solid rgb(24 35 32 / 9%);padding:12px 14px 14px}.gestureShell button{min-height:40px;flex:1 1 96px;padding:0 12px;font-size:.82rem}.bottomNav{position:fixed;z-index:6;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;height:var(--bottom-nav-block-size);border-top:1px solid rgb(24 35 32 / 10%);background:#f7f8f5;padding:6px 12px 4px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.updateToast{position:fixed;z-index:7;right:12px;bottom:calc(var(--bottom-nav-block-size) + 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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.installGuidePanel{width:min(100%,460px);max-block-size:min(620px,calc(100dvh - 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}.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{align-self:end;min-height:44px;border:1px solid transparent;background:transparent;color:#52615d}.navButton.active{border-color:#2f7d6c3d;background:#e9f3ef;color:#205d51}.navButton.practicePulse{animation:practice-pulse .72s ease-out}.undoToast{position:fixed;z-index:8;right:14px;bottom:calc(var(--bottom-nav-block-size) + 12px);left:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgb(24 35 32 / 12%);border-radius:8px;background:#fff;padding:10px 12px;box-shadow:0 16px 36px #18232029}.undoToast button{min-height:36px;padding:0 14px}.shellPanel{align-self:start;width:min(100% - 28px,680px);margin:calc(env(safe-area-inset-top) + 8px) auto 24px;border:1px solid rgb(24 35 32 / 10%);border-radius:8px;background:#fff;padding:20px;box-shadow:0 14px 36px #18232014}.shellPanel h2{margin:0 0 10px;font-size:1.35rem}@media(min-width:720px){:root{--bottom-nav-block-size: 60px}.streamPage,.profilePage{width:min(100%,560px);margin:0 auto;justify-self:center;padding:calc(env(safe-area-inset-top) + 8px) 14px 18px}.cardSurface{border:1px solid rgb(24 35 32 / 10%);border-radius:8px;box-shadow:0 18px 42px #1823201a}.cardHeader{padding:0 20px}}@media all and (display-mode:standalone){.appFrame{block-size:100vh;min-block-size:100vh}}@media(prefers-reduced-motion:reduce){.streamScroller,.practicesScroller,.profileScroller{scroll-behavior:auto}}@keyframes practice-pulse{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}