@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Fraunces:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

:root{--desk:#d2d9c5;--ink:#353b31;--paper:#fbf8ed;--lavender:#d8cfe6;--border:#56594d;--muted:#6c7164;--shadow:4px 5px 0 #58604724;--dot:#89977a55;--mono:'DM Mono',monospace;--serif:'Fraunces',Georgia,serif;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--desk);font-family:var(--sans);font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #8c659e;outline-offset:5px}button{border:0}a{color:inherit}.skip{position:fixed;top:-60px;left:12px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:12px}.menubar{height:49px;padding:0 27px;display:flex;align-items:center;border-bottom:1px solid var(--border);background:#f4f2e7;gap:36px}.brand{font:500 13px var(--mono);text-decoration:none;white-space:nowrap;letter-spacing:-.5px}.brand>span{font-size:23px;vertical-align:middle;margin-right:9px}.menubar nav{display:flex;gap:24px}.menubar nav button{background:none;font-size:12px;padding:7px 0}.menubar nav button:hover{text-decoration:underline;text-underline-offset:5px}.header-status{margin-left:auto;display:flex;align-items:center;font:10px var(--mono);gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#6a805a}#clock{margin-left:20px;font-size:11px}.desktop{position:relative;max-width:1512px;min-height:835px;margin:0 auto;padding:75px 225px 86px 150px;background-image:radial-gradient(var(--dot) .7px,transparent .7px);background-size:7px 7px}.desktop-top{position:absolute;top:24px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:1.2px;color:#59634e}.desktop-top button{background:transparent;font:10px var(--mono);letter-spacing:0}.shortcuts{position:absolute;left:25px;top:90px;display:flex;flex-direction:column;gap:26px;width:95px}.shortcut{background:none;display:flex;flex-direction:column;align-items:center;gap:5px;font:10px var(--mono);padding:4px 0;width:100%}.shortcut svg{width:53px;height:53px;stroke:#535448;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round;transition:transform .18s}.shortcut:hover svg{transform:translateY(-4px) rotate(-5deg)}.shortcut>span{background:#d2d9c5bb;padding:3px 4px;border-radius:2px}.window{border:1px solid var(--border);background:var(--paper);border-radius:7px;box-shadow:var(--shadow);overflow:hidden}.titlebar{height:32px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:10px var(--mono);background:#e4e7da}.titlebar>span{display:flex;align-items:center;gap:6px}.window-controls{font-size:13px!important;letter-spacing:1px}.tiny-star{font-size:17px}.welcome-window{max-width:750px;position:relative;z-index:1;transform:rotate(-.6deg)}.welcome-window .titlebar{background:var(--lavender)}.welcome-content{padding:36px 39px 0}.eyebrow{font:9px var(--mono);letter-spacing:1.2px}.small-spark{font-size:14px;margin-right:5px}h1{font:500 clamp(38px,4.1vw,61px)/1.08 var(--serif);letter-spacing:-2.5px;margin:22px 0 20px;position:relative;width:max-content;max-width:100%}h1 em{font-weight:400;color:#6b6c91;position:relative}h1 em:after{content:'';position:absolute;left:0;right:-4px;bottom:-5px;height:7px;border-top:2px solid #9c96b4;border-radius:50%;transform:rotate(-3deg)}.headline-spark{position:absolute;width:47px;height:65px;fill:#d8b967;stroke:#6d6549;stroke-width:1;right:-75px;top:12px;transform:rotate(10deg)}.intro{font-size:14px;line-height:1.85;color:#59604f;margin:0 0 25px}.welcome-actions{display:flex;gap:23px;align-items:center}.primary{border:1px solid var(--border);border-radius:4px;background:#dbe1c8;padding:12px 15px;font-size:12px;font-weight:500;box-shadow:2px 2px 0 #58604744;display:flex;gap:24px;align-items:center}.primary:hover{background:#cbd4b3;transform:translateY(-1px)}.primary span{font-size:19px}.text-button{background:none;padding:8px 0;font-size:11px;text-align:left}.text-button span{display:inline-block;margin-left:9px;transition:transform .15s}.text-button:hover span{transform:translateX(4px)}.welcome-bottom{border-top:1px dashed #c7c8b7;margin-top:32px;padding:16px 0;display:flex;justify-content:space-between;gap:10px;font:8px var(--mono);color:var(--muted)}.welcome-bottom>span:first-child{display:flex;align-items:center;gap:7px}.welcome-bottom i{width:6px;height:6px;background:#7c8d68;border-radius:50%}.sticky-note{position:absolute;right:30px;top:100px;width:173px;background:#f2df9c;box-shadow:3px 4px 0 #58604720;padding:22px 18px 14px;transform:rotate(5deg);border:1px solid #b6aa7d;z-index:2}.tape{position:absolute;top:-13px;width:67px;height:25px;left:55px;transform:rotate(-8deg);background:#eee9d2aa;clip-path:polygon(0 0,100% 4%,96% 18%,100% 28%,97% 43%,100% 58%,97% 77%,100% 94%,0 100%,3% 80%,0 67%,3% 50%,0 30%,3% 16%)}.note-top{font:9px var(--mono);display:flex;justify-content:space-between;align-items:center}.note-top span{font-size:19px}.sticky-note h2{font:400 24px/1.22 var(--serif);letter-spacing:-.6px;margin:18px 0 20px}.sticky-note h2 em{font-weight:400}.note-bottom{font:8px var(--mono);line-height:1.5}.note-bottom svg{display:block;width:54px;height:34px;stroke:#686040;stroke-width:1.5;fill:none;margin:6px 0 0 auto}.now-window{width:54%;margin-top:25px;transform:rotate(.7deg)}.now-content{padding:24px 25px 20px}.now-content h2{font:400 26px/1.2 var(--serif);letter-spacing:-.7px;margin:15px 0 12px}.now-content p{font-size:12px;line-height:1.7;color:var(--muted);max-width:290px;margin:0 0 9px}.mini-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mini-tags span{font:8px var(--mono);border:1px solid #cecfbe;padding:5px 6px;border-radius:3px;background:#f1f0e5}.charm-window{position:absolute;width:32%;max-width:335px;right:120px;top:535px;transform:rotate(-2deg)}.charm-window .titlebar{background:#e9d5ce}.titlebar button{border:1px solid #777563;border-radius:2px;width:17px;height:17px;background:transparent;font:12px var(--mono);padding:0;display:grid;place-items:center}.charm-content{text-align:center;padding:7px 20px 20px}.charm-orb{width:144px;margin:-6px auto -5px}.charm-orb svg{display:block;width:100%}.charm-content h2{font:400 18px var(--serif);margin:0 0 7px}.charm-content p{font:9px/1.6 var(--mono);color:var(--muted);min-height:29px;margin:0 0 8px}.charm-button{display:flex;justify-content:space-between;gap:28px;font:10px var(--mono);padding:9px 12px;border:1px solid #9b95ab;background:#ece5f2;border-radius:3px;margin:0 auto}.charm-button:hover{background:#dfd2eb}.sticker{position:absolute;background:none;padding:0;z-index:3;filter:drop-shadow(2px 3px 1px #535b4630);transition:transform .2s}.sticker:hover{transform:rotate(12deg) scale(1.08)}.sticker svg{width:100%;display:block}.sticker-flower{width:95px;right:60px;top:408px;transform:rotate(-12deg)}.sticker-star{width:80px;left:43%;top:487px;transform:rotate(13deg)}.sticker.collected:after{content:'✓';position:absolute;bottom:0;right:0;width:20px;height:20px;background:var(--paper);border:1px solid var(--border);border-radius:50%;font:12px/20px var(--mono)}.desktop-footer{position:absolute;left:32px;right:32px;bottom:22px;display:flex;justify-content:space-between;gap:12px;color:#647055;font:8px var(--mono);letter-spacing:.2px}.desktop-footer button{font:inherit;background:none;padding:0}.desktop-footer button:hover{text-decoration:underline}.dock-wrap{text-align:center;padding:5px 0 20px}.dock{display:inline-flex;gap:9px;background:#f5f3e7b8;border:1px solid #8f9681;border-radius:12px;padding:9px 12px 8px;box-shadow:0 5px 15px #414a3820;align-items:center}.dock>button{background:none;display:flex;flex-direction:column;align-items:center;gap:5px;font:8px var(--mono);min-width:60px}.dock>button>span:first-child{display:grid;place-items:center;width:34px;height:32px;font:29px var(--serif);transition:transform .15s;color:#69667d}.dock>button:hover>span:first-child{transform:translateY(-5px)}.dock>button[aria-pressed=true]{color:#79608b}.dock-divider{height:35px;border-left:1px solid #b7bcab;margin:0 4px}.dock-caption{display:block;font:8px var(--mono);color:#68725b;margin-top:12px}dialog{border:1px solid var(--border);padding:0;border-radius:7px;background:var(--paper);color:var(--ink);box-shadow:7px 8px 0 #30352a33;width:min(590px,calc(100% - 32px));max-height:85dvh}dialog::backdrop{background:#343d3066;backdrop-filter:blur(3px)}dialog .titlebar{background:var(--lavender);height:37px}dialog .titlebar button{width:23px;height:23px;font-size:18px}.panel-body{padding:28px;line-height:1.8;font-size:14px}.panel-body h2{font:400 34px/1.15 var(--serif);letter-spacing:-1px;margin:4px 0 18px}.panel-body h3{font:500 21px var(--serif);margin:0 0 8px}.panel-body p{color:var(--muted)}.panel-body .eyebrow{color:var(--muted)}.panel-note{font:10px/1.8 var(--mono);padding:12px 15px;background:#eeeee1;border:1px dashed #b9bea9;border-radius:4px;margin-top:22px}.project{border:1px solid #c0c3b4;padding:20px;margin-top:15px;border-radius:4px;position:relative}.project p{font-size:13px;margin:8px 0}.project-status{font:9px var(--mono);display:inline-block;padding:4px 7px;background:#e5dfed;margin-bottom:10px;border-radius:3px}.project.current{background:#eef0e4}.project.current .project-status{background:#d4dfc0}.project-title-row{display:flex;justify-content:space-between;align-items:center}.project-title-row>span{font-size:22px}.project-meta{font:10px var(--mono);border-top:1px dashed #c0c3b4;padding-top:10px;color:var(--muted)}.panel-actions{display:flex;gap:12px;margin-top:20px}.panel-actions button{background:#e6e0ef;border:1px solid #9b95ab;border-radius:3px;padding:9px 14px;font-size:12px}.sticker-book{display:flex;gap:15px;margin:25px 0}.sticker-book span{width:85px;height:85px;display:grid;place-items:center;font-size:43px;background:#edeadd;border:1px dashed #afae9c;border-radius:7px}.sticker-book .missing{opacity:.4;font:20px var(--mono)}.toast{position:fixed;bottom:130px;left:50%;transform:translate(-50%,20px);background:var(--paper);border:1px solid var(--border);padding:13px 20px;border-radius:5px;font:11px/1.6 var(--mono);box-shadow:var(--shadow);z-index:50;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.conjuring #orb-star{animation:twinkle .6s ease-in-out}@keyframes twinkle{50%{opacity:.25;transform:scale(.7);transform-origin:90px 74px}}body.quiet *,body.quiet *:before,body.quiet *:after{animation:none!important;transition:none!important}body.evening{--desk:#747b79;--dot:#d9ddca33}body.evening .desktop-top,body.evening .desktop-footer,body.evening .dock-caption{color:#f0efdd}body.evening .shortcut>span{background:#ededdd;color:#353b31}body.evening .dock{background:#f5f3e7e0}
@media(min-width:1400px){.desktop{padding-left:185px;padding-right:275px}.welcome-content{padding:40px 46px 0}.welcome-window{max-width:800px}.sticky-note{right:53px;width:190px}.charm-window{right:120px;top:550px}.shortcuts{left:45px}.now-window{width:52%}.sticker-flower{right:75px;top:412px}.sticker-star{top:501px}.desktop{min-height:865px}}
@media(max-width:1100px){.header-status{display:none}.menubar nav{margin-left:auto}.desktop{padding-left:125px;padding-right:200px;min-height:850px}.shortcuts{left:14px;width:85px}.welcome-content{padding:30px 28px 0}h1{font-size:43px}.headline-spark{right:-52px;width:34px}.sticky-note{right:20px;width:155px;padding:20px 13px}.sticky-note h2{font-size:22px}.eyebrow{font-size:8px;letter-spacing:.7px}.intro{font-size:13px}.welcome-bottom{font-size:7px}.now-window{width:58%}.charm-window{right:48px;width:30%;top:530px}.sticker-flower{right:42px;top:399px;width:80px}.sticker-star{top:467px;left:48%;width:65px}.mini-tags{gap:5px}.desktop-footer>span:last-child{display:none}}
@media(max-width:800px){.menubar{padding:0 16px;gap:10px}.brand{font-size:11px}.brand>span{margin-right:3px}.menubar nav{gap:15px}.menubar nav button{font-size:10px}.desktop{padding:76px 24px 65px 112px;min-height:1040px}.desktop-top{left:22px;right:22px}.desktop-top>span{font-size:8px;letter-spacing:.3px}.desktop-top button{font-size:9px}.shortcuts{top:89px}.welcome-window{max-width:none}.sticky-note{position:relative;right:auto;top:auto;margin:33px 5px 0 auto;width:44%;min-width:170px}.sticky-note h2{font-size:25px}.now-window{position:absolute;width:43%;top:548px;left:113px;margin:0}.now-content{padding:22px 20px}.charm-window{top:787px;right:35px;width:47%;max-width:none}.charm-content{padding-bottom:16px}.charm-orb{width:112px}.sticker-flower{right:40px;top:738px;width:70px}.sticker-star{left:91px;top:890px;width:70px}.headline-spark{right:-62px}.desktop-footer{left:24px;right:24px;bottom:12px}.desktop-footer>span{font-size:7px}.dock-wrap{padding-top:15px}.desktop-break{display:none}.welcome-content{padding:28px 27px 0}.welcome-bottom{margin-top:25px}.welcome-bottom>span:last-child{display:none}}
@media(max-width:540px){.menubar{height:46px}.menubar nav>button:first-child,.menubar nav>button:nth-child(2){display:none}.menubar nav{gap:0}.menubar nav button{font-size:10px}.brand{font-size:10px}.desktop{padding:69px 17px 62px;display:flex;flex-direction:column;min-height:0}.desktop-top{top:21px;left:18px;right:18px}.desktop-top>span{font-size:6px;letter-spacing:0}.desktop-top button{font-size:8px}.shortcuts{position:relative;left:auto;top:auto;order:2;width:100%;flex-direction:row;gap:6px;justify-content:space-around;margin:27px 0 15px}.shortcut{width:25%;font-size:8px;gap:5px}.shortcut svg{width:42px;height:42px}.welcome-window{order:1;transform:rotate(-.5deg)}.welcome-content{padding:27px 23px 0}h1{font-size:43px;letter-spacing:-2px;margin-top:20px}.headline-spark{width:30px;height:48px;right:-37px;top:5px}.intro{font-size:12px;line-height:1.85}.eyebrow{font-size:7px;letter-spacing:.5px}.welcome-actions{gap:18px}.primary{padding:10px 12px;gap:17px;font-size:11px}.text-button{font-size:10px}.welcome-bottom{font-size:7px;margin-top:24px;padding:15px 0}.now-window{position:relative;top:auto;left:auto;width:100%;order:3;margin-top:8px}.now-content{padding:24px}.now-content h2{font-size:28px}.now-content p{max-width:none}.now-content .eyebrow{font-size:8px}.sticky-note{order:4;position:relative;min-width:0;width:70%;margin:35px auto 24px 5px;padding:24px 21px 15px;transform:rotate(-4deg)}.sticky-note h2{font-size:28px}.note-bottom svg{position:absolute;right:20px;bottom:16px}.sticker-flower{right:20px;top:auto;bottom:380px;width:80px}.sticker-star{left:auto;right:25px;top:510px;width:66px}.charm-window{position:relative;top:auto;right:auto;width:90%;margin:8px 0 20px auto;order:5;transform:rotate(2deg)}.charm-orb{width:142px}.charm-content{padding:7px 20px 24px}.charm-content h2{font-size:21px}.charm-content p{font-size:9px}.desktop-footer{bottom:9px;left:18px;right:18px;flex-wrap:wrap;gap:10px;font-size:7px}.desktop-footer>span{font-size:7px}.dock{gap:4px;padding:8px}.dock>button{min-width:59px;font-size:7px}.dock-caption{font-size:7px}.panel-body{padding:23px}.panel-body h2{font-size:30px}.panel-body p{font-size:13px}.toast{bottom:35px}}
.shortcut svg path:not([fill]){fill:none}
@media(max-width:540px){.headline-spark{right:0;top:-24px;width:22px;height:32px}.sticker-star{position:relative;order:4;align-self:flex-end;left:auto;right:auto;top:auto;bottom:auto;margin:-70px 0 13px auto;width:65px}}
@media(min-width:541px) and (max-width:800px){.desktop{min-height:1160px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}