:root{--bg:#f8f7f3;--surface:#fdfcf9;--ink:#2e50fa;--muted:#7b8095;--line:#d4d8ec;--accent:#2e50fa;--soft:#f0f1fa;--forest:#2e50fa;--radius:8px}body{color:#2449ec;background:var(--bg)}.brand{font-size:25px;font-weight:700;letter-spacing:-1.5px}.brand img{width:40px;height:40px;object-fit:contain}.nav-links{color:#304edf}.nav{height:91px}.button,button{background:#2e50fa;color:#fff;border:1.5px solid #2e50fa;border-radius:5px 8px 4px 7px;font-family:"Courier New",monospace;font-weight:bold;font-size:12px}.button:hover,button:hover{background:#1640df;transform:rotate(-1deg)}.button.outline,button.outline{border-color:#2e50fa;color:#2e50fa;background:transparent}.text-link{color:#2e50fa}.paint-hero{margin-top:28px;border:2px solid #2e50fa;border-radius:6px;box-shadow:7px 7px 0 #dce1ff;overflow:hidden}.window-bar{background:#2e50fa;color:white;display:flex;justify-content:space-between;align-items:center;padding:11px 15px;font:12px "Courier New",monospace}.window-bar>span:first-child{display:flex;gap:10px;align-items:center}.window-icon{width:10px;height:12px;border:1px solid white;display:inline-block}.menu-bar{display:flex;gap:25px;border-bottom:1px solid #ccd2ed;padding:10px 18px;font:11px "Courier New",monospace;background:#efeff9}.zoom{margin-left:auto;color:#8c92a6}.canvas{padding:25px 35px 35px}.hero-banner{width:100%;height:auto;display:block;mix-blend-mode:multiply}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px dashed #bdc6f0;padding-top:27px;margin:15px 0 0}.hero-bottom p{font-size:15px;line-height:1.85;margin:0;letter-spacing:-.2px}.hero-bottom p span{color:#7d839c;font-size:12px;letter-spacing:0}.window-status{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #cad1ed;padding:9px 15px;background:#f0f0f8;font:9px "Courier New",monospace;color:#858ba3}.side-note{text-align:right;padding:28px 5px 0;font-family:"Comic Sans MS","Comic Sans",cursive;font-size:17px;transform:rotate(-2deg);color:#2e50fa}.side-note span{font-size:30px;margin-left:10px}.section{padding-top:85px}.section-kicker{font:10px "Courier New",monospace;letter-spacing:.7px;color:#858ba5;margin-bottom:18px}h2{font-size:43px;line-height:1.12;font-weight:600;letter-spacing:-2px;margin:0}h3{font-size:20px;letter-spacing:-.7px;font-weight:600}.scribble{position:relative;white-space:nowrap}.scribble:after{content:'';position:absolute;bottom:-7px;left:-1%;height:7px;width:103%;border-top:3px solid #2e50fa;border-radius:50%;transform:rotate(-1.4deg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.steps article{border-top:1px solid #bfc7ea;padding-top:24px}.step-number{font-family:"Comic Sans MS","Comic Sans",cursive;font-size:40px;transform:rotate(-7deg);display:inline-block}.steps p{font-size:13px;line-height:1.9;color:#7f8598;margin-bottom:20px}.aside{font:10px "Courier New",monospace;color:#5673ed;display:block;transform:rotate(-1deg)}.math-note{margin-top:85px;border:2px solid #2e50fa;padding:37px 42px;transform:rotate(-.6deg);border-radius:6px 19px 8px 14px;display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#f1f2fa;position:relative}.math-note:before{content:'';position:absolute;top:-10px;left:45%;width:100px;height:23px;background:#e0e5f6dd;transform:rotate(4deg);border:1px solid #d4dcf6}.math-note h2{font-size:29px;letter-spacing:-1px}.math-note p{font-size:12px;color:#7b8296;line-height:1.8;margin-top:20px}.equation{align-self:center;display:grid;grid-template-columns:1fr auto;gap:10px 20px;text-align:center;font-family:"Comic Sans MS","Comic Sans",cursive;font-size:21px;transform:rotate(1deg)}.math-top{grid-column:1;border-bottom:3px solid #2e50fa;border-radius:0 0 20% 4%;padding:10px 0 15px}.math-bottom{grid-column:1}.math-times{grid-column:2;grid-row:1/3;align-self:center}.math-foot{grid-column:1/-1;font:9px/1.8 "Courier New",monospace;color:#8a90a5;border-top:1px dashed #bfc8ee;padding-top:17px}.reality{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;align-items:center}.reality h2{font-size:37px}.reality-title p{font-size:12px;color:#8990a1;line-height:1.8;margin-top:22px}.checklist>div{display:flex;gap:14px;align-items:center;border-bottom:1px solid #d9dced;padding:19px 0;font-size:12px}.checklist b{font:9px "Courier New",monospace;margin-left:auto;text-align:right;white-space:nowrap;color:#8c93a8}.check{font-size:23px;transform:rotate(-8deg)}.empty-check{font-size:23px;color:#9fa8d3}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:70px}.paper-doodle{position:relative;max-width:170px;margin-top:30px;transform:rotate(-9deg)}.paper-doodle img{width:130px;display:block}.paper-doodle span{font-family:"Comic Sans MS","Comic Sans",cursive;font-size:18px;position:absolute;top:15px;right:0;transform:rotate(20deg)}.faq details{padding:22px 0;border-bottom:1px solid #d3d8ee;font-size:15px}.faq details:first-child{padding-top:0}.faq summary:after{color:#2e50fa}.faq p{font-size:12px;line-height:1.9;color:#858ca0;margin:17px 25px 0 0}.last-note{margin-top:85px;padding:40px 0;border-top:2px dashed #cbd3f3;display:flex;justify-content:space-between;align-items:center;gap:30px}.last-note h2{font-family:"Comic Sans MS","Comic Sans",cursive;font-size:48px;letter-spacing:-2px;transform:rotate(-4deg);font-weight:400}.last-note h2 span{border-bottom:3px solid #2e50fa;border-radius:20%}.last-note p{font:10px "Courier New",monospace;color:#8d94a8;margin-top:18px}.paint-footer{border-top:1px solid #d7dbed;margin-top:35px;padding:28px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.paint-footer>div{display:flex;align-items:center;gap:20px}.paint-footer span{font:9px "Courier New",monospace;color:#959caf}.asset-links{font:11px "Courier New",monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer{border-color:#d4d9ed}.status-label{color:#7e88ac}.status-label:before{background:#2e50fa}.paint-app .panel{border:1.5px solid #b9c6f4;border-radius:5px 12px 6px 9px;background:#fcfbf8}.paint-app .page-heading h1{font-family:"Comic Sans MS","Comic Sans",cursive;transform:rotate(-1deg);font-weight:400;color:#2e50fa}.paint-app .tabs{background:#eef0fa;border:1px solid #dde2f5;border-radius:4px}.paint-app .tabs button.active{color:#2e50fa;background:white;box-shadow:none;border:1px solid #c2cdf6}.paint-app input{border-color:#c8d1f3;background:#fdfcfa;border-radius:4px}.paint-app .metric{border-color:#c5cef0;border-radius:5px}.paint-app .metric strong{color:#2e50fa}.paint-app .notice{background:#f0f2fc;border-color:#d4ddfb;color:#7383b2;font-family:"Courier New",monospace;font-size:10px}.paint-app .error{background:#fff3ed;border-color:#e7bdac;color:#995234}.paint-app .empty-graphic{background:#f8f7f3;border:2px solid #2e50fa;box-shadow:5px 5px 0 #e1e6ff;border-radius:4px}.paint-app .mini-line i,.paint-app .mini-line b,.paint-app .mini-line span{background:#bac9ff}.paint-app .mini-total{border-color:#b9c8f9;color:#2e50fa}.paint-app .empty-foot span:before{color:#2e50fa}.paint-app .ready{color:#2e50fa}.paint-app .thesis{border-color:#2e50fa}.paint-app .thesis strong,.paint-app .thesis p{color:#5b74d1}.paint-app .source-links{color:#667bca}.paint-app .history-item:hover{background:#edf0fc}.paint-app .connection-dot{background:#2e50fa}.paint-app .step-label{font-family:"Comic Sans MS",cursive;color:#2e50fa;font-size:17px}.paint-app .brand-divider{background:#cbd4f3}.paint-app .lead{color:#8790a8}.paint-app .workspace-label{font:11px "Courier New",monospace}.paint-app .empty h2{font-size:23px;letter-spacing:-.7px}.paint-app .brand{font-size:25px}.paint-app .lower h2{font-size:17px;letter-spacing:-.5px}.paint-app .panel h2{font-size:15px;letter-spacing:-.3px}@media(max-width:800px){.canvas{padding:15px 20px 25px}.hero-bottom{align-items:start;flex-direction:column;gap:15px}.steps{gap:25px}.reality{gap:30px}.reality h2{font-size:30px}.faq-section{gap:35px}.math-note{gap:20px;padding:30px}.math-note h2{font-size:25px}}@media(max-width:600px){.paint-hero{margin-top:10px;box-shadow:4px 4px 0 #dce1ff}.nav{height:80px}.window-bar{font-size:10px}.menu-bar{font-size:10px}.canvas{padding:15px 13px 20px}.hero-banner{width:calc(100% + 14px);margin-left:-7px}.hero-bottom{margin-top:18px;padding-top:18px}.hero-bottom p{font-size:13px}.hero-bottom p span{font-size:11px}.window-status{font-size:8px;flex-wrap:wrap;gap:5px}.side-note{font-size:14px}.section{padding-top:55px}h2{font-size:34px}.steps{grid-template-columns:1fr;gap:26px;margin-top:35px}.steps article{padding-top:15px}.step-number{font-size:31px}.steps h3{margin:10px 0}.steps p{margin:0 0 12px}.math-note{grid-template-columns:1fr;margin-top:55px;padding:28px 22px}.equation{font-size:18px;margin:5px 0 15px}.reality{grid-template-columns:1fr;gap:18px}.checklist>div{font-size:11px;gap:10px}.checklist b{font-size:8px}.faq-section{grid-template-columns:1fr;gap:30px}.paper-doodle{display:none}.last-note{margin-top:55px;align-items:start;flex-direction:column;gap:35px}.last-note h2{font-size:42px}.paint-footer{align-items:start;flex-direction:column}.paint-footer>div{flex-wrap:wrap}.paint-footer .brand img{width:30px;height:30px}.paint-app .page-heading h1{font-size:37px}}
