:root{--bg:#0c1110;--bg-raised:#121a17;--bg-card:#131b19;--bg-input:#0e1514;--ink:#eaf1ef;--ink-soft:#b8c4c0;--ink-muted:#76847f;--teal:#3ed3c2;--teal-deep:#1d9c8e;--teal-dim:#3ed3c21f;--gold:#cfc0a5;--gold-dim:#cfc0a524;--border:#eaf1ef14;--border-strong:#eaf1ef26;--danger:#ff8b7a;--warn:#e8b76a;--radius:14px;--display:"Bricolage Grotesque", "DM Sans", -apple-system, sans-serif;--body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{font-family:var(--body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;padding:24px;line-height:1.6;display:flex}::selection{background:var(--teal-deep);color:#fff}h1,h2,h3{font-family:var(--display);letter-spacing:-.015em;font-weight:500}.card{background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius);text-align:center;width:100%;max-width:420px;padding:40px 34px;position:relative;box-shadow:0 24px 70px #00000073}.card:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#3ed3c224 0%,#0000 68%);width:620px;max-width:150vw;height:420px;position:absolute;top:-220px;left:50%;transform:translate(-50%)}.card-mark{filter:drop-shadow(0 0 22px #3ed3c280);width:76px;height:auto;margin:0 auto 22px;display:block}.wordmark{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:26px;font-size:13px;font-weight:600}.card h1{text-wrap:balance;margin-bottom:12px;font-size:1.6rem;line-height:1.2}p{color:var(--ink-soft);font-size:15px;font-weight:300;line-height:1.7}form{margin-top:22px}input[type=email],.card input[type=password],input[type=text],textarea,select{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--ink);border-radius:10px;font-family:inherit;transition:border-color .2s,box-shadow .2s}input[type=email]::placeholder,.card input[type=password]::placeholder,input[type=text]::placeholder,textarea::placeholder{color:var(--ink-muted)}input[type=email]:focus,.card input[type=password]:focus,input[type=text]:focus,textarea:focus,select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #3ed3c229}input[type=email]:disabled,.card input[type=password]:disabled,input[type=text]:disabled,textarea:disabled{opacity:.5}input[type=email],.card input[type=password]{width:100%;margin-bottom:14px;padding:12px 14px;font-size:15px}input[type=radio]{accent-color:var(--teal);vertical-align:-2px;width:16px;height:16px}button{cursor:pointer;border:1px solid #0000;border-radius:999px;width:100%;min-height:44px;padding:12px 26px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}button:disabled{opacity:.45;cursor:default}.primary{background:var(--teal);color:#0c1110}.primary:hover:not(:disabled){background:#55dfcf;transform:translateY(-2px);box-shadow:0 10px 30px #3ed3c242}.primary:active:not(:disabled){transform:translateY(0)scale(.98)}.secondary{color:var(--ink-soft);border-color:var(--border-strong);background:0 0}.secondary:hover:not(:disabled){background:var(--teal-dim);color:var(--ink);border-color:#3ed3c280}.text-button{color:var(--ink-soft);background:0 0;margin-top:8px;padding-inline:0}.text-button:hover:not(:disabled){color:var(--ink);text-decoration:underline}.google-button{color:#1f1f1f;background:#fff;border-color:#dadce0;justify-content:center;align-items:center;gap:10px;display:flex}.google-button:hover:not(:disabled){background:#f8f8f8;box-shadow:0 1px 2px #00000026}.google-button:active:not(:disabled){background:#f1f1f1}.divider{color:var(--ink-muted);align-items:center;gap:12px;margin:22px 0 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}button:focus-visible,a:focus-visible,select:focus-visible,.dropzone:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.button-row{gap:12px;margin-top:26px;display:flex}.notice{color:var(--ink-muted);margin-top:16px;font-size:14px}.error{color:var(--danger)}body:has(.portal){background:radial-gradient(1100px 520px at 50% -10%, #3ed3c20f, transparent 62%), var(--bg);background-attachment:fixed;padding:0;display:block}.portal-loading{min-height:100vh;color:var(--ink-muted);justify-content:center;align-items:center;display:flex}.portal-nav{z-index:100;-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);background:#0c1110d1;position:sticky;top:0}.portal-nav-inner{flex-wrap:wrap;align-items:center;gap:16px;max-width:1000px;margin:0 auto;padding:14px 24px;display:flex}.portal-brand{align-items:center;gap:11px;min-width:0;margin-right:auto;display:flex}.portal-logo{filter:drop-shadow(0 0 10px #3ed3c266);flex-shrink:0;width:34px;height:auto}.portal-org-name{font-family:var(--display);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:600;overflow:hidden}.portal-nav nav{flex-wrap:wrap;gap:4px;display:flex}.portal-nav nav a{color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:14px;text-decoration:none;transition:color .2s,background .2s}.portal-nav nav a:hover{color:var(--teal);background:var(--teal-dim)}.portal-client-picker{cursor:pointer;border-radius:999px;min-height:44px;padding:8px 14px;font-size:13px}.portal-content{max-width:1000px;margin:0 auto;padding:40px 24px 80px}.portal h1{font-size:clamp(1.6rem,3.4vw,2rem);line-height:1.15}.portal-content h1{margin-bottom:10px}.portal-content>main>p.lead,.portal-content p.lead{color:var(--ink-soft);max-width:640px;margin-bottom:28px;font-size:1.04rem}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;margin-bottom:20px;padding:28px 26px;transition:border-color .3s}.panel:hover{border-color:var(--border-strong)}.panel h2{color:var(--ink);margin-bottom:14px;font-size:1.15rem}.panel h3{color:var(--ink);font-size:1rem}.panel p{font-size:.95rem}.panel-subhead{margin-top:22px;margin-bottom:4px;font-size:.92rem}.panel-meta{color:var(--ink-muted);margin-bottom:8px;font-size:13px}.panel>*+h2{margin-top:26px}.panel textarea,.panel input[type=text]{width:100%;margin-bottom:12px;padding:12px 14px;font-size:14px}.panel textarea{resize:vertical;min-height:96px;line-height:1.6}.panel button{width:auto;padding:10px 24px;font-size:14px}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:4px 0 22px;display:grid}.stat-card{background:linear-gradient(160deg, #3ed3c212, #3ed3c203 60%), var(--bg-raised);border:1px solid var(--border-strong);text-align:left;border-radius:10px;padding:22px 20px}.stat-card .stat-number{font-family:var(--display);color:var(--teal);letter-spacing:-.02em;word-break:break-word;font-size:1.75rem;font-weight:500;line-height:1.1}.stat-card .stat-label{color:var(--ink-muted);margin-top:6px;font-size:13px;line-height:1.5}.portal-links{flex-wrap:wrap;gap:12px;display:flex}.portal-links a{border:1px solid var(--border-strong);min-height:44px;color:var(--ink-soft);border-radius:999px;align-items:center;padding:10px 22px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s,color .2s,transform .2s;display:inline-flex}.portal-links a:hover{background:var(--teal-dim);color:var(--teal);border-color:#3ed3c280;transform:translateY(-2px)}.result-list{text-align:left;flex-direction:column;gap:12px;margin-top:18px;display:flex}.result-item{border:1px solid var(--border);background:var(--bg-raised);border-left:2px solid #3ed3c266;border-radius:10px;padding:16px 18px;transition:border-color .3s}.result-item:hover{border-color:#3ed3c259;border-left-color:var(--teal)}.result-title{font-family:var(--display);color:var(--ink);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:1rem;font-weight:500;display:flex}.result-snippet{color:var(--ink-soft);white-space:pre-wrap;font-size:13px;font-weight:300;line-height:1.65}.badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border-strong);color:var(--ink-muted);white-space:nowrap;background:0 0;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:600;display:inline-block}.badge-canon{background:var(--teal);border-color:var(--teal);color:#0c1110}.badge-proposal{background:var(--teal-dim);color:var(--teal);border-color:#3ed3c273}.badge-session{border-color:var(--border-strong);color:var(--ink-muted);background:#eaf1ef0a}.panel-correction{border-color:var(--gold-dim,#cfc0a524);border-left:2px solid var(--gold,#cfc0a5)}.correction-list{flex-direction:column;gap:14px;margin:14px 0 0;padding:0;list-style:none;display:flex}.correction-list li{border:1px solid var(--border);background:var(--bg-raised);border-radius:10px;padding:14px 16px}.correction-subject{font-family:var(--display);color:var(--ink);margin-bottom:6px;font-size:.95rem}.correction-said{color:var(--ink-soft);font-size:.9rem;font-style:italic;line-height:1.6}.correction-when{color:var(--ink-muted);margin-top:8px;font-size:12px}.result-origin{color:var(--ink-muted);margin:-2px 0 8px;font-size:12px;line-height:1.5}.secret-form{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:6px 0 18px 56px;display:flex}.secret-form label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.secret-form input{width:100%;max-width:520px}.secret-label{color:var(--ink-soft);margin-top:6px;font-size:.85rem}.webhook-url{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.webhook-url code{border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--ink);word-break:break-all;border-radius:8px;max-width:520px;padding:8px 12px;font-size:12.5px}.secret-actions{gap:10px;margin-top:4px;display:flex}.reach-back{border-bottom:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:12px;display:flex}.reach-back .rec-hint{max-width:520px;margin:0}@media (max-width:640px){.secret-form{padding-left:0}}.recent-questions{color:var(--ink-muted);margin-top:12px;font-size:13px}.recent-questions li{border-bottom:1px solid var(--border);padding:12px 0;line-height:1.6;list-style:none}.recent-questions li:last-child{border-bottom:none}.recent-questions li strong{color:var(--ink-soft);font-weight:500}.feedback-columns{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:24px;display:grid}.feedback-column h2{font-family:var(--display);color:var(--ink-soft);border-bottom:1px solid var(--border-strong);margin-bottom:12px;padding-bottom:8px;font-size:.95rem;font-weight:500}.feedback-column-proposed h2{color:var(--teal);border-bottom-color:#3ed3c280}.feedback-column-applied h2{border-bottom-color:#b8c4c059}.feedback-column-dismissed h2{border-bottom-color:var(--border);color:var(--ink-muted)}.feedback-card{background:var(--bg-card);border:1px solid var(--border);text-align:left;border-radius:10px;margin-bottom:12px;padding:16px 18px;font-size:13px;transition:border-color .3s}.feedback-card:hover{border-color:var(--border-strong)}.feedback-column-proposed .feedback-card{border-left:2px solid #3ed3c273}.feedback-column-dismissed .feedback-card{opacity:.62}.feedback-card .subject{font-family:var(--display);color:var(--ink);margin-bottom:5px;font-size:.98rem;font-weight:500}.feedback-card .meta{color:var(--ink-muted);margin-bottom:10px;font-size:12px}.feedback-card .critique{color:var(--ink-soft);margin-bottom:8px;font-weight:300;line-height:1.65}.feedback-card .owner-response{color:var(--ink-soft);background:#3ed3c20f;border-left:2px solid #3ed3c266;border-radius:0 6px 6px 0;margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.6}.feedback-card textarea{width:100%;padding:10px 12px;font-size:13px}.feedback-actions{gap:8px;margin-top:10px;display:flex}.feedback-actions button{width:auto;padding:8px 20px;font-size:13px}.dropzone{border-radius:var(--radius);text-align:center;color:var(--ink-soft);cursor:pointer;background:#3ed3c205;border:2px dashed #3ed3c24d;margin-bottom:16px;padding:44px 20px;font-size:14px;transition:border-color .25s,background .25s,box-shadow .25s}.dropzone:hover{background:#3ed3c20d;border-color:#3ed3c28c}.dropzone.dragover{border-color:var(--teal);background:var(--teal-dim);color:var(--teal);box-shadow:inset 0 0 34px #3ed3c233}.radio-row{color:var(--ink-soft);flex-wrap:wrap;gap:24px;margin-bottom:18px;font-size:13px;display:flex}.radio-row label{cursor:pointer;align-items:center;gap:8px;line-height:1.4;display:flex}.connector-row{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:18px 0;display:flex}.connector-row:last-of-type{border-bottom:none}.connector-mark{background:var(--bg-raised);border:1px solid var(--border-strong);width:40px;height:40px;color:var(--ink-soft);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.connector-mark svg{width:22px;height:22px;display:block}.connector-text{flex:auto;min-width:0}.connector-name{font-family:var(--display);color:var(--ink);font-size:.98rem;font-weight:500;line-height:1.3;display:block}.connector-desc{color:var(--ink-muted);margin-top:3px;font-size:.85rem;line-height:1.45;display:block}.connector-action{flex:none}.connector-status{color:var(--ink-muted);white-space:nowrap;align-items:center;gap:7px;font-size:.85rem;display:inline-flex}.connector-status.connected{color:var(--teal)}.connector-status .check{font-size:.95rem;line-height:1}.link-toggle{width:auto;min-height:0;color:var(--ink-soft);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500;text-decoration:underline}.link-toggle:hover{color:var(--teal)}.connector-help{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;margin-top:4px;padding:16px 18px}.connector-help ol{margin:0;padding-left:20px}.connector-help li{color:var(--ink-soft);margin-bottom:6px;font-size:.88rem;line-height:1.55}.connector-help li:last-child{margin-bottom:0}@media (max-width:640px){.connector-row{flex-wrap:wrap}.connector-action{flex-basis:100%;padding-left:56px}}.file-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;font-size:13px;display:flex}.file-row:last-child{border-bottom:none}.file-row .filename{color:var(--ink-soft);word-break:break-word;font-weight:500}.file-row .status{color:var(--ink-muted);white-space:nowrap;font-size:12px}@media (max-width:640px){body{padding:20px 16px}.card{padding:32px 22px}.portal-nav-inner{gap:10px;padding:12px 16px}.portal-logo{width:28px}.portal-org-name{font-size:.95rem}.portal-nav nav{order:3;gap:2px;width:100%;margin-left:-12px}.portal-content{padding:28px 16px 64px}.panel{padding:22px 18px}.file-row{flex-direction:column;align-items:flex-start;gap:4px}.file-row .status{white-space:normal}.button-row button,.panel button{flex:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.recorder-live{flex-direction:column;gap:12px;display:flex}.recorder-status-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.rec-badge{letter-spacing:.01em;color:var(--danger);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:inline-flex}.rec-badge.paused{color:var(--warn)}.rec-dot{background:currentColor;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite rec-pulse}.rec-badge.paused .rec-dot{animation:none}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.rec-dot{animation:none}}.rec-timer{font-variant-numeric:tabular-nums;color:var(--text);font-size:1.15rem;font-weight:600}.recorder-wave{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:10px;width:100%;height:76px;display:block}.recorder-wave.paused{opacity:.5}.rec-hint{color:var(--text-dim,#eaf1ef99);margin:0;font-size:.85rem}button.danger{background:var(--danger);border:1px solid var(--danger);color:#1a0f0d;cursor:pointer;font-weight:600}button.danger:hover{filter:brightness(1.08)}.recorder-idle{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:18px 0 6px;display:flex}.record-cta{color:#06201c;background:var(--teal);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:12px;padding:18px 40px;font-size:1.05rem;font-weight:600;transition:transform .12s,filter .12s;display:inline-flex}.record-cta:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.record-cta:disabled{opacity:.5;cursor:not-allowed}.record-cta-dot{background:#06201c;border-radius:50%;flex:none;width:13px;height:13px}.record-cta-sub{color:var(--text);margin:0;font-size:.95rem}.recorder-idle .rec-hint{max-width:42ch;line-height:1.5}.answered-note{border-bottom:1px solid var(--border-strong);color:var(--teal);align-items:center;gap:8px;margin:0 0 4px;padding-bottom:14px;font-size:.9rem;display:flex}.saved-answer{margin-bottom:22px}.saved-when{color:var(--text-dim,#eaf1ef8c);margin-left:auto;font-size:.82rem}.transcript-box{border:1px solid var(--border-strong);background:var(--bg-raised);border-radius:10px;margin-top:12px}.transcript-box>summary{cursor:pointer;color:var(--teal);padding:11px 14px;font-size:.9rem;list-style:none}.transcript-box>summary::-webkit-details-marker{display:none}.transcript-box>summary:before{content:"▸ "}.transcript-box[open]>summary:before{content:"▾ "}.transcript-box>p{white-space:pre-wrap;color:var(--text);margin:0;padding:0 14px 14px;font-size:.92rem;line-height:1.6}.portal.shell{align-items:stretch;width:100%;min-height:100dvh;display:flex}.sidebar{background:var(--bg-raised);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:6px;width:232px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:10px;padding:4px 8px 18px;display:flex}.sidebar-logo{object-fit:contain;width:26px;height:26px}.sidebar-brand-text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.sidebar-org{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.sidebar-product{color:var(--ink-muted);font-size:.75rem}.sidebar-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;margin-left:auto;display:none}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;padding:10px 12px;font-size:.92rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{color:var(--ink);background:#eaf1ef0d}.sidebar-link.active{background:var(--teal-dim);color:var(--teal)}.sidebar-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.sidebar-link.signout{color:var(--ink-muted);font-size:.88rem}.sidebar-scrim,.mobile-topbar{display:none}.portal-content.with-sidebar{flex:1;min-width:0;max-width:980px;padding:40px clamp(20px,5vw,56px)}@media (max-width:820px){.sidebar{z-index:40;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 60px #00000080}.sidebar.open{transform:translate(0)}.sidebar-close{display:block}.sidebar-scrim{z-index:30;background:#00000080;display:block;position:fixed;inset:0}.mobile-topbar{z-index:20;background:var(--bg-raised);border-bottom:1px solid var(--border);align-items:center;gap:10px;width:100%;padding:12px 16px;display:flex;position:sticky;top:0}.portal.shell{flex-direction:column}.mobile-menu-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;display:flex}.portal-content.with-sidebar{padding:24px 16px}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.continue-card{border:1px solid var(--border-strong);border-radius:var(--radius);background:linear-gradient(135deg, var(--teal-dim), transparent 60%), var(--bg-card);justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;padding:20px 22px;display:flex}.continue-text{flex-direction:column;gap:5px;min-width:0;display:flex}.continue-label{color:var(--teal);font-size:.8rem;font-weight:600}.continue-question{color:var(--ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box;overflow:hidden}.continue-card .primary{flex:none;align-items:center;gap:8px;display:inline-flex}.module-list{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.module-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--ink);cursor:pointer;flex-direction:column;gap:8px;padding:20px;transition:border-color .15s,transform .12s;display:flex}.module-card:hover{border-color:var(--teal);transform:translateY(-1px)}.module-card.done{border-color:#3ed3c259}.module-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.module-title{font-family:var(--display);font-size:1.05rem;font-weight:600}.module-count{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:.82rem}.module-check{color:var(--teal);flex:none}.module-blurb{color:var(--ink-muted);margin:0;font-size:.88rem;line-height:1.5}.module-bar{background:var(--bg-input);border-radius:99px;height:5px;margin-top:6px;overflow:hidden}.module-bar-fill{background:var(--teal);border-radius:99px;height:100%;transition:width .3s}@media (max-width:700px){.module-list{grid-template-columns:1fr}.continue-card{flex-direction:column;align-items:stretch}}main.lesson{align-items:flex-start;gap:36px;display:flex}.lesson-outline{flex-direction:column;flex:none;gap:14px;width:180px;display:flex;position:sticky;top:24px}.lesson-back{color:var(--ink-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.85rem;display:inline-flex}.lesson-back:hover{color:var(--ink)}.lesson-module-name{font-family:var(--display);font-size:.95rem;font-weight:600}.lesson-steps{flex-direction:column;gap:2px;list-style:none;display:flex}.lesson-step{width:100%;color:var(--ink-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:.88rem;display:flex}.lesson-step:hover{color:var(--ink);background:#eaf1ef0d}.lesson-step.current{background:var(--teal-dim);color:var(--teal)}.lesson-step.done{color:var(--ink-soft)}.lesson-step.done svg{color:var(--teal)}.lesson-main{flex:1;min-width:0}.lesson-footer{justify-content:space-between;margin-top:20px;display:flex}.lesson-footer .secondary{align-items:center;gap:7px;display:inline-flex}@media (max-width:820px){main.lesson{flex-direction:column;gap:18px}.lesson-outline{flex-flow:wrap;align-items:center;width:100%;position:static}.lesson-steps{flex-direction:row;gap:4px}.lesson-step span{display:none}}.continue-card .primary,.lesson-footer .secondary,.record-cta{width:auto}.mobile-menu-btn,.sidebar-close,.lesson-back{width:auto;min-height:0;padding:4px}.lesson-step{min-height:0}.logo-row{align-items:flex-start;gap:20px;display:flex}.logo-preview{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-input);flex:none;justify-content:center;align-items:center;width:130px;height:130px;display:flex;overflow:hidden}.logo-preview img{object-fit:contain;max-width:90%;max-height:90%}.logo-empty{color:var(--ink-muted);font-size:.8rem}.logo-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.upload-btn{align-items:center;gap:8px;width:auto;display:inline-flex}.brand-file-list{flex-direction:column;margin-top:16px;list-style:none;display:flex}.brand-file-list li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 4px;font-size:.9rem;display:flex}.brand-file-list li:last-child{border-bottom:none}.brand-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.brand-file-status{color:var(--ink-muted);flex:none;align-items:center;gap:5px;margin-left:auto;font-size:.8rem;display:inline-flex}.brand-file-status svg{color:var(--teal)}@media (max-width:600px){.logo-row{flex-direction:column}}@media (min-width:821px){.sidebar{height:100dvh;position:fixed;top:0;left:0;overflow-y:auto}.portal-content.with-sidebar{margin-left:232px}}.connect-overlay{z-index:60;background:#050908b8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.connect-modal{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:18px;width:100%;max-width:440px;padding:26px;box-shadow:0 30px 80px #0000008c}@media (prefers-reduced-motion:no-preference){.connect-modal{animation:.18s ease-out connect-pop}@keyframes connect-pop{0%{opacity:0;transform:scale(.96)}}}.connect-dots{gap:7px;margin-bottom:16px;display:flex}.connect-dots span{background:var(--border-strong);border-radius:999px;width:7px;height:7px}.connect-dots span.on{background:var(--teal)}.connect-modal h3{font-family:var(--display);margin:0 0 4px;font-size:19px}.connect-modal p{color:var(--ink-soft);margin:8px 0 0;font-size:14px}.connect-promise{background:var(--teal-dim);color:var(--ink-soft);border:1px solid #3ed3c240;border-radius:10px;margin-top:14px;padding:12px 14px;font-size:13.5px}.connect-promise strong{color:var(--ink)}.connect-guide{border:1px solid var(--border-strong);border-radius:10px;margin-top:14px;font-size:13px;overflow:hidden}.connect-guide-bar{background:var(--bg-card);border-bottom:1px solid var(--border);color:var(--ink-muted);padding:8px 12px;font-weight:600}.connect-guide-body{color:var(--ink-muted);gap:8px;padding:12px;display:grid}.connect-guide-btn{background:var(--gold-dim);color:var(--gold);border:1px solid #cfc0a566;border-radius:7px;justify-self:start;padding:5px 11px;font-weight:600;position:relative}.connect-guide-btn:after{content:"press this";color:var(--teal);white-space:nowrap;font-size:12px;position:absolute;top:4px;left:calc(100% + 10px)}.connect-input{background:var(--bg-input);border:1px solid var(--border-strong);width:100%;color:var(--ink);border-radius:10px;margin-top:14px;padding:12px 14px;font-family:inherit;font-size:14.5px}.connect-input::placeholder{color:var(--ink-muted)}.connect-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #3ed3c229}.connect-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;display:flex}.connect-done-mark{background:var(--teal-dim);width:50px;height:50px;color:var(--teal);border:1px solid #3ed3c266;border-radius:999px;justify-content:center;align-items:center;margin-bottom:12px;font-size:22px;display:flex}.connect-help{color:var(--ink-muted);margin-top:16px;font-size:12.5px}.connect-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.connect-head .connect-dots{margin-bottom:0}.connect-close{border:1px solid var(--border-strong);width:34px;min-height:34px;color:var(--ink-soft);background:0 0;border-radius:999px;padding:0;font-size:20px;line-height:1}.connect-close:hover:not(:disabled){color:var(--ink);border-color:var(--teal)}
