.connection-status{border:1px solid var(--control-border);color:var(--ink);background:var(--surface);overflow-wrap:anywhere;border-radius:14px;gap:5px;margin:0 0 20px;padding:14px 16px;font-size:13px;line-height:1.5;display:grid}.connection-status span{color:var(--muted)}
.study-build-information{border:1px solid var(--border);background:var(--surface);border-radius:16px;max-width:700px;margin:24px 0;padding:16px 20px}.study-build-information summary{cursor:pointer;min-height:28px;font-size:14px;font-weight:600}.study-build-information p{color:var(--muted);font-size:12px;line-height:1.7}.study-build-information code{overflow-wrap:anywhere;font-size:11px}.study-update-notice{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 18px;padding:16px 20px;display:flex}.study-update-notice>div{flex:1;min-width:180px}.study-update-notice strong{font-size:14px}.study-update-notice p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.7}.study-update-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:600px){.study-update-notice{padding:15px}.study-update-actions>.button{flex:1}}
.study-surface{background:var(--canvas);min-height:100dvh;color:var(--ink);line-height:1.55;position:relative}.study-surface a{text-underline-offset:4px}.study-theme-controls{z-index:30;align-items:center;gap:4px;display:flex;position:absolute;top:26px;right:32px}.study-theme-toggle{border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.study-theme-toggle:hover{color:var(--accent);background:var(--accent-soft)}.study-theme-to-light,[data-theme=dark]>.study-theme-controls .study-theme-to-dark{display:none}[data-theme=dark]>.study-theme-controls .study-theme-to-light{display:flex}.study-theme-settings>summary{cursor:pointer;border:1px solid var(--border);background:var(--surface);min-width:44px;min-height:44px;color:var(--muted);border-radius:14px;place-items:center;list-style:none;display:grid}.study-theme-settings>summary::-webkit-details-marker{display:none}.study-theme-settings>summary svg{width:16px;height:16px;transform:rotate(90deg)}.study-theme-settings[open]>summary{background:var(--accent-soft);color:var(--accent)}.study-theme-menu{border:1px solid var(--border);background:var(--surface-raised);width:min(290px,100vw - 32px);box-shadow:var(--shadow-pop);border-radius:16px;padding:16px;position:absolute;top:calc(100% + 8px);right:0}.study-theme-menu p{margin:0 0 12px;font-size:13px;font-weight:650}.study-theme-menu [role=group]{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.study-theme-menu button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--ink);border-radius:9px;padding:8px;font-size:12px}.study-theme-menu button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.study-theme-menu small{color:var(--muted);margin-top:12px;font-size:11px;line-height:1.55;display:block}.study-theme-menu .study-theme-account{width:100%;margin-top:12px}@media (prefers-color-scheme:dark){[data-theme=system]>.study-theme-controls .study-theme-to-dark{display:none}[data-theme=system]>.study-theme-controls .study-theme-to-light{display:flex}}.study-app-header{z-index:2;width:224px;padding:30px 20px;position:absolute;top:0;left:0}.study-app-header .brand-name{font-size:19px}.study-app-header .brand-mark{flex-basis:34px;width:34px;height:34px}.study-brand-link{text-decoration:none}.study-test-label{color:var(--muted);margin:12px 0 0 45px;font-size:11px;display:block}.study-app-layout{grid-template-columns:224px minmax(0,1fr);min-height:100dvh;display:grid}.study-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:24px;height:100dvh;padding:135px 16px 24px;display:flex;position:sticky;top:0}.study-sidebar nav{flex-direction:column;gap:6px;display:flex}.study-sidebar nav a{color:var(--muted);min-height:48px;transition:background var(--motion-fast),color var(--motion-fast);border-radius:13px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:600;text-decoration:none;display:flex;position:relative}.study-sidebar nav a:hover{color:var(--ink);background:var(--surface-inset)}.study-sidebar nav a[aria-current=page]{color:var(--accent);background:var(--accent-soft)}.study-sidebar nav a[aria-current=page]:after{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-left:auto}.study-sidebar nav svg{flex:0 0 20px}.study-sidebar nav .study-nav-more{display:none}.study-sidebar nav .study-nav-more--active{display:flex}.study-sidebar-note{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;margin-top:auto;padding:18px 4px 0;font-size:11px;display:flex}.study-sidebar-note small{font-size:10px}.study-app-content{outline:0;min-width:0;padding:84px clamp(24px,3.5vw,56px) 48px}.study-app-content>div>:first-child{animation:flow-enter var(--motion-enter) var(--ease-out)}.study-session-controls{border:1px solid var(--border);background:var(--surface);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:960px;margin:28px auto 0;padding:24px;display:flex}.study-session-controls h2{font-size:15px}.study-session-controls p{color:var(--muted);margin:4px 0 0;font-size:12px}.study-inline-error{overflow-wrap:anywhere;flex-basis:100%;color:var(--danger)!important}.study-session-notice{border:1px solid var(--border);background:var(--surface);border-radius:20px;max-width:520px;padding:28px}.study-session-notice p{color:var(--muted);font-size:14px}.study-app--onboarding .study-app-header{width:auto;padding:24px 100px 24px 32px;position:relative}.study-app--onboarding .study-test-label,.study-app--onboarding .study-sidebar{display:none}.study-app--onboarding .study-app-layout{min-height:0;display:block}.study-app--onboarding .study-app-content{padding:20px 24px 40px}.study-app--onboarding .study-session-controls{background:0 0;border:0;max-width:880px;padding:16px 0}.study-app--onboarding .study-session-controls h2{font-size:12px;font-weight:600}.study-app--onboarding .study-session-controls>.button{width:auto;min-height:44px;font-size:12px}.study-app--onboarding .study-session-controls{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px;display:grid}.study-app--onboarding .study-session-controls>.study-inline-error{grid-column:1/-1}@media (min-width:768px) and (max-width:1199px){.study-app-layout{grid-template-columns:104px minmax(0,1fr)}.study-app-header{place-items:center;width:104px;padding:30px 0;display:grid}.study-app-header .brand-copy,.study-test-label{display:none}.study-sidebar{padding:112px 10px 20px}.study-sidebar nav a{flex-direction:column;gap:6px;padding:11px 4px;font-size:10px}.study-sidebar nav a[aria-current=page]:after{display:none}.study-sidebar-note{justify-content:center}.study-sidebar-note span{display:none}.study-app-content{padding:84px 24px 32px}.study-app--onboarding .study-app-header,.study-app--onboarding .brand-copy{display:block}}@media (max-width:767px){.study-theme-controls{top:14px;right:16px}.study-theme-toggle{border-radius:13px;padding:10px}.study-theme-toggle>span{display:none}.study-app-header{width:100%;min-height:72px;padding:19px 118px 19px 20px;position:relative}.study-test-label{display:none}.study-app-header .brand-claim{white-space:normal}.study-app-layout{min-height:0;display:block}.study-sidebar{z-index:20;width:100%;height:auto;padding:7px 8px max(8px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--border);background:var(--surface);position:fixed;inset:auto 0 0;box-shadow:0 -4px 20px #00000008}.study-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.study-sidebar nav .study-nav-wide{display:none}.study-sidebar nav .study-nav-more{display:flex}.study-sidebar nav a{border-radius:12px;flex-direction:column;gap:4px;min-width:0;min-height:52px;padding:7px 2px;font-size:10px;line-height:1.3}.study-sidebar nav a[aria-current=page]:after{display:none}.study-sidebar nav svg{width:20px;height:20px}.study-sidebar-note{display:none}.study-app-content{padding:20px 18px calc(96px + env(safe-area-inset-bottom))}.study-session-controls{gap:16px;padding:20px}.study-session-controls>.button{width:100%}.study-app--onboarding .study-app-header{padding:20px 118px 18px 20px}.study-app--onboarding .study-app-content{padding:12px 18px 28px}}.study-focus-indicator{background:var(--accent-soft);color:var(--ink);border:1px solid var(--border);border-radius:14px;align-items:center;gap:12px;max-width:600px;margin:0 0 18px;padding:12px 16px;font-size:13px;text-decoration:none;display:flex}.study-focus-indicator>svg{width:19px;color:var(--accent);flex-shrink:0}.study-focus-indicator>span{flex:1}.study-focus-indicator small{color:var(--muted);margin-top:3px;font-size:11px;display:block}