:root .workshop-app[data-navigation-position]{--dock-width:260px;--dock-height:clamp(210px,30dvh,300px);--dock-motion:.26s cubic-bezier(.22,.61,.36,1);min-height:100dvh;display:block}:root .workshop-app[data-navigation-position].is-collapsed{--dock-width:76px;--dock-height:80px}:root .workshop-app[data-navigation-position] .sidebar{inset:calc(16px + var(--focus-bar-height,0px)) auto 16px 16px;width:var(--dock-width);height:auto;max-height:calc(100dvh - var(--focus-bar-height,0px) - 32px);visibility:visible;z-index:40;transition:width var(--dock-motion),height var(--dock-motion);border-radius:24px;flex-direction:column;gap:12px;padding:12px;display:flex;position:fixed;overflow:hidden;transform:none}:root .workshop-app[data-navigation-position] .dock-header{flex-shrink:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 8px;min-width:0;display:grid}:root .workshop-app[data-navigation-position] .sidebar .brand{flex-shrink:1;align-self:auto;min-width:0;margin:0;font-size:19px;display:flex;overflow:hidden}:root .workshop-app[data-navigation-position] .sidebar .brand-wordmark{text-overflow:ellipsis;min-width:0;overflow:hidden}:root .workshop-app[data-navigation-position] .sidebar .brand-logo{width:36px;height:36px}:root .workshop-app[data-navigation-position] .dock-controls{align-items:center;gap:6px;display:flex}:root .workshop-app[data-navigation-position] .dock-controls :is(.sidebar-toggle,.nav-customize){width:44px;height:44px;min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;flex-shrink:0;place-items:center;margin:0;padding:0;transition:background-color .16s,color .16s;display:grid}:root .workshop-app[data-navigation-position] .dock-controls button:hover,:root .workshop-app[data-navigation-position] .sidebar .sidebar-search-icon:hover{background:var(--blue-soft);color:var(--blue)}:root .workshop-app[data-navigation-position] :is(.dock-controls button,.sidebar-search-icon):focus-visible{outline:3px solid var(--blue);outline-offset:2px}:root .workshop-app[data-navigation-position] .sidebar-search{grid-column:1/-1;min-width:0;margin:0}:root .workshop-app[data-navigation-position] .sidebar-search-field{min-width:0;min-height:40px}:root .workshop-app[data-navigation-position] .sidebar-search-icon{display:none}:root .workshop-app[data-navigation-position] .sidebar-navigation{overscroll-behavior:contain;scrollbar-width:thin;opacity:1;flex:1;min-height:0;margin:0 -3px;padding:0 3px 8px;transition:opacity .16s;overflow:hidden auto}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]).is-collapsed .sidebar{padding-inline:8px}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]).is-collapsed .dock-header{grid-template-columns:minmax(0,1fr);justify-items:center}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]).is-collapsed .dock-header .brand{display:none}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]).is-collapsed .dock-controls{flex-direction:column}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]).is-collapsed .sidebar-search{width:100%}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]).is-collapsed .sidebar-search-field{display:none}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]).is-collapsed .sidebar-search-icon{width:100%;height:40px;color:var(--ink);background:0 0;border:0;border-radius:12px;place-items:center;transition:background-color .16s,color .16s;display:grid}:root .workshop-app[data-navigation-position] .main-shell{width:auto;margin:0 0 0 calc(var(--dock-width) + 32px);--wk-art-width:calc(100vw - var(--dock-width) - 32px);min-width:0;transition:margin var(--dock-motion)}:root .workshop-app[data-navigation-position] .main-shell>main{min-width:0;max-width:1440px;transition:padding-top var(--dock-motion),padding-bottom var(--dock-motion);padding:80px 32px 24px}:root .workshop-app[data-navigation-position=right] .sidebar{inset:calc(16px + var(--focus-bar-height,0px)) 16px 16px auto}:root .workshop-app[data-navigation-position=right] .main-shell{margin:0 calc(var(--dock-width) + 32px) 0 0}:root .workshop-app[data-navigation-position].is-collapsed .nav-lab-children{border:0;margin:0 0 4px;padding:0}.nav-session-mode{color:var(--text-soft);font-size:calc(11px * var(--font-scale,1));margin:4px 12px 10px}.is-collapsed .nav-session-mode{display:none}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .sidebar{inset:calc(16px + var(--focus-bar-height,0px)) 16px auto 16px;width:auto;height:var(--dock-height)}:root .workshop-app[data-navigation-position=bottom] .sidebar{inset:auto 16px 16px}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .dock-header{grid-template-columns:minmax(60px,180px) minmax(0,1fr) auto}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .dock-controls{grid-area:1/3}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .sidebar-search{grid-area:1/2}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .sidebar-search-field{display:flex}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .sidebar-navigation{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:16px;display:grid}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .nav-section+.nav-section{border:0;margin:0;padding:0}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .main-shell{--wk-art-width:100vw;margin:0}:root .workshop-app[data-navigation-position=top] .main-shell>main{padding-top:calc(var(--dock-height) + 32px)}:root .workshop-app[data-navigation-position=bottom] .main-shell>main{padding-bottom:calc(var(--dock-height) + 32px)}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]).is-collapsed .sidebar-navigation{opacity:0;visibility:hidden;pointer-events:none}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]).is-collapsed .sidebar .brand-wordmark{display:block}:root .workshop-app[data-navigation-position] .dock-account{border-top:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);flex-shrink:0;min-width:0;margin:0 -2px;padding-top:10px}:root .workshop-app[data-navigation-position] .dock-account-trigger{width:100%;min-height:52px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;align-items:center;gap:10px;margin:0;padding:8px 10px;transition:background-color .16s;display:flex}:root .workshop-app[data-navigation-position] .dock-account-trigger:hover:not(:disabled),:root .workshop-app[data-navigation-position] .dock-account-trigger[aria-expanded=true]{background:var(--surface-hover)}:root .workshop-app[data-navigation-position] .dock-account-trigger:focus-visible{outline:3px solid var(--blue);outline-offset:2px}:root .workshop-app[data-navigation-position] .dock-account-trigger :is(.profile-avatar,.participant-avatar,.dock-account-icon){flex-shrink:0;width:34px;height:34px}:root .workshop-app[data-navigation-position] .dock-account-icon{background:var(--surface-alt);color:var(--text-soft);border-radius:50%;place-items:center;display:grid}:root .workshop-app[data-navigation-position] .dock-account-text{flex-direction:column;flex:1;min-width:0;display:flex}:root .workshop-app[data-navigation-position] .dock-account-text :is(b,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root .workshop-app[data-navigation-position] .dock-account-text b{font-size:calc(13px * var(--font-scale,1));font-weight:500}:root .workshop-app[data-navigation-position] .dock-account-text small{font-size:calc(11px * var(--font-scale,1));color:var(--text-soft)}:root .workshop-app[data-navigation-position] .dock-account-chevron{color:var(--text-soft);flex-shrink:0}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]).is-collapsed .dock-account-trigger{justify-content:center;padding:8px 0}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]).is-collapsed :is(.dock-account-text,.dock-account-chevron){display:none}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .dock-account{border:0;margin:0;padding:0;position:absolute;top:12px;right:12px}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .dock-account-trigger{border-radius:50%;justify-content:center;width:44px;min-height:44px;padding:5px}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) :is(.dock-account-text,.dock-account-chevron){display:none}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .dock-header{padding-right:52px}.account-popover.dock-account-popover{z-index:70;border-radius:18px;padding:8px;position:fixed;top:auto;right:auto;overflow-y:auto}.account-popover.dock-account-popover[hidden]{display:none}.account-popover.dock-account-popover>b{padding:8px 8px 0}.account-popover.dock-account-popover>small{margin:3px 0 8px;padding:0 8px}.account-popover.dock-account-popover>hr{border:0;border-top:1px solid var(--line);margin:6px 0}.account-popover.dock-account-popover>:is(button,a){font-size:calc(13px * var(--font-scale,1));border-radius:10px;padding:10px}.navigation-placement{border:0;min-width:0;margin:20px 0;padding:0}.navigation-placement legend{font-size:calc(13px * var(--font-scale,1));color:var(--ink);margin-bottom:12px;font-weight:500}.navigation-placement>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.navigation-placement button{border:1px solid var(--line);min-height:42px;color:var(--ink);font-size:calc(12px * var(--font-scale,1));white-space:normal;overflow-wrap:anywhere;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;padding:9px 8px;display:flex}.navigation-placement button[aria-pressed=true]{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}@media (max-width:760px){:root .workshop-app[data-navigation-position]{--dock-height:min(55dvh,380px)}:root .workshop-app[data-navigation-position].is-collapsed{--dock-height:132px}:root .workshop-app:is([data-navigation-position=left],[data-navigation-position=right]) .main-shell{--wk-art-width:calc(100vw - 108px);margin-left:108px;margin-right:0}:root .workshop-app[data-navigation-position=right] .main-shell{margin-left:0;margin-right:108px}:root .workshop-app[data-navigation-position] .main-shell>main{padding-inline:16px}:root .workshop-app[data-navigation-position] .sidebar .workspace-label{display:block}:root .workshop-app[data-navigation-position] .sidebar .nav-item{justify-content:flex-start;height:auto;min-height:42px;padding:8px 12px}:root .workshop-app[data-navigation-position].is-collapsed .sidebar :is(.nav-label,.workspace-label,.nav-subheading,.workshop-nav-context,.workshop-nav-status){display:none}:root .workshop-app[data-navigation-position].is-collapsed .sidebar .nav-item{justify-content:center;padding:8px 0}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .dock-header{grid-template-columns:minmax(0,1fr) auto}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .dock-controls{grid-column:2}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .sidebar-search{grid-area:2/1/auto/-1}:root .workshop-app:is([data-navigation-position=top],[data-navigation-position=bottom]) .sidebar-navigation{grid-template-columns:minmax(0,1fr)}.navigation-placement>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){:root .workshop-app[data-navigation-position] :is(.sidebar,.sidebar-navigation,.main-shell,.main-shell>main,.dock-controls button,.sidebar-search-icon,.dock-account-trigger){transition:none!important}}.appearance-toggle{width:36px;height:36px;color:inherit;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.appearance-toggle:hover{background:var(--secondary)}.appearance-dialog[data-slot=dialog-content]{background:var(--surface);width:calc(100% - 32px);max-width:540px;max-height:calc(100dvh - 32px);color:var(--ink);border-color:var(--line);border-radius:24px;padding:28px;overflow:auto}.appearance-dialog [data-slot=dialog-title]{font-size:calc((21px) * var(--font-scale,1));font-weight:500}.appearance-dialog [data-slot=dialog-description]{color:var(--text-soft);line-height:1.6}:root[data-theme=light] .workshop-app .portal-welcome-art>img,:root[data-theme=light] .workspace-hero>img{filter:saturate(.65);opacity:.35}:root[data-theme=light] .hero-site .hero-color-wash{opacity:.16}:root[data-theme=light] .hero-site .hero-photo-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--paper) 85%,transparent),color-mix(in srgb,var(--paper) 65%,transparent) 45%,var(--paper))}:root[data-theme] .navigation-dialog[data-slot=dialog-content]{color:var(--ink);background:var(--surface)!important;border-color:var(--line)!important}.appearance-section-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.appearance-section-tabs button{border:1px solid var(--line);color:var(--ink);font-size:calc(12px * var(--font-scale));border-radius:12px;padding:10px 14px}.appearance-section-tabs button[aria-pressed=true]{background:var(--surface-hover);border-color:var(--blue)}.preferences-sync-status{gap:10px;display:grid}.preferences-sync-status .appearance-note{margin:0}.navigation-options{border:0;min-width:0;margin:0;padding:0}.appearance-picker{gap:20px;min-width:0;display:grid}.appearance-picker h3{font-size:calc(15px * var(--font-scale,1));margin:0;font-weight:500}.appearance-picker fieldset{border:0;min-width:0;margin:0;padding:0}.appearance-controls{gap:20px;display:grid}.appearance-row{min-height:70px;font-size:calc(14px * var(--font-scale,1));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:12px 20px;display:flex}.mode-row,.appearance-table{border:1px solid var(--line);background:var(--surface);border-radius:16px}.appearance-table>.appearance-row+.appearance-row{border-top:1px solid var(--line)}.appearance-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.appearance-modes{align-items:center;gap:12px;display:flex}.appearance-modes button{border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-width:52px;min-height:46px;padding:4px;display:flex}.appearance-modes button[aria-pressed=true]{border-color:var(--blue)}.mode-preview{background:#fafafa;border:1px solid #8888;border-radius:5px;width:46px;height:32px;display:flex;overflow:hidden}.mode-preview>i{background:#e2e2e2;border-right:1px solid #ccc;width:12px}.mode-preview>b{flex:1;align-content:center;gap:4px;padding:6px;display:grid}.mode-preview em{background:#b8b8b8;border-radius:2px;height:2px}.mode-preview em:last-child{width:65%}.preview-dark{background:#242424}.preview-dark>i{background:#151515;border-color:#555}.preview-dark em{background:#777}.preview-system{background:linear-gradient(110deg,#fafafa 50%,#242424 50%)}.preview-system>i{background:#e2e2e2}.preview-system em{background:#999}.theme-trigger{border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--ink);font:inherit;border-radius:25px;align-items:center;gap:10px;padding:5px 12px;display:inline-flex}.theme-trigger>span:not(.theme-badge){overflow-wrap:anywhere}.theme-tool{min-width:40px;min-height:44px;color:var(--text-soft);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.theme-tool:hover{background:var(--surface-hover);color:var(--ink)}.theme-badge{border:1px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:500;display:inline-flex}.theme-menu[data-slot]{background:var(--surface);border:1px solid var(--line);color:var(--ink);min-width:220px;max-width:calc(100vw - 24px);font-size:calc(13px * var(--font-scale,1));z-index:100;border-radius:14px;padding:6px}.theme-menu [role^=menuitem]{min-height:44px;font-size:inherit;color:var(--ink);cursor:pointer;border-radius:8px;outline:none;align-items:center;gap:10px;padding:7px 10px;display:flex}.theme-menu [role^=menuitem][data-highlighted],.theme-menu [role^=menuitem][data-state=open]{background:var(--surface-hover)}.theme-menu [role=menuitemradio]>span:first-child{display:none}.theme-menu .theme-selected{color:var(--blue);margin-left:auto}.theme-library[data-slot]{max-height:min(380px,var(--radix-dropdown-menu-content-available-height,380px));overflow-y:auto}.color-control{border:1px solid var(--line);background:var(--paper);border-radius:24px;align-items:center;gap:8px;min-width:0;min-height:44px;padding:4px 10px 4px 5px;display:flex;position:relative}.color-dot{border:1px solid var(--line);border-radius:50%;flex-shrink:0;width:30px;height:30px;display:block;position:relative;overflow:hidden}.color-dot input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-dot:focus-within{outline:2px solid var(--blue);outline-offset:-3px}.color-control>input{width:8ch;min-width:0;max-width:100%;color:var(--ink);font-family:var(--font-mono,monospace);font-size:calc(12px * var(--font-scale,1));text-transform:uppercase;background:0 0;border:0;min-height:30px;padding:0}.accent-source{background:var(--surface);max-width:100%;min-height:44px;color:var(--text-soft);font:inherit;border:0;padding:4px}.color-error{background:var(--surface);color:var(--red);border:1px solid var(--line);z-index:2;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;top:100%;right:0}.appearance-advanced summary{cursor:pointer;min-height:44px;font-size:calc(14px * var(--font-scale,1));padding-block:12px;list-style-position:inside;display:list-item}.appearance-advanced[open]{gap:12px;display:grid}.appearance-advanced a{color:var(--blue);font-size:calc(12px * var(--font-scale,1));min-height:44px;padding-top:10px;text-decoration:underline;display:block}.appearance-note{font-size:calc(12px * var(--font-scale,1));color:var(--text-soft);line-height:1.6}.appearance-picker :is(button,input,select,summary):focus-visible{outline:2px solid var(--blue);outline-offset:3px}.theme-menu [role^=menuitem]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (max-width:520px){.appearance-row{flex-wrap:wrap;gap:12px;padding:12px}.appearance-row-actions{margin-left:auto}.appearance-modes{gap:4px}.theme-tool{min-width:36px}.theme-trigger{gap:6px;padding-inline:8px}.appearance-row-actions:has(.theme-trigger){gap:2px}}.platform-settings{background:var(--paper);min-height:100dvh;color:var(--ink);grid-template-columns:240px minmax(0,1fr);display:grid}.settings-sidebar{top:var(--focus-bar-height,0px);height:calc(100dvh - var(--focus-bar-height,0px));border-right:1px solid var(--line);background:var(--surface);padding:24px 16px;position:sticky;overflow:auto}.settings-sidebar .brand{margin:0 8px 28px;font-size:20px}.settings-sidebar .brand-logo{width:34px;height:34px}.settings-sidebar h1{font-size:calc(20px * var(--font-scale,1));letter-spacing:-.4px;margin:26px 12px 18px}.settings-back,.settings-sidebar nav>:is(a,button){width:100%;min-height:44px;color:var(--ink);font-size:calc(13px * var(--font-scale,1));text-align:left;overflow-wrap:anywhere;border:1px solid #0000;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;min-width:0;padding:10px 12px;line-height:1.5;display:flex}.settings-sidebar nav{gap:4px;display:grid}.settings-sidebar nav svg,.settings-back svg{flex-shrink:0}.settings-sidebar nav button>svg:last-child{margin-left:auto}.settings-sidebar nav button{border-top-color:var(--line);border-radius:0;margin-block:8px}.settings-back:hover,.settings-sidebar nav>:is(a,button):hover{background:var(--surface-hover)}.settings-sidebar nav>[aria-current=page]{background:var(--blue-soft);color:var(--blue)}.settings-content{width:100%;min-width:0;max-width:860px;margin:0 auto;padding:44px clamp(24px,5vw,64px) 64px}.settings-content>header h2{font-size:calc(28px * var(--font-scale,1));margin-bottom:12px}.settings-content>header p,.settings-panel>p{color:var(--text-soft);font-size:calc(13px * var(--font-scale,1));line-height:1.7}.settings-section{min-width:0;margin-bottom:32px}.settings-section>h2{font-size:calc(20px * var(--font-scale,1));scroll-margin-top:calc(24px + var(--focus-bar-height,0px));margin-bottom:16px}.settings-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;padding:24px}.settings-panel .navigation-placement{margin:18px 0 0}.settings-save-status{border-top:1px solid var(--line);padding-top:20px}:is(.platform-settings :is(a,button,select):focus-visible,.settings-section>h2:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.platform-settings fieldset:disabled{opacity:.6}@media (max-width:800px){.platform-settings{grid-template-columns:minmax(0,1fr)}.settings-sidebar{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:16px;position:static}.settings-sidebar .brand{margin-bottom:14px}.settings-sidebar h1{margin:18px 12px 12px}.settings-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.settings-sidebar nav button{border-top-color:#0000;border-radius:10px;margin:0}.settings-content{padding:28px 20px 48px}.settings-panel{padding:20px}.settings-content>header h2{font-size:calc(24px * var(--font-scale,1))}}@media (max-width:400px){.settings-sidebar nav{grid-template-columns:minmax(0,1fr)}.settings-content{padding-inline:16px}.settings-panel{padding:16px}}.settings-content>header h2:focus{outline:none}.settings-content>header{margin-bottom:28px}.settings-save-status{margin-top:32px}.settings-panel{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:24px 0}@media (max-width:800px){.settings-panel{padding:20px 0}}.learning-dashboard{gap:40px;max-width:1180px;margin-inline:auto;padding:12px 0 56px;display:grid;container-type:inline-size}.learning-dashboard-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.learning-dashboard-heading h1{font-size:calc(32px * var(--font-scale,1));letter-spacing:-1px}.learning-dashboard-heading p{color:var(--text-secondary);font-size:calc(14px * var(--font-scale,1));margin-top:10px}.learning-button{border:1px solid var(--blue);background:var(--blue);min-height:44px;color:var(--action-text);font-size:calc(13px * var(--font-scale,1));text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-weight:500;line-height:1.5;display:inline-flex}.learning-button:hover:not(:disabled){background:var(--blue-hover)}.learning-button.secondary{color:var(--ink);border-color:var(--line-strong);white-space:normal;background:0 0}.learning-button.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--blue)}.learning-dashboard-top{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 280px;gap:48px;padding:8px 0 36px;display:grid}.learning-resume{min-width:0}.learning-resume-content{max-width:680px}.learning-resume h2{font-size:calc(26px * var(--font-scale,1));letter-spacing:-.6px;line-height:1.25}.learning-resume-content>p{max-width:540px;color:var(--text-secondary);font-size:calc(14px * var(--font-scale,1));overflow-wrap:anywhere;margin-top:12px}.learning-progress{min-width:0;margin-top:24px}.learning-progress>div:first-child{color:var(--text-secondary);font-size:calc(12px * var(--font-scale,1));justify-content:space-between;align-items:center;gap:12px;display:flex}.learning-progress b{color:var(--ink);font-weight:500}.learning-progress [role=progressbar]{background:var(--surface-hover);border-radius:4px;height:4px;margin-top:10px;overflow:hidden}.learning-progress [role=progressbar]>span{background:var(--blue);border-radius:inherit;height:100%;display:block}.learning-resume .learning-progress{max-width:480px}.learning-resume .learning-next-step{font-size:calc(12px * var(--font-scale,1));color:var(--ink);margin-top:12px}.learning-resume-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.learning-resume-actions .secondary{border-color:#0000}.learning-join{border-left:1px solid var(--line);flex-direction:column;gap:12px;padding-left:28px;display:flex}.learning-join h2{font-size:calc(17px * var(--font-scale,1));line-height:1.3}.learning-join p{color:var(--text-secondary);font-size:calc(13px * var(--font-scale,1))}.learning-join form{gap:12px;margin-top:4px;display:grid}.learning-join input{min-height:44px;font-family:var(--mono);letter-spacing:1px;font-size:14px}.learning-join input::placeholder{letter-spacing:0}.learning-join small[role=alert]{color:var(--danger-text)}.learning-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;display:grid}.learning-stats>div{flex-direction:column-reverse;gap:8px;min-width:0;display:flex}.learning-stats dt{font-size:calc(12px * var(--font-scale,1));color:var(--text-secondary)}.learning-stats dd{font-size:calc(28px * var(--font-scale,1));font-variant-numeric:tabular-nums;margin:0;font-weight:500;line-height:1.2}.learning-section{gap:20px;display:grid}.learning-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.learning-section-heading h2{font-size:calc(21px * var(--font-scale,1));letter-spacing:-.4px;line-height:1.3}.learning-section-heading>span{color:var(--text-soft);font-size:calc(12px * var(--font-scale,1))}.learning-work-list{border-top:1px solid var(--line)}.learning-work-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.3fr) minmax(150px,.7fr) minmax(150px,auto);align-items:center;gap:28px;padding:26px 0;display:grid}.learning-work-identity{align-items:flex-start;gap:16px;min-width:0;display:flex}.learning-work-identity>div{min-width:0}.learning-work-icon{width:28px;color:var(--text-secondary);flex-shrink:0;place-items:center;padding-top:2px;display:grid}.learning-work-row h3{font-size:calc(16px * var(--font-scale,1));overflow-wrap:anywhere;line-height:1.4}.learning-work-identity p{color:var(--text-secondary);font-size:calc(12px * var(--font-scale,1));overflow-wrap:anywhere;margin-top:7px}.learning-state{font-size:calc(11px * var(--font-scale,1));color:var(--text-secondary);margin-top:8px;display:inline-block}.learning-state.completed{color:var(--success-text)}.learning-state.in-progress{color:var(--blue)}.learning-work-row .learning-progress{margin:0}.learning-work-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.learning-work-actions>span{font-size:calc(11px * var(--font-scale,1));color:var(--text-soft)}.learning-empty{border-top:1px solid var(--line);align-items:flex-start;gap:16px;padding:24px 0;display:flex}.learning-empty>svg{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.learning-empty h3{font-size:calc(15px * var(--font-scale,1))}.learning-empty p{color:var(--text-secondary);font-size:calc(13px * var(--font-scale,1));margin:6px 0}.learning-text-link{font-size:calc(13px * var(--font-scale,1));color:var(--blue);text-underline-offset:4px;align-items:center;gap:7px;min-height:36px;text-decoration:underline;display:inline-flex}.learning-text-link:hover{color:var(--ink)}.learning-completed{border-top:1px solid var(--line)}.learning-completed article{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:22px 0;display:flex}.learning-completed article>svg{color:var(--success-text);flex-shrink:0}.learning-completed article>div{flex:1;min-width:0}.learning-completed h3{font-size:calc(14px * var(--font-scale,1))}.learning-completed p{font-size:calc(12px * var(--font-scale,1));color:var(--text-secondary);margin-top:5px}@container (width<=900px){.learning-dashboard-top{grid-template-columns:1fr;gap:28px}.learning-join{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.learning-join form{grid-template-columns:minmax(150px,1fr) auto;align-items:end}.learning-join form>small{grid-column:1/-1}.learning-work-row{grid-template-columns:minmax(0,1fr) minmax(140px,.65fr);gap:20px}.learning-work-actions{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;padding-left:44px}}@container (width<=560px){.learning-dashboard-heading{align-items:flex-start;gap:14px}.learning-dashboard-heading h1{font-size:calc(28px * var(--font-scale,1))}.learning-dashboard-heading p{font-size:calc(13px * var(--font-scale,1))}.learning-dashboard-heading>button{font-size:calc(12px * var(--font-scale,1));padding-inline:10px}.learning-resume h2{font-size:calc(24px * var(--font-scale,1))}.learning-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.learning-work-row{grid-template-columns:minmax(0,1fr);gap:18px}.learning-work-row .learning-progress{margin-left:44px}.learning-work-actions{grid-column:1}.learning-join form{grid-template-columns:1fr}.learning-completed article{flex-wrap:wrap}.learning-completed article>.learning-text-link{margin-left:37px}}.learning-dashboard-heading>div{min-width:0}.learning-dashboard h1{overflow-wrap:anywhere}.learning-dashboard-heading>button{flex-shrink:0}.course-overview{color:var(--ink);min-width:0}.course-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.course-reading{min-width:0}.course-heading{padding:12px 0 28px}.course-heading h1{letter-spacing:-1.5px;max-width:720px;font-size:clamp(32px,3.8vw,48px);line-height:1.12}.course-description{font-size:calc(17px * var(--font-scale,1));color:var(--text-secondary);max-width:650px;margin-top:20px;line-height:1.7}.course-meta{color:var(--text-secondary);font-size:calc(12px * var(--font-scale,1));flex-wrap:wrap;gap:12px 22px;margin:24px 0 0;padding:0;list-style:none;display:flex}.course-meta li{align-items:center;gap:7px;display:flex}.course-meta svg{color:var(--blue);flex-shrink:0}.course-sections{border-block:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:12px 0;display:flex}.course-sections a{background:var(--surface);border:1px solid var(--line);font-size:calc(13px * var(--font-scale,1));border-radius:8px;padding:9px 14px;font-weight:500}.course-sections a:hover{background:var(--surface-hover);border-color:var(--line-strong)}.course-section{border-bottom:1px solid var(--line);padding-block:32px;scroll-margin-top:24px}.course-section h2{font-size:calc(23px * var(--font-scale,1));letter-spacing:-.6px;font-weight:500;line-height:1.3}.course-section>p{color:var(--text-secondary);font-size:calc(14px * var(--font-scale,1));margin-top:16px;line-height:1.85}.course-outcomes{grid-template-columns:1fr 1fr;gap:18px 24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.course-outcomes li{font-size:calc(13px * var(--font-scale,1));align-items:flex-start;gap:10px;line-height:1.7;display:flex}.course-outcomes svg{color:var(--success-text);flex-shrink:0;margin-top:3px}.course-section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.course-section-title>span{font-size:calc(12px * var(--font-scale,1));color:var(--text-soft)}.course-section-intro{margin-bottom:20px}.course-curriculum{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.course-curriculum details+details{border-top:1px solid var(--line)}.course-curriculum summary{cursor:pointer;align-items:center;gap:16px;padding:19px 20px;list-style:none;display:flex}.course-curriculum summary::-webkit-details-marker{display:none}.course-curriculum summary:hover{background:var(--surface-hover)}.course-curriculum summary:focus-visible{outline:2px solid var(--ring);outline-offset:-3px;border-radius:8px}.course-module-number{color:var(--text-soft);font-family:var(--mono);font-size:12px}.course-module-name{min-width:0;font-weight:500;font-size:calc(14px * var(--font-scale,1));flex:1}.course-module-name small{color:var(--text-soft);font-weight:400;font-size:calc(11px * var(--font-scale,1));margin-top:5px;display:block}.course-chevron{color:var(--text-secondary);flex-shrink:0}.course-curriculum details[open] .course-chevron{transform:rotate(180deg)}.course-curriculum details>p{color:var(--text-secondary);font-size:calc(13px * var(--font-scale,1));padding:0 20px 22px 52px;line-height:1.8}.course-requirements{font-size:calc(13px * var(--font-scale,1));color:var(--text-secondary);gap:12px;margin:20px 0;padding-left:20px;line-height:1.8;display:grid}.course-external{color:var(--info-text-link);text-underline-offset:4px;align-items:center;gap:8px;font-weight:500;text-decoration:underline;display:inline-flex}.course-takeaway{background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;margin-top:24px;padding:22px}.course-takeaway h3{font-size:calc(14px * var(--font-scale,1));margin-bottom:8px}.course-takeaway p{font-size:calc(13px * var(--font-scale,1));color:var(--text-secondary)}.course-action-panel{border:1px solid var(--line);background:var(--surface);box-shadow:0 16px 48px -32px color-mix(in srgb,var(--ink) 25%,transparent);border-radius:16px;position:sticky;top:24px;overflow:hidden}.course-cover{aspect-ratio:16/10;background:var(--surface-alt);position:relative;overflow:hidden}.course-cover img{object-fit:cover;width:100%;height:100%}.course-cover span{background:var(--surface);width:fit-content;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;bottom:16px;left:16px;right:16px}.course-action-body{padding:26px}.course-action-body h2{font-size:calc(23px * var(--font-scale,1));letter-spacing:-.6px;line-height:1.25}.course-action-body>p{color:var(--text-secondary);font-size:calc(13px * var(--font-scale,1));margin:12px 0 24px}.course-actions{gap:10px;display:grid}.course-action{background:var(--blue);width:100%;min-height:46px;color:var(--action-text,#fff);border:1px solid var(--blue);font-size:calc(13px * var(--font-scale,1));text-align:center;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:11px 15px;font-weight:500;line-height:1.5;display:flex}.course-action:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.course-action.secondary{color:var(--ink);background:var(--surface);border-color:var(--line-strong);white-space:normal}.course-action.secondary:hover{background:var(--surface-hover)}.course-action-body dl{border-top:1px solid var(--line);font-size:calc(12px * var(--font-scale,1));gap:14px;margin:26px 0 20px;padding-top:22px;display:grid}.course-action-body dl>div{justify-content:space-between;gap:16px;display:flex}.course-action-body dt{color:var(--text-soft)}.course-action-body dd{text-align:right;max-width:65%;margin:0}.course-help-link{text-align:center;font-size:calc(11px * var(--font-scale,1));color:var(--text-secondary);text-underline-offset:4px;text-decoration:underline;display:block}.course-example .preview-example{margin-top:22px}.course-example .preview-example h2{font-size:21px}.course-public{padding-block:32px 80px}.course-breadcrumb{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:30px;font-size:13px;display:flex}.course-breadcrumb a{text-underline-offset:4px;text-decoration:underline}.learning-library{padding-block:42px 88px}.learning-library-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.learning-library-heading h1{letter-spacing:-1.6px;font-size:clamp(34px,4vw,52px)}.learning-library-heading p{color:var(--text-secondary);max-width:550px;margin-top:18px;font-size:16px}.learning-library-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.learning-course-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.learning-card-cover{aspect-ratio:16/8;display:block;position:relative;overflow:hidden}.learning-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .25s}.learning-card-cover:hover img{transform:scale(1.025)}.learning-card-body{flex-direction:column;flex:1;align-items:flex-start;gap:18px;padding:28px;display:flex}.learning-card-body h2{font-size:26px;line-height:1.2}.learning-card-body h2 a:hover{text-underline-offset:5px;text-decoration:underline}.learning-card-body>p{color:var(--text-secondary);font-size:14px}.learning-card-facts{flex-wrap:wrap;gap:8px;display:flex}.learning-card-facts span{background:var(--surface-alt);border:1px solid var(--line);color:var(--text-secondary);border-radius:6px;padding:5px 9px;font-size:12px}.learning-card-body .course-action{width:auto;margin-top:auto;padding-inline:20px}.learning-library-note{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:36px;padding:26px}.learning-library-note h2{font-size:20px}.learning-library-note p{color:var(--text-secondary);margin-block:10px 16px}.learning-library-note a{color:var(--info-text-link);text-underline-offset:4px;text-decoration:underline}@media (max-width:1000px){.course-layout{grid-template-columns:minmax(0,1fr) 290px;gap:28px}.course-action-body{padding:22px}.course-outcomes{grid-template-columns:1fr}}@media (max-width:760px){.course-layout{flex-direction:column;gap:28px;display:flex}.course-reading{display:contents}.course-heading{order:0;padding-bottom:0}.course-action-panel{order:1;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);width:100%;display:grid;position:static}.course-cover{aspect-ratio:auto;min-height:220px}.course-sections{order:2;width:100%}.course-section{order:3;width:100%;padding-top:8px;padding-bottom:28px}.course-section-title{flex-wrap:wrap;align-items:flex-start;gap:8px}.course-section h2{font-size:22px}.learning-library-heading{flex-direction:column;align-items:flex-start;gap:24px}.learning-library-grid{grid-template-columns:1fr}.course-public{padding-top:20px}.course-meta{gap:12px 18px}.course-action-body dl{margin-top:20px}.learning-library{padding-top:24px}.course-sections a{text-align:center;flex:1;padding-inline:10px}}@media (max-width:480px){.course-action-panel{display:block}.course-cover{aspect-ratio:16/7;min-height:0}.course-action-body{padding:22px}.course-heading h1{font-size:34px}.course-description{font-size:15px}.course-curriculum summary{gap:12px;padding:17px 16px}.course-curriculum details>p{padding-left:44px}.learning-card-body{padding:22px}.course-breadcrumb{font-size:12px}}@media (prefers-reduced-motion:reduce){.learning-card-cover img{transition:none}.learning-card-cover:hover img{transform:none}}.marketing-site>main.learning-library,.marketing-site>main.course-public{width:min(1152px,100% - 64px);max-width:none;margin-inline:auto;padding-inline:0}@media (max-width:760px){.marketing-site>main.learning-library,.marketing-site>main.course-public{width:calc(100% - 40px)}}.course-sections a{background:0 0;border:0;padding-inline:10px}.course-action-panel{box-shadow:none;border-radius:12px}.course-curriculum{background:0 0;border-inline:0;border-radius:0}.course-takeaway{border:0;border-left:2px solid var(--line-strong);background:0 0;border-radius:0;padding:4px 0 4px 20px}.learning-course-card{background:0 0;border:0;border-radius:0;overflow:visible}.learning-card-cover{border-radius:12px;overflow:hidden}.learning-card-body{padding:24px 0}.learning-card-facts{gap:8px 18px}.learning-card-facts span{background:0 0;border:0;border-radius:0;padding:0}.learning-library-note{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:28px 0}.workshop-app{--sidebar-width:260px;background:radial-gradient(ellipse at 80% 0,color-mix(in srgb,var(--surface-alt) 16.86%,transparent),transparent 700px),var(--paper)}.workshop-app.is-collapsed{--sidebar-width:96px}.workshop-app .sidebar{width:calc(var(--sidebar-width) - 24px);border:1px solid color-mix(in srgb,var(--ink) 8.63%,transparent);background:color-mix(in srgb,var(--surface) 85.1%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:28px;padding:24px 14px 18px;inset:18px auto 18px 16px;box-shadow:0 16px 64px #0003}.workshop-app .sidebar .brand{font-size:calc((21px) * var(--font-scale,1));align-self:center;gap:3px}.workshop-app .workspace-label{font-size:calc((10px) * var(--font-scale,1));letter-spacing:1px;text-transform:uppercase;color:var(--text-soft);margin:28px 12px 12px}.workshop-app .sidebar nav{background:color-mix(in srgb,var(--ink) 1.18%,transparent);border:1px solid color-mix(in srgb,var(--ink) 4.31%,transparent);border-radius:24px;gap:4px;padding:5px}.workshop-app .nav-item{height:44px;font-size:calc((13px) * var(--font-scale,1));color:var(--ink);border:1px solid #0000;border-radius:999px;align-items:center;gap:11px;padding:0 13px;display:inline-flex}.workshop-app .nav-item.selected{background:color-mix(in srgb,var(--ink) 8.24%,transparent);border-color:color-mix(in srgb,var(--ink) 13.33%,transparent);color:var(--ink);box-shadow:inset 0 0 0 3px #ffffff05}.workshop-app .nav-item:hover{background:color-mix(in srgb,var(--ink) 3.92%,transparent);color:var(--ink)}.workshop-app .side-bottom{border-color:color-mix(in srgb,var(--ink) 6.27%,transparent);gap:10px;padding:18px 6px 0}.workshop-app .side-bottom b{text-overflow:ellipsis;white-space:nowrap;max-width:142px;display:block;overflow:hidden}.workshop-app .topbar{border:1px solid color-mix(in srgb,var(--ink) 8.63%,transparent);background:color-mix(in srgb,var(--surface-alt) 80.0%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:999px;height:62px;margin:16px 28px 0;padding:0 20px;top:16px;box-shadow:0 10px 32px #0002}.workshop-app .sidebar-toggle{background:color-mix(in srgb,var(--ink) 2.35%,transparent);border-radius:50%;width:36px;height:36px}.workshop-app .main-shell>main{max-width:1440px;padding:36px 32px 0}.workshop-app .primary,.workshop-app .secondary,.workshop-app .danger-button{min-height:44px;font-size:calc((13px) * var(--font-scale,1));border-radius:999px;padding:10px 18px}.workshop-app .card{background:var(--surface);border-color:color-mix(in srgb,var(--ink) 8.63%,transparent);border-radius:22px}.workshop-app input{border-radius:12px;min-height:44px}.workshop-app .page-heading{flex-wrap:wrap;margin-bottom:32px;padding-top:14px}.workshop-app .page-heading h1{font-size:calc((36px) * var(--font-scale,1));letter-spacing:-1.2px;font-weight:500}.workshop-app .card-heading{padding:24px 26px}.workshop-app .stats-row{gap:18px;margin-block:28px 32px}.workshop-app .stats-row>div{background:var(--surface-alt);border-color:color-mix(in srgb,var(--ink) 7.06%,transparent);border-radius:20px;padding:22px}.workshop-app .lab-grid{grid-template-columns:minmax(0,1fr) 336px;gap:28px}.workshop-app .lab-primary,.workshop-app .challenge-side{gap:28px}.workshop-app .challenge-card{border:1px solid color-mix(in srgb,var(--ink) 12.55%,transparent);background:linear-gradient(150deg,var(--surface-hover),var(--surface) 70%);border-radius:24px;padding:26px;box-shadow:0 20px 64px #0003}.workshop-app .rule-builder{gap:14px;padding:24px}.workshop-app .rule-footer{flex-wrap:wrap;gap:14px;padding:20px 24px}.workshop-app .rule-table th{padding-block:16px}.workshop-app .rule-table td{padding-block:18px}.workshop-app .instructor-controls{border-radius:22px;margin-bottom:28px;padding:28px}.workshop-app .instructor-bottom{gap:28px;margin-top:28px}.workshop-app .setting-card{padding:28px}.workshop-app .page-footer{border-color:color-mix(in srgb,var(--ink) 6.27%,transparent);margin-top:56px;padding-block:28px}.workshop-app.is-collapsed .sidebar{padding-inline:8px}.workshop-app.is-collapsed .sidebar nav{margin-top:20px;padding:4px}.workshop-app.is-collapsed .nav-item{justify-content:center;padding:0}.portal-kicker{color:var(--blue);font-size:calc((11px) * var(--font-scale,1));letter-spacing:.8px;text-transform:uppercase;line-height:1.5;display:block}.portal-muted{color:var(--text-soft);font-size:calc((12px) * var(--font-scale,1));line-height:1.6}.portal-button{background:var(--primary);min-height:48px;color:var(--action-text);font-size:calc((13px) * var(--font-scale,1));white-space:nowrap;border-radius:999px;justify-content:space-between;align-items:center;gap:20px;padding:5px 5px 5px 20px;font-weight:500;display:inline-flex}.portal-button:hover{background:var(--primary)}.portal-button>span{background:var(--surface-hover);width:36px;height:36px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.portal-button.secondary-action{background:color-mix(in srgb,var(--ink) 3.14%,transparent);border:1px solid color-mix(in srgb,var(--ink) 14.51%,transparent);color:var(--ink);gap:14px;padding:12px 20px}.portal-button.secondary-action:hover{background:color-mix(in srgb,var(--ink) 7.06%,transparent)}.portal-text-button{font-size:calc((12px) * var(--font-scale,1));color:var(--text-strong);white-space:nowrap;justify-content:flex-start;align-items:center;gap:9px;padding:5px 0;display:inline-flex}.portal-text-button:hover{color:var(--ink)}.portal-welcome{isolation:isolate;min-height:400px;position:relative}.portal-welcome-copy{z-index:1;max-width:630px;padding:44px 0 104px;position:relative}.portal-welcome .portal-kicker{margin-bottom:22px}.portal-greeting{font-size:calc((12px) * var(--font-scale,1))!important;color:var(--text-soft)!important;margin:0 0 8px!important}.portal-welcome h1{font-size:calc((clamp(34px,3.35vw,52px)) * var(--font-scale,1));letter-spacing:-1.6px;font-weight:500;line-height:1.08}.portal-welcome-copy>p{max-width:420px;color:var(--text-soft);font-size:calc((14px) * var(--font-scale,1));margin-top:20px;line-height:1.7}.portal-welcome .portal-button{margin-top:26px}.portal-welcome-art{z-index:-1;pointer-events:none;position:absolute;inset:0}.portal-welcome-art>img{object-fit:cover;filter:saturate(.7)brightness(.8);object-position:75% 50%;width:100%;height:100%}.portal-welcome-art:after{content:"";background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 90.2%,transparent),color-mix(in srgb,var(--paper) 60%,transparent) 42%,color-mix(in srgb,var(--paper) 20.0%,transparent)),linear-gradient(0deg,var(--paper),transparent 75%);position:absolute;inset:0}.portal-explore-intro{max-width:640px;padding:36px 0 4px}.portal-explore-intro h1{font-size:calc((clamp(32px,3vw,46px)) * var(--font-scale,1));letter-spacing:-1.4px;font-weight:500;line-height:1.1}.portal-explore-intro p{max-width:460px;color:var(--text-soft);font-size:calc((14px) * var(--font-scale,1));margin-top:16px;line-height:1.7}.portal-empty .portal-text-button{margin-top:10px}.portal-summary{border-bottom:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);color:var(--text-soft);font-size:calc((12px) * var(--font-scale,1));flex-wrap:wrap;align-items:center;gap:24px;padding:24px 6px;display:flex}.portal-summary>span{align-items:center;gap:8px;display:flex}.portal-summary>span>svg{color:var(--blue)}.portal-summary>button{color:var(--text-soft);font-size:calc((11px) * var(--font-scale,1));margin-left:auto;padding:5px}.portal-section{padding-top:48px}.portal-section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.portal-section-heading h2,.preview-details-grid h2{font-size:calc((28px) * var(--font-scale,1));letter-spacing:-.8px;margin-top:9px;font-weight:500;line-height:1.2}.portal-course-card{border:1px solid color-mix(in srgb,var(--ink) 8.63%,transparent);background:var(--surface);border-radius:24px;grid-template-columns:minmax(240px,.95fr) 1.2fr;display:grid;overflow:hidden}.portal-course-art{isolation:isolate;min-height:304px;position:relative;overflow:hidden}.portal-course-art>img{object-fit:cover;filter:brightness(.7)saturate(.75);width:100%;height:100%;position:absolute;inset:0}.portal-course-art:after{content:"";background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 0.0%,transparent),color-mix(in srgb,var(--surface) 40.0%,transparent));pointer-events:none;position:absolute;inset:0}.portal-status{z-index:1;border:1px solid color-mix(in srgb,var(--ink) 12.55%,transparent);background:color-mix(in srgb,var(--surface-alt) 85.1%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-size:calc((10px) * var(--font-scale,1));border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex;position:absolute;top:22px;left:22px}.portal-status.completed{color:var(--success-text)}.portal-course-body{min-width:0;padding:32px}.portal-course-body h3{font-size:calc((28px) * var(--font-scale,1));letter-spacing:-.8px;margin:12px 0;font-weight:500}.portal-course-body>p{color:var(--text-soft);font-size:calc((13px) * var(--font-scale,1));max-width:480px}.portal-course-topics{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.portal-course-topics>span{font-size:calc((10px) * var(--font-scale,1));color:var(--text-soft);border:1px solid color-mix(in srgb,var(--ink) 8.63%,transparent);background:color-mix(in srgb,var(--ink) 1.18%,transparent);border-radius:999px;padding:5px 10px}.portal-card-actions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;display:flex}.portal-progress{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:24px;display:flex}.portal-progress b{font-weight:400}.portal-progress>div{background:color-mix(in srgb,var(--ink) 7.06%,transparent);border-radius:999px;width:100%;height:5px;overflow:hidden}.portal-progress i{background:var(--blue);border-radius:999px;height:100%;display:block}.portal-empty{border:1px dashed color-mix(in srgb,var(--ink) 12.55%,transparent);background:color-mix(in srgb,var(--surface) 40.0%,transparent);border-radius:20px;align-items:center;gap:22px;padding:28px;display:flex}.portal-empty>svg{color:var(--text-soft);flex-shrink:0}.portal-empty h3{font-size:calc((16px) * var(--font-scale,1));font-weight:400}.portal-empty p{color:var(--text-soft);font-size:calc((12px) * var(--font-scale,1));margin-top:6px}.portal-join{border:1px solid color-mix(in srgb,var(--ink) 8.63%,transparent);background:var(--surface);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:26px 28px;display:flex}.portal-join h3{font-size:calc((17px) * var(--font-scale,1));letter-spacing:-.3px;font-weight:400}.portal-join p{color:var(--text-soft);font-size:calc((12px) * var(--font-scale,1));margin-top:5px}.portal-join-fields{align-items:center;gap:12px;display:flex}.portal-join-fields input{letter-spacing:.8px;width:180px;height:46px;font-size:calc((12px) * var(--font-scale,1));text-transform:uppercase;background:var(--surface-subtle);border-color:color-mix(in srgb,var(--ink) 14.51%,transparent)}.portal-join-note{width:100%;color:var(--warning-text);font-size:calc((11px) * var(--font-scale,1))}.portal-recent-list{flex-direction:column;gap:12px;display:flex}.portal-recent-list article{border:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);background:var(--surface);border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex}.portal-recent-icon{background:var(--success-surface);width:48px;height:48px;color:var(--success-text);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.portal-recent-list h3{font-size:calc((16px) * var(--font-scale,1));font-weight:400}.portal-recent-list p{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);margin-top:4px}.portal-recent-score{font-size:calc((12px) * var(--font-scale,1));color:var(--text-soft);white-space:nowrap;margin-left:auto}.preview-back{margin-bottom:22px}.workspace-hero{isolation:isolate;min-height:300px;margin-bottom:28px;position:relative}.workspace-hero>img{object-fit:cover;filter:brightness(.55)saturate(.7);z-index:-2;width:100%;height:100%;position:absolute;inset:0}.workspace-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--surface) 94.12%,transparent),color-mix(in srgb,var(--surface) 60%,transparent) 50%,color-mix(in srgb,var(--surface) 20.0%,transparent));position:absolute;inset:0}.workspace-hero>div{padding:36px 0 80px}.workspace-hero .portal-kicker{margin-block:6px 12px}.workspace-hero h1{font-size:calc((clamp(30px,3.25vw,46px)) * var(--font-scale,1));letter-spacing:-1.4px;font-weight:500;line-height:1.1}.workspace-hero p{font-size:calc((13px) * var(--font-scale,1));color:var(--text-soft);max-width:520px;margin-top:16px}.workspace-hero .portal-button{margin-top:24px}.workspace-hero .portal-text-button{margin-bottom:18px}.workspace-hero .back-arrow{transform:rotate(180deg)}.workspace-hero .heading-tools{flex-wrap:wrap;margin-top:24px}.workspace-hero-meta{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:22px;margin-top:24px;display:flex}.workspace-hero-meta .lab-id{background:color-mix(in srgb,var(--surface-alt) 70.2%,transparent);border-radius:999px;padding:5px 10px}.preview-hero{min-height:300px}.preview-hero>div{padding:48px 0 88px}.preview-facts{border-bottom:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);grid-template-columns:repeat(3,1fr);gap:20px;padding:8px 0 28px;display:grid}.preview-facts>span{grid-template-columns:24px 1fr;align-items:center;gap:6px 12px;display:grid}.preview-facts svg{color:var(--blue);grid-row:span 2}.preview-facts b{font-size:calc((13px) * var(--font-scale,1));font-weight:400}.preview-facts small{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft)}.preview-details-grid{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.preview-details-grid .portal-section{padding-top:36px}.preview-details-grid .portal-section>p{font-size:calc((13px) * var(--font-scale,1));color:var(--text-soft);margin-top:18px}.preview-objectives{flex-direction:column;gap:18px;margin:28px 0;padding:0;list-style:none;display:flex}.preview-objectives li{color:var(--ink);font-size:calc((13px) * var(--font-scale,1));gap:12px;line-height:1.7;display:flex}.preview-objectives svg{color:var(--success-text);flex-shrink:0;margin-top:3px}.preview-format{border-top:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);color:var(--text-soft);font-size:calc((11px) * var(--font-scale,1));gap:12px;padding-top:22px;display:flex}.preview-format svg{flex-shrink:0;margin-top:3px}.preview-example{margin-top:36px;padding:28px}.preview-example .portal-section-heading{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);align-items:center;margin-bottom:20px}.preview-example h2{font-size:calc((22px) * var(--font-scale,1));line-height:1.3}.preview-example>p{color:var(--text-soft);font-size:calc((12px) * var(--font-scale,1));margin-top:10px}.preview-example dl{gap:14px;margin:24px 0;display:grid}.preview-example dl>div{font-size:calc((12px) * var(--font-scale,1));justify-content:space-between;gap:10px;display:flex}.preview-example dt{color:var(--text-soft)}.preview-example dd{font-family:var(--mono);margin:0}.preview-rule{border:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);background:var(--paper);border-radius:14px;flex-direction:column;gap:10px;margin-bottom:20px;padding:18px;display:flex}.preview-rule span{font-size:calc((10px) * var(--font-scale,1));color:var(--text-soft)}.preview-rule code{font-size:calc((11px) * var(--font-scale,1));color:var(--blue);white-space:normal;overflow-wrap:anywhere}.preview-example>small{font-size:calc((10px) * var(--font-scale,1));color:var(--text-soft);margin-top:16px;line-height:1.7;display:block}@media (min-width:1101px){.workshop-app .challenge-side{max-height:calc(100dvh - 116px);top:100px}}@media (max-width:1250px){.workshop-app{--sidebar-width:236px}.workshop-app .sidebar{padding-inline:10px}.workshop-app .nav-item{font-size:calc((12px) * var(--font-scale,1));gap:9px}.workshop-app .main-shell>main{padding:30px 24px 0}.workshop-app .topbar{margin-inline:24px}.workshop-app .lab-grid{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.portal-welcome-copy{padding:36px 0 88px}.portal-course-body{padding:26px}.portal-course-card{grid-template-columns:.8fr 1.2fr}.portal-course-body h3{font-size:calc((25px) * var(--font-scale,1))}.portal-card-actions{gap:14px}.preview-details-grid{gap:26px}}@media (max-width:1100px){.workshop-app .lab-grid{gap:26px;display:flex}.workshop-app .lab-primary,.workshop-app .challenge-side{display:contents}.portal-course-card{grid-template-columns:1fr 1.2fr}.portal-course-art{min-height:280px}.portal-course-body{padding:24px}.portal-course-body h3{font-size:calc((23px) * var(--font-scale,1))}.portal-welcome-copy{max-width:520px;padding:34px 0 88px}.portal-welcome h1{font-size:calc((39px) * var(--font-scale,1))}.portal-join-fields{width:100%}.portal-join-fields input{flex:1}.portal-section-heading>.portal-muted{display:none}.portal-summary{gap:16px}.portal-recent-list article{flex-wrap:wrap}.portal-recent-list article>.portal-text-button{margin-left:68px}.preview-details-grid{grid-template-columns:1fr}.preview-example{margin-top:0}}@media (max-width:760px){.workshop-app,.workshop-app.is-collapsed{--sidebar-width:0px}.workshop-app .main-shell{width:100%;margin-left:0}.workshop-app .sidebar{z-index:40;border-radius:24px;width:224px;padding:18px 12px;inset:80px auto 16px 12px;overflow:auto;box-shadow:0 20px 80px #000b}.workshop-app .sidebar .brand{display:none}.workshop-app .sidebar .workspace-label,.workshop-app .sidebar .nav-label,.workshop-app .sidebar .side-bottom>div:last-child{display:block}.workshop-app .sidebar .workspace-label{margin-top:10px}.workshop-app .sidebar nav{margin-top:0;margin-bottom:22px}.workshop-app .sidebar .nav-item{justify-content:flex-start;height:44px;padding:0 13px}.workshop-app .sidebar .side-bottom{justify-content:flex-start}.workshop-app.is-collapsed .sidebar{visibility:hidden;width:224px;transform:translate(-115%)}.workshop-app .topbar{gap:10px;height:56px;margin:10px 12px 0;padding:0 14px;top:10px}.workshop-app .main-shell>main{padding:24px 16px 0}.workshop-app .page-heading h1{font-size:calc((30px) * var(--font-scale,1))}.workshop-app .stats-row{gap:12px}.workshop-app .stats-row>div{padding:18px}.workshop-app .card-heading{padding:20px}.workshop-app .challenge-card{padding:22px}.workshop-app .rule-builder{padding:20px}.portal-welcome{min-height:360px}.portal-welcome-copy{padding:30px 0 88px}.portal-welcome h1{font-size:calc((38px) * var(--font-scale,1));letter-spacing:-1.2px}.portal-welcome-copy>p{max-width:340px;font-size:calc((13px) * var(--font-scale,1))}.portal-welcome-art:after{background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 90.2%,transparent),color-mix(in srgb,var(--paper) 60%,transparent)),linear-gradient(0deg,var(--paper),transparent 75%)}.portal-summary{gap:14px 18px;padding-block:22px}.portal-summary>span{font-size:calc((10px) * var(--font-scale,1))}.portal-summary>button{font-size:calc((10px) * var(--font-scale,1));margin-left:0}.portal-section{padding-top:36px}.portal-section-heading{gap:12px;margin-bottom:20px}.portal-section-heading h2{font-size:calc((25px) * var(--font-scale,1))}.portal-course-card{grid-template-columns:1fr}.portal-course-art{min-height:200px}.portal-course-body{padding:26px}.portal-course-body h3{font-size:calc((26px) * var(--font-scale,1))}.portal-course-body>p{font-size:calc((13px) * var(--font-scale,1))}.portal-empty{gap:16px;padding:24px}.portal-empty h3{font-size:calc((15px) * var(--font-scale,1))}.portal-join{padding:24px}.portal-join-fields{flex-direction:column;align-items:stretch;gap:12px}.portal-join-fields input{flex:auto;width:100%;min-height:46px}.portal-join-fields button{justify-content:center}.portal-recent-list article{gap:14px;padding:22px}.portal-recent-score{margin-left:62px}.portal-recent-list article>.portal-text-button{margin-left:auto}.workspace-hero{min-height:280px}.workspace-hero>div,.preview-hero>div{padding:30px 0 72px}.workspace-hero h1{font-size:calc((34px) * var(--font-scale,1));letter-spacing:-1px}.workspace-hero p{font-size:calc((12px) * var(--font-scale,1))}.workspace-hero-meta{gap:14px}.workspace-hero .heading-tools{flex-direction:row;align-items:center;gap:10px}.preview-facts{grid-template-columns:1fr;gap:20px;padding-block:4px 24px}.preview-facts>span{gap:5px 14px}.preview-example,.workshop-app .instructor-controls,.workshop-app .setting-card{padding:24px}}.workshop-app{--wk-lavender:var(--blue);--wk-tide:var(--success-text);--wk-copper:var(--warning-text);--wk-mint:var(--success-text);--wk-art:url(/marketing/session-folds.webp)}.workshop-app main[data-view=preview]{--wk-art:url(/marketing/section-wave.webp)}.workshop-app main[data-view=lab]{--wk-art:url(/marketing/section-rings.webp)}.workshop-app main[data-view=learning]{--wk-art:url(/marketing/section-prism.webp)}.workshop-app main[data-view=classes]{--wk-art:url(/marketing/hero-about.webp)}.workshop-app main[data-view=leaderboard]{--wk-art:url(/marketing/cta-orbit.webp)}.workshop-app main[data-view=instructor]{--wk-art:url(/marketing/section-wave.webp)}.workshop-app main[data-view=operations]{--wk-art:url(/marketing/section-glass.webp)}.workshop-app main[data-view=architecture],.workshop-app main[data-view=guide]{--wk-art:url(/marketing/hero-contact.webp)}.app-shell.workshop-app{--wk-art-feather:112px;background:radial-gradient(ellipse 70% 420px at 20% 0,var(--surface-alt),transparent),radial-gradient(ellipse 60% 480px at 100% 26%,var(--surface-alt),transparent),var(--paper)}.app-shell.workshop-app .main-shell{--wk-art-width:calc(100vw - var(--sidebar-width));background:0 0;overflow-x:clip}.workshop-app .main-shell>main{isolation:isolate;position:relative}.workshop-app .main-shell>main:before{content:"";width:var(--wk-art-width);z-index:-1;pointer-events:none;background:var(--wk-art) center/cover no-repeat;opacity:.12;filter:saturate(.7);height:720px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--wk-art-feather),#000 calc(100% - 32px),transparent),linear-gradient(#000 20%,transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--wk-art-feather),#000 calc(100% - 32px),transparent),linear-gradient(#000 20%,transparent);position:absolute;inset:-110px auto auto 50%;transform:translate(-50%);-webkit-mask-composite:source-in;mask-composite:intersect}.workshop-app .portal-welcome-art,.workshop-app .workspace-hero>img,.workshop-app .workspace-hero:after,.workshop-app .page-heading:before,.workshop-app .page-heading:after,.workshop-app .learning-hero:before{width:var(--wk-art-width);pointer-events:none;height:calc(100% + 110px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--wk-art-feather),#000 calc(100% - 32px),transparent),linear-gradient(transparent,#000 18%,#000 calc(100% - 140px),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--wk-art-feather),#000 calc(100% - 32px),transparent),linear-gradient(transparent,#000 18%,#000 calc(100% - 140px),transparent);inset:-110px auto 0 50%;transform:translate(-50%);-webkit-mask-composite:source-in;mask-composite:intersect}.workshop-app .preview-back,.workshop-app .student-mode-banner,.workshop-app main>.alert{z-index:1;position:relative}.app-shell.workshop-app .sidebar{background:radial-gradient(ellipse 120% 220px at 50% 0,color-mix(in srgb,var(--blue) 7.06%,transparent),transparent),color-mix(in srgb,var(--surface) 92.16%,transparent);border-color:color-mix(in srgb,var(--ink) 10.98%,transparent);box-shadow:0 20px 64px #0007,0 4px 16px #0005,inset 0 1px #ffffff08}@media (max-width:760px){.app-shell.workshop-app{--wk-art-feather:32px}}.app-shell.workshop-app .nav-item.selected{background:linear-gradient(100deg,color-mix(in srgb,var(--blue) 18.82%,transparent),color-mix(in srgb,var(--success-text) 8%,transparent));border-color:color-mix(in srgb,var(--blue) 25.1%,transparent);color:var(--ink)}.app-shell.workshop-app .nav-item.selected>svg{color:var(--wk-lavender)}.workshop-app .nav-item>svg{transition:transform .2s,color .2s}.workshop-app .nav-item:active>svg{transform:scale(.88)}.app-shell.workshop-app .card{background:linear-gradient(180deg,var(--surface),var(--surface) 160px);box-shadow:inset 0 1px #ffffff0b,0 12px 32px -24px #000b}.workshop-app .card-heading h2>svg{color:var(--wk-lavender)}.workshop-app .card:focus-within,.portal-course-card:focus-within,.portal-recent-list article:focus-within{border-color:color-mix(in srgb,var(--blue) 25.1%,transparent)}.app-shell.workshop-app .stats-row>div{--tile:var(--wk-lavender);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--tile) 13%,transparent),transparent 65%),var(--surface-alt);box-shadow:inset 0 1px #ffffff0a}.app-shell.workshop-app .stats-row>div:nth-child(2){--tile:var(--blue)}.app-shell.workshop-app .stats-row>div:nth-child(3){--tile:var(--wk-mint)}.app-shell.workshop-app .stats-row>div:nth-child(4){--tile:var(--wk-copper)}.workshop-app .stats-row.instructor-stats>div>svg{color:var(--tile)}.workshop-app .page-heading{isolation:isolate;min-height:220px;box-shadow:none;background:0 0;border:0;align-items:flex-end;padding:40px 0 72px;position:relative}.workshop-app .page-heading:before{content:"";z-index:-2;background:var(--wk-art) 80% 50%/cover no-repeat;opacity:.55;filter:saturate(.75);position:absolute}.workshop-app .page-heading:after{content:"";z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 90.2%,transparent),color-mix(in srgb,var(--paper) 65.1%,transparent) 48%,color-mix(in srgb,var(--paper) 20.0%,transparent)),linear-gradient(0deg,var(--paper),transparent 75%);position:absolute}.workshop-app .page-heading h1:before{content:"";background:linear-gradient(90deg,var(--wk-lavender),var(--wk-tide));border-radius:999px;width:34px;height:3px;margin-bottom:16px;display:block}.workshop-app .page-heading p{color:var(--text-soft)}.portal-welcome{box-shadow:none;border:0}.workspace-hero:after{background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 90.2%,transparent),color-mix(in srgb,var(--paper) 60%,transparent) 50%,color-mix(in srgb,var(--paper) 20.0%,transparent)),linear-gradient(0deg,var(--paper),transparent 75%)}.portal-summary{border-bottom:0;gap:12px}.portal-summary>span{border:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);background:color-mix(in srgb,var(--ink) 1.96%,transparent);border-radius:999px;padding:8px 14px}.portal-summary>span:nth-child(2)>svg{color:var(--wk-mint)}.portal-summary>span:nth-child(3)>svg{color:var(--wk-copper)}.portal-progress i,.workshop-app .progress-track i{background:linear-gradient(90deg,var(--blue),var(--wk-lavender) 60%,var(--wk-tide));transition:width .6s cubic-bezier(.2,.7,.2,1)}.portal-course-card,.portal-recent-list article,.portal-join{background:linear-gradient(180deg,var(--surface),var(--surface) 180px)}.portal-course-art>img{transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .4s}.portal-recent-icon{background:linear-gradient(150deg,var(--success-surface),var(--surface))}.portal-empty{background:radial-gradient(ellipse at 0 0,color-mix(in srgb,var(--blue) 5.1%,transparent),transparent 60%),color-mix(in srgb,var(--surface) 40.0%,transparent)}.portal-course-topics>span{transition:border-color .2s,color .2s}.preview-facts>span>svg:first-child{color:var(--wk-lavender)}.preview-facts>span:nth-child(2)>svg{color:var(--wk-tide)}.preview-facts>span:nth-child(3)>svg{color:var(--wk-copper)}.workshop-app .leaderboard-card tbody tr,.workshop-app .roster tbody tr{transition:background-color .2s}.workshop-app .leaderboard-card tbody tr:hover,.workshop-app .roster tbody tr:hover{background:color-mix(in srgb,var(--ink) 2.35%,transparent)}.workshop-app .leaderboard-card .your-standing:hover{background:var(--info-surface)}@media (hover:hover) and (pointer:fine){.portal-course-card,.portal-recent-list article,.app-shell.workshop-app .stats-row>div,.workshop-app .completed-lab,.workshop-app .three-cards>.card{transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s,background-color .3s}.portal-course-card:hover,.portal-recent-list article:hover,.app-shell.workshop-app .stats-row>div:hover,.workshop-app .three-cards>.card:hover{border-color:color-mix(in srgb,var(--ink) 14.9%,transparent);transform:translateY(-3px);box-shadow:inset 0 1px #ffffff0d,0 24px 56px -32px #000}.portal-course-card:hover .portal-course-art>img{filter:brightness(.78)saturate(.85);transform:scale(1.04)}.portal-course-card:hover .portal-course-topics>span{border-color:color-mix(in srgb,var(--ink) 14.12%,transparent);color:var(--ink)}.workshop-app .completed-lab:hover{background-color:color-mix(in srgb,var(--ink) 1.57%,transparent)}}.xp-bar{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.xp-bar-top{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.xp-level{border:1px solid color-mix(in srgb,var(--blue) 25.1%,transparent);background:linear-gradient(150deg,var(--info-surface),var(--surface));width:64px;height:64px;color:var(--ink);font-size:calc((26px) * var(--font-scale,1));border-radius:20px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex;box-shadow:inset 0 1px #ffffff14,0 12px 30px -14px #c7bddf55}.xp-level small{font-size:calc((9px) * var(--font-scale,1));letter-spacing:1.4px;color:var(--wk-lavender);margin-bottom:5px}.xp-bar-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.xp-bar-copy b{font-size:calc((22px) * var(--font-scale,1));letter-spacing:-.4px;font-weight:500}.xp-bar-copy b span{color:var(--text-secondary);font-size:calc((16px) * var(--font-scale,1));letter-spacing:0;font-weight:400}.xp-bar-copy small{font-size:calc((12px) * var(--font-scale,1));color:var(--text-quiet)}.xp-bar-labs{border:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);background:color-mix(in srgb,var(--ink) 2.35%,transparent);color:var(--text-secondary);font-size:calc((12px) * var(--font-scale,1));white-space:nowrap;border-radius:999px;align-items:center;gap:7px;margin-left:auto;padding:7px 12px;display:inline-flex}.xp-bar-labs>svg{color:var(--wk-mint)}.xp-track{--meter:0;background:color-mix(in srgb,var(--ink) 5.88%,transparent);border-radius:999px;height:12px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0007}.xp-fill{width:calc(var(--meter)*100%);border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--wk-lavender) 60%,var(--wk-tide));flex:none;box-shadow:0 0 16px #c7bddf66}.xp-pending{border:1px dashed color-mix(in srgb,var(--blue) 40.0%,transparent);background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--blue) 7.84%,transparent) 0 6px,transparent 6px 12px);border-left:0;border-radius:0 999px 999px 0;flex:none;position:relative}.xp-pending>i{background:color-mix(in srgb,var(--blue) 21.96%,transparent);height:100%;display:block}.xp-bar-meta{font-size:calc((11px) * var(--font-scale,1));color:var(--text-quiet);flex-wrap:wrap;justify-content:space-between;gap:6px 18px;display:flex}.xp-bar-meta>span{align-items:center;gap:6px;display:inline-flex}.xp-bar-meta svg{color:var(--wk-lavender);flex-shrink:0}.xp-bar.compact{border:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);background:radial-gradient(ellipse 50% 140% at 0 0,color-mix(in srgb,var(--blue) 7.84%,transparent),transparent),linear-gradient(110deg,var(--surface),var(--paper));border-radius:20px;gap:10px;margin:4px 0 -4px;padding:18px 22px}.xp-bar.compact .xp-level{width:46px;height:46px;font-size:calc((19px) * var(--font-scale,1));border-radius:15px}.xp-bar.compact .xp-level small{font-size:calc((7px) * var(--font-scale,1));margin-bottom:3px}.xp-bar.compact .xp-bar-copy b{font-size:calc((16px) * var(--font-scale,1))}.xp-bar.compact .xp-bar-copy b span{font-size:calc((13px) * var(--font-scale,1))}.xp-bar.compact .xp-track{height:8px}.app-shell.workshop-app .learning-hero{isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:30px;padding:40px 0 48px;position:relative;overflow:visible}.app-shell.workshop-app .learning-hero:before{content:"";z-index:-1;background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 90.2%,transparent) 20%,color-mix(in srgb,var(--paper) 70.2%,transparent) 60%,color-mix(in srgb,var(--paper) 40.0%,transparent)),linear-gradient(0deg,var(--paper),transparent 75%),var(--wk-art) 80% 30%/cover no-repeat;position:absolute}.learning-hero-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.learning-hero-heading .portal-kicker{margin-bottom:10px}.learning-hero-heading h1{font-size:calc((36px) * var(--font-scale,1));letter-spacing:-1.2px;font-weight:500;line-height:1.1}.learning-hero-body{border-top:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);align-items:center;gap:36px;padding-top:26px;display:flex}.workshop-app .learning-hero .xp-scale{border-left:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);flex-shrink:0;padding-left:30px}@media (max-width:900px){.learning-hero-body{flex-direction:column;align-items:stretch;gap:18px}.workshop-app .learning-hero .xp-scale{border-left:0;border-top:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);max-width:none;padding:16px 0 0}.app-shell.workshop-app .learning-hero{align-items:stretch;gap:22px;padding:30px 0 40px}.learning-hero-heading h1{font-size:calc((30px) * var(--font-scale,1))}}@media (max-width:760px){.workshop-app .page-heading{min-height:190px;padding:30px 0 56px}.workshop-app .page-heading h1:before{margin-bottom:12px}.xp-level{width:54px;height:54px;font-size:calc((22px) * var(--font-scale,1));border-radius:17px}.xp-bar-copy b{font-size:calc((19px) * var(--font-scale,1))}.xp-bar-copy b span{font-size:calc((14px) * var(--font-scale,1))}.xp-bar-labs{margin-left:0}.xp-bar.compact{padding:16px}.portal-summary>span{padding:7px 12px}}@media (prefers-reduced-motion:reduce){.workshop-app *,.workshop-app :before,.workshop-app :after{transition-duration:0s!important}.portal-course-card:hover,.portal-recent-list article:hover,.app-shell.workshop-app .stats-row>div:hover,.workshop-app .three-cards>.card:hover,.portal-course-card:hover .portal-course-art>img{transform:none!important}}@media (forced-colors:active){.xp-fill{background:highlight}.xp-pending{border-color:canvastext}}.session-picker{flex-direction:column;margin:22px 4px 0;display:flex}.workshop-app .session-picker .workspace-label{margin:0 8px 8px}.session-picker select{border:1px solid color-mix(in srgb,var(--ink) 10.98%,transparent);background:color-mix(in srgb,var(--ink) 3.14%,transparent);width:100%;min-height:40px;color:var(--ink);font:inherit;font-size:calc((12px) * var(--font-scale,1));text-overflow:ellipsis;border-radius:14px;padding:0 12px}.session-picker select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.workshop-app.is-collapsed .session-picker{display:none}.portal-assignments{flex-direction:column;gap:16px;display:flex}.workshop-app .preview-actions{flex-shrink:0;gap:12px}.workshop-app .preview-exit{white-space:nowrap;font-size:calc((12px) * var(--font-scale,1));align-items:center;gap:6px;padding:8px 0;display:inline-flex}@media (max-width:760px){.workshop-app .preview-reset{min-width:32px;padding:8px}.workshop-app .preview-reset>span{display:none}.workshop-app .preview-actions{gap:8px}}.workshop-app .sidebar{overflow:hidden}.workshop-app .sidebar-navigation{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink) 12.55%,transparent) transparent;flex:1;min-height:0;margin:8px -3px 12px;padding:0 3px 12px;overflow:hidden auto}.workshop-app .sidebar .brand,.workshop-app .sidebar .side-bottom{flex-shrink:0}.workshop-app .nav-section+.nav-section{margin-top:20px}.workshop-app .nav-section .workspace-label{margin:14px 12px 9px;font-weight:500;line-height:1.5;display:block}.workshop-app .workshop-nav-title{color:var(--text-secondary);letter-spacing:.4px;text-transform:none;font-size:calc((12px) * var(--font-scale,1));overflow-wrap:anywhere}.workshop-app .workshop-nav-context{font-size:calc((10px) * var(--font-scale,1));color:var(--text-soft);overflow-wrap:anywhere;margin:-5px 12px 10px;line-height:1.5}.workshop-app .workshop-nav-status{font-size:calc((10px) * var(--font-scale,1));color:var(--wk-copper);margin:0 12px 10px;display:block}.workshop-app .sidebar .nav-section nav{border-radius:18px;margin:0;padding:5px}.workshop-app .sidebar .nav-item{white-space:normal;text-align:left;flex-shrink:0;height:auto;min-height:42px;line-height:1.35}.workshop-app .sidebar .nav-item>svg{flex-shrink:0}.workshop-app .nav-subheading{font-size:calc((9px) * var(--font-scale,1));letter-spacing:.8px;text-transform:uppercase;color:var(--text-soft);padding:9px 13px 5px;display:block}.workshop-app .nav-lab-group{position:relative}.workshop-app .nav-lab-children{border-left:1px solid color-mix(in srgb,var(--blue) 18.04%,transparent);margin:0 8px 5px 21px;padding-left:8px}.workshop-app .nav-lab-children .nav-child{font-size:calc((12px) * var(--font-scale,1));border-radius:12px;min-height:36px;padding-left:12px}.workshop-app .nav-lab-group.active>.nav-item:not(.selected){color:var(--wk-lavender)}@media (min-width:761px){.workshop-app.is-collapsed .nav-section .workspace-label,.workshop-app.is-collapsed .workshop-nav-context,.workshop-app.is-collapsed .workshop-nav-status,.workshop-app.is-collapsed .nav-subheading{display:none}.workshop-app.is-collapsed .nav-section+.nav-section{border-top:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);margin-top:12px;padding-top:12px}.workshop-app.is-collapsed .sidebar .nav-section nav{margin:0;padding:3px}.workshop-app.is-collapsed .sidebar .nav-item{justify-content:center;min-height:40px;padding:0}.workshop-app.is-collapsed .nav-lab-children{border:0;margin:0 0 4px;padding:0}.workshop-app.is-collapsed .nav-lab-children .nav-child{width:36px;min-height:32px;margin:auto}}@media (max-width:760px){.workshop-app .sidebar .nav-section nav{margin:0}.workshop-app .sidebar .nav-section .workspace-label{display:block}.workshop-app .nav-section+.nav-section{margin-top:14px}}.workshop-app .sidebar-search{flex-shrink:0;margin:24px 0 4px}.workshop-app .sidebar-search-field{background:var(--surface-subtle);border:1px solid color-mix(in srgb,var(--ink) 12.55%,transparent);color:var(--text-soft);border-radius:12px;align-items:center;gap:8px;padding:10px 9px;display:flex}.workshop-app .sidebar-search-field:focus-within{border-color:color-mix(in srgb,var(--blue) 53.33%,transparent);box-shadow:0 0 0 2px #c7bddf16}.workshop-app .sidebar-search-field>svg{flex-shrink:0}.workshop-app .sidebar-search-field input{width:100%;min-width:0;color:var(--ink);font:inherit;font-size:calc((11px) * var(--font-scale,1));background:0 0;border:0;outline:0;height:20px;min-height:0;padding:0;line-height:20px}.workshop-app .sidebar-search-field kbd{border:1px solid color-mix(in srgb,var(--ink) 12.55%,transparent);font-size:calc((8px) * var(--font-scale,1));color:var(--text-soft);border-radius:4px;flex-shrink:0;padding:1px 3px}.workshop-app .sidebar-search-icon{display:none}.workshop-app .nav-customize{border-top:1px solid color-mix(in srgb,var(--ink) 8.63%,transparent);color:var(--text-soft);font-size:calc((12px) * var(--font-scale,1));text-align:left;flex-shrink:0;align-items:center;gap:10px;margin-top:0;padding:16px 10px 0;display:flex}.workshop-app .nav-customize:hover{color:var(--ink)}.workshop-app .nav-search-result{text-align:left;color:var(--ink);font-size:calc((12px) * var(--font-scale,1));overflow-wrap:anywhere;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;line-height:1.4;display:flex}.workshop-app .nav-search-result:hover{background:color-mix(in srgb,var(--blue) 8.63%,transparent)}.workshop-app .nav-search-result small,.workshop-app .nav-search-help,.workshop-app .nav-search-empty{font-size:calc((10px) * var(--font-scale,1));color:var(--text-soft);line-height:1.6}.workshop-app .nav-search-help{padding:12px;display:block}.workshop-app .nav-search-empty{padding:12px}.navigation-dialog{color:var(--ink);max-height:88vh;overflow:auto;background:var(--surface-alt)!important;border:1px solid color-mix(in srgb,var(--ink) 13.33%,transparent)!important;border-radius:24px!important;max-width:520px!important}.navigation-dialog h2{align-items:center;gap:9px;display:flex}.navigation-dialog [data-slot=dialog-description]{color:var(--text-soft);font-size:calc((12px) * var(--font-scale,1));line-height:1.7}.navigation-options{gap:10px;min-width:0;margin:8px 0;display:grid}.navigation-dialog .navigation-options>label,.navigation-dialog .navigation-option{border:1px solid var(--line);min-height:64px;font-size:calc((12px) * var(--font-scale,1));border-radius:12px;grid-template-columns:18px minmax(0,1fr) 64px;align-items:center;gap:12px;padding:12px 14px;display:grid}.navigation-dialog .navigation-options>label{cursor:pointer;grid-template-columns:18px minmax(0,1fr);min-height:48px}.navigation-dialog .navigation-option>label{cursor:pointer;grid-column:1/3;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:12px;margin:0;font-weight:400;display:grid}.navigation-dialog .navigation-options input[type=checkbox]{-webkit-appearance:auto;appearance:auto;accent-color:var(--blue);border-radius:3px;align-self:center;width:16px;height:16px;min-height:16px;margin:0;padding:0}.navigation-option small{color:var(--text-soft);font-size:calc((10px) * var(--font-scale,1));margin-top:3px;display:block}.navigation-option>div{grid-template-columns:30px 30px;justify-self:end;gap:4px;display:grid}.navigation-option button{width:30px;min-width:0;height:30px;color:var(--blue);border-radius:8px;place-items:center;padding:0;display:grid}.navigation-option button:hover{background:var(--surface-hover)}.navigation-option button:disabled{opacity:.35}.portal-course-context,.mission-phase-meta{font-size:calc((12px) * var(--font-scale,1));color:var(--text-soft);margin-bottom:12px;line-height:1.6}.signout-sheet[data-slot=alert-dialog-content]{top:auto;bottom:max(20px,env(safe-area-inset-bottom));--tw-translate-y:0;border:1px solid var(--line);background:var(--surface);width:calc(100% - 32px);max-width:460px;max-height:calc(100dvh - 32px);color:var(--ink);border-radius:24px;gap:14px;padding:28px;font-family:Google Sans,Arial,sans-serif;left:50%;overflow-y:auto;transform:none;box-shadow:0 24px 80px #0008;translate:-50%!important}.signout-sheet[data-state=open]{animation:.28s cubic-bezier(.16,1,.3,1) signout-slide-up}.signout-sheet[data-state=closed]{animation:.18s ease-in signout-slide-down}.signout-sheet-icon{border:1px solid var(--line);background:var(--secondary);width:44px;height:44px;color:var(--blue);border-radius:14px;justify-content:center;align-items:center;display:flex}.signout-sheet [data-slot=alert-dialog-title]{font-size:calc((21px) * var(--font-scale,1));letter-spacing:-.5px;font-weight:500}.signout-sheet [data-slot=alert-dialog-description]{font-size:calc((13px) * var(--font-scale,1));color:var(--text-soft);line-height:1.65}.signout-preference{font-size:calc((13px) * var(--font-scale,1));cursor:pointer;align-items:flex-start;gap:11px;padding-block:12px;display:flex}.signout-preference input[type=checkbox]{border-radius:4px;width:16px;height:16px;min-height:16px;margin-top:2px;padding:0}.signout-preference small{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);margin-top:4px;font-weight:400;display:block}.signout-sheet-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.signout-sheet-actions button{min-height:42px;font-size:calc((13px) * var(--font-scale,1));border-radius:999px;padding:10px 18px}.signout-error{font-size:calc((12px) * var(--font-scale,1));color:var(--red);line-height:1.6}@keyframes signout-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes signout-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}@media (max-width:440px){.signout-sheet[data-slot=alert-dialog-content]{bottom:max(12px,env(safe-area-inset-bottom));padding:24px 20px}.signout-sheet-actions button{flex:1}}@media (prefers-reduced-motion:reduce){.signout-sheet[data-slot=alert-dialog-content],[data-slot=alert-dialog-overlay]{transition:none!important;animation:none!important}}.community-workspaces{gap:24px;max-width:1100px;margin:auto;display:grid}.community-workspaces .card{padding:24px}.community-workspaces h2{margin:0 0 12px}.community-workspaces p{color:var(--muted-foreground);line-height:1.6}.community-picker{gap:8px;max-width:420px;display:grid}.community-picker select{background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:10px;padding:12px}.community-apps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.community-app{color:var(--foreground);border:1px solid var(--border);text-decoration:none;transition:border-color .15s,background .15s;display:block}.community-app:hover{border-color:var(--primary);background:var(--accent)}.community-app:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.community-picker select:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.community-app>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.community-app h3{margin:0}.community-app small{color:var(--muted-foreground)}.community-workspaces ul{gap:12px;padding:0;list-style:none;display:grid}.community-workspaces li{align-items:center;gap:10px;display:flex}.leaderboard-privacy{margin-bottom:20px;padding:22px}.leaderboard-privacy p{max-width:75ch}.leaderboard-privacy button{margin-top:12px}@media (prefers-reduced-motion:reduce){.community-app{transition:none}}.classes-panel{flex-direction:column;gap:18px;display:flex}.classes-panel .card{overflow:visible}.classes-panel h3{font-size:calc((13px) * var(--font-scale,1));align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.classes-section{border-top:1px solid var(--line);padding:18px 20px}.card-heading+.classes-section{border-top:0}.classes-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.classes-section-heading h3{margin:0}.classes-row{flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;display:flex}.classes-section .classes-row{padding:8px 0}.classes-row input{flex:220px;min-width:0}.classes-join .classes-row input{letter-spacing:.06em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.classes-join .classes-row input::placeholder{text-transform:none;letter-spacing:normal;font-family:inherit}.classes-account{color:var(--muted);font-size:calc((12px) * var(--font-scale,1));flex-wrap:wrap;align-items:center;gap:8px;padding:0 20px 18px;display:flex}.classes-account span{flex-basis:100%}.classes-panel code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc((12px) * var(--font-scale,1));background:var(--surface-subtle);color:var(--text-strong);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px}.classes-empty{color:var(--muted);font-size:calc((13px) * var(--font-scale,1));padding:18px 20px}.classes-list{margin:0;padding:0;list-style:none}.classes-list li{border-top:1px solid var(--line);align-items:center;gap:14px;padding:14px 20px;display:flex}.classes-list li:first-child{border-top:0}.classes-list li.selected{background:var(--surface-subtle)}.classes-list li>div:first-child{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.classes-list b{overflow-wrap:anywhere;font-weight:600}.classes-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.classes-invite{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:10px;display:flex}.classes-invite label{font-size:calc((11px) * var(--font-scale,1));color:var(--muted);flex-direction:column;gap:6px;display:flex}.classes-invite input{width:120px}.classes-invite select{border:1px solid var(--line);background:var(--surface);min-width:150px;height:36px;color:var(--ink);font:inherit;font-size:calc((13px) * var(--font-scale,1));border-radius:8px;padding:0 10px}.classes-issued{align-items:center;margin:12px 0 0}.classes-issued code{font-size:calc((15px) * var(--font-scale,1));letter-spacing:.08em}.classes-table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.classes-table{border-collapse:collapse;width:100%;font-size:calc((12px) * var(--font-scale,1))}.classes-table th{text-align:left;color:var(--muted);background:var(--surface-subtle);white-space:nowrap;padding:9px 12px;font-weight:500}.classes-table td{border-top:1px solid var(--line);vertical-align:middle;padding:9px 12px}.classes-table td:last-child{text-align:right;white-space:nowrap}.classes-search{align-items:center;display:flex;position:relative}.classes-search svg{z-index:1;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.classes-search input{width:220px;padding-left:30px}.classes-danger{color:var(--danger-text-strong)}.classes-admins{flex-direction:column;gap:6px;margin:0 0 4px;padding:0;list-style:none;display:flex}.classes-admins li{font-size:calc((12px) * var(--font-scale,1));flex-wrap:wrap;align-items:center;gap:8px;display:flex}.classes-admins li span{font-weight:500}@media (max-width:760px){.classes-list li{flex-wrap:wrap}.classes-search,.classes-search input,.classes-invite input{width:100%}.classes-invite label{flex:120px}}.classes-session-card{border:1px solid var(--line);background:var(--surface-subtle);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.classes-session-card>div{flex-direction:column;gap:3px;min-width:0;display:flex}.classes-list .classes-tags .ui-motion-button,.classes-session-card a{white-space:nowrap}.mission-panel{flex-direction:column;gap:22px;display:flex}.app-shell.workshop-app .mission-hero{isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;padding:40px 0 64px;display:flex;position:relative;overflow:visible}.app-shell.workshop-app .mission-hero:before{content:"";width:var(--wk-art-width);z-index:-1;pointer-events:none;height:calc(100% + 110px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--wk-art-feather),#000 calc(100% - 32px),transparent),linear-gradient(transparent,#000 18%,#000 calc(100% - 140px),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--wk-art-feather),#000 calc(100% - 32px),transparent),linear-gradient(transparent,#000 18%,#000 calc(100% - 140px),transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--paper) 90.2%,transparent) 20%,color-mix(in srgb,var(--paper) 70.2%,transparent) 60%,color-mix(in srgb,var(--paper) 40.0%,transparent)),linear-gradient(0deg,var(--paper),transparent 75%),var(--wk-art) 80% 40%/cover no-repeat;position:absolute;inset:-110px auto 0 50%;transform:translate(-50%);-webkit-mask-composite:source-in;mask-composite:intersect}.mission-hero-copy{max-width:640px}.mission-hero-copy .portal-kicker{text-transform:uppercase;margin-bottom:10px}.mission-hero h1{font-size:calc((36px) * var(--font-scale,1));letter-spacing:-1.2px;font-weight:500;line-height:1.1}.mission-hero-copy>p{color:var(--text-soft);font-size:calc((14px) * var(--font-scale,1));margin-top:12px;line-height:1.7}.mission-progress{flex-direction:column;gap:10px;min-width:220px;display:flex}.mission-progress>div{align-items:baseline;gap:8px;display:flex}.mission-progress>div b{font-size:calc((24px) * var(--font-scale,1));font-weight:500}.mission-progress>div span{font-size:calc((12px) * var(--font-scale,1));color:var(--text-quiet)}.mission-progress>i{background:color-mix(in srgb,var(--ink) 7.06%,transparent);border-radius:999px;height:8px;display:block;overflow:hidden}.mission-progress>i>b{border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--wk-lavender) 60%,var(--wk-tide));height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1);display:block}.mission-preview-note{border:1px dashed color-mix(in srgb,var(--blue) 33.33%,transparent);color:var(--ink);font-size:calc((12px) * var(--font-scale,1));border-radius:14px;align-items:center;gap:8px;padding:12px 16px;display:flex}.mission-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:22px;display:grid}.mission-steps{position:sticky;top:96px}.mission-steps ol{border:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);background:color-mix(in srgb,var(--ink) 1.18%,transparent);border-radius:22px;flex-direction:column;gap:4px;margin:0;padding:6px;list-style:none;display:flex}.mission-steps button{text-align:left;width:100%;color:var(--ink);font-size:calc((13px) * var(--font-scale,1));border:1px solid #0000;border-radius:16px;justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px;line-height:1.35;display:flex}.mission-steps button small{font-size:calc((10px) * var(--font-scale,1));letter-spacing:.6px;color:var(--text-quiet);margin-bottom:2px;display:block}.mission-steps button:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 3.92%,transparent);color:var(--ink)}.mission-steps button.selected{background:linear-gradient(100deg,color-mix(in srgb,var(--blue) 18.82%,transparent),color-mix(in srgb,var(--success-text) 8%,transparent));border-color:color-mix(in srgb,var(--blue) 25.1%,transparent);color:var(--ink)}.mission-steps button:disabled{opacity:.45}.mission-step-icon{background:color-mix(in srgb,var(--ink) 3.92%,transparent);width:30px;height:30px;color:var(--wk-lavender);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.mission-steps button.complete .mission-step-icon{background:var(--success-surface);color:var(--wk-mint)}.mission-phase{flex-direction:column;gap:20px;padding:28px 30px;display:flex}.mission-phase-heading{align-items:center;gap:14px;display:flex}.mission-phase-icon{border:1px solid color-mix(in srgb,var(--blue) 20.0%,transparent);background:linear-gradient(150deg,var(--info-surface),var(--surface));width:46px;height:46px;color:var(--wk-lavender);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.mission-phase-heading .portal-kicker{margin-bottom:4px}.mission-phase-heading h2{font-size:calc((24px) * var(--font-scale,1));letter-spacing:-.6px;font-weight:500}.mission-done{background:var(--success-surface);color:var(--success-text);font-size:calc((12px) * var(--font-scale,1));border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;display:inline-flex}.mission-body{flex-direction:column;gap:12px;max-width:720px;display:flex}.mission-body p{color:var(--ink);font-size:calc((14px) * var(--font-scale,1));line-height:1.75}.mission-objective{border:1px solid color-mix(in srgb,var(--blue) 20.0%,transparent);background:color-mix(in srgb,var(--blue) 5.1%,transparent);border-radius:16px;gap:12px;padding:16px 18px;display:flex}.mission-objective>svg{color:var(--wk-lavender);flex-shrink:0;margin-top:2px}.mission-objective p{color:var(--text-secondary);font-size:calc((13px) * var(--font-scale,1));margin-top:4px;line-height:1.6}.mission-artifact{border:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);background:var(--surface-subtle);border-radius:16px;overflow-x:auto}.mission-artifact table{border-collapse:collapse;width:100%;font-size:calc((12px) * var(--font-scale,1));white-space:nowrap}.mission-artifact caption{text-align:left;color:var(--text-quiet);font-size:calc((11px) * var(--font-scale,1));letter-spacing:.4px;padding:14px 16px 4px}.mission-artifact th{text-align:left;color:var(--text-soft);font-weight:400;font-size:calc((11px) * var(--font-scale,1));border-bottom:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);padding:10px 16px}.mission-artifact td{border-bottom:1px solid color-mix(in srgb,var(--ink) 3.92%,transparent);color:var(--ink);padding:12px 16px}.mission-artifact tr:last-child td{border-bottom:0}.mission-scenario{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.mission-rules{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mission-rules li{border:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);background:var(--surface-subtle);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.mission-rules li span{color:var(--text-quiet);font-size:calc((11px) * var(--font-scale,1))}.mission-rules code{font-size:calc((12px) * var(--font-scale,1));color:var(--ink);white-space:normal;overflow-wrap:anywhere}.mission-rules .mission-default{opacity:.8;border-style:dashed}.mission-packet{border:1px solid var(--success-border);background:var(--success-surface);border-radius:14px;flex-direction:column;gap:8px;padding:16px;display:flex}.mission-packet span{font-size:calc((11px) * var(--font-scale,1));color:var(--text-quiet)}.mission-packet code{font-size:calc((13px) * var(--font-scale,1));color:var(--success-text);overflow-wrap:anywhere}.mission-task-steps{color:var(--text-soft);font-size:calc((13px) * var(--font-scale,1));flex-direction:column;gap:8px;margin:0;padding-left:22px;line-height:1.6;display:flex}.mission-answer{border-top:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);flex-direction:column;gap:16px;padding-top:20px;display:flex}.mission-answer fieldset{border:0;min-width:0;margin:0;padding:0}.mission-answer legend{font-size:calc((14px) * var(--font-scale,1));margin-bottom:12px;font-weight:500}.mission-fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.mission-fields label{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);flex-direction:column;gap:6px;display:flex}.mission-fields select{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;font-size:calc((13px) * var(--font-scale,1));border-radius:12px;padding:0 12px}.mission-choices{flex-direction:column;gap:8px;display:flex}.mission-choices label{border:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);cursor:pointer;font-size:calc((13px) * var(--font-scale,1));border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;line-height:1.55;transition:border-color .2s,background-color .2s;display:flex}.mission-choices label:hover{border-color:color-mix(in srgb,var(--ink) 14.9%,transparent);background:color-mix(in srgb,var(--ink) 1.96%,transparent)}.mission-choices label.chosen{border-color:color-mix(in srgb,var(--blue) 40.0%,transparent);background:color-mix(in srgb,var(--blue) 7.06%,transparent)}.mission-choices input{accent-color:var(--blue);margin-top:3px}.mission-choices label:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.mission-feedback{font-size:calc((13px) * var(--font-scale,1));border-radius:14px;gap:10px;padding:14px 16px;line-height:1.6;display:flex}.mission-feedback>svg{flex-shrink:0;margin-top:2px}.mission-feedback.pass{background:var(--success-surface);border:1px solid var(--success-border);color:var(--success-text-strong)}.mission-feedback.fail{background:var(--warning-surface);border:1px solid var(--warning-border);color:var(--warning-text-strong)}.mission-hints{border:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);background:color-mix(in srgb,var(--ink) 1.57%,transparent);font-size:calc((13px) * var(--font-scale,1));border-radius:14px;padding:14px 16px}.mission-hints b{align-items:center;gap:6px;margin-bottom:8px;font-weight:500;display:flex}.mission-hints ol{color:var(--ink);flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.mission-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mission-actions .primary,.mission-actions .secondary{border-radius:999px;min-height:44px;padding:10px 18px}.mission-complete{border-color:var(--success-border);background:var(--success-surface);flex-wrap:wrap;align-items:center;gap:18px;padding:22px 26px;display:flex}.mission-complete>svg{color:var(--success-text);flex-shrink:0}.mission-complete h2{font-size:calc((20px) * var(--font-scale,1));font-weight:500}.mission-complete p{color:var(--text-secondary);font-size:calc((13px) * var(--font-scale,1));max-width:560px;margin-top:4px}.mission-complete>button{margin-left:auto}.mission-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.mission-empty>svg{color:var(--wk-lavender)}.mission-empty h1{font-size:calc((24px) * var(--font-scale,1));font-weight:500}.mission-empty p{color:var(--text-secondary);font-size:calc((13px) * var(--font-scale,1));max-width:420px}.workshop-app main[data-view=mission]{--wk-art:url(/marketing/section-glass.webp)}@media (max-width:1000px){.mission-layout{grid-template-columns:1fr}.mission-steps{position:static}.mission-steps ol{scroll-snap-type:x mandatory;flex-direction:row;overflow-x:auto}.mission-steps li{scroll-snap-align:start;flex:none}.mission-steps button{white-space:nowrap;width:auto}.mission-scenario{grid-template-columns:1fr}}@media (max-width:760px){.app-shell.workshop-app .mission-hero{border-radius:0;padding:30px 0 48px}.mission-hero h1{font-size:calc((30px) * var(--font-scale,1))}.mission-progress{width:100%;min-width:0}.mission-phase{padding:22px 18px}.mission-phase-heading h2{font-size:calc((20px) * var(--font-scale,1))}.mission-done{display:none}.mission-complete>button{width:100%;margin-left:0}}.mission-artifact td:last-child{white-space:normal;min-width:140px}.mission-layout>*{min-width:0}.mission-choices label{flex-direction:row;align-items:center}.workshop-app .mission-choices input{flex-shrink:0;width:16px;height:16px;min-height:0;margin:0}.splunk-panel{gap:1.25rem;max-width:1280px;margin:auto;padding-bottom:3rem;display:grid}.splunk-panel .card{padding:1.5rem}.splunk-panel h1{max-width:850px;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.16}.splunk-panel h2{margin:0 0 .7rem;font-size:1.3rem}.splunk-panel p{margin:.65rem 0;line-height:1.65}.splunk-muted,.splunk-panel small{color:var(--muted-foreground)}.splunk-hero{background:linear-gradient(120deg,var(--card),color-mix(in srgb,var(--primary) 9%,var(--card)));align-items:center;gap:2rem;display:flex}.splunk-hero>svg{color:var(--primary);flex-shrink:0}.splunk-start{justify-content:space-between;align-items:center;gap:2rem;display:flex}.splunk-start-actions{flex-shrink:0;gap:1rem;display:grid}.splunk-link,.splunk-resources a{text-underline-offset:3px;align-items:center;gap:.5rem;text-decoration:underline;display:inline-flex}.splunk-panel summary{cursor:pointer;font-weight:600;line-height:1.5}.splunk-team summary{align-items:center;gap:.6rem;display:flex}.splunk-team-forms{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.splunk-team form{gap:.75rem;display:grid}.splunk-panel label{gap:.45rem;font-size:.9rem;line-height:1.5;display:grid}.splunk-panel input,.splunk-panel select,.splunk-panel textarea{border:1px solid var(--line);background:var(--background);width:100%;color:var(--foreground);border-radius:.65rem;min-height:44px;padding:.7rem .8rem}.splunk-panel textarea{resize:vertical}.splunk-panel fieldset{border:0;gap:1.2rem;min-width:0;margin:1.3rem 0 0;padding:0;display:grid}.splunk-panel legend{margin-bottom:1rem;font-weight:600}.splunk-panel :focus-visible{outline:2px solid var(--primary);outline-offset:3px}.splunk-team input{font-family:inherit}.splunk-case-picker{align-items:end;gap:1rem;display:flex}.splunk-case-picker label{flex:1}.splunk-case-status{align-items:center;gap:2rem;padding:.5rem;display:flex}.splunk-case-status>div:first-child{flex:1}.splunk-case-status [role=progressbar]{background:var(--muted);border-radius:9px;width:160px;height:8px;overflow:hidden}.splunk-case-status [role=progressbar] span{background:var(--primary);height:100%;display:block}.splunk-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.splunk-levels{position:sticky;top:2rem}.splunk-levels ol{gap:.5rem;padding:0;list-style:none;display:grid}.splunk-levels button{text-align:left;border:1px solid var(--line);background:var(--card);width:100%;color:var(--foreground);cursor:pointer;border-radius:.8rem;align-items:center;gap:.8rem;padding:1rem;display:flex}.splunk-levels button.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--card))}.splunk-levels small{margin-top:.2rem;font-size:.75rem;display:block}.splunk-panel button:disabled{opacity:.5;cursor:not-allowed}.splunk-level{min-width:0}.splunk-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.splunk-tags span{border:1px solid var(--line);border-radius:2rem;padding:.3rem .6rem;font-size:.75rem}.splunk-search{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);background:var(--background);border-radius:.8rem;margin:1rem 0;padding:1.2rem;font-size:.85rem}.splunk-spl{font-family:ui-monospace,monospace;font-size:.85rem}.splunk-answer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.splunk-scope,.splunk-resources{border-block:1px solid var(--line);margin-top:1rem;padding:1rem 0}.splunk-actions{flex-wrap:wrap;gap:.6rem;display:flex}.splunk-notice,.splunk-feedback{border-left:3px solid var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--card));border-radius:0 .5rem .5rem 0;align-items:start;gap:.5rem;padding:.6rem 1rem;display:flex}.splunk-feedback{border-color:var(--destructive)}.splunk-save-status{color:var(--muted-foreground);font-size:.8rem}.splunk-hints{margin:1rem 0}.splunk-hints p{gap:.5rem;display:flex}.splunk-resources ul{gap:1rem;padding:0;list-style:none;display:grid}.splunk-resources small{margin-top:.35rem;line-height:1.5;display:block}.splunk-roster .splunk-request{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.splunk-roster .splunk-request span{flex:1}.splunk-invite{max-width:640px;margin:1rem 0}.splunk-invite input{font-family:ui-monospace,monospace;font-size:.8rem}.splunk-handoffs article{border-top:1px solid var(--line);padding:1rem 0}.splunk-handoffs time{color:var(--muted-foreground);margin-left:1rem;font-size:.75rem}.splunk-handoffs article p{white-space:pre-wrap;overflow-wrap:anywhere}.splunk-handoffs form{gap:.8rem;display:grid}.splunk-print-report pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:1.5rem;line-height:1.65}.splunk-next ul{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0;list-style:none;display:grid}.splunk-next li{border-top:1px solid var(--line);padding-top:.7rem}.splunk-next small{display:block}.splunk-empty{justify-items:start;gap:1rem;display:grid}.splunk-finish>svg{color:var(--primary)}@media (max-width:850px){.splunk-layout{grid-template-columns:1fr}.splunk-levels{position:static}.splunk-levels ol{grid-template-columns:repeat(2,minmax(0,1fr))}.splunk-start{flex-direction:column;align-items:start}.splunk-case-status{flex-wrap:wrap;gap:1rem}.splunk-team-forms{grid-template-columns:1fr}.splunk-hero>svg{display:none}}@media (max-width:480px){.splunk-panel .card{padding:1rem}.splunk-levels ol,.splunk-answer-fields,.splunk-next ul{grid-template-columns:1fr}.splunk-case-status [role=progressbar]{width:100%}.splunk-case-picker{flex-wrap:wrap}.splunk-panel input,.splunk-panel select,.splunk-panel textarea{font-size:1rem}}.splunk-report-notes{white-space:pre-wrap}.splunk-print-report section{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.splunk-print-report dt{font-weight:600}.splunk-print-report dd{margin-bottom:.5rem}.splunk-alliance-badge{object-fit:contain;background:#fff;border-radius:16px;flex:none;width:150px;height:auto;padding:10px}.splunk-mode-picker{padding:8px 0}.splunk-mode-picker>h2{margin-bottom:1rem}.splunk-mode-picker>div{grid-template-columns:1fr 1fr;gap:12px;display:grid}.splunk-mode-picker button{text-align:left;border:1px solid var(--line);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:22px;transition:background .15s,border-color .15s;display:flex}.splunk-mode-picker button>span{flex:1}.splunk-mode-picker b{font-size:1.1rem;display:block}.splunk-mode-picker small{margin-top:4px;display:block}.splunk-mode-picker button[aria-pressed=true]{border:2px solid var(--primary);background:color-mix(in srgb,var(--primary) 10%,var(--card));padding:21px}.splunk-mode-picker button:hover{background:color-mix(in srgb,var(--primary) 14%,var(--card))}.splunk-setup{border:1px solid color-mix(in srgb,var(--primary) 35%,var(--line));border-left:4px solid var(--primary);background:color-mix(in srgb,var(--primary) 9%,var(--card));border-radius:12px;align-items:flex-start;gap:14px;padding:20px 24px;display:flex}.splunk-setup>svg{color:var(--primary);flex:none;margin-top:2px}.splunk-setup h2{margin:0;font-size:1rem}.splunk-setup p{margin:5px 0 0;font-size:.9rem}.splunk-start.card{border:1px solid color-mix(in srgb,var(--primary) 45%,var(--line));background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 13%,var(--card)),var(--card));box-shadow:0 8px 32px color-mix(in srgb,var(--primary) 7%,transparent);padding:30px}.splunk-start h2{font-size:1.7rem}.splunk-case-brief{align-items:flex-start;gap:18px;display:flex}.splunk-case-symbol{background:color-mix(in srgb,var(--primary) 16%,var(--card));width:54px;height:54px;color:var(--primary);border-radius:14px;flex:0 0 54px;place-items:center;display:grid}.splunk-start-actions .primary{min-height:48px}.splunk-team[hidden]{display:none}.splunk-team h2{align-items:center;gap:10px;display:flex}.splunk-case-picker{border-top:1px solid var(--line);padding-top:24px}.splunk-next.card{background:var(--background);border-style:dashed}.splunk-investigation{max-width:none}.splunk-investigation-heading{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.splunk-investigation-heading>div{flex:1}.splunk-investigation-heading h1{font-size:clamp(1.7rem,3vw,2.2rem)}.splunk-investigation-heading p{color:var(--muted-foreground);margin-bottom:0}.splunk-investigation .splunk-layout{grid-template-columns:minmax(0,1fr)}.splunk-investigation .splunk-layout.with-report{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.splunk-investigation .splunk-levels{grid-column:1/-1;min-width:0;position:static}.splunk-investigation .splunk-levels ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0}.splunk-investigation .splunk-levels button{gap:8px;height:100%;padding:14px 10px;font-size:.82rem}.splunk-levels button>svg,.splunk-levels button>span:first-child{flex-shrink:0}.splunk-investigation .splunk-report{scrollbar-gutter:stable;background:var(--background);min-width:0;max-height:calc(100dvh - 40px);padding:0;position:sticky;top:20px;overflow:auto}.splunk-report-controls{border-bottom:1px solid var(--line);background:var(--card);padding:22px}.splunk-report-controls h2{align-items:center;gap:8px;display:flex}.splunk-report-controls p{color:var(--muted-foreground);font-size:.8rem}.splunk-report-controls small{font-size:.75rem;line-height:1.6;display:block}.splunk-report-controls .splunk-actions{gap:8px;margin-top:16px}.splunk-report-controls button{font-size:.75rem}.splunk-print-report{padding:28px}.splunk-print-report h2{font-size:1.3rem;line-height:1.4}.splunk-print-report>p{color:var(--muted-foreground);font-size:.8rem}.splunk-print-report h3{margin-bottom:6px;font-size:1.05rem}.splunk-print-report dl{font-size:.85rem}.splunk-print-report dd{overflow-wrap:anywhere;margin:4px 0 12px}.splunk-print-report pre{background:var(--muted);border-radius:8px;padding:14px;font:.8rem/1.6 ui-monospace,monospace}.splunk-print-report p{overflow-wrap:anywhere}@media (max-width:1100px){.splunk-investigation .splunk-layout.with-report{grid-template-columns:minmax(0,1fr)}.splunk-investigation .splunk-report{max-height:70dvh;position:static}.splunk-investigation .splunk-levels ol{padding-bottom:6px;display:flex;overflow-x:auto}.splunk-investigation .splunk-levels li{flex:1 0 135px}.splunk-hero{gap:1.25rem}.splunk-alliance-badge{width:120px}}@media (max-width:600px){.splunk-mode-picker>div{grid-template-columns:1fr}.splunk-mode-picker button{padding:18px}.splunk-mode-picker button[aria-pressed=true]{padding:17px}.splunk-hero{flex-direction:column-reverse;align-items:flex-start}.splunk-alliance-badge{width:96px}.splunk-case-symbol{display:none}.splunk-start.card{padding:22px}.splunk-start-actions,.splunk-start-actions .primary{width:100%}.splunk-investigation-heading{gap:12px}.splunk-investigation-heading>div{flex-basis:100%}.splunk-setup{padding:16px}.splunk-answer-fields{grid-template-columns:1fr}.splunk-print-report{padding:20px}}@media (prefers-reduced-motion:reduce){.splunk-mode-picker button{transition:none}}.workshop-app .splunk-panel [data-slot=button]{border:1px solid var(--line-strong);background:var(--paper);max-width:100%;height:auto;min-height:44px;color:var(--ink);font-size:calc(13px * var(--font-scale,1));white-space:normal;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;line-height:1.5;transition:background .15s,border-color .15s;display:inline-flex}.workshop-app .splunk-panel [data-slot=button]:hover:not(:disabled){background:var(--surface-hover);border-color:var(--blue)}.workshop-app .splunk-panel [data-slot=button][data-variant=default],.workshop-app .splunk-panel [data-slot=button].primary{background:var(--blue);border-color:var(--blue);color:var(--action-text)}.workshop-app .splunk-panel [data-slot=button][data-variant=default]:hover:not(:disabled),.workshop-app .splunk-panel [data-slot=button].primary:hover:not(:disabled){background:var(--blue-hover);box-shadow:0 0 0 2px var(--blue-soft)}.workshop-app .splunk-panel [data-slot=button]:disabled{cursor:not-allowed;opacity:.5}.workshop-app .splunk-panel .splunk-launch{border:1px solid var(--line-strong);background:var(--paper);min-height:44px;color:var(--blue);font-size:calc(13px * var(--font-scale,1));cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;line-height:1.5;text-decoration:none;display:inline-flex}.workshop-app .splunk-panel .splunk-launch:hover{background:var(--blue-soft);border-color:var(--blue);text-underline-offset:3px;text-decoration:underline}.workshop-app .splunk-panel .splunk-tags span{background:var(--blue-soft);color:var(--blue);border:1px solid color-mix(in srgb,var(--blue) 40%,var(--line));font-size:calc(12px * var(--font-scale,1));padding:5px 10px;font-weight:500}.workshop-app .splunk-panel :is(input,select,textarea){border-color:var(--line-strong)}.workshop-app .splunk-panel select{cursor:pointer}.workshop-app .splunk-panel select:hover:not(:disabled){border-color:var(--blue)}.splunk-case-select{display:block;position:relative}.splunk-case-select select{-webkit-appearance:none;appearance:none;background:var(--paper);min-height:48px;box-shadow:0 2px 4px color-mix(in srgb,var(--ink) 5%,transparent);padding-right:48px;font-weight:500}.splunk-case-select>svg{pointer-events:none;color:var(--blue);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.splunk-case-select select:disabled{opacity:.55;cursor:not-allowed}.splunk-case-select:has(select:disabled)>svg{opacity:.4}.workshop-app .splunk-investigation .splunk-report{border:1px solid var(--line-strong);border-top:3px solid var(--blue);background:var(--surface-hover);box-shadow:0 12px 30px -18px color-mix(in srgb,var(--ink) 30%,transparent);border-radius:12px}.splunk-report .splunk-report-controls{background:var(--paper);border-bottom:1px solid var(--line-strong);padding:20px}.splunk-report-controls h2>svg{color:var(--blue)}.splunk-report .splunk-print-report{border:1px solid var(--line);background:var(--paper);box-shadow:0 3px 8px color-mix(in srgb,var(--ink) 8%,transparent);border-radius:4px;margin:18px;padding:26px}.splunk-report .splunk-print-report>h2{font-family:Georgia,Times New Roman,serif;font-size:calc(23px * var(--font-scale,1));border-bottom:2px solid var(--line-strong);margin-bottom:16px;padding-bottom:16px;line-height:1.35}.splunk-report .splunk-print-report section{border-color:var(--line)}.splunk-report .splunk-print-report pre{background:var(--surface-hover);border:1px solid var(--line);color:var(--ink)}.splunk-hints{gap:10px;display:grid}.splunk-hints>[data-slot=button]{justify-self:start}.splunk-hint,.splunk-access{border:1px solid var(--line);background:var(--paper);border-radius:12px;overflow:hidden}.splunk-hint summary,.splunk-access>summary{background:var(--surface-hover);min-height:48px;color:var(--ink);font-size:calc(13px * var(--font-scale,1));align-items:center;gap:10px;padding:12px 16px;list-style:none;display:flex}.splunk-hint summary::-webkit-details-marker{display:none}.splunk-access>summary::-webkit-details-marker{display:none}.splunk-hint summary>svg:first-child,.splunk-access>summary>svg:first-child{color:var(--blue);flex-shrink:0}.splunk-hint summary>svg:last-child,.splunk-access>summary>svg:last-child{flex-shrink:0;margin-left:auto;transition:transform .15s}.splunk-hint[open] summary>svg:last-child,.splunk-access[open]>summary>svg:last-child{transform:rotate(180deg)}.splunk-hint summary:hover,.splunk-access>summary:hover{background:var(--blue-soft)}.splunk-hint p{font-size:calc(13px * var(--font-scale,1));margin:0;padding:16px;display:block}.splunk-access{padding:18px 20px}.splunk-access h2{font-size:calc(16px * var(--font-scale,1));align-items:center;gap:10px;margin:0;display:flex}.splunk-access h2>svg{color:var(--blue);flex-shrink:0}.splunk-access-content{align-items:center;gap:20px;display:flex}.splunk-access-content>p{font-size:calc(13px * var(--font-scale,1));flex:1}.splunk-access-content>p>a{color:var(--blue);text-underline-offset:3px;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.splunk-access-content>.splunk-launch{flex-shrink:0}details.splunk-access{padding:0}.splunk-access>summary{background:var(--paper)}details.splunk-access .splunk-access-content{padding:4px 16px 16px}.splunk-panel :is(.splunk-scope,.splunk-resources)>summary{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:44px;padding:10px 12px}.splunk-panel :is(.splunk-scope,.splunk-resources)>summary:hover{background:var(--surface-hover);border-color:var(--blue)}@media (max-width:600px){.splunk-access-content{flex-direction:column;align-items:flex-start;gap:8px}.splunk-access{padding:16px}.splunk-report .splunk-print-report{margin:12px;padding:18px}.splunk-report .splunk-report-controls{padding:16px}}@media (prefers-reduced-motion:reduce){.splunk-hint summary>svg,.splunk-access>summary>svg{transition:none}}.workshop-app .splunk-panel .splunk-levels button:hover:not(:disabled){border-color:var(--blue);background:var(--blue-soft)}.splunk-panel .splunk-character-count{text-align:right;color:var(--text-soft);font-size:calc(11px * var(--font-scale,1));font-variant-numeric:tabular-nums;line-height:1.5;display:block}.splunk-panel .splunk-character-count.at-limit{color:var(--blue);font-weight:500}.workshop-loading{gap:24px;max-width:1280px;min-height:550px;margin-inline:auto;display:grid}.workshop-loading h1{font-size:clamp(26px,3vw,40px);line-height:1.2}.workshop-loading header p{color:var(--text-secondary);margin-top:12px}.workshop-loading-summary,.workshop-loading-grid>div{border:1px solid var(--line);background:var(--surface);border-radius:14px}.workshop-loading-summary{align-content:center;gap:18px;min-height:150px;padding:28px;display:grid}.workshop-loading-summary span{background:var(--surface-hover);border-radius:6px;width:70%;height:14px;display:block}.workshop-loading-summary span+span{width:45%}.workshop-loading-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.workshop-loading-grid>div{min-height:220px}.splunk-case-list{gap:12px;display:grid}.splunk-case-list article{justify-content:space-between;align-items:center;gap:20px;display:flex}.splunk-case-list article>div:first-child{flex:1;min-width:0}.splunk-case-list h3{overflow-wrap:anywhere;font-size:16px}.splunk-case-list p{color:var(--text-secondary);margin-bottom:0;font-size:12px}.splunk-case-list article>div:last-child{flex-wrap:wrap;gap:10px;display:flex}.splunk-delete-dialog{background:var(--surface);color:var(--ink);border-color:var(--line);max-width:480px}.splunk-delete-dialog label{margin-top:12px}.splunk-delete-dialog input{width:100%;min-height:44px;margin-top:8px}.splunk-delete-dialog>div:last-child{justify-content:flex-end;gap:10px;display:flex}.splunk-delete-dialog [role=alert]{color:var(--danger-text)}.splunk-delete-dialog .danger-button{background:var(--danger-surface);color:var(--danger-text);border:1px solid var(--danger-border)}@media (max-width:600px){.workshop-loading-grid{grid-template-columns:1fr}.splunk-case-list article{flex-direction:column;align-items:flex-start}}.splunk-investigation,.mission-panel{container-type:inline-size}.lesson-curriculum{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-width:0;position:sticky;top:24px;overflow:hidden}.curriculum-toggle{border-bottom:1px solid var(--line);background:var(--surface-alt);width:100%;min-height:46px;color:var(--ink);font-size:calc(13px * var(--font-scale,1));text-align:left;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-weight:500;display:flex}.curriculum-toggle:hover{background:var(--surface-hover)}.curriculum-toggle span{flex:1}.curriculum-progress{font-size:calc(11px * var(--font-scale,1));color:var(--text-soft);padding:14px 14px 4px;margin:0!important}.learning-workspace nav[hidden]{display:none}.splunk-investigation .splunk-layout.learning-workspace{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:20px;display:grid}.splunk-investigation .splunk-layout.learning-workspace.with-report{grid-template-columns:210px minmax(0,1fr) minmax(280px,.8fr)}.splunk-investigation .splunk-layout.learning-workspace.outline-collapsed{grid-template-columns:48px minmax(0,1fr)}.splunk-investigation .splunk-layout.learning-workspace.with-report.outline-collapsed{grid-template-columns:48px minmax(0,1fr) minmax(280px,.8fr)}.outline-collapsed .curriculum-toggle{border-bottom:0;justify-content:center;padding-inline:14px}.outline-collapsed .curriculum-toggle span{display:none}.splunk-investigation .splunk-layout.learning-workspace .splunk-levels{grid-column:auto;position:static}.splunk-investigation .splunk-layout.learning-workspace .splunk-levels ol{grid-template-columns:1fr;gap:4px;margin:0;padding:8px;display:grid;overflow:visible}.splunk-investigation .splunk-layout.learning-workspace .splunk-levels li{flex:auto;min-width:0}.splunk-investigation .splunk-layout.learning-workspace .splunk-levels button{font-size:calc(12px * var(--font-scale,1));white-space:normal;background:0 0;border-color:#0000;border-radius:8px;align-items:flex-start;padding:12px 10px;line-height:1.5}.splunk-investigation .splunk-layout.learning-workspace .splunk-levels button.selected{background:var(--blue-soft);border-color:var(--info-border)}.splunk-investigation .splunk-layout.learning-workspace .splunk-levels button>svg{margin-top:2px}.splunk-investigation .splunk-layout.learning-workspace .splunk-levels button small{font-size:calc(10px * var(--font-scale,1));line-height:1.5}.splunk-investigation .splunk-level{padding:28px;overflow:visible}.splunk-panel .lesson-position{color:var(--text-secondary);font-size:calc(12px * var(--font-scale,1));margin:0 0 12px}.splunk-investigation .splunk-level>h2{font-size:calc(26px * var(--font-scale,1));letter-spacing:-.5px;line-height:1.25}.splunk-investigation .splunk-level>p{font-size:calc(14px * var(--font-scale,1));line-height:1.85}.lesson-action-bar{z-index:5;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 8px 24px -16px color-mix(in srgb,var(--ink) 40%,transparent);border-radius:12px;margin-top:8px;padding:14px;position:sticky;bottom:16px}.splunk-investigation .splunk-layout .splunk-report{max-height:calc(100dvh - 48px);position:sticky;top:24px;overflow:auto}.splunk-investigation .splunk-case-status{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:20px}.splunk-investigation .splunk-case-status h2{font-size:calc(18px * var(--font-scale,1));margin:0}.splunk-investigation .splunk-case-status p{font-size:calc(12px * var(--font-scale,1));margin-bottom:0}.splunk-investigation .splunk-case-status [role=progressbar]{background:var(--surface-hover)}.splunk-investigation .splunk-report-controls{z-index:1;position:sticky;top:0}.mission-panel .mission-layout{grid-template-columns:230px minmax(0,1fr)}.mission-panel .mission-layout.outline-collapsed{grid-template-columns:48px minmax(0,1fr)}.mission-panel .mission-steps{position:static}.mission-panel .mission-steps ol{background:0 0;border:0;border-radius:0;flex-direction:column;padding:8px;display:flex;overflow:visible}.mission-panel .mission-steps button{white-space:normal;border-radius:8px;padding:12px 10px;line-height:1.5}.mission-panel .mission-hints>summary{cursor:pointer;align-items:center;gap:8px;min-height:32px;font-weight:500;list-style:none;display:flex}.mission-panel .mission-hints>summary::-webkit-details-marker{display:none}.mission-panel .mission-hints>summary>svg:last-child{margin-left:auto}.mission-panel .mission-hints[open]>summary>svg:last-child{transform:rotate(180deg)}.mission-panel .mission-hints ol{margin-top:12px}.app-shell.workshop-app .mission-hero{padding:12px 0 24px}.app-shell.workshop-app .mission-hero:before{opacity:.35}.workshop-app .learning-lab-header.workspace-hero{min-height:0}.workshop-app .learning-lab-header.workspace-hero>div{padding:12px 0 24px}.learning-lab-header.workspace-hero h1{font-size:calc(32px * var(--font-scale,1));line-height:1.2}.workshop-app .learning-lab-header.workspace-hero>img,.workshop-app .learning-lab-header.workspace-hero:after{opacity:.15}.workshop-app main[data-view=lab] .challenge-side{align-self:start;position:sticky;top:24px}.workshop-app main[data-view=lab] .hint-button{min-height:40px}.lesson-action-bar:focus-within{outline-offset:4px}@container (width<=1100px){.splunk-investigation .splunk-layout.learning-workspace.with-report,.splunk-investigation .splunk-layout.learning-workspace.with-report.outline-collapsed{grid-template-columns:190px minmax(0,1fr)}.splunk-investigation .splunk-layout.learning-workspace.with-report.outline-collapsed{grid-template-columns:48px minmax(0,1fr)}.splunk-investigation .splunk-layout.learning-workspace .splunk-report{grid-column:2;max-height:none;position:static;overflow:visible}.splunk-investigation .splunk-layout.learning-workspace .splunk-report-controls{position:static}}@container (width<=700px){.splunk-investigation .splunk-layout.learning-workspace,.splunk-investigation .splunk-layout.learning-workspace.with-report,.splunk-investigation .splunk-layout.learning-workspace.outline-collapsed,.splunk-investigation .splunk-layout.learning-workspace.with-report.outline-collapsed,.mission-panel .mission-layout,.mission-panel .mission-layout.outline-collapsed{grid-template-columns:minmax(0,1fr)}.learning-workspace .lesson-curriculum{grid-column:1;position:static}.outline-collapsed .curriculum-toggle{justify-content:flex-start}.outline-collapsed .curriculum-toggle span{display:block}.splunk-investigation .splunk-layout.learning-workspace .splunk-report{grid-column:1}.splunk-investigation .splunk-layout.learning-workspace .splunk-levels ol{grid-template-columns:repeat(2,minmax(0,1fr))}.mission-panel .mission-steps ol{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.splunk-investigation .splunk-level{padding:22px}.mission-panel .mission-hero h1{font-size:calc(28px * var(--font-scale,1))}.splunk-investigation .splunk-layout .splunk-report{max-height:none;position:static;overflow:visible}.splunk-investigation .splunk-report-controls{position:static}}@media (max-width:760px){.lesson-action-bar{gap:10px;padding:12px;bottom:12px}.workshop-app main[data-view=lab] .challenge-side{position:static}.learning-lab-header.workspace-hero h1{font-size:27px}.splunk-investigation-heading>div{flex-basis:100%}}@media (max-width:420px){.splunk-investigation .splunk-layout.learning-workspace .splunk-levels ol,.mission-panel .mission-steps ol{grid-template-columns:1fr}}.workshop-app{--lesson-sticky-top:calc(24px + var(--focus-bar-height,0px))}.workshop-app[data-navigation-position=top]{--lesson-sticky-top:calc(var(--dock-height) + var(--focus-bar-height,0px) + 32px)}.workshop-app .lesson-curriculum,.workshop-app .splunk-investigation .splunk-layout .splunk-report,.workshop-app main[data-view=lab] .challenge-side{top:var(--lesson-sticky-top)}.workshop-app .splunk-investigation .splunk-layout .splunk-report{max-height:calc(100dvh - var(--lesson-sticky-top) - var(--navigation-bottom-space,0px) - 24px)}.workshop-app .lesson-action-bar{bottom:calc(var(--navigation-bottom-space,0px) + 16px)}@container (width<=1100px){.workshop-app .splunk-investigation .splunk-layout.learning-workspace .splunk-report{max-height:none}}.workshop-app .lesson-curriculum{max-height:calc(100dvh - var(--lesson-sticky-top) - var(--navigation-bottom-space,0px) - 24px);scrollbar-width:thin;overflow-y:auto}@container (width<=700px){.workshop-app .lesson-curriculum{max-height:none;overflow:visible}}.app-shell.workshop-app{background:var(--paper)}:root .workshop-app[data-navigation-position] .sidebar{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-color:var(--line);border-radius:18px}.workshop-app .sidebar nav{background:0 0;border:0;border-radius:0}.workshop-app .nav-item{border-radius:8px}.app-shell.workshop-app .nav-item.selected{background:var(--surface-hover);box-shadow:none;border-color:#0000}.workshop-app .sidebar .workspace-label{letter-spacing:0;text-transform:none}.workshop-app :is(.workspace-hero>img){display:none}.app-shell.workshop-app .card{box-shadow:none;background:var(--surface);border-radius:12px}.workshop-app :is(.primary,.secondary){border-radius:8px}.app-shell.workshop-app .stats-row>div{background:0 0;border:0;border-radius:0;padding:12px 0}.workshop-app .challenge-card{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:12px}.workshop-app .portal-course-card{background:0 0;border:0;border-radius:0;gap:32px;overflow:visible}.workshop-app .portal-course-art{border-radius:12px;overflow:hidden}.workshop-app .portal-course-body{padding:12px 0}.workshop-app .portal-series{border-top:1px solid var(--line);padding-top:28px}.workshop-app .portal-course-topics span{background:0 0;border:0;padding-inline:0}.workshop-app .portal-course-topics{gap:16px}.workshop-app .portal-button{white-space:normal;border-radius:8px;min-height:44px;padding:10px 16px}.workshop-app .portal-button>span{width:auto;height:auto;color:inherit;background:0 0}.workshop-app .splunk-panel{gap:28px}.workshop-app .splunk-panel>:is(.splunk-hero,.splunk-start,.splunk-team,.splunk-next,.splunk-handoffs,.splunk-finish){box-shadow:none;background:0 0;border:0;border-radius:0;padding:24px 0}.workshop-app .splunk-panel>:is(.splunk-start,.splunk-team,.splunk-next,.splunk-handoffs,.splunk-finish){border-top:1px solid var(--line)}.workshop-app .splunk-hero{padding-top:8px}.workshop-app .splunk-mode-picker button{background:0 0;border-radius:8px;gap:12px;padding:16px}.workshop-app .splunk-mode-picker button[aria-pressed=true]{border:1px solid var(--blue);background:var(--blue-soft);padding:16px}.workshop-app .splunk-mode-picker button:hover{background:var(--surface-hover)}.workshop-app .splunk-case-symbol{width:28px;height:32px;color:var(--text-secondary);background:0 0;border-radius:0;flex-basis:28px}.workshop-app .splunk-case-list{border-top:1px solid var(--line);gap:0}.workshop-app .splunk-case-list article.card{border:0;border-bottom:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;padding:22px 0}.workshop-app .splunk-investigation .splunk-case-status{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:12px 0 24px}.workshop-app .lesson-curriculum{background:0 0;border:0;border-radius:0}.workshop-app .curriculum-toggle{background:0 0;padding-inline:10px}.workshop-app .splunk-investigation .splunk-layout.learning-workspace .splunk-levels button.selected,.workshop-app .mission-steps button.selected{background:var(--surface-hover);border-color:#0000}.workshop-app :is(.splunk-level.card,.mission-phase.card){border:0;border-left:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0}.workshop-app .mission-phase-icon{color:var(--blue);background:0 0;border:0;border-radius:0}.workshop-app .mission-progress>i>b{background:var(--blue)}.workshop-app .lesson-action-bar{box-shadow:none;border-radius:8px}.workshop-app .splunk-investigation .splunk-report{box-shadow:none;border-top-width:1px}.workshop-app .splunk-report .splunk-print-report{box-shadow:none}.workshop-app .splunk-panel .splunk-tags span{color:var(--text-secondary);background:0 0;border:0;border-radius:0;padding:0 12px 0 0;font-weight:400}.workshop-app :is(.splunk-hint,.splunk-access){border:0;border-block:1px solid var(--line);background:0 0;border-radius:0}.workshop-app :is(.splunk-hint summary,.splunk-access>summary){background:0 0;padding-inline:0}.workshop-app .splunk-access:not(details){padding-inline:0}.workshop-app .splunk-panel :is(.splunk-scope,.splunk-resources)>summary{background:0 0;border:0;padding-inline:0}.workshop-app .community-workspaces>section.card{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;padding:24px 0}.workshop-app .community-apps{gap:0}.workshop-app .community-app.card{border:0;border-left:1px solid var(--line);background:0 0;border-radius:0;padding:24px}.workshop-app .community-app:hover{background:var(--surface-hover)}.workshop-app .workshop-loading-summary,.workshop-app .workshop-loading-grid>div{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0}@container (width<=700px){.workshop-app :is(.splunk-level.card,.mission-phase.card){border-left:0;border-top:1px solid var(--line);padding:24px 0}}@media (max-width:760px){.workshop-app .portal-course-card{gap:20px}.workshop-app .community-app.card{border-left:0;border-top:1px solid var(--line);padding:20px 0}}.workshop-app .main-shell>main:before,.workshop-app .page-heading:before,.workshop-app .page-heading:after,.workshop-app .page-heading h1:before,.app-shell.workshop-app .learning-hero:before{display:none}.workshop-app .page-heading{align-items:center;min-height:0;padding:12px 0 24px}.app-shell.workshop-app :is(.portal-course-card,.stats-row>div,.three-cards>.card):hover{box-shadow:none;transform:none}.app-shell.workshop-app .stats-row>div,.workshop-app .xp-level,.workshop-app .xp-track,.workshop-app .xp-fill{box-shadow:none}.workshop-app .xp-fill{background:var(--blue)}.workshop-app .xp-bar.compact{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding-inline:0}.workshop-app .splunk-level.card,.workshop-app .mission-phase.card{box-shadow:none;background:0 0}