:root{--bg:#141719;--surface:#1b1f22;--raised:#22272b;--border:#2d3338;--text:#e4e7e8;--muted:#8e999f;--subtle:#667177;--accent:#91badd;--accent-bg:#263846;--paper:#f5f3ed;--paper-dot:#c4c7c5;--paper-text:#8b918e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--bg:#f7f8f7;--surface:#fff;--raised:#eef1f0;--border:#dfe4e2;--text:#263337;--muted:#6a777a;--subtle:#849092;--accent:#376a96;--accent-bg:#e2edf5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px;transition:background .14s,color .14s;display:inline-flex}button:hover{background:var(--raised)}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:6px;outline:none;padding:9px 11px}select{cursor:pointer;max-width:100%}option{background:var(--surface);color:var(--text)}input:focus,textarea:focus{border-color:var(--accent)}:is(button:focus-visible,a:focus-visible,summary:focus-visible){outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-2.2px;font-size:52px;font-weight:450;line-height:1.15}h2{letter-spacing:-.5px;font-size:22px;font-weight:500}h3{font-size:14px;font-weight:500}h4{letter-spacing:.02em;margin-bottom:12px;font-size:12px;font-weight:500}p{line-height:1.7}small,.muted{color:var(--muted);font-size:12px}.topbar{border-bottom:1px solid var(--border);align-items:center;gap:45px;height:78px;padding:0 42px;display:flex}.brand{letter-spacing:-.4px;white-space:nowrap;gap:7px;padding:0;font-size:18px}.brand b{color:var(--muted);font-weight:400}.brand:hover{background:0 0}.brand-icon{color:#a5bed0;margin-right:4px;font-size:30px;line-height:1}.private-label{letter-spacing:1.3px;color:var(--subtle);border:1px solid var(--border);border-radius:3px;margin:3px 0 0 10px;padding:3px 4px;font-size:8px}.topbar nav{align-items:center;gap:22px;height:100%;display:flex}.topbar nav button{color:var(--muted);border-bottom:2px solid #0000;border-radius:0;height:100%;padding:0 2px;font-size:12px}.topbar nav button.selected{color:var(--text);border-bottom-color:var(--accent)}.topbar nav button:hover{color:var(--text);background:0 0}nav i{background:var(--accent-bg);border-radius:10px;padding:2px 5px;font-size:10px;font-style:normal}.header-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.search-trigger{color:var(--muted);gap:10px;font-size:11px}kbd{color:var(--subtle);border:1px solid var(--border);border-radius:4px;padding:2px 4px;font:10px inherit}.account{position:relative}.account summary{cursor:pointer;color:#c2d1cf;text-align:center;background:#293634;border:1px solid #536263;border-radius:50%;width:29px;height:29px;padding-top:6px;font-size:11px;list-style:none}.popover{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:9px;min-width:180px;padding:7px;position:absolute;top:38px;left:0;box-shadow:0 12px 40px #0003}.popover button,.popover label,.popover a{text-align:left;cursor:pointer;justify-content:flex-start;width:100%;padding:9px;font-size:12px;display:flex}.account-menu{width:230px;left:auto;right:0}.account-menu small{padding:10px;display:block}.home{max-width:1050px;margin:0 auto;padding:66px 40px 24px}.eyebrow{letter-spacing:2.1px;color:var(--muted);font-size:9px;font-weight:550}.home h1{margin-top:22px}.home h1 em{color:#a9bdb9;font-family:Georgia,Times New Roman,serif;font-weight:400}.intro{color:var(--muted);margin:20px 0 35px;font-size:12px}.continue-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:36px;padding:27px 0 29px;display:flex}.continue-section .eyebrow{letter-spacing:1.5px;font-size:8px}.continue-section h2{margin:12px 0 7px;font-size:21px}.continue-section p{color:var(--muted);align-items:center;gap:10px;font-size:11px;display:flex}.dot{color:var(--subtle)}.primary{color:#182a38;white-space:nowrap;background:#aecbde;padding:12px 18px;font-size:12px;font-weight:550}.primary:hover{background:#c0d7e6}.secondary{background:var(--surface);border:1px solid var(--border);padding:9px 12px;font-size:12px}.section-heading{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.section-heading h3{color:var(--text)}.section-heading>span{color:var(--subtle);font-size:10px}.tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.track{text-align:left;border:1px solid var(--border);background:linear-gradient(130deg,var(--surface),var(--bg));border-radius:10px;padding:25px 27px;display:block}.track:hover{border-color:#53646e}.track-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.track-symbol{color:#9cbed5;background:#293740;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;font-size:21px;display:flex}.symbol-1{color:#c7b7c7;background:#333133}.arrow-up{color:var(--subtle);font-size:19px}.track h2{font-size:20px}.track p{color:var(--muted);margin-top:8px;font-size:11px}.track-progress{justify-content:space-between;margin:28px 0 12px;font-size:12px;display:flex}.track-progress small{font-size:10px}.progress-bar{background:var(--border);border-radius:3px;height:3px;overflow:hidden}.progress-bar i{background:var(--accent);min-width:0;height:100%;display:block}.home-bottom{grid-template-columns:1fr 1fr;gap:54px;margin-top:39px;display:grid}.home-bottom section p{color:var(--muted);margin-bottom:14px;font-size:12px;line-height:1.8}.home-bottom .muted{color:var(--subtle);font-size:10px}.recent-row{border-bottom:1px solid var(--border);border-radius:0;justify-content:space-between;width:100%;padding:11px 0;font-size:11px;display:flex}.recent-row span{color:var(--subtle);align-items:center;gap:9px;font-size:10px;display:flex}.text-link{color:var(--accent);padding:0;font-size:11px}.home-footer{color:var(--subtle);letter-spacing:1.2px;border-top:1px solid var(--border);justify-content:space-between;margin-top:42px;padding-top:20px;font-size:8px;display:flex}.home-footer i{opacity:.5;margin:0 9px;font-style:normal}.home-footer>span:last-child{letter-spacing:0;align-items:center;gap:7px;font-size:9px;display:flex}.difficulty{font-size:10px}.easy{color:#8db6a2}.medium{color:#c9b481}.hard{color:#d2999b}.catalog-page{max-width:1160px;margin:auto;padding:55px 40px}.page-heading{justify-content:space-between;align-items:center;margin-top:19px;margin-bottom:43px;display:flex}.page-heading h1{letter-spacing:-1.2px;font-size:35px}.page-heading p{color:var(--muted);margin-top:12px;font-size:12px}.catalog-controls{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:22px;display:flex}.catalog-controls>span{color:var(--muted);font-size:11px}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:3px;display:flex}.segmented button{color:var(--muted);padding:8px 14px;font-size:11px}.segmented button.active{background:var(--raised);color:var(--text)}.filters{align-items:center;gap:10px;margin-bottom:20px;display:flex}.search-field{border:1px solid var(--border);color:var(--muted);border-radius:6px;flex:1;align-items:center;gap:8px;padding-left:12px;display:flex}.search-field input{border:none;width:100%;padding:11px 3px;font-size:12px}.filters select{max-width:180px;padding:10px;font-size:11px}.filters>button{border:1px solid var(--border);height:37px}.active{color:var(--accent);background:var(--accent-bg)}.tag-filters{gap:5px;margin-bottom:16px;display:flex}.tag-filters button{font-size:10px}.topic-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 3px 15px;display:flex}.topic-heading span{color:var(--subtle);font-size:10px}.problem-row{border-bottom:1px solid var(--border);text-align:left;border-radius:0;justify-content:flex-start;align-items:center;gap:16px;width:100%;min-height:57px;padding:10px 12px;display:flex}.problem-row strong{flex:1;align-items:center;gap:9px;font-size:12px;font-weight:400;display:flex}.problem-row>.difficulty{width:65px}.problem-row>span{color:var(--muted);font-size:11px}.problem-row>span.difficulty.easy{color:#8db6a2}.problem-row>span.difficulty.medium{color:#c9b481}.problem-row>span.difficulty.hard{color:#d2999b}.problem-row .row-status{width:100px;font-size:10px}.problem-row .status-ring{border:1px solid var(--subtle);border-radius:50%;width:16px;height:16px}.status-ring.done{color:#a0c3b1;background:#2d453b;border-color:#486653;justify-content:center;align-items:center;display:flex}.empty-state{text-align:center;max-width:620px;color:var(--muted);margin:auto;padding:70px 30px}.empty-state>svg{margin:0 auto 23px}.empty-state h2{color:var(--text);margin-bottom:13px}.empty-state p{margin-bottom:20px;font-size:12px}.workspace{flex-direction:column;height:calc(100dvh - 78px);display:flex}.zen .workspace{height:100dvh}.workspace-bar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;height:58px;padding:0 22px;display:flex}.workspace-topic{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.workspace-bar>strong{font-size:12px;font-weight:500}.workspace-right{align-items:center;gap:12px;margin-left:auto;display:flex}.workspace-right select{padding:7px;font-size:10px}.save-status{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.workspace-grid{flex:1;grid-template-columns:minmax(270px,27%) minmax(0,1fr);min-height:0;display:grid}.workspace-grid.no-details{grid-template-columns:1fr}.problem-panel{border-right:1px solid var(--border);resize:horizontal;min-width:240px;max-width:620px;padding:23px 26px;overflow:auto}.panel-heading{color:var(--subtle);letter-spacing:1.6px;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:9px;display:flex}.problem-panel h2{font-size:23px;line-height:1.35}.source-links{gap:17px;margin:15px 0 24px;font-size:10px;display:flex}.source-links a{align-items:center;gap:5px;display:flex}.problem-panel p{color:var(--muted);font-size:12px;line-height:1.85}.problem-panel .statement{color:var(--text);margin-bottom:27px}.problem-panel h4{margin:22px 0 10px}.example{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border-radius:6px;padding:13px;font:11px/1.8 SFMono-Regular,Consolas,monospace}.problem-panel small{margin-top:15px;font-size:9px;line-height:1.6;display:block}.problem-meta{border-top:1px solid var(--border);margin-top:27px;padding-top:3px}.tags-input{width:100%;font-size:10px}.confidence{gap:5px;margin:13px 0;display:grid}.confidence button{border:1px solid var(--border);justify-content:space-between;padding:9px 11px;font-size:11px}.confidence span{color:var(--subtle);font-size:9px}.reschedule{color:var(--muted);margin-top:20px;font-size:10px;display:block}.reschedule input{width:100%;margin-top:9px;font-size:11px;display:block}.working-panel{flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.working-tabs{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;height:52px;padding:0 18px;display:flex}.tabs{gap:16px;height:100%;display:flex}.tabs button{color:var(--muted);border-bottom:2px solid #0000;border-radius:0;padding:0 4px;font-size:11px}.tabs button.active{color:var(--text);border-bottom-color:var(--accent);background:0 0}.working-actions{color:var(--muted);gap:8px;margin-left:auto;display:flex}.work-content{flex:1;min-width:0;min-height:0;display:flex}.notebook-area,.code-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.mode-split{flex-direction:row}.mode-split .code-area{border-left:1px solid var(--border);resize:horizontal;flex:.9;min-width:280px;overflow:auto}.session-bar{border-bottom:1px solid var(--border);height:42px;color:var(--muted);flex-shrink:0;align-items:center;gap:10px;padding:0 15px;font-size:10px;display:flex}.session-bar select{border:0;max-width:260px;padding:5px 0;font-size:10px}.session-bar button{padding:5px;font-size:9px}.session-bar button:first-of-type{margin-left:auto}.session-bar small{color:var(--subtle);font-size:9px}.session-bar>span{align-items:center;gap:6px;display:flex}.python-dot{background:#c6b678;border-radius:50%;width:6px;height:6px}.editor-wrap{flex:1;min-height:150px}.run-bar{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.run-bar>span{color:var(--subtle);font-size:9px}.run-bar button{padding:9px 13px;font-size:10px}.test-results{border-top:1px solid var(--border);background:var(--surface);min-height:110px;max-height:240px;padding:16px 22px;overflow:auto}.test-results p{font-size:10px}.test-results pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.test-row{padding:6px 0;font-size:11px}.passed{color:#9cc0aa}.failed,.test-error{color:#d99e9e}.editor-loading{color:var(--muted);padding:30px}.notebook{background:var(--paper);color:#44515a;--paper:#f5f3ed;--paper-dot:#c4c7c5;--paper-text:#8b918e;--raised:#e5e5df;--surface:#fdfcf8;--border:#d9dcd7;--text:#334155;--muted:#7d898b;--accent-bg:#dae8ed;--accent:#326b94;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.dark-paper .notebook{--paper:#20282b;--paper-dot:#414b4d;--paper-text:#8b989d;--raised:#354044;--surface:#293337;--border:#465056;--text:#d0d8d9;--muted:#9babad;--accent-bg:#344c5b;--accent:#9ac3df;color:#c5d1d5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.canvas-toolbar{border:1px solid var(--border);background:var(--surface);z-index:9;border-radius:10px;align-items:center;gap:1px;max-width:calc(100% - 20px);padding:5px;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:0 3px 13px #0000000b}.canvas-toolbar button{padding:7px}.canvas-toolbar input[type=color]{border:0;width:19px;height:20px;margin:0 5px;padding:0}.tool-divider{border-left:1px solid var(--border);height:20px;margin:0 4px}.structure-menu{position:relative}.structure-menu .popover{top:35px;left:auto;right:0}.paper-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.paper{margin:0 auto;position:relative}.paper svg{display:block}.paper-intro{fill:var(--paper-text);font:24px Georgia,serif}.paper-hint{fill:var(--paper-text);font:12px -apple-system,sans-serif}.shape-text{white-space:pre-wrap;overflow-wrap:anywhere;justify-content:center;align-items:center;width:100%;height:100%;padding:4px;font:15px/1.6 SFMono-Regular,Consolas,monospace;display:flex}.shape-text.paragraph{justify-content:flex-start;align-items:flex-start;padding:0 4px;font:16px/1.7 -apple-system,sans-serif}.canvas-text-edit{resize:none;background:var(--paper);width:100%;height:100%;color:var(--text);border:1px solid #91badd;padding:3px;font:16px/1.7 -apple-system,sans-serif;display:block}.paper-footer{height:31px;color:var(--muted);border-top:1px solid var(--border);background:var(--paper);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 15px;font-size:8px;display:flex}.paper-footer>span:first-child{letter-spacing:1.1px}.paper-footer>div{align-items:center;gap:6px;display:flex}.paper-footer button{padding:4px}.selection-tools{z-index:8;background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;display:flex;position:absolute;bottom:43px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0001}.selection-tools button{padding:5px;font-size:9px}.history-panel{background:var(--surface);border-left:1px solid var(--border);z-index:20;width:min(400px,100%);padding:24px;position:absolute;top:52px;bottom:0;right:0;overflow:auto;box-shadow:-10px 0 30px #0002}.history-panel h4{margin-top:25px}.history-panel p{font-size:11px}.version-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:11px;display:flex}.version-row small{margin-top:5px;font-size:9px;display:block}.version-row button{color:var(--accent);font-size:10px}.recall-banner{background:var(--accent-bg);border-bottom:1px solid #40505b;justify-content:space-between;align-items:center;padding:11px 27px;font-size:11px;display:flex}.recall-banner>span{align-items:center;gap:10px;display:flex}.recall-banner small{font-size:10px}.recall-banner button{color:var(--accent);padding:4px;font-size:11px}.loading{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100dvh;display:flex}.loading p{color:var(--muted);font-size:12px}.error-banner{color:#f2cece;background:#492e2e;justify-content:space-between;align-items:center;padding:12px 24px;font-size:12px;display:flex}.toast{border:1px solid var(--border);background:var(--raised);z-index:100;border-radius:8px;align-items:center;gap:20px;max-width:90vw;padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0003}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0008;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.custom-form{background:var(--bg);border:1px solid var(--border);border-radius:13px;width:500px;max-height:90dvh;padding:28px;overflow:auto}.custom-form label{color:var(--muted);margin-bottom:15px;font-size:11px;display:block}.custom-form input,.custom-form textarea,.custom-form select{width:100%;margin-top:7px;font-size:12px}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.review-list{border-top:1px solid var(--border)}@media (min-width:1600px){.home{max-width:1100px;padding-top:90px}.home h1{font-size:62px}.workspace-grid{grid-template-columns:minmax(300px,25%) minmax(0,1fr)}}@media (max-width:1100px){.topbar{gap:27px;padding:0 24px}.header-actions{gap:10px}.search-trigger span,.workspace-topic,.save-status{display:none}.workspace-grid{grid-template-columns:270px minmax(0,1fr)}.mode-split{flex-direction:column}.mode-split .code-area{border-left:0;border-top:1px solid var(--border);resize:vertical;min-height:250px}.canvas-toolbar{gap:0}.canvas-toolbar button{padding:6px}.paper-footer>span:nth-child(2){display:none}}@media (max-width:720px){.topbar{gap:17px;height:65px;padding:0 17px}.brand{font-size:15px}.brand-icon{font-size:25px}.private-label{display:none}.topbar nav{gap:12px}.topbar nav button{font-size:10px}.header-actions{gap:4px}.search-trigger{display:none}.account summary{width:25px;height:25px;padding-top:5px}.header-actions>button{padding:5px}.home{padding:38px 23px 20px}.home h1{font-size:43px}.intro{max-width:270px;margin-bottom:30px;font-size:11px}.continue-section{flex-direction:column;align-items:flex-start;gap:15px;padding:24px 0}.continue-section .primary{margin-top:5px}.tracks{grid-template-columns:1fr;gap:14px}.track{padding:22px}.track-top{margin-bottom:18px}.home-bottom{grid-template-columns:1fr;gap:30px;margin-top:30px}.home-footer>span:first-child{letter-spacing:0;font-size:6px}.home-footer i{margin:0 4px}.home-footer>span:last-child{font-size:7px}.section-heading>span{font-size:8px}.catalog-page{padding:35px 20px}.page-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:25px}.page-heading h1{font-size:29px}.catalog-controls{flex-direction:column;align-items:flex-start;gap:15px}.filters{flex-wrap:wrap;gap:7px}.search-field{flex-basis:100%}.filters select{max-width:calc(33% - 9px);padding:9px 3px;font-size:10px}.problem-row{gap:10px;padding:11px 4px}.problem-row strong{font-size:11px}.problem-row .row-status{display:none}.problem-row .difficulty{width:44px;font-size:9px}.problem-row>small{display:none}.workspace{height:calc(100dvh - 65px)}.workspace-bar{gap:6px;height:auto;min-height:56px;padding:0 10px}.workspace-bar>strong{max-width:140px;font-size:10px}.workspace-bar>.difficulty{display:none}.workspace-right{gap:4px}.workspace-right select{max-width:95px;font-size:8px}.workspace-right button{padding:5px}.workspace-grid{flex-direction:column;min-height:0;display:flex;overflow:auto}.problem-panel{resize:vertical;border-right:0;border-bottom:1px solid var(--border);flex-shrink:0;width:100%;max-width:100%;min-height:180px;max-height:38%;padding:15px 23px}.problem-panel .panel-heading{margin-bottom:12px}.problem-panel h2{font-size:20px}.working-panel{flex:1;min-height:380px}.workspace-grid.no-details .working-panel{min-height:0}.working-tabs{padding:0 11px}.tabs{gap:12px}.tabs button{font-size:10px}.working-actions{gap:0}.working-actions button{padding:6px}.canvas-toolbar{max-width:calc(100% - 12px);padding:3px;top:12px}.canvas-toolbar button{padding:5px}.canvas-toolbar svg{width:14px}.canvas-toolbar input[type=color]{width:14px;margin:0 2px}.tool-divider{margin:0 2px}.session-bar{gap:5px;padding:0 11px}.session-bar select{max-width:180px}.session-bar button{font-size:8px}.session-bar button:last-child{display:none}.recall-banner{padding:8px 14px;font-size:10px}.recall-banner small{display:none}.recall-banner button{font-size:9px}.selection-tools>span,.selection-tools button:nth-of-type(3){display:none}.paper{margin:0}.run-bar{padding:10px}.run-bar>span{font-size:8px}.code-area .editor-wrap{min-height:200px}.test-results{min-height:85px}.mode-split .notebook-area{min-height:370px}.mode-split .code-area{min-height:470px}.mode-split{overflow:auto}.toast{min-width:270px;font-size:10px}.custom-form{padding:22px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.track p{min-height:38px}.practice-constraints{white-space:pre-line}.problem-panel .example{line-height:1.9}.symbol-2{color:#c7b7c7;background:#333133}@media (min-width:721px) and (max-width:900px){.tracks{gap:12px}.track{padding:20px 16px}.track p{font-size:10px}}.account-menu{width:275px}.account-identity{border-bottom:1px solid var(--border);margin-bottom:5px;padding:10px 9px 12px}.account-identity strong{overflow-wrap:anywhere;font-size:12px;font-weight:500;display:block}.account-identity>span{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:10px;display:block}.account-identity small{padding:8px 0 0;font-size:9px}.notebook .canvas-toolbar{box-shadow:none;flex-shrink:0;margin:10px auto 6px;position:relative;top:auto;left:auto;transform:none}.writing-toolbar{border-bottom:1px solid var(--border);min-height:43px;color:var(--text);background:var(--paper);z-index:10;flex-shrink:0;justify-content:center;align-items:center;gap:3px;padding:4px 12px 9px;display:flex;position:relative}.writing-toolbar button{border-radius:5px;min-width:28px;padding:6px}.writing-toolbar button[aria-pressed=true]{background:var(--accent-bg);color:var(--accent)}.writing-toolbar select{border:1px solid var(--border);width:72px;color:var(--text);background:var(--surface);padding:5px 7px;font-size:11px}.writing-hint{color:var(--muted);margin-left:10px;font-size:10px}.notation-picker{position:relative}.notation-picker>button{gap:4px;font:12px Georgia,serif}.notation-picker .popover{min-width:140px;top:31px;left:auto;right:0}.notation-picker .popover button{justify-content:flex-start;font-size:13px}.notebook .paper{border-inline:1px solid var(--border)}.rich-note{letter-spacing:.005em;cursor:text;overflow-wrap:anywhere;width:100%;min-height:1.85em;line-height:1.85;position:relative}.rich-note .tiptap{min-height:1.85em;caret-color:var(--accent);white-space:pre-wrap;word-break:normal;color:inherit;outline:none;padding:0 0 .3em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.rich-note p{font:inherit;line-height:inherit;color:inherit;margin:0 0 .65em}.rich-note p:last-child{margin-bottom:0}.rich-note strong{font-weight:700}.rich-note em{font-style:italic}.rich-note u{text-underline-offset:.17em}.rich-note s{text-decoration:line-through}.rich-note sup,.rich-note sub{vertical-align:baseline;font-size:.7em;line-height:0;position:relative}.rich-note sup{top:-.55em}.rich-note sub{bottom:-.25em}.rich-note code{background:var(--accent-bg);color:inherit;border-radius:4px;padding:.1em .3em;font:.87em/1.7 SFMono-Regular,Consolas,monospace}.rich-note pre{background:var(--surface);border:1px solid var(--border);white-space:pre-wrap;border-radius:8px;margin:.6em 0;padding:1em}.rich-note pre code{background:0 0;padding:0}.rich-note h2,.rich-note h3{color:inherit;letter-spacing:-.02em;margin:.7em 0 .4em;font-size:1.4em;font-weight:600;line-height:1.4}.rich-note h3{font-size:1.15em}.rich-note ul,.rich-note ol{margin:.4em 0 .7em;padding-left:1.4em}.rich-note ul{list-style:outside}.rich-note ol{list-style:decimal}.rich-note li p{margin:0}.rich-note blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:.7em 0;padding-left:1em}.rich-note hr{border:0;border-top:1px solid var(--border);margin:1em 0}.rich-note .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--muted);pointer-events:none;opacity:.75;height:0;font-size:.85em}.rich-note ::selection{background:#9ac7e566}@media (max-width:1100px){.writing-hint{display:none}.writing-toolbar{padding-inline:6px}.writing-toolbar button{min-width:25px;padding:5px}}@media (max-width:720px){.notebook .canvas-toolbar{margin-top:8px;margin-bottom:5px}.writing-toolbar{gap:1px;min-height:39px;padding-bottom:7px}.writing-toolbar select{width:61px;font-size:10px}.writing-toolbar button{min-width:23px;padding:4px}.writing-toolbar .tool-divider{margin:0 2px}.notation-picker>button{font-size:11px}.notebook .canvas-toolbar button{padding:5px}}.notebook .paper{box-sizing:content-box}.code-area{container:python-panel/inline-size}.python-workbench{flex:1;min-width:0;min-height:240px;display:flex}.python-workbench .editor-wrap{flex:1;min-width:0;min-height:200px}.test-case-panel{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;width:270px;min-width:220px;min-height:0;display:flex}.test-cases-heading{border-bottom:1px solid var(--border);flex-shrink:0;padding:15px 15px 12px}.test-cases-heading>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.test-cases-heading h3{font-size:11px;font-weight:550}.test-cases-heading>div>span{color:var(--subtle);font-size:9px}.test-cases-heading button{border:1px solid var(--border);width:100%;color:var(--accent);margin-top:10px;padding:7px 9px;font-size:10px}.test-cases-heading button:disabled{color:var(--muted);cursor:default;opacity:.5}.sample-case-list{overscroll-behavior:contain;min-height:0;overflow:auto}.sample-case{border-bottom:1px solid var(--border);padding:15px}.sample-case-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sample-case-title strong{font-size:10px;font-weight:550}.sample-case-title>span{font-size:9px}.test-value{margin-top:10px}.test-value>span{color:var(--subtle);letter-spacing:.02em;margin-bottom:5px;font-size:9px;display:block}.test-value pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);margin:0;font:11px/1.7 SFMono-Regular,Consolas,monospace}.actual-value{border:1px solid var(--border);background:var(--bg);border-radius:5px;padding:9px 10px}.actual-value.passed pre{color:#9cc0aa}.actual-value.failed pre{color:#d99e9e}.test-case-note{color:var(--subtle);padding:14px 15px;font-size:9px;line-height:1.65}.code-area .test-results{min-height:74px}.test-results .test-row{vertical-align:top;flex-direction:column;margin-right:22px;font-size:10px;display:inline-flex}.test-results .test-row pre{max-width:220px;margin:7px 0 0}@container python-panel (width<=680px){.python-workbench.has-sample-tests{flex-direction:column;min-height:300px;overflow:auto}.python-workbench.has-sample-tests .editor-wrap{flex:none;height:280px;min-height:280px}.test-case-panel{border-left:0;border-top:1px solid var(--border);width:100%;min-width:0;min-height:180px;max-height:260px}.test-cases-heading{justify-content:space-between;align-items:center;gap:14px;padding:11px 15px;display:flex}.test-cases-heading>div{justify-content:flex-start}.test-cases-heading button{white-space:nowrap;width:auto;margin:0;font-size:9px}.sample-case{padding:12px 15px}}.test-stale-note{color:var(--accent);border-bottom:1px solid var(--border);background:var(--accent-bg);padding:12px 15px;font-size:10px;line-height:1.6}.public-topbar a.brand:hover{text-decoration:none}.public-topbar nav a{color:var(--muted);font-size:12px}a.primary{border-radius:6px;justify-content:center;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.quiet-link{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:inline-flex}.landing main{max-width:1250px;margin:auto;padding:0 56px}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:92px 0 78px;display:grid}.hero-copy .eyebrow{letter-spacing:1.6px;font-size:8px;line-height:1.8}.hero-copy h1{letter-spacing:-2.3px;margin-top:24px;font-size:clamp(38px,4vw,57px);line-height:1.13}.hero-copy h1 em,.rhythm-title h2 em{color:#a9bdb9;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-copy>p{color:var(--muted);margin-top:24px;font-size:13px;line-height:1.9}.hero-actions{align-items:center;gap:21px;margin-top:31px;display:flex}.hero-actions .quiet-link{font-size:11px}.hero-copy>small{color:var(--subtle);margin-top:17px;font-size:10px;display:block}.desk-preview{background:var(--surface);border:1px solid #3b454a;border-radius:11px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 18px 65px #0002}.preview-top{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:15px 17px;font-size:11px;display:flex}.preview-dot{border:1px solid #a2bcb0;border-radius:50%;width:6px;height:6px}.preview-top>span:last-child{color:var(--subtle);margin-left:auto;font-size:8px}.preview-split{grid-template-columns:1fr 1fr;min-height:300px;display:grid}.preview-paper{color:#3e5255;background:#f3f1e9 radial-gradient(#bdc7bf66 .7px,#0000 .7px) 0 0/16px 16px;padding:22px 20px;position:relative}.preview-tab{letter-spacing:1.3px;opacity:.65;align-items:center;gap:6px;font-size:7px;display:flex}.preview-paper>p{letter-spacing:-.5px;margin-top:26px;font:22px/1.4 Georgia,serif}.handwritten{color:#6d8788;margin-top:10px;font:italic 12px/1.6 Georgia,serif}.number-sketch{align-items:center;gap:9px;margin:22px 0 20px;display:flex}.number-sketch span,.number-sketch b{border:1px solid #8faaa0;border-radius:5px;justify-content:center;align-items:center;width:30px;height:30px;font:15px Georgia,serif;display:flex}.number-sketch b{background:#e4eade}.number-sketch i{color:#8c9f98;font:12px Georgia,serif}.preview-note{color:#6d7d79;font-size:10px;line-height:1.9}.complexity{color:#6d8788;margin-top:21px;font:italic 10px Georgia,serif;display:block}.preview-code{color:#c2cbd0;background:#191f23;flex-direction:column;min-width:0;padding:22px 16px;display:flex}.preview-code pre{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:30px;font:9px/2 SFMono-Regular,Consolas,monospace}.syntax-keyword{color:#b9a1c3}.syntax-comment{color:#718b83}.preview-saved{color:#8cae9d;border-top:1px solid #2a343a;margin-top:auto;padding-top:12px;font-size:8px}.preview-caption{text-align:center;letter-spacing:1.6px;color:var(--subtle);padding:12px;font-size:7px;display:block}.landing-tracks{border-top:1px solid var(--border);padding-top:37px}.landing-section-intro{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.landing-section-intro h2{letter-spacing:-.9px;margin-top:13px;font-size:28px}.landing-section-intro p{color:var(--muted);font-size:11px;line-height:1.8}.landing .track{color:var(--text);padding:25px 26px;text-decoration:none;transition:border-color .15s}.landing .track p{min-height:0;font-size:12px}.track-count{color:var(--subtle);align-items:center;gap:16px;font-size:10px;display:flex}.track-count>span{font-size:19px}.track-explore{color:var(--accent);align-items:center;gap:9px;margin-top:29px;font-size:10px;display:flex}.landing-rhythm{border-top:1px solid var(--border);grid-template-columns:1fr 1.2fr;gap:100px;margin-top:76px;padding:45px 0;display:grid}.rhythm-title h2{letter-spacing:-1.2px;margin-top:20px;font-size:36px;line-height:1.2}.rhythm-items{gap:29px;display:grid}.rhythm-items article{gap:19px;display:flex}.rhythm-items svg{color:#9aafad;flex-shrink:0;margin-top:3px}.rhythm-items h3{margin-bottom:9px;font-size:14px;font-weight:500}.rhythm-items p{color:var(--muted);max-width:385px;font-size:12px;line-height:1.85}.landing-close{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:22px;padding:33px 0 58px;display:flex}.landing-close h2{color:#afc0bb;font:26px Georgia,serif}.contact-footer{border-top:1px solid var(--border);color:var(--subtle);justify-content:space-between;align-items:center;gap:22px;padding:27px 42px;font-size:10px;display:flex}.contact-footer .brand{color:var(--text);font-size:13px}.contact-footer .brand-icon{font-size:22px}.contact-footer>a:last-child{color:var(--muted);font-size:11px}.auth-page{flex-direction:column;min-height:100dvh;display:flex}.auth-page main{flex:1;justify-content:center;align-items:center;padding:52px 24px 66px;display:flex}.auth-card{text-align:center;width:100%;max-width:360px}.auth-card>.brand-icon{margin-bottom:24px;font-size:35px;display:block}.auth-card h1{letter-spacing:-1px;font-size:32px;line-height:1.3}.auth-card>p{color:var(--muted);margin:12px 0 29px;font-size:12px}.google-button{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex}.google-button:hover{background:var(--raised);text-decoration:none}.auth-divider{color:var(--subtle);align-items:center;gap:15px;margin:24px 0;font-size:10px;display:flex;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-card form{text-align:left}.auth-card label{color:var(--muted);margin-bottom:17px;font-size:11px;display:block}.auth-card input{width:100%;margin-top:8px;padding:12px 13px;font-size:13px}.auth-card input::placeholder{color:var(--subtle);font-size:12px}.password-field{position:relative}.password-field input{padding-right:42px}.password-field button{color:var(--muted);padding:7px;position:absolute;top:14px;right:6px}.auth-card .forgot-link{color:var(--accent);margin:-6px 0 20px auto;padding:0;font-size:10px;display:flex}.auth-card form>.primary{width:100%;margin-top:4px}.auth-error,.auth-message{border-radius:6px;margin-bottom:18px;padding:12px;font-size:11px;line-height:1.7}.auth-error{color:#f2cece;background:#492e2e}.auth-message{background:var(--accent-bg);color:var(--accent)}.auth-switch{color:var(--muted);margin:24px auto 0;font-size:11px;display:block}.auth-switch a{margin-left:5px}.auth-browse{color:var(--subtle);margin-top:30px;font-size:10px;display:inline-block}.auth-prompt{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:13px;flex-direction:column;align-items:center;width:100%;max-width:410px;padding:38px;display:flex;position:relative;box-shadow:0 25px 80px #0004}.auth-prompt .brand-icon{margin:6px 0 23px;font-size:37px}.auth-prompt h2{font-size:25px}.auth-prompt p{color:var(--muted);margin:17px 0 27px;font-size:12px}.auth-prompt .primary{width:100%}.auth-prompt .quiet-link{margin-top:19px;font-size:11px}.prompt-close{color:var(--muted);position:absolute;top:12px;right:12px}.keep-browsing{color:var(--subtle);margin-top:19px;font-size:10px}.notebook-preview-wrap,.notebook-inner{flex:1;min-width:0;min-height:0;display:flex;position:relative}.notebook-inner>.notebook{width:100%}.write-unlock{background:var(--paper);color:#566968;background-image:radial-gradient(#bdc7bf66 .7px,#0000 .7px);background-size:20px 20px;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:17px;display:flex;position:absolute;inset:90px 0 31px}.write-unlock:hover{background-color:var(--paper)}.write-unlock>span{color:#8fa7a2;font-size:35px}.write-unlock strong{font:25px Georgia,serif}.write-unlock small{color:#82918c;font-size:12px}.write-unlock b{color:#46778e;align-items:center;gap:8px;margin-top:5px;font-size:11px;font-weight:500;display:flex}.guest-locked .notebook{pointer-events:none}.guest-signup{padding:8px 12px;font-size:10px}.account-menu form button{width:100%}.studio>.contact-footer{margin-top:15px}@media (max-width:1100px){.landing main{padding:0 38px}.landing-hero{gap:30px;padding-top:65px}.hero-copy h1{font-size:43px}.hero-actions{flex-wrap:wrap;gap:17px}.preview-paper{padding:20px 15px}.preview-code{padding:20px 12px}.preview-code pre{font-size:8px}.landing-rhythm{gap:55px}.preview-paper>p{font-size:21px}}@media (max-width:800px){.landing-hero{grid-template-columns:1fr;gap:42px;padding:50px 0 44px}.hero-copy h1{max-width:550px;font-size:51px}.desk-preview{width:100%;max-width:560px;transform:none}.preview-code pre{font-size:10px}.preview-paper{padding:25px}.preview-split{min-height:310px}.landing-rhythm{grid-template-columns:1fr;gap:35px}.rhythm-title h2 br{display:none}.rhythm-title h2{font-size:30px}.rhythm-items p{max-width:500px}.contact-footer>span{display:none}}@media (max-width:720px){.public-topbar{gap:10px}.public-topbar nav{display:none}.public-topbar .header-actions{gap:15px}.public-topbar .header-actions .primary{padding:9px 11px;font-size:10px}.public-topbar .quiet-link{font-size:11px}.landing main{padding:0 23px}.hero-copy .eyebrow{letter-spacing:1.1px;font-size:7px}.hero-copy h1{letter-spacing:-1.7px;font-size:43px}.hero-copy>p{font-size:12px}.hero-actions{gap:19px}.hero-actions .primary{font-size:11px}.preview-paper{padding:21px 17px}.preview-paper>p{font-size:22px}.preview-code pre{font-size:8px}.preview-code{padding:21px 12px}.preview-top>span:last-child{font-size:7px}.preview-split{min-height:310px}.landing-section-intro{flex-direction:column;align-items:start;gap:13px}.landing-section-intro h2{font-size:27px}.landing-section-intro p br{display:none}.landing .track{padding:23px}.landing .track-top{margin-bottom:17px}.landing .track p{font-size:12px}.track-explore{margin-top:20px}.landing-rhythm{margin-top:42px;padding:31px 0}.landing-close{flex-direction:column;align-items:start;gap:22px;padding-bottom:36px}.landing-close h2{font-size:25px}.contact-footer{gap:15px;padding:24px 20px}.contact-footer>a:last-child{font-size:10px}.auth-page main{padding:40px 25px}.auth-card h1{font-size:29px}.auth-prompt{padding:31px 25px}.studio .header-actions .quiet-link{font-size:10px}.studio .guest-signup{display:none}.write-unlock{padding:20px}.write-unlock strong{font-size:22px}.write-unlock small{max-width:230px;font-size:11px;line-height:1.8}.desktop-break{display:none}}@media (min-width:801px){.landing-hero{padding-top:56px;padding-bottom:48px}.preview-paper>p{margin-top:20px}.preview-split{min-height:280px}}.dark-paper .write-unlock{color:#c4d1cb;background-color:#20282b;background-image:radial-gradient(#5b6d6b55 .7px,#0000 .7px)}.dark-paper .write-unlock b{color:#a4c9dd}.privacy-copy{max-width:640px;padding:12px 0 24px}.privacy-copy h1{letter-spacing:-1px;margin:20px 0;font-size:36px}.privacy-copy h2{margin:30px 0 12px;font-size:18px}.privacy-copy p{color:var(--muted);font-size:13px;line-height:1.9}.footer-links{align-items:center;gap:20px;display:flex}.footer-links a{color:var(--muted);font-size:10px}
