.mockup-studio{--m-bg:#f4f1e9;--m-surface:#fffdf8;--m-surface-2:#f0ece2;--m-text:#1b2430;--m-muted:#68717c;--m-line:#ded8cc;--m-accent:#2856d8;--m-accent-soft:#e6ecff;--m-accent-contrast:#fff;--m-success:#2c7a58;--m-warn:#b16a25;--m-danger:#b95151;--m-shadow:0 16px 50px #1e273517;--m-radius:14px;z-index:50;background:var(--m-bg);color:var(--m-text);font-family:Segoe UI,ui-sans-serif,system-ui,sans-serif;position:fixed;inset:0;overflow:auto}.vision-notion{--m-bg:#191919;--m-surface:#202020;--m-surface-2:#292929;--m-text:#f1f1ef;--m-muted:#9b9a97;--m-line:#373737;--m-accent:#4f95e8;--m-accent-soft:#213b58;--m-accent-contrast:#fff;--m-success:#4fa77b;--m-warn:#d99b55;--m-danger:#d76c6c;--m-shadow:0 18px 50px #0000003d;--m-radius:7px}.vision-blueprint{--m-bg:#eef5f7;--m-surface:#f9fcfc;--m-surface-2:#e4eff1;--m-text:#11313b;--m-muted:#55737b;--m-line:#bfd2d7;--m-accent:#007b91;--m-accent-soft:#d4eef2;--m-accent-contrast:#fff;--m-success:#16805c;--m-warn:#b56a1e;--m-danger:#b44747;--m-shadow:0 12px 34px #16454e14;--m-radius:2px;background-image:linear-gradient(#14647309 1px,#0000 1px),linear-gradient(90deg,#14647309 1px,#0000 1px);background-size:20px 20px}.vision-meadow{--m-bg:#f0f3e9;--m-surface:#fbfcf7;--m-surface-2:#e8eddd;--m-text:#243329;--m-muted:#667268;--m-line:#d4ddca;--m-accent:#39705b;--m-accent-soft:#dfebe3;--m-accent-contrast:#fff;--m-success:#39705b;--m-warn:#b17131;--m-danger:#b45757;--m-shadow:0 16px 46px #314c3917;--m-radius:22px}.vision-prism{--m-bg:#f5f2fb;--m-surface:#fff;--m-surface-2:#eee9f8;--m-text:#28243b;--m-muted:#746f86;--m-line:#ded8eb;--m-accent:#6554d9;--m-accent-soft:#ece9ff;--m-accent-contrast:#fff;--m-success:#2f8569;--m-warn:#c4773e;--m-danger:#c0526a;--m-shadow:0 18px 50px #412f761a;--m-radius:18px}.mockup-studio *{box-sizing:border-box}.mockup-studio button,.mockup-studio input,.mockup-studio textarea{font:inherit;color:inherit}.mockup-studio button{cursor:pointer}.studio-bar{z-index:30;color:#fff;background:#111;justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding:7px 18px;display:flex;position:sticky;top:0}.studio-title,.studio-title a,.vision-switcher{align-items:center;gap:8px;display:flex}.studio-title a{color:#baa9ff}.studio-title small{color:#929292}.vision-switcher{overflow-x:auto}.vision-switcher a{color:#aaa;white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:12px}.vision-switcher a.active{color:#fff;background:#303030}.app-frame{grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 48px);display:grid}.mock-sidebar{border-right:1px solid var(--m-line);background:color-mix(in srgb, var(--m-surface) 96%, transparent);flex-direction:column;height:calc(100vh - 48px);padding:20px 14px;display:flex;position:sticky;top:48px}.mock-brand{color:var(--m-text);align-items:center;gap:10px;padding:2px 8px 18px;display:flex}.mock-brand>span:last-child,.workspace-switcher>span:nth-child(2){gap:2px;display:grid}.mock-brand strong{letter-spacing:-.02em;font-size:14px}.mock-brand small,.workspace-switcher small{color:var(--m-muted);font-size:10px}.brand-mark{border-radius:calc(var(--m-radius) * .6);width:30px;height:30px;color:var(--m-accent-contrast);background:var(--m-accent);place-items:center;display:grid}.workspace-switcher{border:1px solid var(--m-line);border-radius:calc(var(--m-radius) * .7);background:var(--m-surface);box-shadow:var(--m-shadow);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px;display:grid}.workspace-switcher strong{font-size:11px}.avatar,.mini-avatar{color:var(--m-accent);background:var(--m-accent-soft);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.avatar{width:28px;height:28px}.screen-nav{gap:3px;margin-top:20px;display:grid}.screen-nav p{color:var(--m-muted);letter-spacing:.13em;text-transform:uppercase;margin:14px 9px 5px;font-size:9px;font-weight:700}.screen-nav a{border-radius:calc(var(--m-radius) * .6);color:var(--m-muted);align-items:center;gap:9px;padding:9px 10px;font-size:12px;font-weight:550;display:flex}.screen-nav a:hover,.screen-nav a.active{color:var(--m-text);background:var(--m-surface-2)}.screen-nav a.active{color:var(--m-accent);font-weight:700}.vision-blueprint .screen-nav a.active{box-shadow:inset 3px 0 var(--m-accent)}.sidebar-note{border:1px solid var(--m-line);border-radius:var(--m-radius);background:var(--m-surface-2);margin-top:auto;padding:13px}.note-icon{width:28px;height:28px;color:var(--m-accent);background:var(--m-surface);border-radius:50%;place-items:center;margin-bottom:9px;display:grid}.sidebar-note strong{font-size:11px;display:block}.sidebar-note p{color:var(--m-muted);margin:4px 0 10px;font-size:10px;line-height:1.45}.sidebar-note button,.panel-title button{color:var(--m-accent);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:10px;font-weight:700;display:flex}.mock-main{min-width:0}.mock-topbar{border-bottom:1px solid var(--m-line);background:color-mix(in srgb, var(--m-surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:54px;padding:0 28px;display:flex}.crumbs,.top-actions{align-items:center;gap:9px;display:flex}.crumbs{color:var(--m-muted);font-size:11px}.crumbs strong{color:var(--m-text)}.top-actions button,.course-card-top button,.student-detail-top button{color:var(--m-muted);background:0 0;border:0;border-radius:7px;padding:6px}.screen-content{max-width:1420px;margin:0 auto;padding:34px 38px 54px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.page-heading p,.editor-heading p{color:var(--m-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font-size:10px;font-weight:750}.page-heading h1,.editor-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(26px,3vw,39px);line-height:1.08}.page-heading span{color:var(--m-muted);margin-top:8px;font-size:12px;display:block}.mockup-studio button{border:1px solid var(--m-line);border-radius:calc(var(--m-radius) * .6);background:var(--m-surface);justify-content:center;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:650;display:inline-flex}.mockup-studio button:hover{border-color:var(--m-accent)}.mockup-studio .primary-button{border-color:var(--m-accent);color:var(--m-accent-contrast);background:var(--m-accent)}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric-card{border:1px solid var(--m-line);border-radius:var(--m-radius);background:var(--m-surface);min-width:0;box-shadow:var(--m-shadow);justify-content:space-between;align-items:flex-start;padding:18px;display:flex}.metric-card>div:first-child{gap:6px;display:grid}.metric-card span{color:var(--m-muted);font-size:10px}.metric-card strong{letter-spacing:-.04em;font-size:26px}.metric-card small{color:var(--m-success);font-size:9px}.metric-icon,.insight-icon{border-radius:calc(var(--m-radius) * .6);color:var(--m-accent);background:var(--m-accent-soft);place-items:center;display:grid}.metric-icon{width:34px;height:34px}.split-grid,.analytics-grid,.profile-grid{gap:13px;margin-top:13px;display:grid}.split-grid{grid-template-columns:1.4fr 1fr}.analytics-grid{grid-template-columns:1.5fr .8fr}.profile-grid{grid-template-columns:.72fr 1.4fr}.panel{border:1px solid var(--m-line);border-radius:var(--m-radius);background:var(--m-surface);box-shadow:var(--m-shadow);padding:20px}.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:17px;display:flex}.panel-title h2{letter-spacing:-.02em;margin:0;font-size:13px}.panel-title p{color:var(--m-muted);margin:4px 0 0;font-size:9px}.course-stack{display:grid}.course-row{border-top:1px solid var(--m-line);grid-template-columns:auto 1fr auto minmax(100px,.65fr) auto;align-items:center;gap:10px;min-width:0;padding:12px 0;display:grid}.course-row:first-child{border-top:0}.course-row>div:nth-child(2){gap:3px;display:grid}.course-row strong{font-size:11px}.course-row small{color:var(--m-muted);font-size:8px}.course-avatar{border-radius:calc(var(--m-radius) * .5);color:#fff;place-items:center;width:30px;height:30px;font-size:11px;font-weight:750;display:grid}.accent-blue{background:#4d76db!important}.accent-orange{background:#d18a46!important}.accent-green{background:#4b8d6e!important}.status{width:fit-content;color:var(--m-muted);background:var(--m-surface-2);border-radius:999px;padding:3px 7px;font-size:8px;font-weight:700}.status.published{color:var(--m-success);background:color-mix(in srgb, var(--m-success) 13%, transparent)}.status.draft{color:var(--m-warn);background:color-mix(in srgb, var(--m-warn) 13%, transparent)}.progress-label{gap:4px;display:grid}.progress-label>span{background:var(--m-surface-2);border-radius:999px;height:3px;overflow:hidden}.progress-label i{border-radius:inherit;background:var(--m-accent);height:100%;display:block}.course-row>button{width:26px;height:26px;padding:0}.activity-row{border-top:1px solid var(--m-line);grid-template-columns:auto 1fr auto;align-items:start;gap:9px;padding:12px 0;display:grid}.activity-row:first-of-type{border-top:0}.activity-dot{background:var(--m-accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--m-accent-soft);border-radius:50%;margin-top:3px}.activity-row div{gap:3px;display:grid}.activity-row strong{font-size:10px}.activity-row small,.activity-row time{color:var(--m-muted);font-size:8px}.insight-banner{border:1px solid color-mix(in srgb, var(--m-accent) 30%, var(--m-line));border-radius:var(--m-radius);background:var(--m-accent-soft);grid-template-columns:auto 1fr auto;align-items:center;gap:13px;margin-top:13px;padding:16px 18px;display:grid}.insight-icon{background:var(--m-surface);width:38px;height:38px}.insight-banner div:nth-child(2){gap:3px;display:grid}.insight-banner p{color:var(--m-accent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:8px;font-weight:750}.insight-banner strong{font-size:11px}.insight-banner span{color:var(--m-muted);font-size:9px}.filter-row{gap:8px;margin-bottom:16px;display:flex}.filter-row label{border:1px solid var(--m-line);border-radius:calc(var(--m-radius) * .6);background:var(--m-surface);align-items:center;gap:7px;min-width:260px;padding:8px 10px;display:flex}.filter-row input{background:0 0;border:0;outline:none;width:100%;padding:0;font-size:10px}.course-card-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.course-card{border:1px solid var(--m-line);border-radius:var(--m-radius);background:var(--m-surface);min-height:270px;box-shadow:var(--m-shadow);flex-direction:column;padding:17px;display:flex;position:relative;overflow:hidden}.course-card:before{content:"";background:inherit;height:3px;position:absolute;inset:0 0 auto}.course-card-top{justify-content:space-between;align-items:center;display:flex}.course-code{color:var(--m-accent);letter-spacing:.08em;font-size:9px;font-weight:750}.course-card p{color:var(--m-muted);margin:21px 0 4px;font-size:9px}.course-card h2{letter-spacing:-.03em;margin:0;font-size:16px}.course-map-preview{border-radius:calc(var(--m-radius) * .55);background:var(--m-surface-2);justify-content:space-around;align-items:center;height:57px;margin:19px 0 13px;display:flex;position:relative}.course-map-preview span{z-index:2;border:3px solid var(--m-surface);background:var(--m-accent);border-radius:50%;width:13px;height:13px}.course-map-preview i{background:var(--m-line);width:23%;height:2px;position:absolute;top:27px}.course-map-preview i:first-of-type{left:14%}.course-map-preview i:nth-of-type(2){left:38%}.course-map-preview i:nth-of-type(3){left:62%}.course-card-meta{color:var(--m-muted);align-items:center;gap:7px;font-size:8px;display:flex}.course-card-meta small{margin-left:auto}.course-card-actions{border-top:1px solid var(--m-line);gap:6px;margin-top:auto;padding-top:14px;display:flex}.course-card-actions .primary-button{margin-right:auto}.new-course-card{text-align:center;box-shadow:none;background:color-mix(in srgb, var(--m-surface) 55%, transparent);border-style:dashed;justify-content:center;align-items:center}.new-course-icon{width:45px;height:45px;color:var(--m-accent);background:var(--m-accent-soft);border-radius:50%;place-items:center;display:grid}.new-course-card p{max-width:210px;margin:8px auto 16px;line-height:1.5}.editor-page{margin:-34px -38px -54px}.editor-heading{border-bottom:1px solid var(--m-line);background:var(--m-surface);justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:14px 22px;display:flex}.editor-heading p{margin-bottom:5px;font-size:8px}.editor-heading p span{color:var(--m-muted)}.editor-heading h1{font-size:19px}.editor-heading h1 .status{vertical-align:middle;letter-spacing:0;margin-left:8px}.editor-actions{gap:6px;display:flex}.editor-workspace{grid-template-columns:180px minmax(500px,1fr) 230px;height:calc(100vh - 184px);min-height:570px;display:grid}.editor-tools,.inspector{background:var(--m-surface);flex-direction:column;gap:7px;padding:15px;display:flex}.editor-tools{border-right:1px solid var(--m-line)}.inspector{border-left:1px solid var(--m-line)}.editor-tools>strong{margin-bottom:5px;font-size:10px}.editor-tools>button{background:0 0;border:0;justify-content:flex-start}.editor-tools>button.active{color:var(--m-accent);background:var(--m-accent-soft)}.editor-outline{border-top:1px solid var(--m-line);gap:7px;margin-top:13px;padding-top:12px;display:grid}.editor-outline p{color:var(--m-muted);text-transform:uppercase;margin:0 0 3px;font-size:8px;font-weight:700}.editor-outline span{color:var(--m-muted);padding:3px 5px;font-size:8px}.map-canvas{background-color:var(--m-bg);background-image:radial-gradient(var(--m-line) 1px, transparent 1px);background-size:18px 18px;min-width:0;position:relative;overflow:hidden}.canvas-toolbar{z-index:8;border:1px solid var(--m-line);border-radius:calc(var(--m-radius) * .6);background:var(--m-surface);box-shadow:var(--m-shadow);padding:3px;display:flex;position:absolute;bottom:14px;left:14px}.canvas-toolbar button{border:0;padding:5px 8px}.canvas-toolbar span{color:var(--m-muted);padding:6px;font-size:9px}.module-label{color:var(--m-muted);letter-spacing:.1em;font-size:8px;font-weight:750;position:absolute;top:20%}.label-one{left:25%}.label-two{left:56%}.map-path,.student-path{background:var(--m-line);border-radius:99px;height:3px;position:absolute}.map-path{top:50%;left:7%;right:7%}.node-layout{grid-template-columns:repeat(5,1fr);align-items:center;gap:13px;display:grid;position:absolute;inset:0 4%}.map-node{z-index:3;border:1px solid var(--m-line);border-radius:calc(var(--m-radius) * .7);background:var(--m-surface);min-height:116px;box-shadow:var(--m-shadow);flex-direction:column;gap:6px;padding:11px;display:flex;position:relative}.map-node:after{content:"";border:2px solid var(--m-surface);background:var(--m-accent);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.map-node small{color:var(--m-accent);letter-spacing:.06em;text-transform:uppercase;font-size:7px;font-weight:750}.map-node strong{font-size:10px}.map-node p{color:var(--m-muted);margin:0;font-size:8px;line-height:1.45}.map-node.prior{border-style:dashed}.map-node.outcome{color:var(--m-accent-contrast);border-color:var(--m-accent);background:var(--m-accent)}.map-node.outcome small,.map-node.outcome p{color:color-mix(in srgb, var(--m-accent-contrast) 75%, transparent)}.map-node.selected{outline:2px solid var(--m-accent);outline-offset:3px}.selected-label{color:var(--m-accent-contrast);background:var(--m-accent);border-radius:4px;padding:3px 6px;font-size:7px;position:absolute;top:-25px;left:50%;transform:translate(-50%)}.connection-arch{z-index:2;border:2px solid var(--m-accent);opacity:.7;border-bottom:0;border-radius:50% 50% 0 0;height:17%;position:absolute;top:34%}.arch-one{width:30%;left:26%}.arch-two{width:31%;height:22%;top:29%;left:45%}.inspector-title{justify-content:space-between;align-items:center;margin-bottom:3px;font-size:11px;font-weight:700;display:flex}.inspector-title button{border:0;padding:3px}.inspector label,.profile-form label{color:var(--m-muted);gap:5px;font-size:8px;font-weight:650;display:grid}.inspector input,.inspector textarea,.profile-form input,.profile-form textarea,.invite-box input{border:1px solid var(--m-line);border-radius:calc(var(--m-radius) * .45);background:var(--m-bg);resize:none;outline:none;width:100%;padding:8px;font-size:9px}.inspector textarea{min-height:55px;line-height:1.4}.inspector-callout{color:var(--m-muted);border-radius:calc(var(--m-radius) * .5);background:var(--m-surface-2);gap:7px;margin-top:auto;padding:8px;font-size:8px;line-height:1.4;display:flex}.bar-chart{border-bottom:1px solid var(--m-line);background-image:linear-gradient(var(--m-line) 1px, transparent 1px);background-size:100% 25%;align-items:end;gap:8px;height:190px;padding-top:18px;display:flex}.bar-chart span{background:var(--m-accent);opacity:.76;border-radius:3px 3px 0 0;flex:1;min-width:5px}.bar-chart span:hover{opacity:1}.chart-labels{color:var(--m-muted);justify-content:space-between;padding-top:7px;font-size:8px;display:flex}.feedback-row{border-top:1px solid var(--m-line);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:13px 0;display:grid}.feedback-row:first-of-type{border-top:0}.feedback-row strong,.feedback-row span:last-child{font-size:9px}.feedback-dot{background:var(--m-accent);border-radius:50%;width:7px;height:7px}.feedback-dot.positive{background:var(--m-success)}.feedback-dot.warning{background:var(--m-warn)}.feedback-dot.danger{background:var(--m-danger)}.concept-table-panel{margin-top:13px}.data-table{overflow-x:auto}.table-row{border-top:1px solid var(--m-line);grid-template-columns:1.5fr repeat(4,1fr);min-width:620px;padding:11px 8px;font-size:9px;display:grid}.table-header{color:var(--m-muted);letter-spacing:.05em;text-transform:uppercase;background:var(--m-surface-2);font-size:7px;font-weight:750}.profile-card{text-align:center;flex-direction:column;align-items:center;display:flex}.profile-avatar{border:4px solid var(--m-surface);width:58px;height:58px;color:var(--m-accent-contrast);background:var(--m-accent);box-shadow:0 0 0 1px var(--m-line);border-radius:50%;place-items:center;font-size:15px;font-weight:750;display:grid}.profile-card h2{margin:15px 0 4px;font-size:17px}.profile-card p,.profile-card>span{color:var(--m-muted);margin:0;font-size:9px;line-height:1.55}.profile-card>span{max-width:260px;margin-top:14px}.profile-stats{border-block:1px solid var(--m-line);grid-template-columns:repeat(3,1fr);width:100%;margin:18px 0;padding:13px 0;display:grid}.profile-stats div{border-left:1px solid var(--m-line);gap:3px;display:grid}.profile-stats div:first-child{border-left:0}.profile-stats strong{font-size:14px}.profile-stats span{color:var(--m-muted);font-size:7px}.form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.form-grid .full{grid-column:1/-1}.form-grid textarea{min-height:70px}.visibility-row{border-radius:calc(var(--m-radius) * .6);background:var(--m-surface-2);grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:16px 0;padding:11px;display:grid}.visibility-row div{gap:2px;display:grid}.visibility-row strong{font-size:9px}.visibility-row span{color:var(--m-muted);font-size:8px}.invite-panel{background:var(--m-accent-soft);justify-content:space-between;align-items:center;gap:25px;margin-top:13px;display:flex}.invite-panel p{color:var(--m-accent);text-transform:uppercase;margin:0 0 5px;font-size:8px;font-weight:750}.invite-panel h2{margin:0 0 4px;font-size:15px}.invite-panel span{color:var(--m-muted);font-size:8px}.invite-box{gap:5px;min-width:310px;display:flex}.invite-box input{background:var(--m-surface)}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:12px;max-width:820px;margin:50px auto 14px;display:grid}.podium-card{text-align:center;border:1px solid var(--m-line);border-radius:var(--m-radius);background:var(--m-surface);min-height:180px;box-shadow:var(--m-shadow);flex-direction:column;align-items:center;padding:22px 15px;display:flex;position:relative}.podium-card.place-1{border-color:color-mix(in srgb, var(--m-accent) 55%, var(--m-line));min-height:215px;transform:translateY(-24px)}.rank-badge{width:25px;height:25px;color:var(--m-accent-contrast);background:var(--m-accent);border-radius:50%;place-items:center;font-size:9px;font-weight:750;display:grid;position:absolute;top:-12px}.podium-card .profile-avatar{width:44px;height:44px;font-size:11px}.podium-card h2{margin:12px 0 4px;font-size:12px}.podium-card p{color:var(--m-muted);margin:0 0 auto;font-size:8px}.podium-card>strong{margin-top:14px;font-size:18px}.podium-card>span:last-child{color:var(--m-muted);font-size:7px}.leader-row{border-top:1px solid var(--m-line);grid-template-columns:26px auto 1.3fr .8fr 1fr auto;align-items:center;gap:10px;padding:11px 6px;display:grid}.leader-rank{color:var(--m-muted);text-align:center;font-size:10px;font-weight:750}.mini-avatar{width:28px;height:28px}.leader-row>div:nth-child(3){gap:2px;display:grid}.leader-row strong{font-size:9px}.leader-row small,.leader-row>span{color:var(--m-muted);font-size:8px}.privacy-banner{color:var(--m-muted);border:1px solid var(--m-line);border-radius:var(--m-radius);background:var(--m-surface-2);gap:9px;margin-top:13px;padding:12px 15px;font-size:8px;display:flex}.privacy-banner strong{color:var(--m-text)}.student-experience{background:var(--m-bg);flex-direction:column;min-height:calc(100vh - 156px);margin:-34px -38px -54px;display:flex}.student-top{border-bottom:1px solid var(--m-line);background:var(--m-surface);justify-content:space-between;align-items:center;min-height:59px;padding:10px 22px;display:flex}.student-top>div{align-items:center;gap:8px;display:flex}.student-top strong{font-size:11px}.student-top small,.student-top span{color:var(--m-muted);font-size:8px}.student-progress{background:var(--m-surface-2);height:3px}.student-progress span{background:var(--m-accent);height:100%;display:block}.student-stage{background-image:radial-gradient(var(--m-line) .7px, transparent .7px);background-size:22px 22px;flex:1;min-height:650px;position:relative;overflow:hidden}.student-context{text-align:center;width:520px;position:absolute;top:7%;left:50%;transform:translate(-50%)}.student-context span{color:var(--m-accent);letter-spacing:.12em;font-size:8px;font-weight:750}.student-context h1{letter-spacing:-.05em;margin:8px 0 6px;font-size:31px}.student-context p{max-width:440px;color:var(--m-muted);margin:0 auto;font-size:10px;line-height:1.6}.student-map{grid-template-columns:repeat(5,1fr);align-items:center;gap:30px;height:160px;display:grid;position:absolute;top:31%;left:5%;right:5%}.student-path{top:50%;left:5%;right:5%}.student-node{z-index:3;text-align:center;min-width:0;color:var(--m-muted);flex-direction:column;align-items:center;gap:5px;display:flex}.student-node>span{border:3px solid var(--m-bg);width:28px;height:28px;color:var(--m-muted);background:var(--m-surface-2);box-shadow:0 0 0 1px var(--m-line);border-radius:50%;place-items:center;font-size:8px;font-weight:750;display:grid}.student-node strong{font-size:9px}.student-node small{font-size:7px}.student-node.active{color:var(--m-text);transform:translateY(-8px)}.student-node.active>span{width:42px;height:42px;color:var(--m-accent-contrast);background:var(--m-accent);box-shadow:0 0 0 5px var(--m-accent-soft)}.student-node.outcome>span{color:var(--m-accent-contrast);background:var(--m-accent)}.student-arch{z-index:1;border:2px solid var(--m-accent);opacity:.72;border-bottom:0;border-radius:50% 50% 0 0;height:65px;position:absolute;top:15px}.student-arch span{color:var(--m-accent);white-space:nowrap;font-size:7px;font-weight:750;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.arch-back{width:25%;left:24%}.arch-forward{width:25%;left:49%}.student-detail{border:1px solid var(--m-line);border-radius:var(--m-radius);background:color-mix(in srgb, var(--m-surface) 94%, transparent);width:min(580px,70%);box-shadow:var(--m-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:17px;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.student-detail-top{justify-content:space-between;display:flex}.student-detail h2{margin:8px 0 4px;font-size:16px}.student-detail>p{color:var(--m-muted);margin:0;font-size:9px}.learn-block{border-radius:calc(var(--m-radius) * .55);background:var(--m-accent-soft);gap:3px;margin-top:12px;padding:9px;display:grid}.learn-block span{color:var(--m-accent);text-transform:uppercase;font-size:7px;font-weight:750}.learn-block strong{font-size:9px;line-height:1.45}.student-detail blockquote{border-left:2px solid var(--m-accent);background:var(--m-surface-2);gap:8px;margin:10px 0;padding:9px;display:flex}.student-detail blockquote p{margin:0;font-size:8px;line-height:1.45}.student-detail blockquote small{color:var(--m-muted);margin-top:3px;font-size:7px;display:block}.student-feedback{justify-content:space-between;align-items:center;gap:10px;display:flex}.student-feedback>span{color:var(--m-muted);font-size:8px}.student-feedback div{gap:5px;display:flex}.student-feedback button{padding:5px 7px;font-size:7px}.student-controls{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:17px;left:21px;right:21px}.student-controls>span{gap:5px;display:flex}.student-controls i{background:var(--m-line);border-radius:50%;width:5px;height:5px}.student-controls i.active{background:var(--m-accent);border-radius:99px;width:17px}.vision-label{color:var(--m-muted);letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:700;position:absolute;top:15px;right:20px}.vision-atlas .page-heading h1,.vision-atlas .student-context h1{letter-spacing:-.035em;font-family:Georgia,serif;font-weight:500}.vision-notion .mock-sidebar{background:#202020}.vision-notion .mock-topbar{background:#202020e6}.vision-notion .metric-card,.vision-notion .panel,.vision-notion .course-card{box-shadow:none}.vision-blueprint .mock-brand strong,.vision-blueprint .page-heading h1,.vision-blueprint .editor-heading h1,.vision-blueprint .student-context h1{letter-spacing:-.04em;font-family:Cascadia Mono,SFMono-Regular,ui-monospace,monospace}.vision-blueprint .panel,.vision-blueprint .metric-card,.vision-blueprint .course-card{box-shadow:none}.vision-meadow .brand-mark{border-radius:50%}.vision-meadow .metric-card:nth-child(2),.vision-meadow .course-card:nth-child(2){transform:rotate(.4deg)}.vision-meadow .metric-card:nth-child(3){transform:rotate(-.4deg)}.vision-prism .brand-mark,.vision-prism .primary-button{background:linear-gradient(135deg,#6652d9,#8867e8 55%,#cf6e9b)}.vision-prism .insight-banner{background:linear-gradient(110deg,#eee9ff,#f9edf4)}.vision-prism .mock-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffbf}.outcome-visit{--outcome-bg:#15191e;--outcome-panel:#1f252cf0;--outcome-node:#252b32;--outcome-line:#56616d;--outcome-text:#f4f7f9;--outcome-muted:#9ca8b4;--outcome-accent:#56d6e9;--outcome-assignment:#b68cff;min-height:calc(100vh - 156px);color:var(--outcome-text);background:var(--outcome-bg);margin:-34px -38px -54px}.screen-student .app-frame,.screen-student-flow .app-frame,.screen-student-mobile .app-frame{min-height:calc(100vh - 48px);display:block}.screen-student .mock-sidebar,.screen-student .mock-topbar,.screen-student-flow .mock-sidebar,.screen-student-flow .mock-topbar,.screen-student-mobile .mock-sidebar,.screen-student-mobile .mock-topbar{display:none}.screen-student .screen-content,.screen-student-flow .screen-content,.screen-student-mobile .screen-content{max-width:none;padding:0}.screen-student .outcome-visit{min-height:calc(100vh - 48px);margin:0}.screen-student .outcome-canvas{height:calc(100vh - 110px)}.outcome-topbar{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#14181deb;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;min-height:62px;padding:10px 20px;display:flex;position:relative}.outcome-course,.outcome-top-actions,.outcome-focus-heading,.outcome-teacher-note{align-items:center;display:flex}.outcome-course{gap:10px}.outcome-course>span:last-child{gap:2px;display:grid}.outcome-course strong{font-size:11px}.outcome-course small{color:var(--outcome-muted);font-size:8px}.outcome-brand,.outcome-icon{color:#071114;background:var(--outcome-accent);place-items:center;display:grid}.outcome-brand{border-radius:9px;width:32px;height:32px}.outcome-top-actions{gap:8px}.outcome-top-actions button,.outcome-canvas-controls button{color:var(--outcome-muted);background:#ffffff0a;border-color:#ffffff1f}.first-visit-pill{color:var(--outcome-accent);letter-spacing:.08em;text-transform:uppercase;background:#56d6e914;border:1px solid #56d6e947;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:750}.outcome-canvas{background-image:radial-gradient(circle at 74% 46%,#56d6e91f,#0000 24%),radial-gradient(#ffffff29 .7px,#0000 .7px);background-size:auto,22px 22px;height:calc(100vh - 218px);min-height:690px;position:relative;overflow:hidden}.canvas-kicker{z-index:5;gap:4px;display:grid;position:absolute;top:32px;left:34px}.canvas-kicker span{color:var(--outcome-accent);letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:800}.canvas-kicker p{color:var(--outcome-muted);margin:0;font-size:9px}.course-flow{filter:brightness(.72)saturate(.75);opacity:.72;width:1200px;height:360px;transition:filter .45s,opacity .45s;position:absolute;bottom:65px;left:32px}.flow-arrows{width:100%;height:100%;color:var(--outcome-accent);position:absolute;inset:0;overflow:visible}.main-flow-line{fill:none;stroke:url(#outcome-line);stroke-width:3px;marker-end:url(#flow-arrow)}.meaning-arch{fill:none;stroke:var(--outcome-accent);stroke-width:2px;stroke-dasharray:5 5;opacity:.45;marker-end:url(#flow-arrow)}.assignment-line{fill:none;stroke:var(--outcome-assignment);stroke-width:1.5px;stroke-dasharray:3 4;opacity:.6;marker-end:url(#flow-arrow)}.concept-nodes{grid-template-columns:repeat(4,1fr);gap:76px;display:grid;position:absolute;top:122px;left:70px;right:70px}.flow-node{min-width:0;height:84px;color:var(--outcome-text);background:var(--outcome-node);border:1px solid #66717d;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:11px;display:grid;position:relative;box-shadow:0 12px 26px #00000042}.flow-node:before,.flow-node:after{content:"";border:2px solid var(--outcome-bg);background:#8f9aa5;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;transform:translateY(-50%)}.flow-node:before{left:-6px}.flow-node:after{right:-6px}.flow-node>i{background:var(--outcome-node);border-bottom:1px solid #66717d;border-right:1px solid #66717d;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.node-icon{width:34px;height:34px;color:var(--outcome-accent);background:#56d6e91a;border-radius:9px;place-items:center;display:grid}.node-copy{gap:3px;min-width:0;display:grid}.node-copy small{color:var(--outcome-muted);letter-spacing:.07em;text-transform:uppercase;font-size:7px}.node-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.course-start-node{scroll-margin-left:100px}.course-start-node:target{border-color:var(--outcome-accent);animation:1.25s ease-out course-start-pulse;box-shadow:0 0 0 5px #56d6e91f,0 18px 40px #00000059}.final-flow-node{border-color:var(--outcome-accent);background:linear-gradient(145deg,#24353b,#202b31);box-shadow:0 0 0 4px #56d6e91a,0 18px 40px #00000059}.final-flow-node .node-icon{color:#071114;background:var(--outcome-accent)}.final-flow-node:before,.final-flow-node:after{background:var(--outcome-accent)}.assignment-nodes{position:absolute;inset:0}.assignment-node{width:130px;color:var(--outcome-assignment);background:#22242d;border:1px solid #b68cff66;border-radius:8px;align-items:center;gap:7px;padding:8px 9px;display:flex;position:absolute;top:250px}.assignment-node span{gap:2px;min-width:0;display:grid}.assignment-node small{color:#9187a6;text-transform:uppercase;font-size:6px}.assignment-node strong{color:#d8d4df;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.assignment-one{left:250px}.assignment-two{left:605px}.assignment-three{left:965px}.outcome-focus{z-index:8;background:var(--outcome-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #56d6e973;border-radius:20px;width:min(480px,100% - 50px);padding:22px;transition:opacity .35s,transform .35s;position:absolute;top:45px;right:36px;overflow:hidden;box-shadow:0 30px 80px #00000073,0 0 0 5px #56d6e90f}.outcome-canvas:has(.course-start-node:target) .course-flow{filter:none;opacity:1}.outcome-canvas:has(.course-start-node:target) .outcome-focus{opacity:0;pointer-events:none;transform:translateY(-12px)}.outcome-orbit{border:1px solid #56d6e91f;border-radius:50%;width:260px;height:260px;position:absolute;inset:-100px -75px auto auto}.outcome-orbit span{border:1px solid #56d6e91a;border-radius:50%;position:absolute;inset:35px}.outcome-orbit span:nth-child(2){inset:75px}.outcome-orbit span:nth-child(3){background:#56d6e914;inset:110px}.outcome-focus-heading{gap:10px;position:relative}.outcome-icon{border-radius:12px;width:42px;height:42px}.outcome-focus-heading div{gap:3px;display:grid}.outcome-focus-heading small{color:var(--outcome-accent);letter-spacing:.12em;text-transform:uppercase;font-size:7px;font-weight:800}.outcome-focus-heading span{color:var(--outcome-muted);font-size:9px}.outcome-focus h1{letter-spacing:-.045em;max-width:405px;margin:18px 0 9px;font-size:clamp(22px,2.5vw,34px);line-height:1.07;position:relative}.outcome-focus>p{max-width:410px;color:var(--outcome-muted);margin:0;font-size:10px;line-height:1.6}.outcome-focus ul{gap:7px;margin:16px 0;padding:0;list-style:none;display:grid}.outcome-focus li{color:#d7dfe4;align-items:center;gap:7px;font-size:9px;display:flex}.outcome-focus li svg{color:var(--outcome-accent)}.outcome-teacher-note{border-left:2px solid var(--outcome-accent);background:#ffffff0a;border-radius:0 8px 8px 0;gap:9px;padding:10px}.teacher-note-avatar{color:#071114;background:var(--outcome-accent);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:8px;font-weight:800;display:grid}.outcome-teacher-note p{color:#dce3e7;margin:0;font-size:8px;line-height:1.45}.outcome-teacher-note small{color:var(--outcome-muted);margin-top:3px;font-size:7px;display:block}.outcome-start-button{color:#071114;background:var(--outcome-accent);border-radius:10px;justify-content:space-between;align-items:center;margin-top:17px;padding:11px 13px;font-size:10px;font-weight:800;display:flex;box-shadow:0 10px 30px #56d6e92e}.outcome-start-button:hover{filter:brightness(1.08)}.outcome-helper{color:var(--outcome-muted);text-align:center;margin-top:7px;font-size:7px;display:block}.outcome-canvas-controls{z-index:9;background:#181d23e6;border:1px solid #ffffff1a;border-radius:9px;align-items:center;padding:4px;display:flex;position:absolute;bottom:15px;left:18px}.outcome-canvas-controls button{width:25px;height:25px;padding:0}.outcome-canvas-controls span{color:var(--outcome-muted);padding:0 8px;font-size:8px}.outcome-legend{color:var(--outcome-muted);align-items:center;gap:5px;font-size:7px;display:flex;position:absolute;bottom:19px;right:20px}.outcome-legend i{background:var(--outcome-accent);border-radius:50%;width:7px;height:7px;margin-left:8px}.outcome-legend i:nth-of-type(2){background:var(--outcome-assignment)}.outcome-legend i:nth-of-type(3){border:1px dashed var(--outcome-accent);background:0 0}@keyframes course-start-pulse{0%{transform:scale(.96)}55%{transform:scale(1.04)}to{transform:scale(1)}}.film-view{--film-bg:#15191e;--film-panel:#20272e;--film-node:#252d35;--film-line:#59646f;--film-text:#f3f7f9;--film-muted:#96a3ae;--film-blue:#4eaee8;--film-purple:#aa83e8;width:100vw;height:100vh;min-height:100vh;color:var(--film-text);background:var(--film-bg);font-family:var(--font-montserrat), "Segoe UI", ui-sans-serif, system-ui, sans-serif;overflow:hidden}.screen-student-flow .studio-bar{display:none}.screen-student-flow .mockup-studio{overflow:hidden}.screen-student-flow .app-frame{width:100vw;min-height:100vh;overflow:hidden}.film-topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12171cf0;border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:center;min-height:66px;padding:10px 22px;display:flex;position:relative}.film-course,.film-top-actions,.film-course>span:last-child{align-items:center;display:flex}.film-course{gap:9px}.film-course>span:last-child{flex-direction:column;align-items:flex-start;gap:2px}.film-course strong{font-size:12px}.film-course small{color:var(--film-muted);font-size:8px}.film-top-actions{gap:6px}.film-top-actions button{color:var(--film-muted);background:#ffffff09;border-color:#ffffff1c}.film-top-actions button.active{color:#dff4ff;background:#4eaee824;border-color:#4eaee88c}.film-progress{background:#222931;height:3px}.film-progress span{background:var(--film-blue);height:100%;display:block}.film-scroll-viewport{overscroll-behavior-x:contain;scrollbar-color:#4eaee873 #ffffff0a;scrollbar-width:thin;height:calc(100vh - 69px);min-height:720px;overflow:auto hidden}.film-scroll-viewport::-webkit-scrollbar{height:8px}.film-scroll-viewport::-webkit-scrollbar-track{background:#ffffff0a}.film-scroll-viewport::-webkit-scrollbar-thumb{background:#4eaee873;border-radius:999px}.film-canvas{background-color:#151a20;background-image:radial-gradient(circle,#a9bac73b 1px,#0000 1.2px),radial-gradient(circle at 50% 18%,#4eaee80f,#0000 30%);background-position:0 0,0 0;background-size:22px 22px,auto;height:900px;min-height:900px;position:relative;overflow:visible}.module-zone{z-index:1;background:linear-gradient(145deg,#37475338,#181f267a),radial-gradient(circle,#ffffff14 .7px,#0000 .8px) 0 0/22px 22px;border:1px solid #97b4c824;border-radius:30px;height:820px;padding:20px 22px;transition:left .38s cubic-bezier(.22,.78,.28,1),width .38s cubic-bezier(.22,.78,.28,1);position:absolute;top:112px;box-shadow:inset 0 1px #ffffff0e,inset 0 -80px 100px #04090d1f,0 24px 50px #0000001f}.module-zone:before{content:"";opacity:.65;background:linear-gradient(90deg,#0000,#62b5e894,#0000);border-radius:99px;height:3px;position:absolute;top:-1px;left:30px;right:30px}.module-prior-zone{background:linear-gradient(145deg,#48355c33,#191d267a),radial-gradient(circle,#c7aee61c .7px,#0000 .8px) 0 0/22px 22px;border-style:dashed;border-color:#aa83e83d}.module-prior-zone:before{background:linear-gradient(90deg,#0000,#aa83e8a6,#0000)}.module-two-zone{background:linear-gradient(145deg,#2b567040,#18202885),radial-gradient(circle,#7cc0e91f .7px,#0000 .8px) 0 0/22px 22px;border-color:#4eaee842}.module-three-zone{background:linear-gradient(145deg,#2d5b5336,#18202885),radial-gradient(circle,#70d2c01a .7px,#0000 .8px) 0 0/22px 22px;border-color:#5fc1b038}.module-four-zone{background:linear-gradient(145deg,#694c2b30,#181f2685),radial-gradient(circle,#e3ae641a .7px,#0000 .8px) 0 0/22px 22px;border-color:#e3ae6433}.module-five-zone{background:linear-gradient(145deg,#56355b30,#181f2685),radial-gradient(circle,#cd82cf1a .7px,#0000 .8px) 0 0/22px 22px;border-color:#cd82cf33}.module-outcome-zone{background:linear-gradient(145deg,#6d512340,#201d1894),radial-gradient(circle,#e9b96324 .7px,#0000 .8px) 0 0/22px 22px;border-color:#e9b96361}.module-outcome-zone:before{background:linear-gradient(90deg,#0000,#e9b963c2,#0000)}.tracked-module-title-rail{width:calc(100% - 56px);height:55px;position:absolute;top:-78px;left:28px}.tracked-module-title{z-index:24;min-width:300px;max-width:min(680px,100vw - 110px);color:var(--film-text);pointer-events:none;contain:layout paint;background:linear-gradient(#0d1216,#12191e);border-top:1px solid #4eaee8ad;border-radius:0 0 18px 18px;grid-template-columns:minmax(0,1fr) max-content;gap:2px 20px;padding:9px 34px 10px;display:grid;position:sticky;top:0;box-shadow:0 15px 35px #0003}.tracked-module-title span,.tracked-module-title strong{white-space:nowrap;grid-column:1}.tracked-module-title span{color:var(--film-blue);letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:850}.tracked-module-title strong{letter-spacing:-.025em;font-size:14px}.tracked-module-title small{color:var(--film-muted);white-space:nowrap;grid-area:1/2/span 2;align-self:center;font-size:8px}.tracked-prior{border-top-color:#aa83e8bf}.tracked-prior span{color:var(--film-purple)}.tracked-three{border-top-color:#5fc1b0b3}.tracked-three span{color:#5fc1b0}.tracked-four{border-top-color:#e3ae64b3}.tracked-four span{color:#e3ae64}.tracked-five{border-top-color:#cd82cfb3}.tracked-five span{color:#cd82cf}.tracked-outcome{border-top-color:#e9b963d1}.tracked-outcome span{color:#e9b963}.film-connections{z-index:3;pointer-events:none;height:900px;position:absolute;inset:0;overflow:visible}.film-spine{fill:none;stroke:url(#film-spine-gradient);stroke-width:3px;marker-end:url(#film-arrow)}.film-concept-connector{fill:none;stroke:#b8c2c975;stroke-width:1px}.film-key-link{fill:none;stroke:var(--film-blue);stroke-width:2.5px;marker-end:url(#film-arrow);filter:drop-shadow(0 0 6px #4eaee857)}.eureka-link{stroke:#70c7f4}.future-link{stroke:#42a9e5}.film-assignment-link{fill:none;stroke:var(--film-purple);stroke-width:1.5px;stroke-dasharray:4 4;marker-end:url(#film-arrow)}.learning-event-stem{fill:none;stroke:var(--event-color);stroke-width:1px;stroke-dasharray:2 4;opacity:.52}.learning-event-coverage{fill:none;stroke:var(--event-color);stroke-width:2.25px;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--event-color) 52%, transparent))}.learning-event-coverage.supporting{stroke-width:1.4px;stroke-dasharray:5 5;opacity:.72}.film-key-label{z-index:4;color:var(--film-blue);background:#141e26e6;border:1px solid #4eaee84d;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:7px;font-weight:750;display:flex;position:absolute;top:116px;box-shadow:0 8px 20px #0003}.past-label{left:1745px}.future-label{left:2805px}.film-node{z-index:6;width:352px;height:190px;color:var(--film-text);cursor:pointer;background:linear-gradient(145deg,#29333b,#232a31);border:1px solid #62717c;border-radius:15px;padding:0;transition:left .38s cubic-bezier(.22,.78,.28,1),height .25s,border-color .2s,box-shadow .2s,transform .25s;display:block;position:absolute;top:225px;overflow:visible;box-shadow:0 14px 28px #0000004d,inset 0 1px #ffffff0a}.film-node:before,.film-node:after{content:"";border:2px solid var(--film-bg);background:#929ca5;border-radius:50%;width:8px;height:8px;position:absolute;top:95px;transform:translateY(-50%)}.film-node:before{left:-5px}.film-node:after{right:-5px}.relationship-target-crown{z-index:2;opacity:0;pointer-events:none;background:0 0;border:2px solid #0000;border-radius:17px;transition:opacity .18s;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0% 34%,#0000009e 55%,#0000 78%);mask-image:linear-gradient(#000 0% 34%,#0000009e 55%,#0000 78%)}.film-node.relationship-target .relationship-target-crown{opacity:1;border-color:#68c5f5;box-shadow:0 0 16px #4eaee87a,inset 0 0 10px #4eaee81a}.film-node.event-target-primary .relationship-target-crown{border-color:var(--event-color);opacity:1;box-shadow:0 0 18px color-mix(in srgb, var(--event-color) 65%, transparent), inset 0 0 12px color-mix(in srgb, var(--event-color) 13%, transparent)}.film-node.event-target-supporting .relationship-target-crown{border-color:color-mix(in srgb, var(--event-color) 65%, transparent);opacity:.68;box-shadow:0 -2px 10px color-mix(in srgb, var(--event-color) 35%, transparent)}.film-node-summary{align-items:center;height:92px;padding:15px 17px;display:flex}.film-node-copy{gap:6px;min-width:0;display:grid}.film-node small{color:var(--film-muted);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:700}.film-node-copy strong{color:#a6b2ba;letter-spacing:-.025em;max-width:298px;font-size:17px;font-weight:620;line-height:1.15;transition:color .18s}.mockup-studio .concept-pin{z-index:4;color:#cfdbe2b8;width:22px;height:22px;box-shadow:none;opacity:0;background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:color .16s,filter .16s,opacity .16s,transform .16s;display:grid;position:absolute;top:11px;right:11px;transform:translateY(2px)}.mockup-studio .concept-pin svg{fill:none;stroke-width:1.45px}.film-node:hover .concept-pin,.film-node:focus-within .concept-pin,.concept-pin.active{opacity:1;transform:translateY(0)}.mockup-studio .concept-pin:hover{color:#eef5f8;box-shadow:none;filter:drop-shadow(0 0 5px #eef5f838);background:0 0;border:0}.concept-pin:focus-visible{outline-offset:3px;border-radius:2px;outline:1px solid #88d7ffbf}.mockup-studio .concept-pin.active{color:#f3c64f;box-shadow:none;filter:drop-shadow(0 0 6px #f3c64f61);background:0 0;border:0}.concept-pin.active svg{fill:currentColor}.film-node.prior{border-style:dashed}.film-node.open{z-index:20;background:linear-gradient(150deg,#293943,#222a31 50%);height:440px}.film-node.open:before,.film-node.open:after{top:95px}.film-node.outcome{background:linear-gradient(145deg,#393125,#252a2e);border-color:#e9b963b8;box-shadow:0 14px 28px #0000004d,0 0 0 4px #e9b9630f,inset 0 1px #ffffff0a}.film-node.outcome:before,.film-node.outcome:after{background:#e9b963}.film-node:hover,.film-node.selected,.film-node:focus-visible{z-index:21;border-color:var(--film-blue);outline:none;box-shadow:0 0 0 6px #4eaee81a,0 26px 60px #0000007a}.film-node:hover .film-node-copy strong,.film-node.selected .film-node-copy strong,.film-node:focus-visible .film-node-copy strong{color:#c2cdd3}.current-indicator{letter-spacing:.06em;text-transform:uppercase;color:var(--film-blue);background:#1b252c;border:1px solid #4eaee866;border-radius:999px;padding:2px 5px;font-size:5px;font-weight:800;position:absolute;top:-9px;right:9px}.concept-preview{background:#0c121729;border-top:1px solid #ffffff12;align-content:start;align-items:flex-start;width:100%;min-height:98px;padding:13px 17px 15px;display:flex}.concept-preview strong{color:#f4f8fa;font-size:12px;font-weight:650;line-height:1.48}.relationship-callout{z-index:22;color:#e9f6fc;pointer-events:none;background:linear-gradient(145deg,#0f1f29f7,#12191ff7);border:1px solid #5cbef18c;border-radius:12px;gap:4px;width:224px;min-height:104px;padding:11px 12px;display:grid;position:absolute;top:215px;transform:translateY(-100%);box-shadow:0 14px 32px #00000061,0 0 18px #4eaee81a}.relationship-callout small{color:#70c7f4;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:800}.relationship-callout strong{color:#70c7f4;font-size:11px;font-weight:650;line-height:1.3}.relationship-callout p{color:#e5f2f7;margin:3px 0 0;font-size:10px;font-weight:400;line-height:1.5}.relationship-callout.editable{pointer-events:auto}.relationship-callout-eureka{border-bottom-right-radius:4px}.relationship-callout-future{border-bottom-left-radius:4px}.concept-expanded{border-top:1px solid #4eaee829;gap:12px;padding:14px 16px 16px;display:grid}.concept-image-placeholder{color:#81919c;background:linear-gradient(145deg,#4eaee80f,#ffffff04),radial-gradient(circle,#a9bac729 .7px,#0000 .8px) 0 0/13px 13px;border:1px dashed #97b4c84d;border-radius:10px;align-content:center;place-items:center;gap:7px;min-height:112px;display:grid;overflow:hidden}.concept-image-placeholder span{letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:750}.concept-image-media{background:linear-gradient(145deg,#4eaee814,#ffffff06);border-style:solid;padding:8px}.concept-image-media img{object-fit:contain;filter:drop-shadow(0 12px 22px #0003);width:100%;max-height:154px;display:block}.professor-note-pill{z-index:60;color:#f4f1e9;cursor:default;background:#080a0bf5;border:1px solid #f5c646c7;border-radius:999px;align-items:center;gap:10px;width:max-content;max-width:430px;min-height:54px;padding:7px 14px 7px 8px;display:flex;position:absolute;top:calc(100% + 13px);left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #f5c64614,0 12px 30px #0000006b}.film-node:hover,.film-node.selected,.film-node:focus-within{z-index:40}.professor-note-avatar{color:#f5c646;background:#171716;border:1px solid #f5c646b3;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:9px;font-weight:850;display:grid}.professor-note-copy{gap:2px;min-width:0;display:grid}.professor-note-copy small{color:#f5c646;letter-spacing:.09em;text-transform:uppercase;font-size:7px;font-weight:850}.professor-note-copy strong{color:#eeeae0;font-size:10px;font-weight:600;line-height:1.35}.learning-bridge{z-index:5;pointer-events:none;height:650px;padding:0 25px;position:absolute;top:0}.learning-bridge-label{width:fit-content;max-width:calc(100% - 40px);color:var(--film-purple);background:#181d24f0;border:1px solid #aa83e847;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;display:flex;position:absolute;top:350px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #0000003d}.learning-bridge-label span{gap:1px;min-width:0;display:grid}.learning-bridge-label small{color:#9d91ad;letter-spacing:.08em;text-transform:uppercase;font-size:7px;font-weight:800}.learning-bridge-label strong{color:#e5e0e8;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.learning-stack-grid{grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px;display:grid;position:absolute;top:680px;left:25px;right:25px}.learning-stack{pointer-events:auto;background:linear-gradient(145deg,#2d2b37f5,#1c1f26f5);border:1px solid #aa83e840;border-radius:12px;min-width:0;padding:10px;box-shadow:0 12px 26px #00000038}.learning-stack header{color:var(--film-purple);border-bottom:1px solid #ffffff12;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding-bottom:7px;display:grid}.learning-stack header strong{font-size:9px}.learning-stack header small{color:#b8aeca;text-align:center;background:#aa83e81f;border-radius:99px;min-width:17px;padding:2px 4px;font-size:7px}.learning-stack>div{gap:5px;padding-top:7px;display:grid}.learning-stack>div span{color:#d9d4df;background:#ffffff09;border-radius:6px;padding:5px 6px;font-size:8px;line-height:1.3}.stack-lectures header{color:#75bdea}.stack-recitations header{color:#69c5ae}.stack-practice header{color:#d3a66d}.stack-assessment header{color:#d990a9}.learning-event-rail{z-index:8;pointer-events:none;position:absolute;inset:0}.mockup-studio .learning-event-pill{border:1px solid color-mix(in srgb, var(--event-color) 34%, #8999a3);color:#dce7ec;background:linear-gradient(100deg, color-mix(in srgb, var(--event-color) 12%, #182027), #1b242b 64%);pointer-events:auto;border-radius:2px 15px 15px 2px;justify-content:flex-start;width:176px;height:40px;padding:6px 14px 6px 13px;font-size:8px;font-weight:550;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 18px #00000040,inset 0 1px #ffffff0b}.mockup-studio .learning-event-pill:before{content:"";background:var(--event-color);width:4px;box-shadow:0 0 10px color-mix(in srgb, var(--event-color) 60%, transparent);position:absolute;inset:-1px auto -1px -1px}.learning-event-pill .canvas-mark{background:url(/mockups/canvas-lms.svg) 50%/contain no-repeat;flex:none;width:21px;height:21px}.learning-event-pill span{text-align:left;gap:1px;min-width:0;display:grid;overflow:hidden}.learning-event-pill span strong{color:#e6edf0;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:620;line-height:1.15;overflow:hidden}.mockup-studio .learning-event-pill:hover,.mockup-studio .learning-event-pill.active{z-index:10;border-color:var(--event-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--event-color) 16%, transparent), 0 10px 22px #0000004d;transform:translate(-50%)translateY(-2px)}.learning-event-purpose{z-index:30;border:1px solid color-mix(in srgb, var(--event-color) 65%, transparent);color:#e7f0f4;width:300px;box-shadow:0 18px 42px #0000006b, 0 0 20px color-mix(in srgb, var(--event-color) 12%, transparent);pointer-events:none;background:#0f161bf7;border-radius:13px;gap:8px;padding:12px 13px;display:grid;position:absolute;transform:translate(-50%)}.learning-event-purpose header{gap:3px;display:grid}.learning-event-purpose header small{color:var(--event-color);letter-spacing:.1em;text-transform:uppercase;font-size:7px;font-weight:850}.learning-event-purpose header strong{color:#f0f5f7;font-size:11px}.learning-event-purpose-copy{gap:8px;display:grid}.learning-event-purpose-copy p{color:#d6e2e7;margin:0;font-size:9px;font-weight:400;line-height:1.55}.learning-event-purpose-copy p+p{border-top:1px solid color-mix(in srgb, var(--event-color) 18%, transparent);color:#f0f5f7;padding-top:8px}.learning-event-purpose-copy small{color:var(--event-color);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:7px;font-weight:800;display:block}.wheel-hint{color:var(--film-blue);border:1px dashed #4eaee840;border-radius:999px;padding:5px 8px;font-size:6px;font-weight:700}.film-detail-block{background:#4eaee817;border-radius:9px;gap:5px;padding:11px;display:grid}.film-detail-block>span{color:var(--film-blue);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800}.film-detail-block p{color:#d9e1e5;margin:0;font-size:11px;font-weight:400;line-height:1.5}.film-feedback{align-items:center;gap:7px;margin-top:1px;display:flex}.film-feedback>span{color:var(--film-muted);margin-right:auto;font-size:9px}.film-feedback button{color:#b7c2c9;background:#ffffff0b;border-color:#ffffff1c;padding:7px 8px;font-size:8px}.film-controls{z-index:20;background:#191e24f0;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;min-width:360px;padding:5px;display:flex;position:fixed;bottom:28px;right:18px;box-shadow:0 12px 30px #00000040}.film-controls button{color:var(--film-muted);background:0 0;border:0}.film-controls .film-primary{color:#061116;background:var(--film-blue)}.film-controls>span{gap:4px;display:flex}.film-controls i{background:#59636c;border-radius:50%;width:5px;height:5px}.film-controls i.active{background:var(--film-blue);border-radius:99px;width:17px}.course-minimap{z-index:25;width:540px;color:var(--film-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141b21e6;border:1px solid #97b4c833;border-radius:14px;padding:12px 13px 10px;position:fixed;bottom:28px;left:18px;box-shadow:0 16px 42px #00000059,inset 0 1px #ffffff0b}.course-minimap-heading,.course-minimap-labels{justify-content:space-between;align-items:center;display:flex}.course-minimap-heading span{letter-spacing:.04em;font-size:9px;font-weight:800}.course-minimap-heading small,.course-minimap-labels{color:var(--film-muted);font-size:7px}.course-minimap-track{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#a9bac72e .7px,#0000 .8px) 0 0/10px 10px,#090f136b;border:1px solid #ffffff0f;border-radius:9px;height:76px;margin:9px 0 6px;position:relative;overflow:hidden}.course-minimap-track:hover{border-color:#88d7ff52}.course-minimap-track:focus-visible{outline-offset:3px;outline:1px solid #88d7ffd9}.course-minimap-track.dragging{cursor:grabbing;border-color:#88d7ff99}.course-minimap-line{background:#829bac7a;height:1px;position:absolute;top:50%;left:1.8%;right:1.8%}.course-minimap-connections{z-index:3;pointer-events:none;width:100%;height:76px;position:absolute;inset:0;overflow:visible}.course-minimap-connections path{fill:none;stroke:#62bff0;stroke-width:1.5px;marker-end:url(#minimap-arrow);filter:drop-shadow(0 0 3px #4eaee8e6);vector-effect:non-scaling-stroke}.course-minimap-events{z-index:4;pointer-events:none;position:absolute;inset:0}.course-minimap-events i{background:var(--event-color);opacity:.68;border-radius:99px;width:2px;height:9px;position:absolute;top:52px;transform:translate(-50%)}.course-minimap-events i.active{opacity:1;width:3px;height:13px;box-shadow:0 0 7px var(--event-color);top:50px}.course-minimap-viewport{z-index:1;will-change:transform;pointer-events:none;background:#4eaee824;border:1px solid #88d7fff2;border-radius:6px;min-width:16px;position:absolute;top:5px;bottom:5px;left:0;box-shadow:0 0 0 1px #4eaee81f,0 0 14px #4eaee82e}.course-minimap-module{z-index:2;background:#ffffff06;border:1px solid #ffffff0d;border-radius:4px;height:22px;position:absolute;top:50%;transform:translateY(-50%)}.course-minimap-module i{background:#71808a;border:1px solid #ffffff59;border-radius:2px;width:7px;height:7px;display:block;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0e1418a6}.course-minimap-module i.relationship-source{z-index:5;border-color:#dff5ff;transform:translate(-50%,-50%)scale(1.5);box-shadow:0 0 0 3px #4eaee857,0 0 8px #4eaee8cc}.course-minimap-module i.relationship-target{z-index:4;border-top-color:#cdefff;border-left-color:#68c5f5;border-right-color:#68c5f5;box-shadow:0 -3px 6px #4eaee8d9,0 0 0 2px #0e1418a6}.course-minimap-module i.event-primary{z-index:5;border-color:var(--event-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--event-color) 28%, transparent), 0 0 8px var(--event-color);transform:translate(-50%,-50%)scale(1.5)}.minimap-prior i{background:#aa83e8}.minimap-one i{background:#7897ad}.minimap-two i{background:#4eaee8}.minimap-three i{background:#5fc1b0}.minimap-outcome i{background:#e9b963}.mobile-film-view{--mobile-accent:#4eaee8;color:#eef5f8;background:radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--mobile-accent) 13%, transparent), transparent 28%), radial-gradient(circle, #a9bac729 .7px, transparent .8px), #14191f;width:100%;max-width:100vw;min-height:100dvh;font-family:var(--font-montserrat), "Segoe UI", ui-sans-serif, system-ui, sans-serif;touch-action:pan-y;background-size:auto,20px 20px,auto;grid-template-rows:auto auto auto auto auto;align-content:start;gap:16px;padding:18px 14px 210px;display:grid;overflow-x:hidden}.mobile-tone-prior{--mobile-accent:#aa83e8}.mobile-tone-three{--mobile-accent:#5fc1b0}.mobile-tone-four{--mobile-accent:#e3ae64}.mobile-tone-five{--mobile-accent:#cd82cf}.mobile-tone-outcome{--mobile-accent:#e9b963}.mobile-film-module{border-bottom:1px solid color-mix(in srgb, var(--mobile-accent) 55%, transparent);text-align:center;gap:2px 12px;width:min(100vw - 28px,560px);margin:0 auto;padding:8px 12px 12px;display:grid}.mobile-film-module small{color:var(--mobile-accent);letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;font-size:9px;font-weight:850}.mobile-film-module h1{overflow-wrap:anywhere;letter-spacing:-.035em;min-width:0;margin:0;font-size:clamp(15px,4.5vw,21px);line-height:1.25}.mobile-film-module span{color:#8796a0;white-space:nowrap;font-size:8px}.mobile-film-relationships{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px;width:min(100vw - 28px,620px);margin:0 auto -2px;display:grid}.mobile-relationship-card{background:linear-gradient(145deg,#0f1f29f7,#12191ff5);border:1px solid #5cbef170;border-radius:12px;align-content:start;gap:4px;min-width:0;min-height:112px;padding:10px;display:grid;position:relative;box-shadow:0 12px 26px #00000047,0 0 16px #4eaee812}.mobile-relationship-card:after{content:"";background:#111b22;border-bottom:1px solid #5cbef170;border-right:1px solid #5cbef170;width:10px;height:10px;position:absolute;bottom:-6px;transform:rotate(45deg)}.mobile-relationship-eureka{text-align:left;border-bottom-right-radius:4px}.mobile-relationship-future{text-align:left;border-bottom-left-radius:4px}.mobile-relationship-eureka:after{right:18px}.mobile-relationship-future:after{left:18px}.mobile-relationship-card small,.mobile-relationship-card strong{color:#70c7f4}.mobile-relationship-card small{letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:850}.mobile-relationship-card strong{overflow-wrap:anywhere;font-size:11px;line-height:1.25}.mobile-relationship-card p{overflow-wrap:anywhere;color:#dbe9ef;min-width:0;margin:1px 0 0;font-size:9px;line-height:1.42}.mobile-relationship-card.empty{opacity:.55}.mobile-film-card{border:1px solid var(--mobile-accent);width:min(100vw - 20px,460px);height:430px;box-shadow:0 0 0 5px color-mix(in srgb, var(--mobile-accent) 10%, transparent), 0 24px 55px #0000006b;background:linear-gradient(150deg,#293943,#20272e 55%);border-radius:18px;gap:12px;margin:0 auto;padding:0 14px 14px;display:grid;position:relative;overflow:hidden}.mobile-film-card.outcome{background:linear-gradient(150deg,#393125,#252a2e 55%)}.mobile-card-stage{place-items:start center;width:100%;min-height:430px;display:grid;overflow:hidden}.mobile-card-next{animation:.28s cubic-bezier(.2,.8,.2,1) mobile-card-next}.mobile-card-previous{animation:.28s cubic-bezier(.2,.8,.2,1) mobile-card-previous}@keyframes mobile-card-next{0%{opacity:.2;transform:translate(36px)rotate(.5deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes mobile-card-previous{0%{opacity:.2;transform:translate(-36px)rotate(-.5deg)}to{opacity:1;transform:translate(0)rotate(0)}}.mobile-film-card-heading{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;min-height:70px;margin:0 -14px;padding:12px 14px;display:flex}.mobile-film-card-heading>span{overflow-wrap:anywhere;gap:5px;min-width:0;display:grid}.mobile-film-card-heading small{color:#91a0aa;letter-spacing:.07em;text-transform:uppercase;font-size:8px;font-weight:800}.mobile-film-card-heading strong{color:#d4dde2;letter-spacing:-.04em;font-size:clamp(17px,4.7vw,21px);line-height:1.12}.mobile-film-card-heading b{color:#071115;background:var(--mobile-accent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:4px 7px;font-size:7px}.mobile-film-preview{overflow-wrap:anywhere;color:#f4f8fa;min-width:0;margin:0;font-size:12px;font-weight:500;line-height:1.45}.mobile-film-visual{color:#81919c;background:radial-gradient(circle,#a9bac729 .7px,#0000 .8px) 0 0/13px 13px,#4eaee80a;border:1px dashed #97b4c852;border-radius:11px;align-content:center;place-items:center;gap:7px;min-height:84px;display:grid}.mobile-film-visual span{letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:750}.mobile-film-visual.concept-image-media{border-style:solid;padding:8px}.mobile-film-visual.concept-image-media img{object-fit:contain;width:100%;max-height:118px}.mobile-film-why{background:color-mix(in srgb, var(--mobile-accent) 10%, transparent);border-radius:10px;gap:5px;padding:11px;display:grid}.mobile-film-why small{color:var(--mobile-accent);letter-spacing:.06em;text-transform:uppercase;font-size:8px;font-weight:800}.mobile-film-why p{overflow-wrap:anywhere;color:#d9e1e5;min-width:0;margin:0;font-size:10px;line-height:1.45}.mobile-film-card .professor-note-pill{width:100%;max-width:none;position:static;transform:none}.mobile-film-overview{background:#141b21eb;border:1px solid #97b4c833;border-radius:14px;width:100%;min-width:0;margin:0;padding:12px;box-shadow:0 14px 36px #0000004d}.mobile-film-overview header,.mobile-overview-labels{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.mobile-film-overview header strong{font-size:9px}.mobile-film-overview header small,.mobile-overview-labels{color:#8997a1;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.mobile-overview-track{touch-action:none;cursor:ew-resize;background:radial-gradient(circle,#a9bac72e .7px,#0000 .8px) 0 0/10px 10px,#090f136b;border:1px solid #ffffff0f;border-radius:9px;align-items:center;gap:3px;height:48px;margin:9px 0 6px;padding:0 8px;display:flex;position:relative;overflow:hidden}.mobile-overview-track:before{content:"";background:#829bac7a;height:1px;position:absolute;left:9px;right:9px}.mobile-overview-connections{z-index:2;pointer-events:none;width:100%;height:48px;position:absolute;inset:0}.mobile-overview-connections path{fill:none;stroke:#62bff0;stroke-width:1.35px;filter:drop-shadow(0 0 2px #4eaee8e6);vector-effect:non-scaling-stroke}.mobile-overview-viewport{z-index:3;pointer-events:none;background:#4eaee824;border:1px solid #88d7fff2;border-radius:5px;width:18px;position:absolute;top:3px;bottom:3px;transform:translate(-50%);box-shadow:0 0 10px #4eaee847}.mobile-overview-module{z-index:1;background:#ffffff06;border:1px solid #ffffff0d;border-radius:5px;justify-content:space-around;align-items:center;gap:2px;min-width:0;height:24px;padding:0 3px;display:flex;position:relative}.mobile-overview-module button{background:#71808a;border:1px solid #ffffff59;border-radius:2px;width:7px;min-width:0;height:7px;padding:0;box-shadow:0 0 0 2px #0e1418a6}.mobile-overview-module button.active{background:var(--mobile-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--mobile-accent) 28%, transparent), 0 0 8px var(--mobile-accent);border-color:#e8f8ff;transform:scale(1.65)}.overview-prior button{background:#aa83e8}.overview-two button{background:#4eaee8}.overview-three button{background:#5fc1b0}.overview-four button{background:#e3ae64}.overview-five button{background:#cd82cf}.overview-outcome button{background:#e9b963}.mobile-film-navigation{width:100%;min-width:0;padding-bottom:max(0px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin:0;display:grid}.mobile-film-navigation button{color:#dbe7ec;background:#ffffff0b;border-color:#ffffff1f;min-width:0;min-height:42px}.mobile-film-navigation button:last-child{color:#071115;background:var(--mobile-accent)}.mobile-film-navigation button:disabled{opacity:.35;cursor:default}.mobile-film-navigation span{color:#84939d;text-align:center;font-size:7px}.mobile-film-bottom-dock{z-index:80;width:auto;max-width:560px;right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));bottom:max(6px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0e1419eb;border:1px solid #97b4c833;border-radius:16px;gap:8px;margin-inline:auto;padding:8px;display:grid;position:fixed;box-shadow:0 18px 46px #0000007a}.mobile-concept-page{color:#eef5f8;background:radial-gradient(circle at 50% 20%,#4eaee826,#0000 30%),#13171c;place-items:center;min-height:calc(100vh - 48px);padding:24px;display:grid;position:relative}.phone-shell{background:#171c22;border:1px solid #3c4852;border-radius:28px;width:min(390px,100%);min-height:720px;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073}.phone-topbar{border-bottom:1px solid #ffffff14;grid-template-columns:32px 1fr 32px;align-items:center;gap:7px;min-height:58px;padding:9px 10px;display:grid}.phone-topbar button{color:#9ba8b2;background:#ffffff08;border-color:#ffffff1a;width:32px;height:32px;padding:0}.phone-topbar>span{text-align:center;gap:2px;display:grid}.phone-topbar strong{font-size:9px}.phone-topbar small{color:#87949e;font-size:6px}.phone-progress{background:#222a31;height:3px}.phone-progress span{background:#4eaee8;height:100%;display:block}.phone-content{padding:15px 13px 88px}.phone-connections{grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:5px;padding:10px 0 16px;display:grid;position:relative}.phone-connections:before{content:"";opacity:.55;background:#4eaee8;height:2px;position:absolute;top:50%;left:12%;right:12%}.phone-connection-card,.phone-selected-node{z-index:2;background:#20272e;border:1px solid #4eaee847;border-radius:9px;align-items:center;gap:4px;min-width:0;padding:7px;display:flex}.phone-connection-card span{gap:2px;min-width:0;display:grid}.phone-connection-card small{color:#83919c;text-transform:uppercase;font-size:5px}.phone-connection-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:6px;overflow:hidden}.phone-selected-node{text-align:center;border-color:#4eaee8;flex-direction:column;padding:10px 7px;box-shadow:0 0 0 4px #4eaee817}.phone-selected-node>span{color:#071115;background:#4eaee8;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.phone-selected-node small{color:#4eaee8;font-size:5px;font-weight:800}.phone-selected-node strong{font-size:7px}.phone-detail-card{background:#20272e;border:1px solid #4eaee840;border-radius:15px;padding:15px;box-shadow:0 15px 35px #00000047}.phone-eyebrow{color:#4eaee8;letter-spacing:.1em;text-transform:uppercase;font-size:6px;font-weight:800}.phone-detail-card h1{letter-spacing:-.05em;margin:7px 0 4px;font-size:23px}.phone-detail-card>p{color:#95a3ae;margin:0;font-size:8px;line-height:1.5}.phone-why{background:#4eaee817;border-radius:9px;gap:4px;margin:12px 0;padding:10px;display:grid}.phone-why span{color:#4eaee8;text-transform:uppercase;font-size:6px;font-weight:800}.phone-why strong{font-size:8px;line-height:1.4}.phone-teacher-note{background:#ffffff08;border-left:2px solid #4eaee8;align-items:center;gap:7px;padding:8px;display:flex}.phone-teacher-note p{margin:0;font-size:7px;line-height:1.4}.phone-teacher-note small{color:#87949e;margin-top:2px;font-size:6px;display:block}.phone-assignment{color:#aa83e8;background:#20232a;border:1px solid #aa83e84d;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:9px;padding:10px;display:grid}.phone-assignment span{gap:2px;display:grid}.phone-assignment small{color:#91899d;text-transform:uppercase;font-size:5px}.phone-assignment strong{color:#e3dfe7;font-size:7px}.phone-feedback{margin-top:12px}.phone-feedback>span{color:#99a5ae;margin-bottom:6px;font-size:7px;display:block}.phone-feedback div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.phone-feedback button{color:#b9c3ca;background:#ffffff09;border-color:#ffffff1a;padding:8px;font-size:6px}.phone-bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14191ef5;border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);gap:7px;height:68px;padding:6px 12px;display:grid;position:absolute;bottom:0;left:0;right:0}.phone-bottom-nav button{color:#8996a0;background:0 0;border:0;flex-direction:column;gap:3px;font-size:6px;display:flex}.phone-bottom-nav .map-button{color:#071115;background:#4eaee8}.mobile-caption{color:#91a0aa;gap:2px;display:grid;position:absolute;bottom:20px;left:25px}.mobile-caption strong{color:#4eaee8;font-size:8px}.mobile-caption span{font-size:6px}@media (max-width:1100px){.metric-grid,.course-card-grid{grid-template-columns:repeat(2,1fr)}.editor-workspace{grid-template-columns:150px minmax(430px,1fr)}.inspector{display:none}.outcome-focus{width:430px;top:32px;right:22px}.course-flow{left:-180px}}@media (max-width:820px){.studio-bar{flex-direction:column;align-items:flex-start}.app-frame{grid-template-columns:1fr}.mock-sidebar{display:none}.screen-content{padding:25px 18px 45px}.split-grid,.analytics-grid,.profile-grid,.course-card-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:flex-start}.editor-page,.student-experience{margin:-25px -18px -45px}.editor-tools{display:none}.editor-workspace{grid-template-columns:1fr}.editor-heading{flex-direction:column;align-items:flex-start}.podium{gap:5px}.invite-panel{flex-direction:column;align-items:stretch}.invite-box{min-width:0}.outcome-visit{margin:-25px -18px -45px}.outcome-topbar{padding:9px 12px}.outcome-top-actions .first-visit-pill,.outcome-top-actions button svg{display:none}.outcome-top-actions button{padding:6px;font-size:0}.outcome-canvas{height:auto;min-height:780px;overflow-x:auto}.canvas-kicker{top:20px;left:18px}.outcome-focus{width:calc(100% - 24px);padding:18px;top:70px;right:12px}.outcome-focus h1{font-size:25px}.course-flow{transform-origin:0 100%;bottom:35px;left:-55px;transform:scale(.72)}.outcome-legend{display:none}.film-view{min-width:820px}.screen-student-flow .mockup-studio{overflow:hidden}.mobile-concept-page{place-items:start center;padding:12px 8px}.phone-shell{border-radius:20px;min-height:690px}.mobile-caption{display:none}}@media (max-width:560px){.mobile-film-view{gap:13px;padding:13px 10px 205px}.mobile-film-relationships{gap:6px}.mobile-relationship-card{min-height:120px;padding:9px}.mobile-relationship-card strong{font-size:10px}.mobile-relationship-card p{font-size:8px}.mobile-film-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mobile-film-navigation span{display:none}}@media (max-width:820px) and (max-height:780px){.mobile-film-view{gap:9px;padding-top:8px;padding-bottom:178px}.mobile-film-module{padding:5px 10px 7px}.mobile-film-module small{font-size:7px}.mobile-film-module h1{font-size:clamp(14px,4vw,18px)}.mobile-film-relationships{gap:5px}.mobile-relationship-card{gap:2px;min-height:84px;padding:7px}.mobile-relationship-card small{font-size:7px}.mobile-relationship-card strong{font-size:9px}.mobile-relationship-card p{font-size:7px;line-height:1.32}.mobile-card-stage{min-height:352px}.mobile-film-card{border-radius:15px;gap:7px;height:352px;padding:0 11px 10px}.mobile-film-card-heading{min-height:55px;margin:0 -11px;padding:8px 11px}.mobile-film-card-heading strong{font-size:clamp(15px,4vw,18px)}.mobile-film-card-heading b{padding:3px 5px;font-size:6px}.mobile-film-preview{font-size:9px;line-height:1.35}.mobile-film-visual{gap:4px;min-height:55px}.mobile-film-visual span{font-size:6px}.mobile-film-why{gap:3px;padding:7px}.mobile-film-why small{font-size:7px}.mobile-film-why p{font-size:8px;line-height:1.35}.mobile-film-card .professor-note-pill{padding-block:6px}.mobile-film-bottom-dock{gap:5px;padding:6px}.mobile-film-overview{padding:7px}.mobile-film-overview header small,.mobile-overview-labels{font-size:6px}.mobile-overview-track{height:40px;margin:5px 0 3px}.mobile-overview-connections{height:40px}.mobile-film-navigation{gap:5px}.mobile-film-navigation button{min-height:34px}}