:root{--ink-900:#0f172a;--ink-800:#1e293b;--ink-700:#334155;--ink-600:#475569;--ink-500:#64748b;--ink-400:#94a3b8;--ink-300:#cbd5e1;--ink-200:#e2e8f0;--ink-100:#f1f5f9;--ink-50:#f8fafc;--accent:#4f46e5;--accent-hover:#4338ca;--accent-text:#4338ca;--accent-soft:#eef2ff;--accent-ring:#c7d2fe;--emerald:#10b981;--emerald-soft:#ecfdf5;--emerald-text:#047857;--emerald-border:#a7f3d0;--rose:#f43f5e;--rose-soft:#fff1f2;--rose-text:#be123c;--rose-border:#fecdd3;--amber:#f59e0b;--amber-soft:#fffbeb;--amber-text:#b45309;--amber-border:#fde68a;--font-sans:"Inter",system-ui,sans-serif;--font-display:"Inter",system-ui,sans-serif;--header-height:56px;--r-sm:.5rem;--r-md:.75rem;--r-lg:1rem;--r-xl:1.5rem;--r-2xl:1.75rem;--shadow-sm:0 1px 2px rgba(15,23,42,.05);--shadow-md:0 4px 12px -4px rgba(15,23,42,.12);--shadow-lg:0 10px 30px -10px rgba(15,23,42,.2);--shadow-2xl:0 20px 50px -15px rgba(15,23,42,.3)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100vh}html{font-family:var(--font-sans);color:var(--ink-900);background:var(--ink-50);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}body{display:flex;flex-direction:column;min-height:100vh}img{display:block;max-width:100%;height:auto}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}fieldset{min-width:0;border:0;padding:0;margin:0}legend{display:block;width:100%}button:focus-visible,a:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}@media (max-width:768px){.md-hidden{display:none!important}}@media (min-width:769px){.md-only-hidden{display:none!important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.fa-solid,.fa-regular{display:inline-block;width:1em;font-style:normal;font-weight:700;font-family:var(--font-sans);line-height:1;text-align:center;speak:never}.fa-solid:before,.fa-regular:before{display:inline-block}.fa-xmark:before{content:"×"}.fa-cloud-arrow-up:before{content:"☁↑"}.fa-circle-info:before{content:"i"}.fa-bars:before{content:"☰"}.fa-cloud-check:before{content:"☁✓"}.fa-cloud-slash:before{content:"☁/"}.fa-arrow-left:before{content:"←"}.fa-arrow-right:before{content:"→"}.fa-book:before{content:"▣"}.fa-book-open:before{content:"▤"}.fa-chevron-right:before{content:"›"}.fa-circle-check:before{content:"✓"}.fa-regular.fa-circle:before{content:"○"}.fa-circle-exclamation:before{content:"!"}.fa-circle-xmark:before{content:"×"}.fa-check:before{content:"✓"}.fa-arrow-rotate-left:before{content:"↻"}.fa-key:before{content:"⌁"}.fa-pen-to-square:before{content:"✎"}.fa-triangle-exclamation:before{content:"⚠"}.fa-user-plus:before{content:"+"}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.container{max-width:72rem;margin:0 auto;padding:2rem 1rem;width:100%}@media (min-width:640px){.container{padding:3rem 1.5rem}}.container-narrow{max-width:48rem;margin:0 auto;padding:1.5rem 1rem;width:100%}@media (min-width:640px){.container-narrow{padding:2.5rem 2rem}}.stack>*+*{margin-top:1rem}.stack-sm>*+*{margin-top:.5rem}.stack-lg>*+*{margin-top:1.5rem}.stack-xl>*+*{margin-top:2rem}.row{display:flex;align-items:center;gap:.75rem}.row-tight{display:flex;align-items:center;gap:.5rem}.row-wide{display:flex;align-items:center;gap:1rem}.row-start{align-items:flex-start}.row-between{justify-content:space-between}.row-wrap{flex-wrap:wrap}.row>.grow,.row-wide>.grow,.row-tight>.grow{flex:1;min-width:0}.grid-cards{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.grid-cards{grid-template-columns:1fr 1fr;gap:1.25rem}}#app{display:flex;flex-direction:column;flex:1;min-height:100vh}.display-font{font-family:var(--font-display);letter-spacing:-.022em;font-weight:700}h1,h2,h3,h4{margin:0}.h1{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,2.2vw + .9rem,2.25rem);line-height:1.15;letter-spacing:-.028em}.h2{font-family:var(--font-display);font-weight:700;font-size:1.4rem;line-height:1.25;letter-spacing:-.022em}.h3{font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1.3;letter-spacing:-.018em}.h4{font-family:var(--font-display);font-weight:600;font-size:1rem;line-height:1.35;letter-spacing:-.012em}.lede{font-size:1.05rem;line-height:1.55;color:var(--ink-700);max-width:60ch}.text-meta{font-size:.8rem;color:var(--ink-500)}.text-meta-strong{font-size:.8rem;color:var(--ink-700);font-weight:500}.eyebrow{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500)}.text-muted{color:var(--ink-500)}.text-strong{color:var(--ink-900);font-weight:600}.skip-link{position:absolute;left:0;top:0;padding:.75rem 1rem;background:var(--ink-900);color:#fff;z-index:100;transform:translateY(-110%);transition:transform .15s;border-radius:0 0 8px;font-weight:500}.skip-link:focus{transform:translateY(0)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:0 1.25rem;border-radius:var(--r-md);font-weight:500;font-size:.9rem;border:1px solid transparent;transition:background .12s,color .12s,border-color .12s;cursor:pointer}.btn-sm{min-height:36px;padding:0 .75rem;font-size:.8rem}.btn-block{width:100%}.btn-grow{flex:1}.btn-primary{background:var(--ink-900);color:#fff}.btn-primary:hover{background:var(--ink-800)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-ghost{background:#fff;color:var(--ink-900);border-color:var(--ink-300)}.btn-ghost:hover{background:var(--ink-50)}.btn-quiet{background:transparent;color:var(--ink-700)}.btn-quiet:hover{background:var(--ink-100)}.btn-success{background:var(--emerald);color:#fff}.btn-success:hover{background:#059669}.btn-warn{background:var(--amber);color:#fff}.btn-warn:hover{background:#d97706}.btn-toggle-on{background:var(--emerald-soft);color:var(--emerald-text);border-color:var(--emerald-border)}.btn-toggle-on:hover{background:#d1fae5}.btn:disabled,.btn[aria-disabled=true]{background:var(--ink-200);color:var(--ink-500);border-color:transparent;cursor:not-allowed}.spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{background:#fff;border-radius:var(--r-xl);border:1px solid rgba(226,232,240,.8);transition:border-color .12s,box-shadow .12s}.card-padded{padding:1.25rem}@media (min-width:640px){.card-padded{padding:1.5rem}}.card-hover:hover{border-color:var(--ink-300);box-shadow:var(--shadow-md)}.card-feature{background:#fff;border-radius:var(--r-2xl);border:1px solid rgba(226,232,240,.8);overflow:hidden}.card-feature-banner{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(226,232,240,.6);background:var(--c-soft,var(--accent-soft))}@media (min-width:640px){.card-feature-banner{padding:2.5rem}}.card-feature-body{padding:1.5rem}@media (min-width:640px){.card-feature-body{padding:2.5rem}}.chip{display:inline-flex;align-items:center;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:.25rem .65rem;border-radius:9999px;background:var(--ink-100);color:var(--ink-600)}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}.header{position:sticky;top:0;z-index:40;background:#ffffffeb;backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(226,232,240,.7);padding-top:env(safe-area-inset-top)}.header-inner{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;height:var(--header-height)}@media (min-width:640px){.header-inner{gap:.75rem;padding:0 1.25rem}}.header-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-.01em;flex-shrink:0}.header-grow{flex:1}.home-btn{display:flex;align-items:center;gap:.5rem;min-height:44px;padding:0 .4rem;border-radius:var(--r-md);flex-shrink:0}.home-btn:hover{background:var(--ink-100)}.home-mark{width:32px;height:32px;border-radius:var(--r-md);background:linear-gradient(135deg,#6366f1,#8b5cf6,#d946ef);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.875rem;box-shadow:var(--shadow-sm)}.header-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;flex-shrink:0}.header-status .dot{width:.4rem;height:.4rem;border-radius:9999px}.header-status[data-state=online]{color:var(--emerald-text)}.header-status[data-state=online] .dot{background:var(--emerald);animation:pulse 2s infinite}.header-status[data-state=offline]{color:var(--amber-text)}.header-status[data-state=offline] .dot{background:var(--amber)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.icon-btn{display:grid;place-items:center;min-height:44px;min-width:44px;border-radius:var(--r-md);color:var(--ink-700);font-size:1.05rem}.icon-btn:hover{background:var(--ink-100)}.sync-btn{min-height:44px;padding:0 .625rem;border-radius:var(--r-md);display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;color:var(--ink-600);flex-shrink:0}.sync-btn:hover{background:var(--ink-100)}.sync-btn[data-synced=true]{color:var(--emerald-text);background:var(--emerald-soft)}.sync-btn[data-synced=true]:hover{background:#dcfce7}@media (max-width:640px){.sync-btn-label{display:none}}.avatar{width:34px;height:34px;border-radius:9999px;background:var(--ink-900);color:#fff;display:grid;place-items:center;font-size:.7rem;font-weight:600;flex-shrink:0}.offline-banner{position:sticky;top:var(--header-height);z-index:30;background:#fffbebf2;backdrop-filter:blur(6px);border-bottom:1px solid var(--amber-border);color:var(--amber-text);font-size:.8rem}.offline-banner-inner{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem}@media (min-width:640px){.offline-banner-inner{padding:.5rem 1.25rem}}.offline-banner .grow{flex:1;min-width:0}.offline-banner .icon{color:var(--amber);flex-shrink:0}.offline-banner button{min-height:36px;padding:0 .625rem;border-radius:var(--r-sm);color:var(--amber-text);font-weight:500;flex-shrink:0}.offline-banner button:hover{background:#f59e0b1f}body[data-offline=true]{--offline-banner-height:36px}.module-progress{position:sticky;top:calc(var(--header-height) + var(--offline-banner-height,0px));z-index:10;background:var(--ink-50);border-bottom:1px solid rgba(226,232,240,.6);padding:.6rem .75rem}@media (min-width:640px){.module-progress{padding:.75rem 1.5rem}}.module-progress-inner{max-width:48rem;margin:0 auto;display:flex;align-items:center;gap:.75rem}.module-progress-track{flex:1;height:4px;background:var(--ink-200);border-radius:9999px;overflow:hidden}.module-progress-fill{height:100%;background:var(--c-strong,var(--accent));transition:width .5s}.module-progress-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500);flex-shrink:0}.module-progress-label .dim{color:var(--ink-300)}.cover{position:relative;width:100%;overflow:hidden;background:var(--ink-100);aspect-ratio:16/9;max-height:240px}.cover img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease-out}.cover img.is-loaded{opacity:1}.hero{position:relative;margin:0 -1rem 1.5rem;overflow:hidden;background:var(--c-soft,var(--ink-100));aspect-ratio:16/9;max-height:280px}@media (min-width:640px){.hero{margin:0 0 2rem;border-radius:var(--r-xl)}}.hero img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .18s ease-out}.hero img.is-loaded{opacity:1}.cover-overlay{position:absolute;top:.75rem;left:.75rem;max-width:min(62%,22rem);margin:0;padding:.6rem .9rem .7rem;background:#fffbf0f0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:var(--r-md, .625rem);box-shadow:0 1px 2px #0f172a0f,0 6px 16px -8px #0f172a2e;pointer-events:none}.cover-overlay .cover-eyebrow{margin:0 0 .15rem;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-700)}.cover-overlay .cover-title{margin:0;font-size:clamp(1rem,1.1vw + .7rem,1.4rem);line-height:1.15;font-weight:700;color:var(--ink-900);letter-spacing:-.005em}@media (max-width:480px){.cover-overlay{max-width:min(80%,16rem);top:.5rem;left:.5rem;padding:.5rem .75rem}.cover-overlay .cover-title{font-size:.95rem}}.with-sidebar{display:flex;flex:1}.sidebar{width:19rem;flex-shrink:0;border-right:1px solid var(--ink-200);background:#fff;overflow-y:auto;position:sticky;top:var(--header-height);align-self:flex-start;max-height:calc(100vh - var(--header-height))}@media (max-width:767px){.sidebar{display:none}}.drawer-backdrop{position:fixed;inset:0;background:#0f172a66;backdrop-filter:blur(4px);z-index:30;border:0;padding:0}.drawer-aside{position:fixed;inset:0 auto 0 0;width:19rem;max-width:85vw;background:#fff;z-index:40;overflow-y:auto;box-shadow:var(--shadow-2xl);border-right:1px solid var(--ink-200);padding-top:env(safe-area-inset-top)}.sidebar-inner{padding:1rem 1.25rem}.sidebar-back{font-size:.75rem;color:var(--ink-500);margin-bottom:1rem;min-height:36px;display:inline-flex;align-items:center;gap:.4rem}.sidebar-back:hover{color:var(--ink-900)}.sidebar-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.3;margin-bottom:.25rem}.sidebar-progress-line{font-size:.75rem;color:var(--ink-500);margin-bottom:1rem}.sidebar-progress-track{height:6px;background:var(--ink-100);border-radius:9999px;overflow:hidden;margin-bottom:1.5rem}.sidebar-progress-fill{height:100%;background:linear-gradient(90deg,#34d399,var(--emerald));transition:width .5s}.sidebar-section-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);margin:0 .25rem .5rem}.sidebar-list{display:flex;flex-direction:column;gap:.25rem}.module-row{display:flex;align-items:flex-start;gap:.75rem;padding:.55rem .75rem;border-radius:var(--r-md);min-height:44px;transition:background .12s;text-align:left;width:100%}.module-row:hover{background:var(--ink-50)}.module-row[aria-current=true]{background:var(--ink-100);box-shadow:inset 0 0 0 1px var(--ink-200)}.module-row-num{width:32px;height:32px;flex-shrink:0;margin-top:2px;border-radius:var(--r-sm);display:grid;place-items:center;font-size:.7rem;font-weight:600;background:var(--c-soft,var(--ink-100));color:var(--c-text,var(--ink-700))}.module-row-body{flex:1;min-width:0}.module-row-title{display:block;font-size:.9rem;font-weight:500;color:var(--ink-900);line-height:1.35}.module-row-meta{display:block;font-size:.7rem;color:var(--ink-500);margin-top:2px}.module-row-status{flex-shrink:0;margin-top:2px}.module-row-status .completed{color:var(--emerald)}.module-row-status .score{font-size:.75rem;font-weight:500;color:var(--c-text,var(--ink-700))}.module-row-status .pending{color:var(--ink-300)}.module-tile{width:100%;text-align:left;background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-xl);padding:1rem 1.1rem;display:flex;align-items:center;gap:1rem;transition:border-color .12s,box-shadow .12s}@media (min-width:640px){.module-tile{padding:1.25rem}}.module-tile:hover{border-color:var(--ink-300);box-shadow:var(--shadow-md)}.module-tile-num{width:48px;height:48px;flex-shrink:0;border-radius:var(--r-md);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:1.1rem;background:var(--c-soft,var(--ink-100));color:var(--c-text,var(--ink-700))}.module-tile-body{flex:1;min-width:0}.module-tile-title{display:block;font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.3;color:var(--ink-900)}.module-tile-meta{display:block;font-size:.8rem;color:var(--ink-500);margin-top:4px}.module-tile-arrow{flex-shrink:0;color:var(--ink-300);font-size:1.1rem}.module-tile-arrow.completed{color:var(--emerald)}.sheet-backdrop{position:fixed;inset:0;z-index:50;background:#0f172a80;backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem}.sheet-backdrop-hit{position:absolute;inset:0;border:0;padding:0;background:transparent}.sheet-dialog{width:100%;max-width:28rem;background:#fff;border-radius:var(--r-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;padding-bottom:env(safe-area-inset-bottom);position:relative;z-index:1}.sheet-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--ink-100)}@media (min-width:640px){.sheet-header{padding:1.5rem 1.75rem 1rem}}.sheet-title{font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em}.sheet-body{padding:1.25rem 1.5rem}@media (min-width:640px){.sheet-body{padding:1.25rem 1.75rem}}.sheet-form>*+*{margin-top:1rem}.field{display:block}.field-label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-600);margin-bottom:.4rem}.field-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.field-input{width:100%;min-height:48px;padding:0 1rem;border-radius:var(--r-md);border:1px solid var(--ink-300);background:#fff;font:inherit;color:var(--ink-900)}.field-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.field-input.is-mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.field-input.is-pin{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.4em;text-align:center;font-size:1.05rem}.field-help{font-size:.7rem;color:var(--ink-500);margin-top:.35rem}.field-link-button{font-size:.7rem;color:var(--accent-text)}.field-link-button:hover{text-decoration:underline}.toggle-tabs{display:inline-flex;background:var(--ink-100);border-radius:var(--r-sm);padding:2px;font-size:.75rem}.toggle-tabs button{padding:.25rem .625rem;border-radius:6px;min-height:28px;color:var(--ink-600)}.toggle-tabs button[aria-selected=true]{background:#fff;box-shadow:var(--shadow-sm);font-weight:500;color:var(--ink-900)}.auth-info-links{display:flex;flex-wrap:wrap;gap:.25rem 1rem;font-size:.75rem;color:var(--ink-600)}.auth-info-links a{color:var(--accent-text);display:inline-flex;align-items:center;gap:.25rem}.auth-info-links a:hover{text-decoration:underline}.auth-info-links .secondary{color:var(--ink-500)}.notice{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;border-radius:var(--r-md);font-size:.75rem}.notice-info{background:var(--amber-soft);border:1px solid var(--amber-border);color:var(--amber-text)}.notice-error{background:var(--rose-soft);border:1px solid var(--rose-border);color:var(--rose-text)}.notice-success{background:var(--emerald-soft);border:1px solid var(--emerald-border);color:var(--emerald-text)}.notice-quiet{background:var(--ink-100);color:var(--ink-700);border:1px solid var(--ink-200)}.sim-tone-success{color:var(--emerald-text)}.sim-tone-warn{color:var(--amber-text)}.sim-tone-danger{color:var(--rose-text)}.prose-content .notice,.prose-content aside.notice{display:block;padding:1rem 1.125rem;margin:1.25rem 0;font-size:1rem;line-height:1.6;border-radius:var(--r-lg)}.prose-content .notice>h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;letter-spacing:.01em}.prose-content .notice>p{margin:.5rem 0}.prose-content .notice>p:first-of-type{margin-top:0}.prose-content .notice>p:last-child{margin-bottom:0}.prose-content .notice>ul,.prose-content .notice>ol{margin:.5rem 0 .5rem 1.25rem}.prose-content .story-spotlight{display:block;margin:1.75rem 0;padding:0;background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-xl, 1rem);overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -12px #0f172a14}.prose-content .story-spotlight>img{display:block;width:100%;height:auto;margin:0;border-radius:0;border-bottom:1px solid var(--ink-100)}.prose-content .story-spotlight>img+img{border-top:0}.prose-content .story-spotlight>h4{margin:0;padding:1rem 1.25rem .5rem;font-size:1.125rem;font-weight:600;letter-spacing:.005em;color:var(--ink-900);font-family:inherit}.prose-content .story-spotlight>p,.prose-content .story-spotlight>.story-spotlight-body>p{margin:.5rem 0;padding:0 1.25rem;line-height:1.6;color:var(--ink-800)}.prose-content .story-spotlight>p:first-of-type{margin-top:.25rem}.prose-content .story-spotlight>p:last-child,.prose-content .story-spotlight>.story-spotlight-body>p:last-child{margin-bottom:0;padding-bottom:1.25rem}.prose-content .story-spotlight>blockquote{margin:.5rem 1.25rem;padding:.5rem .75rem;border-left:3px solid var(--ink-200);color:var(--ink-700);font-style:italic}.skel{position:relative;overflow:hidden;background:#eef2f7;border-radius:8px}.skel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:1rem;z-index:60;font-size:.875rem;padding:.625rem 1rem;border-radius:9999px;box-shadow:var(--shadow-2xl);display:flex;align-items:center;gap:.5rem;max-width:90vw;color:#fff}.toast[data-variant=info]{background:var(--ink-900)}.toast[data-variant=success]{background:#059669}.toast[data-variant=error]{background:#e11d48}.quiz-question{background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-xl);padding:1.25rem}@media (min-width:640px){.quiz-question{padding:1.5rem}}.quiz-question+.quiz-question{margin-top:1rem}.quiz-q-text{font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.35;margin-bottom:1rem}.quiz-q-text .num{color:var(--accent);font-weight:700;margin-right:.5rem}.quiz-options{display:flex;flex-direction:column;gap:.5rem}.quiz-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid var(--ink-200);border-radius:var(--r-md);min-height:44px;cursor:pointer;transition:background .1s,border-color .1s;font-size:.95rem;line-height:1.35}.quiz-option:hover{border-color:#a5b4fc;background:#eef2ff66}.quiz-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.quiz-option input{margin-top:2px;accent-color:var(--accent)}.quiz-option.is-correct{border-color:#34d399;background:var(--emerald-soft)}.quiz-option.is-wrong{border-color:#fb7185;background:var(--rose-soft)}.quiz-option.is-dim{border-color:var(--ink-200);background:#fff;opacity:.55}.quiz-option .review-icon{font-size:1rem;flex-shrink:0;margin-top:2px}.quiz-option.is-correct .review-icon{color:#059669}.quiz-option.is-wrong .review-icon{color:#e11d48}.quiz-option.is-dim .review-icon{color:var(--ink-300)}.quiz-explanation{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--ink-200);font-size:.875rem;line-height:1.55;color:var(--ink-700)}.quiz-explanation .why{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-500);display:block;margin-bottom:.25rem}.quiz-result{margin-top:1.5rem;padding:1.5rem;border-radius:var(--r-xl);max-width:42rem}.quiz-result.is-pass{background:var(--emerald-soft);border:1px solid var(--emerald-border)}.quiz-result.is-fail{background:var(--amber-soft);border:1px solid var(--amber-border)}.quiz-result-icon{width:48px;height:48px;flex-shrink:0;border-radius:9999px;display:grid;place-items:center;color:#fff;font-size:1.25rem}.quiz-result.is-pass .quiz-result-icon{background:var(--emerald)}.quiz-result.is-fail .quiz-result-icon{background:var(--amber)}.quiz-result-body{flex:1}.quiz-result-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.subpage-nav{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--ink-200)}.subpage-nav-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.subpage-jump{min-height:36px;font-size:.8rem;font-weight:500;padding:.25rem .625rem;border-radius:var(--r-sm);border:1px solid var(--ink-300);background:#fff;max-width:18rem}.subpage-dots{display:flex;align-items:center;gap:.4rem}.subpage-dot{height:6px;border-radius:9999px;transition:width .2s,background .2s;background:var(--ink-200);width:6px}.subpage-dot.is-current{width:24px;background:var(--c-strong,var(--accent))}.subpage-dot.is-past{background:var(--ink-400)}.subpage-actions{display:flex;flex-direction:column;gap:.75rem}@media (min-width:640px){.subpage-actions{flex-direction:row}}.module-end{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--ink-200)}.module-end-actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}@media (min-width:640px){.module-end-actions{flex-direction:row}}.module-end-nav{display:flex;justify-content:space-between;gap:.75rem;font-size:.875rem}.module-end-nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:0 .75rem;min-height:44px;border-radius:var(--r-sm);color:var(--ink-600);max-width:48%;min-width:0}.module-end-nav-link:hover{background:var(--ink-100)}.module-end-nav-link .label{display:flex;flex-direction:column;min-width:0;flex:1;text-align:left}.module-end-nav-link .label.right{text-align:right}.module-end-nav-link .kicker{font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-400);margin-bottom:1px}.module-end-nav-link .title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-header{margin-bottom:2rem}@media (min-width:640px){.dashboard-header{margin-bottom:2.5rem}}.empty-state{background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-xl);padding:2rem;text-align:center;max-width:32rem;margin:0 auto}.empty-state-icon{width:56px;height:56px;border-radius:9999px;background:var(--ink-100);color:var(--ink-400);margin:0 auto 1rem;display:grid;place-items:center;font-size:1.5rem}[data-accent=rose]{--c-soft:#fff1f2;--c-strong:#f43f5e;--c-text:#be123c;--c-ring:#fecdd3}[data-accent=emerald]{--c-soft:#ecfdf5;--c-strong:#10b981;--c-text:#047857;--c-ring:#a7f3d0}[data-accent=sky]{--c-soft:#f0f9ff;--c-strong:#0ea5e9;--c-text:#0369a1;--c-ring:#bae6fd}[data-accent=violet]{--c-soft:#f5f3ff;--c-strong:#8b5cf6;--c-text:#6d28d9;--c-ring:#ddd6fe}[data-accent=amber]{--c-soft:#fffbeb;--c-strong:#f59e0b;--c-text:#b45309;--c-ring:#fde68a}[data-accent=indigo]{--c-soft:#eef2ff;--c-strong:#6366f1;--c-text:#4338ca;--c-ring:#c7d2fe}[data-accent=fuchsia]{--c-soft:#fdf4ff;--c-strong:#d946ef;--c-text:#a21caf;--c-ring:#f5d0fe}[data-accent=teal]{--c-soft:#f0fdfa;--c-strong:#14b8a6;--c-text:#0f766e;--c-ring:#99f6e4}[data-accent=purple]{--c-soft:#faf5ff;--c-strong:#a855f7;--c-text:#7e22ce;--c-ring:#d8b4fe}[data-accent=blue]{--c-soft:#eff6ff;--c-strong:#3b82f6;--c-text:#1d4ed8;--c-ring:#bfdbfe}.prose-content{color:var(--ink-900);font-size:1.0625rem;line-height:1.75;max-width:65ch;overflow-wrap:anywhere;word-break:break-word}.prose-content h2{font-family:var(--font-sans);font-weight:700;font-size:clamp(1.625rem,2.2vw + .9rem,2rem);line-height:1.2;margin:0 0 .75rem;letter-spacing:-.022em;color:var(--ink-900)}.prose-content h3{font-family:var(--font-sans);font-weight:600;font-size:1.25rem;line-height:1.35;margin:0 0 .85rem;letter-spacing:-.015em;color:var(--ink-900)}.prose-content p,.prose-content li{font-size:1.0625rem;line-height:1.75}.prose-content p{margin:0 0 1rem}.prose-content .module-content>p:first-of-type,.prose-content>p:first-of-type{font-size:1.15rem;color:var(--ink-700)}.prose-content section{margin-top:2.25rem}.prose-content section+section{border-top:1px solid var(--ink-200);padding-top:2rem}.prose-content ul,.prose-content ol{margin:0 0 1.25rem;padding-left:1.5rem}.prose-content ul{list-style:disc}.prose-content ol{list-style:decimal}.prose-content li{margin-bottom:.4rem}.prose-content li::marker{color:var(--accent)}.prose-content strong{color:var(--ink-900);font-weight:600}.prose-content em{color:var(--ink-700)}.prose-content blockquote{margin:1.5rem 0;padding:.5rem 1.25rem;border-left:3px solid var(--accent);color:var(--ink-700);font-style:italic}.prose-content pre{background:var(--ink-900);color:#e2e8f0;padding:1rem 1.25rem;border-radius:var(--r-md);font-size:.95rem;line-height:1.6;overflow-x:auto;margin:1.25rem 0}.prose-content code:not(pre code){background:var(--accent-soft);color:var(--accent-text);padding:.1rem .4rem;border-radius:var(--r-sm);font-size:.9em}.prose-content img{max-width:100%;height:auto;border-radius:var(--r-md);margin:1.25rem 0}.prose-content table{width:100%;border-collapse:collapse;margin:1.25rem 0}.prose-content th,.prose-content td{border:1px solid var(--ink-200);padding:.55rem .85rem;text-align:left}.prose-content th{background:var(--ink-50);font-weight:600}:root{--vjal-bg-deep: #0a0e1a;--vjal-bg-card: #131a2a;--vjal-bg-soft: #f4f6fb;--vjal-mint: #10ddb0;--vjal-mint-soft: #e6fbf4;--vjal-mint-deep: #0a8f72;--vjal-amber: #ffb344;--vjal-amber-soft: #fff4dc;--vjal-text: #e6ecf5;--vjal-text-dim: #8896b8;--vjal-rule: #1f2a44}.prose-content .exec-quote{display:block;margin:1.75rem 0;padding:1.25rem 1.5rem 1.25rem 1.75rem;background:var(--vjal-bg-deep);color:var(--vjal-text);border-left:4px solid var(--vjal-mint);border-radius:var(--r-lg);font-size:1.125rem;line-height:1.5;letter-spacing:-.005em}.prose-content .exec-quote>p{margin:.4rem 0;color:var(--vjal-text)}.prose-content .exec-quote>p:first-child{margin-top:0}.prose-content .exec-quote>p:last-child{margin-bottom:0}.prose-content .exec-quote cite,.prose-content .exec-quote .attribution{display:block;margin-top:.75rem;font-style:normal;font-size:.85rem;color:var(--vjal-mint);letter-spacing:.04em;text-transform:uppercase}.prose-content .vjal-data-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:1.5rem 0}.prose-content .vjal-data-grid .stat{background:var(--vjal-bg-card);color:var(--vjal-text);border:1px solid var(--vjal-rule);border-radius:var(--r-lg);padding:1.25rem 1.25rem 1rem}.prose-content .vjal-data-grid .stat .num{display:block;font-family:var(--font-display);font-weight:700;font-size:2.25rem;line-height:1;color:var(--vjal-mint);letter-spacing:-.03em}.prose-content .vjal-data-grid .stat .label{display:block;margin-top:.5rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--vjal-text-dim)}.prose-content .vjal-data-grid .stat .desc{display:block;margin-top:.5rem;font-size:.95rem;line-height:1.45;color:var(--vjal-text)}.prose-content .vjal-schematic{display:block;margin:1.5rem 0;background:var(--vjal-bg-deep);color:var(--vjal-text);border:1px solid var(--vjal-rule);border-radius:var(--r-xl);padding:1.5rem 1.25rem 1.25rem;overflow:hidden}.prose-content .vjal-schematic>h4,.prose-content .vjal-schematic>h5{margin:0 0 .85rem;color:var(--vjal-mint);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.prose-content .vjal-schematic p{color:var(--vjal-text);margin:.5rem 0}.prose-content .vjal-schematic ul,.prose-content .vjal-schematic ol{color:var(--vjal-text)}.prose-content .tier-grid{display:grid;gap:.85rem;grid-template-columns:1fr;margin:1.5rem 0}@media (min-width:680px){.prose-content .tier-grid{grid-template-columns:1fr 1fr}}.prose-content .tier-grid .tier{border-radius:var(--r-lg);padding:1rem 1.1rem;background:#fff;border:1px solid var(--ink-200)}.prose-content .tier-grid .tier h4{margin:0 0 .4rem;font-size:1rem;color:var(--vjal-mint-deep);letter-spacing:.02em}.prose-content .tier-grid .tier .tier-tools{margin-top:.5rem;font-size:.92rem;color:var(--ink-700)}.prose-content .tier-grid .tier-frontier{border-top:3px solid var(--vjal-mint)}.prose-content .tier-grid .tier-agentic{border-top:3px solid var(--accent)}.prose-content .tier-grid .tier-vertical{border-top:3px solid var(--vjal-amber)}.prose-content .tier-grid .tier-niche{border-top:3px solid var(--ink-400)}.prose-content .vs-grid{display:grid;gap:1rem;margin:1.5rem 0;grid-template-columns:1fr}@media (min-width:680px){.prose-content .vs-grid{grid-template-columns:1fr 1fr}}.prose-content .vs-grid .vs-card{background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-lg);padding:1rem 1.1rem}.prose-content .vs-grid .vs-card.before{border-top:3px solid #e11d48}.prose-content .vs-grid .vs-card.after{border-top:3px solid var(--vjal-mint)}.prose-content .vs-grid .vs-card h4{margin:0 0 .5rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500)}.prose-content .vs-grid .vs-card.after h4{color:var(--vjal-mint-deep)}.prose-content .exec-checklist{list-style:none;padding:0;margin:1.25rem 0;display:grid;gap:.5rem}.prose-content .exec-checklist li{position:relative;padding:.55rem .85rem .55rem 2.25rem;background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-md);font-size:.95rem;line-height:1.45}.prose-content .exec-checklist li:before{content:"";position:absolute;left:.85rem;top:.95rem;width:.85rem;height:.85rem;border:1.5px solid var(--vjal-mint);border-radius:3px;background:var(--vjal-mint-soft)}.prose-content .vjal-sim{display:block;margin:1.75rem 0;background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-xl);box-shadow:0 1px 2px #0f172a0a,0 12px 28px -16px #0f172a1a;overflow:hidden}.prose-content .vjal-sim>.sim-head{background:var(--vjal-bg-deep);color:var(--vjal-text);padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.prose-content .vjal-sim>.sim-head .sim-title{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--vjal-mint);font-weight:600}.prose-content .vjal-sim>.sim-head .sim-tag{font-size:.72rem;color:var(--vjal-text-dim)}.prose-content .vjal-sim>.sim-body{padding:1.25rem}.prose-content .vjal-sim label{display:block;font-size:.85rem;font-weight:600;color:var(--ink-700);margin-bottom:.35rem}.prose-content .vjal-sim input[type=text],.prose-content .vjal-sim input[type=number],.prose-content .vjal-sim select,.prose-content .vjal-sim textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--ink-300);border-radius:var(--r-md);font:inherit;color:var(--ink-900);background:#fff}.prose-content .vjal-sim input[type=range]{width:100%}.prose-content .vjal-sim button{background:var(--vjal-mint-deep);color:#fff;padding:.55rem 1rem;border-radius:var(--r-md);font-weight:600;font-size:.9rem;transition:background .15s}.prose-content .vjal-sim button:hover{background:#0a7e64}.prose-content .vjal-sim button.secondary{background:transparent;color:var(--vjal-mint-deep);border:1px solid var(--vjal-mint-deep)}.prose-content .vjal-sim .sim-output{margin-top:1rem;padding:1rem 1.1rem;background:var(--vjal-bg-soft);border-radius:var(--r-md);font-size:.95rem;color:var(--ink-800);line-height:1.5}.prose-content .vjal-sim .sim-output strong{color:var(--vjal-mint-deep)}.prose-content .vjal-sim .pill{display:inline-block;padding:.2rem .6rem;border-radius:9999px;background:var(--vjal-mint-soft);color:var(--vjal-mint-deep);font-size:.78rem;font-weight:600;letter-spacing:.02em;margin:.15rem .25rem .15rem 0}.prose-content .vjal-sim .pill.warn{background:var(--vjal-amber-soft);color:#a06900}.prose-content .vjal-key{color:var(--vjal-mint-deep);font-weight:600}.section-audio{display:block;width:100%;margin:10px 0 18px;border-radius:10px}@media print{.header,.sidebar,.drawer-aside,.drawer-backdrop,.module-progress,.subpage-nav,.module-end-actions,.offline-banner,.toast{display:none!important}body{background:#fff!important}.prose-content{max-width:none;font-size:11pt;line-height:1.55}}