:root{--bg:#f7f8fc;--bg-secondary:#eef1f8;--panel:hsla(0,0%,100%,.92);--panel-strong:rgba(249,250,255,.98);--card:hsla(0,0%,100%,.98);--surface-soft:rgba(241,244,255,.72);--surface-strong:hsla(0,0%,100%,.99);--text:#111422;--muted:#66708f;--heading:#0d1120;--border:rgba(72,88,148,.14);--accent:#6d5efc;--accent-dark:#4f43ce;--accent-soft:#9f8cff;--accent-ice:#4ca3ff;--success:#52d6b8;--shadow:0 20px 60px rgba(46,56,94,.12);--shadow-strong:0 28px 72px rgba(46,56,94,.16)}*{box-sizing:border-box}html{font-family:Avenir Next,Trebuchet MS,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(109,94,252,.16),transparent 32%),radial-gradient(circle at 85% 18%,rgba(99,143,255,.1),transparent 24%),radial-gradient(circle at bottom right,rgba(168,92,255,.12),transparent 26%),linear-gradient(145deg,#fff 0,#f6f8fd 50%,#edf1fb 100%),var(--bg);background-attachment:fixed}html[data-theme=dark]{--bg:#080b16;--bg-secondary:#111522;--panel:rgba(18,24,40,.88);--panel-strong:rgba(24,31,52,.94);--card:rgba(14,19,33,.96);--surface-soft:rgba(21,27,46,.92);--surface-strong:rgba(14,19,33,.96);--text:#f2f5ff;--muted:#aeb6d4;--heading:#fff;--border:rgba(142,157,214,.18);--shadow:0 24px 80px rgba(3,7,20,.44);--shadow-strong:0 30px 84px rgba(3,7,20,.52)}html[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(109,94,252,.28),transparent 32%),radial-gradient(circle at 85% 18%,rgba(99,143,255,.16),transparent 24%),radial-gradient(circle at bottom right,rgba(168,92,255,.18),transparent 26%),linear-gradient(145deg,#05070d 0,#0c1020 45%,#141926 100%),var(--bg)}a{color:inherit;text-decoration:none}.shell{min-height:100vh;padding:32px 20px 60px}.container{max-width:1180px;margin:0 auto}.card,.hero,.panel{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(241,244,255,.96));border-radius:32px;padding:42px;box-shadow:var(--shadow-strong)}.hero:before{inset:-30% auto auto 55%;width:320px;height:320px;background:radial-gradient(circle,rgba(118,102,255,.22),transparent 62%);pointer-events:none}.hero:after,.hero:before{content:"";position:absolute}.hero:after{inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(109,94,252,.28),transparent)}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(122,108,255,.14);color:#4339a6;font-size:14px;font-weight:700;letter-spacing:.03em;border:1px solid rgba(159,140,255,.22)}.grid,.hero-grid{display:grid;grid-gap:20px;gap:20px}.hero-grid{grid-template-columns:1.4fr 1fr;align-items:start}.hero-copy{order:1}.hero-auth{order:2}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.title{margin:16px 0 14px;font-size:clamp(34px,5vw,64px);line-height:.95;letter-spacing:-.04em;color:var(--heading);max-width:10ch}.lead{color:var(--muted);max-width:720px;font-size:19px;line-height:1.7}.hero-points{display:grid;grid-gap:10px;gap:10px;margin-top:22px}.hero-point{display:inline-flex;align-items:center;gap:12px;color:#1d2642;font-weight:600;line-height:1.55}.hero-point-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-ice));box-shadow:0 0 0 6px rgba(109,94,252,.1)}.hero-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:28px}.hero-stat{display:grid;grid-gap:6px;gap:6px;padding:16px 18px;border-radius:22px;background:hsla(0,0%,100%,.72);border:1px solid rgba(109,94,252,.12)}.hero-stat strong{font-size:24px;color:var(--heading)}.hero-stat span{color:var(--muted);line-height:1.5}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.theme-toggle{gap:10px;min-height:48px;padding:10px 14px;border-radius:999px;border:1px solid rgba(109,94,252,.14);background:rgba(245,247,255,.92);color:var(--heading);box-shadow:0 10px 24px rgba(77,86,138,.1);font-size:15px}.theme-toggle,.theme-toggle-icon{display:inline-flex;align-items:center}.theme-toggle-icon{width:28px;height:28px;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-ice));color:#fff;font-size:14px}.btn,.btn-secondary,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;overflow:hidden;border:1px solid transparent;border-radius:18px;padding:14px 20px;font:inherit;font-weight:700;letter-spacing:.01em;min-height:52px;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease,color .22s ease}.btn-secondary:before,.btn:before,button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.18) 45%,transparent 70%);transform:translateX(-130%);transition:transform .45s ease;pointer-events:none}.btn{background:linear-gradient(135deg,var(--accent) 0,#7d6bff 45%,#4ca3ff 100%);color:#fff;box-shadow:0 16px 36px rgba(91,87,255,.34)}.btn-secondary{background:rgba(244,246,255,.94);color:var(--text);border-color:rgba(109,94,252,.14);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8)}.btn-secondary:hover,.btn:hover,button:hover{transform:translateY(-2px) scale(1.01)}.btn:hover,button.btn:hover{box-shadow:0 22px 48px rgba(91,87,255,.42)}.btn-secondary:hover,button.btn-secondary:hover{border-color:rgba(159,140,255,.42);background:rgba(236,240,255,.98);box-shadow:0 18px 38px rgba(77,86,138,.16)}.btn-secondary:hover:before,.btn:hover:before,button:hover:before{transform:translateX(130%)}.btn-secondary:active,.btn:active,button:active{transform:translateY(1px) scale(.99)}.panel{background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(246,248,255,.94));border-radius:28px;padding:28px}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.99),rgba(248,250,255,.96));border-radius:26px;padding:22px}.metric{display:grid;grid-gap:8px;gap:8px}.metric strong{font-size:28px}.muted{color:var(--muted)}.section-title{margin:0 0 16px;font-size:26px;letter-spacing:-.02em;color:var(--heading)}.home-section{margin-top:28px}.section-head{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.section-kicker{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:8px 12px;border-radius:999px;background:rgba(109,94,252,.08);border:1px solid rgba(109,94,252,.14);color:#4b40b5;font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.topbar{justify-content:space-between;margin-bottom:20px}.topbar,.topbar-side{display:flex;align-items:center;gap:12px}.topbar-side{justify-content:flex-end;flex-wrap:wrap}.topbar-menu{align-items:center}.topbar nav,.topbar-menu{display:flex;gap:12px;flex-wrap:wrap}.session-pill{color:var(--muted)}.nav-link,.session-pill{padding:10px 14px;border-radius:999px;background:rgba(245,247,255,.92);border:1px solid var(--border)}.nav-link{transition:transform .2s ease,border-color .2s ease,background .2s ease}.nav-link:hover{transform:translateY(-1px);border-color:rgba(159,140,255,.4);background:rgba(235,239,255,.96)}.mobile-nav-toggle{display:none}.nav-logout{white-space:nowrap}.form{display:grid;grid-gap:12px;gap:12px}.form input,.form select,.form textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:hsla(0,0%,100%,.96);color:var(--text);font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.date-input-shell{position:relative;display:grid;grid-gap:10px;gap:10px;width:min(460px,100%)}.date-display{width:100%;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:22px;border:1px solid rgba(109,94,252,.12);background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(244,247,255,.96));color:var(--heading);text-align:left;box-shadow:0 14px 30px rgba(77,86,138,.12)}.date-display-edit{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-ice));color:#fff;flex-shrink:0}.date-shortcut{padding:12px 16px}.date-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:40;width:min(460px,calc(100vw - 32px));padding:20px;border-radius:30px;border:1px solid rgba(109,94,252,.14);background:linear-gradient(180deg,hsla(0,0%,100%,.99),rgba(245,248,255,.98));box-shadow:0 28px 50px rgba(77,86,138,.18)}.date-popover:before{content:"";position:absolute;top:-8px;right:28px;width:18px;height:18px;background:inherit;border-top:1px solid rgba(109,94,252,.14);border-left:1px solid rgba(109,94,252,.14);transform:rotate(45deg)}.date-popover-toolbar{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:14px;gap:14px;margin-bottom:18px}.date-popover-select{width:100%;min-height:52px;border-radius:18px;border:1px solid rgba(109,94,252,.1);background:rgba(245,247,255,.96);color:var(--heading);padding:12px 16px;font:inherit;font-weight:700;text-transform:capitalize}.date-grid-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:14px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em}.date-grid-head span{text-align:center}.date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:10px;gap:10px}.date-cell{min-height:46px;padding:0;border-radius:16px;border:1px solid transparent;background:transparent;color:var(--heading);font-size:16px;font-weight:700;box-shadow:none}.date-cell.is-outside{color:rgba(102,112,143,.44)}.date-cell.is-today{border-color:rgba(109,94,252,.18);background:rgba(109,94,252,.06)}.date-cell.is-selected{background:linear-gradient(135deg,var(--accent),var(--accent-ice));color:#fff;box-shadow:0 12px 20px rgba(91,87,255,.22)}.date-popover-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.date-inline-action{border:0;background:transparent;color:var(--muted);padding:0;min-height:0;box-shadow:none}.date-inline-action:active,.date-inline-action:hover{transform:none;color:var(--heading)}.date-confirm{min-width:116px}.form input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.form input::placeholder,.form textarea::placeholder{color:#8b94b2}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:rgba(122,108,255,.7);box-shadow:0 0 0 4px rgba(109,94,252,.14);background:#fff}.two-col{grid-gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.three-col,.two-col{display:grid;gap:16px}.three-col{grid-gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.list{display:grid;grid-gap:12px;gap:12px}.helper-text{margin-top:0;color:var(--muted);line-height:1.7;font-size:17px}.status-message{border-radius:16px;padding:12px 14px;border:1px solid var(--border);margin-bottom:14px}.status-message.success{background:rgba(82,214,184,.12);border-color:rgba(82,214,184,.28);color:#bbf6e8}.status-message.error{background:rgba(255,105,126,.12);border-color:rgba(255,105,126,.24);color:#ffc8d1}.toggle-row{display:flex;align-items:center;gap:10px;color:var(--text)}.badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#2f2f88;background:rgba(109,94,252,.12);border:1px solid rgba(109,94,252,.18);border-radius:999px;padding:10px 14px;line-height:1.4}.comparison-card,.marketing-card,.plan-card{position:relative;overflow:hidden}.comparison-card:before,.marketing-card:before,.plan-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,rgba(109,94,252,.16),transparent 45%)}.feature-item{gap:8px}.feature-item strong{color:var(--heading)}.feature-list .badge{justify-content:flex-start}.plan-price{font-size:34px;line-height:1;letter-spacing:-.03em}html[data-theme=dark] .hero{background:linear-gradient(135deg,rgba(18,24,42,.96),rgba(30,24,56,.9))}html[data-theme=dark] .eyebrow,html[data-theme=dark] .section-kicker{color:#e1dbff}html[data-theme=dark] .hero-point{color:#f4f6ff}html[data-theme=dark] .chart-card,html[data-theme=dark] .chart-empty,html[data-theme=dark] .code-block,html[data-theme=dark] .comment-card,html[data-theme=dark] .compare-card,html[data-theme=dark] .exercise-picker-trigger,html[data-theme=dark] .exercise-suggestion,html[data-theme=dark] .file-preview,html[data-theme=dark] .form input,html[data-theme=dark] .form select,html[data-theme=dark] .form textarea,html[data-theme=dark] .hero-stat,html[data-theme=dark] .mobile-nav-toggle,html[data-theme=dark] .nav-link,html[data-theme=dark] .session-pill{background:var(--surface-soft)}html[data-theme=dark] .panel{background:linear-gradient(180deg,rgba(20,26,44,.9),rgba(13,17,30,.82))}html[data-theme=dark] .card{background:linear-gradient(180deg,rgba(16,21,36,.96),rgba(11,15,27,.94))}html[data-theme=dark] .btn-secondary,html[data-theme=dark] .theme-toggle{background:rgba(18,24,41,.88);color:var(--text);border-color:rgba(159,140,255,.18);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04)}html[data-theme=dark] .btn-secondary:hover,html[data-theme=dark] button.btn-secondary:hover{background:rgba(24,31,52,.96);box-shadow:0 18px 38px rgba(8,11,22,.45)}html[data-theme=dark] .topbar-menu.is-open{background:rgba(11,15,27,.72);border:1px solid rgba(159,140,255,.12);border-radius:22px;padding:12px}html[data-theme=dark] .date-display{background:linear-gradient(180deg,rgba(18,24,41,.94),rgba(24,31,52,.9));color:#f5f7ff;border-color:rgba(159,140,255,.24);box-shadow:0 18px 38px rgba(8,11,22,.32)}html[data-theme=dark] .date-popover{background:linear-gradient(180deg,rgba(17,21,36,.99),rgba(10,13,24,.98));border-color:rgba(159,140,255,.2);box-shadow:0 28px 50px rgba(8,11,22,.48)}html[data-theme=dark] .date-popover:before{border-top-color:rgba(159,140,255,.2);border-left-color:rgba(159,140,255,.2)}html[data-theme=dark] .date-popover-select{background:rgba(28,34,54,.94);color:#f5f7ff;border-color:rgba(159,140,255,.14)}html[data-theme=dark] .date-grid-head{color:#9ea8ca}html[data-theme=dark] .date-cell{color:#eef2ff}html[data-theme=dark] .date-cell.is-outside{color:rgba(158,167,200,.42)}html[data-theme=dark] .date-cell.is-today{border-color:rgba(159,140,255,.24);background:rgba(109,94,252,.12)}html[data-theme=dark] .date-inline-action{color:#a8b1d0}html[data-theme=dark] .date-inline-action:active,html[data-theme=dark] .date-inline-action:hover{color:#fff}html[data-theme=dark] .nav-link:hover{background:rgba(27,33,54,.9)}html[data-theme=dark] .badge{color:#f4f1ff;background:rgba(77,67,206,.46);border-color:rgba(143,128,255,.36)}html[data-theme=dark] .comparison-card .comment-card,html[data-theme=dark] .feature-item,html[data-theme=dark] .marketing-card .badge,html[data-theme=dark] .plan-card .badge{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.03)}html[data-theme=dark] .inline-link{color:#d4ccff}html[data-theme=dark] .inline-link:hover{color:#fff}html[data-theme=dark] .compare-image,html[data-theme=dark] .media-frame-wrap{background:rgba(8,12,24,.96)}html[data-theme=dark] .file-preview-icon{color:#d7dcff}html[data-theme=dark] .code-block{color:#dbe3ff;border-color:rgba(143,128,255,.22);background:rgba(21,27,46,.96)}.code-block{overflow-wrap:anywhere;border-radius:18px;padding:14px 16px;background:rgba(247,249,255,.98);border:1px solid rgba(159,140,255,.16);color:#27304d;font-family:SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.5}.comment-card{border-radius:18px;padding:14px 16px;background:rgba(250,251,255,.98);border:1px solid rgba(159,140,255,.14)}.onboarding-step{display:grid;grid-gap:8px;gap:8px;border-left:4px solid rgba(109,94,252,.42)}.exercise-picker{display:grid;grid-gap:10px;gap:10px;position:relative}.exercise-picker-trigger{display:flex;align-items:center;gap:16px;width:100%;min-height:54px;text-align:left;border-radius:14px;padding:12px 14px;background:hsla(0,0%,100%,.96);border:1px solid var(--border);color:var(--text)}.exercise-picker-trigger.is-open{border-color:rgba(122,108,255,.7);box-shadow:0 0 0 4px rgba(109,94,252,.14);background:#fff}.exercise-picker-trigger-meta{color:var(--muted);font-size:13px;white-space:nowrap;margin-left:auto}.exercise-picker-arrow{color:var(--muted);font-size:14px;transition:transform .2s ease}.exercise-picker-arrow.is-open{transform:rotate(180deg)}.exercise-picker-dropdown{display:grid;grid-gap:10px;gap:10px;border:1px solid rgba(122,108,255,.28);border-radius:18px;padding:12px;background:linear-gradient(180deg,hsla(0,0%,100%,.99),rgba(245,248,255,.98));box-shadow:0 20px 44px rgba(77,86,138,.16)}.exercise-picker-list{display:grid;grid-gap:8px;gap:8px;max-height:260px;overflow-y:auto;padding-right:4px}.exercise-suggestion{display:grid;align-items:start;grid-gap:6px;gap:6px;width:100%;text-align:left;border-radius:18px;padding:14px 16px;background:rgba(251,252,255,.98);border:1px solid rgba(159,140,255,.14);color:var(--text);overflow:visible;line-height:1.35}.exercise-suggestion:before{display:none}.exercise-suggestion strong{display:block;line-height:1.35}.exercise-suggestion span{color:var(--muted);font-size:14px;line-height:1.5}.picker-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.inline-link{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.inline-link:hover{color:var(--accent)}.exercise-suggestion.is-active{border-color:rgba(122,108,255,.7);box-shadow:0 18px 38px rgba(77,86,138,.16);background:rgba(239,242,255,.98)}.exercise-suggestion.is-highlighted{border-color:rgba(159,140,255,.42);background:rgba(244,247,255,.98)}.media-preview{display:grid;grid-gap:12px;gap:12px;margin-top:12px}.media-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.media-frame-wrap{overflow:hidden;border-radius:18px;border:1px solid rgba(159,140,255,.16);background:rgba(240,243,255,.92);aspect-ratio:16/9}.media-frame{width:100%;height:100%;border:0}.media-image{object-fit:cover}.file-preview{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(159,140,255,.16);background:rgba(247,249,255,.98)}.file-preview-icon{min-width:56px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(109,94,252,.16);border:1px solid rgba(159,140,255,.24);color:#3b43a0;font-size:12px;font-weight:700;letter-spacing:.08em}.chart-card,.compare-card{display:grid;grid-gap:14px;gap:14px;border-radius:22px;padding:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.99),rgba(244,247,255,.96));border:1px solid rgba(159,140,255,.14)}.chart-card.is-accent-secondary{border-color:rgba(76,163,255,.2)}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chart-empty{border-radius:18px;padding:16px;background:rgba(245,248,255,.96);color:var(--muted);border:1px solid rgba(159,140,255,.14)}.chart-svg{width:100%;height:auto}.chart-axis{stroke:rgba(159,140,255,.2);stroke-width:1}.chart-line{fill:none;stroke:#7d6bff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-card.is-accent-secondary .chart-line{stroke:#4ca3ff}.chart-point{fill:#fff;stroke:#7d6bff;stroke-width:3}.chart-card.is-accent-secondary .chart-point{stroke:#4ca3ff}.chart-label{fill:#8f98bb;font-size:11px}.compare-media{display:grid;grid-gap:10px;gap:10px}.compare-image{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px;border:1px solid rgba(159,140,255,.16);background:rgba(244,247,255,.96)}.upload-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.upload-button input{display:none}.selectable-card{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.selectable-card:hover{transform:translateY(-2px);border-color:rgba(159,140,255,.4)}.selectable-card.is-selected{border-color:rgba(122,108,255,.7);box-shadow:0 20px 44px rgba(72,73,183,.24)}.recipe-locked{background:linear-gradient(180deg,rgba(235,237,244,.94),rgba(224,228,238,.96));border-color:rgba(122,128,160,.18);opacity:.92}.recipe-locked .muted,.recipe-locked p,.recipe-locked strong{color:#5f6785}html[data-theme=dark] .recipe-locked{background:linear-gradient(180deg,rgba(44,48,63,.94),rgba(32,36,50,.96));border-color:rgba(147,154,185,.18)}html[data-theme=dark] .recipe-locked .muted,html[data-theme=dark] .recipe-locked p,html[data-theme=dark] .recipe-locked strong{color:#c5cbdf}.signal-card{border-left:4px solid rgba(159,140,255,.36)}.signal-warning{border-left-color:rgba(255,163,92,.7);background:rgba(45,26,18,.35)}.signal-info{border-left-color:rgba(76,163,255,.7);background:rgba(16,28,48,.42)}.catalog-mode-actions{gap:8px}.catalog-mode-actions .btn,.catalog-mode-actions .btn-secondary{padding:10px 14px;border-radius:999px}@media (max-width:900px){.hero-grid,.three-col,.two-col{grid-template-columns:1fr}.hero-copy{order:2}.hero-auth{order:1}.hero-stat-row{grid-template-columns:1fr}.shell{padding:18px 14px 36px}.topbar{align-items:flex-start;flex-direction:column}.topbar-side{justify-content:flex-start;width:100%}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 16px;border-radius:999px;border:1px solid var(--border);background:rgba(245,247,255,.92);color:var(--text);font:inherit;font-weight:700}.topbar-menu{display:none;width:100%}.topbar-menu.is-open{display:grid;grid-gap:12px;gap:12px}.topbar nav{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.nav-link,.nav-logout{width:100%;text-align:center}.topbar .mobile-nav-toggle,.topbar .session-pill,.topbar .theme-toggle{width:-moz-fit-content;width:fit-content}.actions{gap:10px}.actions>.btn,.actions>.btn-secondary,.actions>.date-input-shell,.actions>a,.actions>button,.actions>label{width:100%}.card,.hero,.panel{border-radius:20px;padding:18px}.metric strong{font-size:24px}.nav-link,.session-pill{white-space:nowrap}.date-display,.date-input-shell,.date-popover{width:100%}.exercise-picker-trigger{grid-template-columns:1fr auto}.exercise-picker-trigger-meta{grid-column:1/-1}.exercise-picker-dropdown{padding:10px}.exercise-suggestion{padding:12px 14px}.catalog-mode-actions .btn,.catalog-mode-actions .btn-secondary{width:auto;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 8px)}}@media (max-width:640px){.shell{padding:14px 12px 28px}.title{line-height:1.02;max-width:none}.hero-top{align-items:stretch}.hero-top .theme-toggle{width:100%;justify-content:space-between}.section-title{font-size:22px}.btn,.btn-secondary,button{min-height:48px;padding:12px 14px}.badge{white-space:normal;border-radius:16px}.code-block,.comment-card{padding:12px 14px}.picker-inline-actions{align-items:flex-start;flex-direction:column}}