:root{--bg:#f5f2eb;--ink:#111316;--blue:#175fe6;--red:#ef392d;--yellow:#f6e6ad;--paper:#faf8f1;--line:#1d2329;--shadow:0 9px 22px rgba(30,25,18,.14);--softshadow:0 4px 10px rgba(30,25,18,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.07;z-index:9999;background-image:radial-gradient(#000 .35px,transparent .45px);background-size:4px 4px;mix-blend-mode:multiply}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:relative;z-index:100}.brand{font-size:13px;font-weight:800;letter-spacing:.04em;color:inherit;text-decoration:none}.header-actions{display:flex;gap:14px;align-items:center}.pill,.circle-btn{background:transparent;border:1.5px solid var(--ink);height:34px}.pill{border-radius:22px;padding:0 15px;font-weight:800;font-size:11px;letter-spacing:.02em}.pill b{color:var(--blue)}.circle-btn{width:34px;border-radius:50%;font-size:20px}.section-shell{width:min(1380px,94vw);margin:0 auto}.hero{min-height:930px;display:grid;grid-template-columns:31% 69%;padding:32px 0 85px;position:relative}.hero-copy{padding:40px 0 0 1vw}.hero-copy h1,.closing h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-weight:900;letter-spacing:-.025em}.hero-copy h1{font-size:clamp(64px,7vw,112px);line-height:.87;margin:0 0 34px;max-width:470px}.hero-copy p{font-size:17px;line-height:1.45;margin:0}.scribble-note,.click-anything,.cant-ruin,.psst,.press-note,.run-note,.keep-going{font-family:"Segoe Print","Bradley Hand",cursive}.scribble-note{font-size:18px;font-weight:700;margin:40px 0 0 85px;transform:rotate(-4deg);position:relative}.blue{color:var(--blue)}.red{color:var(--red)}.scribble-note span{font-size:46px;position:absolute;left:130px;top:-18px}.desktop{position:relative;min-height:760px}.window{background:rgba(249,247,240,.95);border:1.5px solid rgba(20,20,20,.75);box-shadow:var(--shadow);position:relative}.titlebar{height:54px;border-bottom:1.5px solid rgba(20,20,20,.75);display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-weight:800;font-size:14px;letter-spacing:.02em;user-select:none}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}.dot,.tiny-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:10px;background:#111}.dot.red,.tiny-dot.red{background:var(--red)}.yellow-dot{background:#f5d77b}.blue-dot{background:var(--blue)}.dark-dot{background:#151515}.chrome{font-weight:500;font-size:18px}.today-window{position:absolute;width:min(620px,76%);left:7%;top:25px;transform:translate(var(--x),var(--y)) rotate(var(--r));z-index:var(--z);transition:box-shadow .2s}.today-window.is-dragging{box-shadow:0 18px 40px rgba(30,25,18,.2)}.today-window:before,.today-window:after{content:"";position:absolute;inset:10px -8px -10px 9px;background:#efece4;border:1px solid #9d9b94;z-index:-1;transform:rotate(1.6deg)}.today-window:after{inset:15px 3px -16px -5px;transform:rotate(-.8deg);z-index:-2}.today-body{padding:26px 26px 18px}.today-date{font-size:12px;font-weight:700;margin-bottom:20px}.clock-doodle{float:right;color:var(--blue);font-size:32px}.tasks{list-style:none;padding:0;margin:0}.tasks li{display:grid;grid-template-columns:30px 1fr auto;gap:11px;align-items:center;min-height:55px;font-size:16px}.check{width:22px;height:22px;background:transparent;border:1.5px solid var(--ink);font-weight:900}.tasks li.done .check{background:#fff}.tasks li.strike span{text-decoration:line-through 2px var(--red);opacity:.75}.tag{font-style:normal;font-size:9px;font-weight:800;border-radius:7px;padding:5px 9px}.pale-blue{background:#dfe7f3}.pink{background:#f6cac2}.gray{background:#e8e6df}.dashed{border:1px dashed #555;background:#edf2f5}.today-footer{border-top:1px solid #d4d0c7;margin-top:8px;padding-top:18px;display:flex;justify-content:space-between;font-size:12px}.today-footer button{border:0;background:transparent;font-weight:700}.app-stack{position:absolute;right:0;top:24px;width:185px;display:flex;flex-direction:column;gap:9px;z-index:15}.app-tab{height:77px;border:1px solid #888;background:#f8f6ef;box-shadow:var(--softshadow);border-radius:4px;text-align:left;padding:0 22px;font-size:14px;font-weight:900;display:grid;grid-template-columns:28px 1fr auto;align-items:center}.app-tab span{font-size:22px}.app-tab.yellow{background:#f7e6aa}.app-tab.cream{background:#eee8d7}.app-tab.pink{background:#f5d0ca}.app-tab.danger{background:#f34231;color:#090909}.click-anything{position:absolute;right:42px;top:432px;font-size:17px;font-weight:700;transform:rotate(4deg);text-align:center}.click-anything span{position:absolute;left:-28px;top:-26px;font-size:32px}.blue-note{position:absolute;left:9%;top:585px;background:#dfe8ee;padding:19px 24px;box-shadow:var(--softshadow);font-family:"Segoe Print",cursive;color:var(--blue);font-weight:800;font-size:15px;transform:translate(var(--nx),var(--ny)) rotate(-4deg);cursor:grab}.blue-note:before{content:"●";position:absolute;top:-15px;left:7px;color:#1a61d8;font-size:24px}.paired{min-height:840px;display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start;padding:35px 0 90px}.notes-window{transform:rotate(-.5deg);margin-top:4px}.draw-window{transform:rotate(1.2deg);margin-top:18px}.notes-board{position:relative;min-height:690px;padding:35px}.sticky{border:0;box-shadow:0 5px 13px rgba(36,32,22,.14);font-family:"Segoe Print",cursive;font-weight:700;font-size:18px;line-height:1.65;text-align:left;padding:28px;position:absolute;cursor:grab;transform:translate(var(--sx),var(--sy)) rotate(var(--rot));transition:box-shadow .2s}.sticky:active{cursor:grabbing;box-shadow:0 12px 26px rgba(36,32,22,.24)}.yellow-sticky{background:#f5e4a8;width:220px;left:40px;top:40px}.yellow-sticky b{color:var(--red);float:right}.white-sticky{background:#f8f4e9;width:215px;right:45px;top:55px}.underline{display:block;width:55px;border-top:4px solid var(--blue);margin:8px 0 0 20px}.grid-sticky{left:45px;bottom:95px;width:260px;background-color:#f8f5e9;background-image:linear-gradient(#d9e0e5 1px,transparent 1px),linear-gradient(90deg,#d9e0e5 1px,transparent 1px);background-size:20px 20px;font-size:15px}.smiley{background:#7da4ef;border-radius:50%;padding:1px 5px;float:right}.blue-sticky{right:60px;bottom:95px;width:190px;background:#94a9cb;color:#132034}.blue-sticky:after{content:"";position:absolute;right:0;top:0;border-width:0 0 30px 30px;border-style:solid;border-color:transparent transparent #778dac transparent}.notes-caption{position:absolute;bottom:30px;left:35px;right:35px;display:flex;justify-content:space-between;font-size:12px}.notes-caption button{background:transparent;border:0;font-family:inherit;font-size:12px}.under-note{position:absolute;bottom:-45px;left:200px;background:#efe2bc;border:0;padding:16px 50px;font-family:"Segoe Print",cursive;box-shadow:var(--softshadow);transform:rotate(-2deg);z-index:-1}.under-note.revealed{z-index:8;transform:translateY(-58px) rotate(-2deg)}.draw-layout{display:grid;grid-template-columns:52px 1fr;grid-template-rows:1fr auto auto;min-height:690px;padding:25px;gap:12px}.draw-toolbar{display:flex;flex-direction:column;gap:2px}.tool{width:42px;height:44px;border:1px solid #b9b5ab;background:#f5f1e7;font-size:19px}.tool.active{background:#fff}.canvas-wrap{position:relative;border:0;background:#fbfaf5;overflow:hidden}.canvas-wrap canvas{display:block;width:100%;height:520px;touch-action:none;cursor:crosshair;position:relative;z-index:3}.seed-doodles{position:absolute;inset:0;pointer-events:none;z-index:2;font-family:"Segoe Print",cursive;font-weight:700}.seed-doodles span{position:absolute}.d1{left:70px;top:55px;transform:rotate(-5deg)}.d2{left:115px;bottom:105px;font-size:48px}.d3{right:55px;top:65px;font-size:52px}.d4{left:120px;top:180px;font-size:54px;transform:rotate(18deg)}.d5{right:75px;top:240px;font-size:60px}.d6{right:105px;bottom:100px;border:3px solid var(--red);border-radius:50%;padding:12px 23px;transform:rotate(-8deg)}.d7{right:25px;bottom:25px;font-size:42px}.palette{grid-column:2;display:flex;gap:9px;align-items:center}.swatch{width:27px;height:27px;border-radius:50%;border:1px solid #aaa}.swatch.active{outline:2px solid #111;outline-offset:2px}.black{background:#111}.cobalt{background:var(--blue)}.red-swatch{background:var(--red)}.cream-swatch{background:#f5dfaa}.gray-swatch{background:#aaa}.draw-size{grid-column:2;display:flex;align-items:center;gap:8px}.draw-size button{width:30px;height:30px;border:1px solid #aaa;border-radius:50%;background:#f8f5eb}.draw-size input{width:150px}.cant-ruin{position:absolute;right:25px;bottom:-68px;font-size:15px}.second-pair{padding-top:80px}.files-window{min-height:710px;transform:rotate(.3deg)}.files-toolbar{height:60px;border-bottom:1px solid #bbb;display:grid;grid-template-columns:100px 100px 1fr;gap:10px;align-items:center;padding:0 24px;font-weight:700}.files-toolbar input{height:34px;border:1px solid #b9b6ad;border-radius:20px;background:transparent;padding:0 15px;color:#555}.folder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 24px;padding:36px}.folder{border:0;background:transparent;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px}.folder i{width:78px;height:55px;background:#f5d578;border:1px solid #9d7e2c;border-radius:6px 6px 5px 5px;box-shadow:0 3px 6px rgba(0,0,0,.08);position:relative}.folder i:before{content:"";position:absolute;width:32px;height:9px;left:3px;top:-8px;background:#f5d578;border:1px solid #9d7e2c;border-bottom:0;border-radius:5px 5px 0 0}.folder small{color:#777}.dropzone{border:1.5px dashed #aaa;display:grid;place-items:center;text-align:center;color:#686868;min-height:115px;font-size:12px}.file-card{position:absolute;left:75px;bottom:-25px;background:#f5f2e9;border:1px solid #888;padding:13px 25px;text-align:left;box-shadow:var(--softshadow);transform:rotate(-3deg);cursor:grab;z-index:5}.drag-me{position:absolute;right:70px;bottom:-75px;background:#9fb5d9;padding:22px;box-shadow:var(--softshadow);font-family:"Segoe Print",cursive;font-weight:700;transform:rotate(6deg)}.move-tab{position:absolute;left:-46px;top:210px;background:#efe5c7;padding:18px 10px;font-size:11px;writing-mode:vertical-rl;box-shadow:var(--softshadow)}.file-toast{position:absolute;right:25px;top:70px;background:#111;color:#fff;padding:8px 12px;font-size:11px;opacity:0;transition:.2s}.file-toast.show{opacity:1}.break-window{min-height:620px;margin-top:25px;transform:rotate(.7deg)}.pink-bar{background:#f5d1cc}.break-body{text-align:center;padding:60px 50px}.break-body h3{font-family:"Segoe Print",cursive;color:var(--blue);font-size:22px;transform:rotate(-4deg);margin:0 0 20px}.mug-game{display:block;margin:0 auto;background:transparent;border:0;font-size:78px;position:relative;z-index:2;transition:transform .18s cubic-bezier(.2,.9,.3,1.5)}.mug-game.jump{transform:translateY(-70px) rotate(-7deg)}.ground{height:2px;background:#111;margin:-5px auto 15px;width:62%}.timer{font-family:monospace;font-size:40px;font-weight:900}.break-body p b{color:var(--red)}.another{height:48px;padding:0 24px;border:1.5px solid #111;background:transparent;font-weight:700}.keep-going{position:absolute;right:-35px;top:165px;background:#efe3b8;padding:15px;box-shadow:var(--softshadow);transform:rotate(-5deg)}.third-pair{min-height:700px;padding-top:70px;position:relative}.nothing-window{min-height:480px;transform:rotate(.8deg)}.red-bar{background:var(--red)}.nothing-body{min-height:420px;position:relative;display:grid;place-items:center}.nothing-button{width:190px;height:190px;border-radius:50%;background:#f23e31;color:white;border:2px solid #a92119;box-shadow:0 11px 0 #b52c23,0 18px 22px rgba(0,0,0,.2);font-size:25px;font-weight:900;transition:transform .16s,left .25s,top .25s;position:relative;z-index:5}.nothing-button:active{transform:translateY(7px);box-shadow:0 4px 0 #b52c23,0 8px 12px rgba(0,0,0,.15)}.nothing-button.annoyed{animation:shake .15s 3}.nothing-button.runaway{position:absolute}.press-note{position:absolute;left:45px;top:130px;font-size:15px}.run-note{position:absolute;right:50px;top:170px;font-size:15px}.zzz{position:absolute;right:125px;top:75px;color:var(--red);font-family:"Segoe Print",cursive;font-size:22px;font-weight:900;transform:rotate(10deg)}.nothing-body p{position:absolute;bottom:20px;font-size:13px}.nothing-body p b{color:var(--red)}.secret-paper{background:#efe8d4;min-height:420px;margin-top:40px;transform:rotate(-2deg);box-shadow:0 10px 20px rgba(25,20,15,.15);padding:40px;position:relative}.secret-paper:after{content:"";position:absolute;right:-6px;bottom:-7px;width:100px;height:80px;background:#ded3b9;z-index:-1;transform:rotate(7deg)}.secret-title{font-family:monospace;border-bottom:1px solid #777;padding-bottom:12px;display:flex;justify-content:space-between}.secret-labels{display:flex;gap:32px;margin-top:32px}.secret-labels span{padding:8px 20px;background:#e2ddd0;box-shadow:var(--softshadow);font-family:"Segoe Print",cursive;font-size:12px}.secret-labels .blue-label{background:#89a5d7;color:#fff}.stamp{position:absolute;right:65px;top:150px;border:3px solid var(--red);color:var(--red);padding:12px 20px;text-align:center;font-weight:900;transform:rotate(-5deg)}.look-under{position:absolute;right:85px;top:265px;border:0;background:#f1dfaa;padding:10px 25px;box-shadow:var(--softshadow);font-family:"Segoe Print",cursive;font-weight:700}.tiny-win{position:absolute;left:90px;bottom:70px;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#7194d3;color:#fff;font-family:"Segoe Print",cursive;font-weight:900;transform:rotate(-8deg)}.hidden-secret{position:absolute;inset:55px 50px;background:#111;color:#f7f3e9;display:grid;place-items:center;text-align:center;font-family:monospace;opacity:0;transform:scale(.8) rotate(3deg);pointer-events:none;transition:.4s;z-index:10}.secret-paper.open .hidden-secret{opacity:1;transform:scale(1) rotate(-1deg);pointer-events:auto}.psst{position:absolute;left:47%;bottom:35px;font-size:14px;transform:rotate(-2deg)}.sleep-divider{width:min(1380px,94vw);margin:10px auto 40px;display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;position:relative}.sleep-divider span{border-top:2px dashed #777}.sleep-divider p{font-family:monospace;letter-spacing:.08em}.sleep-divider b{position:absolute;left:50%;top:32px;color:var(--blue);font-size:30px}.closing{min-height:700px;display:grid;grid-template-columns:38% 62%;align-items:center;padding:65px 0 90px}.closing h2{font-size:clamp(60px,6vw,92px);line-height:.92;margin:0 0 45px}.closing h2 span{color:var(--red)}.leave-button{height:62px;padding:0 34px;background:transparent;border:2px solid var(--blue);color:var(--blue);font-size:15px;font-weight:900;box-shadow:0 4px 0 rgba(20,80,190,.18)}.sleepy-pile{height:500px;position:relative;transition:.9s}.paper-window{position:absolute;width:340px;height:230px;border:1px solid #8d8b84;background:#f5f2e9;box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:65px}.paper-window span{font-family:"Segoe Print",cursive;text-align:center;font-size:20px}.p1{left:120px;top:40px;transform:rotate(8deg)}.p2{left:230px;top:85px;transform:rotate(-2deg)}.p3{left:310px;top:180px;transform:rotate(9deg)}.p4{left:20px;top:175px;transform:rotate(-11deg)}.sleep-folder{color:var(--blue)}.offline-stamp{position:absolute;left:310px;bottom:20px;border:2px solid var(--red);color:var(--red);padding:8px 14px;transform:rotate(-2deg);background:#f7f1e8;font-family:monospace}.bye-note{position:absolute;right:0;top:100px;background:#e95f52;color:#fff;padding:20px;transform:rotate(5deg);font-family:"Segoe Print",cursive}.paper-plane{position:absolute;left:2vw;bottom:20px;font-size:30px;transform:rotate(-8deg)}.paper-plane span{font-size:16px;color:#777}.site-footer{width:min(1380px,94vw);margin:auto;border-top:1px solid #aaa;min-height:115px;display:grid;grid-template-columns:100px 120px 1fr auto 100px;gap:25px;align-items:center;font-size:11px;font-weight:800}.site-footer a{color:inherit;text-decoration:none}.site-footer b{width:90px;height:90px;background:#84a6df;border-radius:50%;display:grid;place-items:center;text-align:center;transform:rotate(8deg)}.office-closed .sleepy-pile .paper-window,.office-closed .sleepy-pile .offline-stamp,.office-closed .sleepy-pile .bye-note{transform:translateY(520px) rotate(var(--fall,20deg));opacity:0;transition:transform .8s cubic-bezier(.6,.1,.7,1),opacity .7s}.office-closed .leave-button{background:#111;color:#fff;border-color:#111}.office-closed .leave-button:after{content:"  ✓"}@keyframes shake{0%,100%{transform:translateX(0)}50%{transform:translateX(9px)}}
@media(max-width:900px){.site-header{height:64px;padding:0 20px}.pill{display:none}.section-shell{width:calc(100% - 28px)}.hero{grid-template-columns:1fr;min-height:1250px;padding-top:20px}.hero-copy{padding-left:5px}.hero-copy h1{font-size:66px}.desktop{margin-top:55px;min-height:700px}.today-window{left:1%;width:80%}.app-stack{width:125px;top:340px}.app-tab{height:60px;padding:0 10px;font-size:11px;grid-template-columns:22px 1fr}.click-anything{display:none}.blue-note{top:620px}.paired{grid-template-columns:1fr;gap:85px;min-height:auto}.notes-window,.draw-window,.files-window,.break-window,.nothing-window,.secret-paper{transform:none}.notes-board{min-height:620px}.sticky{font-size:15px}.draw-layout{min-height:610px}.canvas-wrap canvas{height:440px}.files-window{margin-bottom:70px}.third-pair{padding-bottom:100px}.psst{position:static;margin:0 20px}.closing{grid-template-columns:1fr;min-height:950px}.closing-copy{padding:30px 10px}.closing h2{font-size:61px}.sleepy-pile{transform:scale(.8);transform-origin:left top;height:430px}.site-footer{grid-template-columns:1fr 1fr 1fr;min-height:180px}.site-footer span{grid-column:1/3}.site-footer b{grid-column:3;grid-row:2}.folder-grid{grid-template-columns:repeat(2,1fr)}.folder-grid .dropzone{min-height:110px}}
@media(max-width:560px){.brand{font-size:11px}.hero-copy h1{font-size:52px}.hero-copy p{font-size:15px}.today-window{width:92%;left:0}.today-body{padding:18px 15px}.tasks li{font-size:13px;grid-template-columns:25px 1fr auto}.app-stack{top:450px;right:0;width:150px}.blue-note{left:2%;top:665px}.notes-board{padding:20px;min-height:650px}.yellow-sticky{left:20px;top:30px;width:180px}.white-sticky{right:20px;top:180px;width:170px}.grid-sticky{left:18px;bottom:100px;width:220px}.blue-sticky{right:20px;bottom:55px;width:160px}.draw-layout{padding:12px;grid-template-columns:42px 1fr}.draw-toolbar .tool{width:36px;height:38px}.canvas-wrap canvas{height:380px}.folder-grid{padding:24px 18px}.break-body{padding:45px 15px}.nothing-button{width:160px;height:160px}.press-note{left:18px}.run-note{right:18px}.secret-paper{padding:25px}.stamp{right:30px}.look-under{right:28px}.sleepy-pile{transform:scale(.62);height:330px}.closing h2{font-size:50px}.site-footer{font-size:9px}}
@media(max-width:560px){
  .closing h2{font-size:42px;line-height:.96;max-width:100%;overflow-wrap:break-word}
  .nothing-body{min-height:390px;align-items:center}
  .nothing-button{width:148px;height:148px;font-size:22px}
  .press-note{left:18px;top:108px;max-width:82px}
  .run-note{right:16px;top:108px;max-width:78px}
  .zzz{right:118px;top:52px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:900px){
  .paired,.closing,.sleepy-pile{overflow:hidden}
  .paired>*{min-width:0;width:100%}
  .files-window,.break-window{min-width:0;width:100%}
  .files-toolbar{grid-template-columns:70px 70px minmax(0,1fr);padding:0 14px}
  .files-toolbar input{min-width:0;width:100%}
  .keep-going{right:8px}
  .sleepy-pile .paper-window{width:300px}
}
.hero-copy h1,.closing h2{font-family:"Liberation Sans Narrow","DejaVu Sans Condensed","Arial Narrow",Arial,sans-serif;font-weight:800;letter-spacing:-.035em}
.hero-copy h1{font-size:clamp(62px,6.2vw,92px);line-height:.91}
@media(max-width:900px){.hero-copy h1{font-size:62px;max-width:360px}}
@media(max-width:560px){.hero-copy h1{font-size:48px;line-height:.9}}
/* Visual alignment pass for the approved tall editorial mockup. */
@media(min-width:901px){
  .section-shell{width:min(1340px,92vw)}
  .site-header{height:72px}
  .hero{min-height:660px;grid-template-columns:32% 68%;padding:22px 0 34px}
  .hero-copy{padding-top:44px}
  .hero-copy h1{font-family:Impact,"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;font-size:clamp(66px,5.35vw,82px);line-height:.92;max-width:430px;margin-bottom:28px;letter-spacing:-.018em}
  .hero-copy p{font-size:16px}
  .scribble-note{margin:34px 0 0 70px}
  .desktop{min-height:565px}
  .today-window{width:min(565px,68%);left:8%;top:10px}
  .titlebar{height:43px;padding:0 18px;font-size:13px}
  .today-body{padding:20px 22px 15px}
  .today-date{margin-bottom:13px}
  .tasks li{min-height:43px;font-size:15px}
  .today-footer{padding-top:13px}
  .app-stack{right:2px;top:8px;width:165px;gap:8px}
  .app-tab{height:62px;padding:0 18px;font-size:13px;grid-template-columns:26px 1fr auto}
  .click-anything{right:33px;top:382px}
  .blue-note{left:9%;top:438px}
  .paired{min-height:610px;gap:50px;padding:28px 0 64px}
  .second-pair{padding-top:42px}
  .notes-board{min-height:510px;padding:34px}
  .sticky{padding:22px;font-size:16px;line-height:1.55}
  .yellow-sticky{width:210px;left:42px;top:42px}
  .white-sticky{width:200px;right:52px;top:62px}
  .grid-sticky{width:245px;left:48px;bottom:80px;font-size:14px}
  .blue-sticky{width:180px;right:58px;bottom:82px}
  .under-note{bottom:-38px}
  .draw-layout{min-height:535px;padding:24px;grid-template-columns:48px 1fr}
  .draw-toolbar{gap:4px}
  .tool{width:39px;height:39px}
  .tool-ghost{font-size:17px}
  .canvas-wrap canvas{height:385px}
  .d1{left:88px;top:48px}
  .d2{left:128px;bottom:88px}
  .d3{right:58px;top:58px}
  .d4{left:150px;top:178px}
  .d5{right:125px;top:258px}
  .d6{right:78px;bottom:82px}
  .d7{right:34px;bottom:34px}
  .d8{right:186px;top:134px;font-size:58px;transform:rotate(-24deg)}
  .d9{left:220px;bottom:150px;font-size:28px;transform:rotate(32deg)}
  .files-window{min-height:540px}
  .files-toolbar{height:52px}
  .folder-grid{gap:28px 24px;padding:34px}
  .dropzone{min-height:100px}
  .file-card{bottom:-20px}
  .drag-me{right:86px;bottom:-64px}
  .move-tab{top:180px}
  .break-window{min-height:480px;margin-top:18px}
  .break-body{padding:48px 48px}
  .mug-game{font-size:72px}
  .keep-going{right:-18px;top:150px}
  .third-pair{min-height:520px;padding-top:42px;padding-bottom:20px}
  .nothing-window{min-height:390px}
  .nothing-body{min-height:335px}
  .nothing-button{width:170px;height:170px}
  .secret-paper{min-height:360px;margin-top:16px}
  .sleep-divider{margin:28px auto 24px}
  .closing{min-height:560px;padding:36px 0 70px}
  .closing h2{font-size:clamp(58px,5.4vw,82px)}
  .sleepy-pile{height:430px}
  .paper-window{width:315px;height:205px;gap:50px}
}
:root{--radius-window:3px;--radius-note:2px;--font-hand:"Segoe Print","Bradley Hand",cursive;--paper-line:rgba(29,35,41,.13);--tape:rgba(231,218,184,.76)}
.window{border-radius:var(--radius-window)}
.titlebar span:first-child{position:relative}
.titlebar span:first-child:after{content:"";position:absolute;left:0;right:-18px;bottom:-13px;border-top:1px solid rgba(0,0,0,.12)}
.today-body{background:linear-gradient(transparent 50px,var(--paper-line) 51px,transparent 52px);background-size:100% 55px}
.today-meta{display:flex;justify-content:space-between;margin:-5px 0 9px;color:#7a766e;font-family:monospace;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.paperclip-mark{position:absolute;left:49%;top:0;width:16px;height:45px;border:4px solid #1d2329;border-left-width:3px;border-radius:14px;transform:rotate(-5deg);z-index:30;opacity:.8}
.paperclip-mark:after{content:"";position:absolute;left:3px;top:7px;width:6px;height:27px;border:2px solid #1d2329;border-radius:10px}
.app-tab{position:relative;overflow:hidden}
.app-tab:after{content:"";position:absolute;right:10px;bottom:8px;width:28px;border-top:1px dashed rgba(0,0,0,.22);transform:rotate(-8deg)}
.notes-board:before,.draw-layout:before,.folder-grid:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 96%,rgba(0,0,0,.035) 97% 100%);opacity:.55}
.notes-board{overflow:visible}
.sticky:before{content:"";position:absolute;left:28%;top:-9px;width:76px;height:18px;background:var(--tape);box-shadow:0 1px 2px rgba(0,0,0,.07);transform:rotate(-2deg)}
.white-sticky:before{left:22%;transform:rotate(4deg)}
.grid-sticky:before{left:38%;background:rgba(190,187,178,.34)}
.blue-sticky:before{left:20%;background:rgba(229,224,205,.52)}
.pushpin{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--red);box-shadow:0 4px 5px rgba(0,0,0,.18);z-index:9}
.pushpin:after{content:"";position:absolute;left:7px;top:12px;width:4px;height:22px;background:#57514b;transform:rotate(16deg);border-radius:2px;z-index:-1}
.pin-a{left:225px;top:62px}.pin-b{right:180px;bottom:178px;background:var(--blue)}
.tape-strip{position:absolute;width:100px;height:24px;background:rgba(215,210,194,.42);box-shadow:0 1px 3px rgba(0,0,0,.08);z-index:3}
.tape-a{left:235px;bottom:150px;transform:rotate(1deg)}.tape-b{right:118px;top:154px;transform:rotate(-4deg)}
.canvas-wrap:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(30,35,40,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(30,35,40,.035) 1px,transparent 1px);background-size:42px 42px;z-index:1}
.side-note-star{position:absolute;right:12px;top:44%;width:54px;height:88px;display:grid;place-items:center;background:#f1dfaa;box-shadow:var(--softshadow);font-family:var(--font-hand);font-size:24px;transform:rotate(3deg);z-index:4}
.canvas-ruler{position:absolute;left:72px;bottom:10px;display:flex;gap:28px;z-index:4;opacity:.55}
.canvas-ruler span{height:12px;border-left:1px solid #777}
.file-path{height:27px;border-bottom:1px solid #d1ccc0;padding:7px 24px 0;font-family:monospace;font-size:10px;letter-spacing:.05em;color:#6d675d}
.folder-grid{position:relative}
.folder i:after{content:"";position:absolute;left:9px;right:9px;bottom:8px;border-top:1px solid rgba(121,94,31,.22)}
.dropzone:after{content:"file gently";display:block;margin-top:8px;font-family:var(--font-hand);font-size:11px;color:var(--blue);transform:rotate(-6deg)}
.file-card:after{content:"checked";position:absolute;right:7px;top:5px;font-family:monospace;font-size:8px;color:#9a9185;transform:rotate(-8deg)}
.break-body{position:relative;overflow:hidden}
.mug-game span{font-size:0;display:inline-block;width:82px;height:58px;border:5px solid #1d2329;border-top-width:8px;border-radius:7px 7px 18px 18px;background:#fbfaf5;box-shadow:9px 9px 0 #d9cde7,0 18px 18px rgba(0,0,0,.12);position:relative}
.mug-game span:before{content:":)";position:absolute;left:18px;top:13px;font:900 20px/1 monospace;color:#1d2329}
.mug-game span:after{content:"";position:absolute;right:-27px;top:13px;width:24px;height:24px;border:5px solid #1d2329;border-left:0;border-radius:0 18px 18px 0;background:#fbfaf5}
.bounce-trace{position:absolute;left:20%;top:132px;width:150px;height:72px;border-top:2px dashed #111;border-radius:50%;transform:rotate(-8deg)}
.bounce-trace span{position:absolute;width:6px;height:6px;border-radius:50%;background:#111}.bounce-trace span:nth-child(1){left:16px;top:30px}.bounce-trace span:nth-child(2){left:66px;top:8px}.bounce-trace span:nth-child(3){right:18px;top:40px}
.break-ledger{position:absolute;right:26px;bottom:22px;text-align:left;font-family:monospace;font-size:10px;color:#6d675d;transform:rotate(3deg)}
.nothing-receipt{position:absolute;left:32px;bottom:52px;background:#fbfaf5;border:1px solid #c7c0b1;padding:9px 12px;font:700 9px/1.35 monospace;box-shadow:var(--softshadow);transform:rotate(4deg)}
.nothing-receipt span{font-weight:400;color:#70695f}
.secret-paper{overflow:hidden}
.secret-paper:before{content:"";position:absolute;left:-10px;right:-10px;bottom:-7px;height:18px;background:linear-gradient(135deg,transparent 0 12px,#dfd4bd 13px 24px,transparent 25px);background-size:32px 18px;opacity:.75}
.secret-crease{position:absolute;background:rgba(98,88,70,.16);transform-origin:left center}.secret-crease.one{left:18px;right:20px;bottom:38px;height:1px;transform:rotate(-2deg)}.secret-crease.two{right:38px;top:42px;width:1px;height:130px;transform:rotate(5deg)}
.stack-pin{position:absolute;left:48%;top:12px;width:24px;height:42px;background:var(--blue);border-radius:50% 50% 45% 45%;box-shadow:0 6px 10px rgba(0,0,0,.18);z-index:8;transform:rotate(-8deg)}
.stack-pin:after{content:"";position:absolute;left:10px;top:31px;width:4px;height:42px;background:#242628;border-radius:3px}
.p2:after{content:"good enough.";position:absolute;left:55px;top:78px;font-family:var(--font-hand);font-size:19px;transform:rotate(-8deg)}
.p3 .sleep-folder{display:inline-block;position:relative;padding-left:34px}.p3 .sleep-folder:before{content:"";position:absolute;left:0;top:2px;width:27px;height:20px;background:#f5d578;border:1px solid #9d7e2c;border-radius:4px}
@media(max-width:900px){.paperclip-mark{left:73%;top:376px}.file-path{padding-left:14px;font-size:9px}.side-note-star{right:8px;width:44px;height:72px}.break-ledger{display:none}.nothing-receipt{left:18px;bottom:46px}}
@media(max-width:560px){.today-meta{font-size:8px;gap:8px}.paperclip-mark{display:none}.pin-a{left:155px}.pin-b{right:58px;bottom:168px}.tape-a{left:118px}.tape-b{right:50px}.side-note-star{top:50%;width:38px;height:60px;font-size:18px}.canvas-ruler{left:54px;gap:22px}.file-path{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mug-game span{width:66px;height:48px}.mug-game span:before{left:13px;top:11px;font-size:17px}.mug-game span:after{right:-23px;top:10px;width:20px;height:20px}.bounce-trace{left:16%;top:118px;width:112px}.nothing-receipt{display:none}.stack-pin{left:40%;transform:scale(.8) rotate(-8deg)}}
@media(max-width:900px){.paperclip-mark{display:none}}
@media(min-width:901px) and (max-width:1100px){.nothing-window .press-note,.nothing-window .run-note{top:88px}.nothing-window .press-note{left:24px}.nothing-window .run-note{right:24px}.nothing-receipt{display:none}}