:root{--bg:#faf8f0;--paper:#fff;--ink:#2f3a2c;--muted:#5b6754;--line:#dde7ce;--soft:#f1f6e7;--green:#7cc04b;--green-dk:#467f26;--green-lt:#cfe8b4;--blue:#79b3e3;--yellow:#f2d54a;--shell:#26282b;--shell-hi:#3a3d41;--shell-lo:#17181a;--glass:#0e0f10;--hand:"Gaegu", "Comic Sans MS", cursive;--body:"M PLUS Rounded 1c", ui-rounded, system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);margin:0;font-size:16px;line-height:1.6}button{font:inherit;color:inherit}.hand{font-family:var(--hand);font-size:28px}html,body{cursor:url(/cursors/stylus.svg) 7 25,auto}button,a,input[type=range]{cursor:url(/cursors/stylus-tap.svg) 7 25,pointer}input,textarea{cursor:text}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}#landing{padding-inline:16px}.shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;animation:.45s fadein;display:grid}@keyframes fadein{0%{opacity:0}to{opacity:1}}.main-col{flex-direction:column;min-width:0;min-height:100vh;display:flex}.content{flex:1;width:100%;max-width:1120px;margin-inline:auto;padding:24px clamp(16px,3vw,40px) 0}.backdrop{display:none}@media (width<=960px){.shell{grid-template-columns:1fr}.backdrop{z-index:40;background:#1e231c59;display:block;position:fixed;inset:0}}.checker{background-color:#f5f9ec;background-image:linear-gradient(45deg,#eaf2dc 25%,#0000 25% 75%,#eaf2dc 75%),linear-gradient(45deg,#eaf2dc 25%,#0000 25% 75%,#eaf2dc 75%);background-position:0 0,18px 18px;background-size:36px 36px}.bob{animation:2.8s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.page-head{flex-direction:column;gap:6px;max-width:680px;display:flex}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--green-dk);font-size:13px;font-weight:800}.page-title{text-wrap:balance;margin:0;font-size:clamp(34px,5vw,48px);font-weight:800;line-height:1.1}.page-lede{color:var(--muted);max-width:62ch;margin:0;font-size:18px}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{background:var(--soft);border:1.5px solid var(--line);border-radius:14px;padding:3px 12px;font-size:13px;font-weight:500}.ph{background:#fff6cc;border-radius:4px;padding:0 3px}.pill{border:2px solid var(--ink);background:var(--green);height:48px;color:var(--ink);border-radius:24px;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.pill.ghost{border-color:var(--line);background:#fff}.ulink{color:var(--green-dk);text-underline-offset:4px;background:0 0;border:0;padding:2px 0;font-size:16px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.ulink:hover{color:var(--ink)}.tap{border:2px solid var(--green);pointer-events:none;z-index:100;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.45s ease-out forwards tap;position:fixed}@keyframes tap{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}#landing{flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding-block:32px;display:flex}.landing-hint{font-family:var(--hand);color:var(--muted);text-align:center;font-size:22px}.hh{filter:drop-shadow(0 18px 22px #1e201c38);width:min(580px,100%);container-type:inline-size}.lid{background:linear-gradient(180deg, var(--shell-hi), var(--shell) 14%);border-radius:9cqw 9cqw 3cqw 3cqw;justify-content:center;padding:6.5cqw 13cqw 5cqw;display:flex;position:relative}.lid .cam{background:#0b0b0c;border-radius:50%;width:1.5cqw;height:1.5cqw;position:absolute;top:2.6cqw;left:50%;transform:translate(-50%);box-shadow:0 0 0 .4cqw #333}.grille{grid-template-columns:repeat(3,1cqw);gap:1cqw;display:grid;position:absolute;top:22%}.grille i{background:#101112;border-radius:50%;width:1cqw;height:1cqw}.grille.l{left:4.5cqw}.grille.r{right:4.5cqw}.slider3d{background:#121314;border-radius:1cqw;width:1.2cqw;height:10cqw;position:absolute;top:52%;right:1.6cqw}.slider3d:after{content:"";background:#c9ccc6;border-radius:.6cqw;width:1.8cqw;height:2.4cqw;position:absolute;bottom:0;left:-.3cqw}.top-bezel{background:var(--glass);border-radius:1.6cqw;width:100%;padding:2cqw}.top-screen{aspect-ratio:5/3;background:#fdfcf6;border-radius:.6cqw;position:relative;overflow:hidden;container-type:inline-size}.hinge{background:linear-gradient(#43464a,#232527 55%,#1a1b1d);border-radius:2.6cqw;height:5.4cqw;margin-inline:6cqw;position:relative}.hinge:before,.hinge:after{content:"";background:#121314;border-radius:1cqw;width:.5cqw;position:absolute;top:18%;bottom:18%}.hinge:before{left:17%}.hinge:after{right:17%}.base{background:linear-gradient(180deg, var(--shell) 80%, var(--shell-lo));border-radius:3cqw 3cqw 9cqw 9cqw;grid-template-columns:21cqw minmax(0,1fr) 21cqw;align-items:start;gap:1.5cqw;padding:5cqw 4cqw 6.5cqw;display:grid;position:relative}.lctl,.rctl{flex-direction:column;align-items:center;gap:6cqw;padding-top:1.5cqw;display:flex}.cpad{background:#131415;border-radius:50%;place-items:center;width:13cqw;height:13cqw;display:grid;box-shadow:inset 0 .5cqw 1cqw #0009}.cpad i{background:radial-gradient(circle at 40% 35%,#c3c6c0,#8d908a);border-radius:50%;width:8.4cqw;height:8.4cqw;box-shadow:0 .5cqw .8cqw #00000073}.dpad{width:11.5cqw;height:11.5cqw;position:relative}.dpad:before,.dpad:after{content:"";background:#141516;border-radius:.8cqw;position:absolute;box-shadow:0 .4cqw #0a0a0b}.dpad:before{width:32%;height:100%;top:0;left:34%}.dpad:after{width:100%;height:32%;top:34%;left:0}.mid{flex-direction:column;align-items:center;gap:2.4cqw;display:flex}.bot-bezel{background:var(--glass);border-radius:1.4cqw;width:100%;padding:1.6cqw}.bot-screen{aspect-ratio:4/3;text-align:center;border-radius:.5cqw;flex-direction:column;justify-content:center;align-items:center;gap:2.6cqw;padding:3cqw;display:flex;overflow:hidden;container-type:inline-size}.bs-name{font-family:var(--hand);font-size:11cqw;font-weight:700;line-height:1}.bs-role{color:var(--muted);font-size:5cqw}.start-btn{border:.7cqw solid var(--ink);background:var(--green);box-shadow:0 1.4cqw 0 var(--green-dk);border-radius:99px;align-items:center;gap:3cqw;padding:3cqw 10cqw;font-size:max(14px,7cqw);font-weight:800;line-height:1.2;transition:transform .12s,box-shadow .12s;display:flex}.start-btn:hover{transform:translateY(-2px)}.start-btn:active{box-shadow:0 .3cqw 0 var(--green-dk);transform:translateY(1cqw)}.sysbar{background:#151617;border-radius:1cqw;width:100%;display:flex;overflow:hidden}.sysbar button{color:#9ea39a;letter-spacing:.14em;background:linear-gradient(#2e3134,#1f2123);border:0;border-right:.3cqw solid #111;flex:1;padding:1.1cqw 0;font-size:max(9px,1.9cqw);font-weight:700}.sysbar button:last-child{border-right:0}.sysbar button:hover{color:#e5e8e1}.abxy{width:15cqw;height:15cqw;position:relative}.abxy button,.abxy span{color:#d6d9d2;background:radial-gradient(circle at 40% 35%,#2f3134,#161718);border:0;border-radius:50%;place-items:center;width:5.4cqw;height:5.4cqw;padding:0;font-size:max(10px,2.3cqw);font-weight:700;display:grid;position:absolute;box-shadow:0 .5cqw #0a0a0b}.abxy .x{top:0;left:50%;transform:translate(-50%)}.abxy .b{bottom:0;left:50%;transform:translate(-50%)}.abxy .y{top:50%;left:0;transform:translateY(-50%)}.abxy .a{top:50%;right:0;transform:translateY(-50%)}.power{color:#9ea39a;background:#1c1d1f;border:.4cqw solid #3b3e41;border-radius:50%;place-items:center;width:5.4cqw;height:5.4cqw;display:grid}.power svg{width:55%;height:55%}.leds{gap:3cqw;display:flex;position:absolute;bottom:2.4cqw;left:50%;transform:translate(-50%)}.leds i{background:#3a3d40;border-radius:1cqw;width:1.2cqw;height:.5cqw}.leds i:first-child{background:#6fd3ff;box-shadow:0 0 1cqw #6fd3ff}.wel{position:absolute;inset:0}.wel-tag{color:#6aa9a0;font-size:3.2cqw;font-weight:500;position:absolute;top:1.6cqw;left:50%;transform:translate(-50%)}.wel-card{background:#fff;border-radius:1.4cqw;position:absolute;inset:7cqw 8cqw 6cqw 14cqw;box-shadow:0 .6cqw 1.6cqw #00000014}.wel-card:before{content:"";border:1.3cqw dotted #efd34a;border-radius:1cqw;position:absolute;inset:2.4cqw}.wel-card:after{content:"";border:.9cqw dotted #9fcb74;border-radius:1cqw;position:absolute;inset:4.2cqw}.wel-text{z-index:1;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:6cqw 5cqw 5cqw 8cqw}.wel-title{font-family:var(--hand);font-size:8.6cqw;font-weight:700;line-height:.95}.wel-sub{color:var(--muted);margin-top:1.6cqw;font-size:2.8cqw}.wel-mascot{z-index:2;width:16cqw;height:auto;position:absolute;bottom:1cqw;left:1.5cqw}.pg-flag{background:var(--green);color:#fff;z-index:2;border:.5cqw solid #fff;border-radius:50%;place-items:center;width:6cqw;height:6cqw;font-size:3.4cqw;font-weight:800;display:grid;position:absolute;bottom:3cqw;right:3cqw}.draw{stroke-dasharray:600;stroke-dashoffset:600px;animation:2s .4s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}#zoom{z-index:60;background:#fdfcf6;transition:left .75s cubic-bezier(.6,0,.2,1),top .75s cubic-bezier(.6,0,.2,1),width .75s cubic-bezier(.6,0,.2,1),height .75s cubic-bezier(.6,0,.2,1),border-radius .75s cubic-bezier(.6,0,.2,1);position:fixed;overflow:hidden;container-type:inline-size}.side{border-right:2px solid var(--line);background:#f3f7ea;flex-direction:column;gap:22px;height:100vh;padding:32px 26px 26px;display:flex;position:sticky;top:0;overflow-y:auto}.side-close{display:none}.side-name{font-family:var(--hand);font-size:52px;font-weight:700;line-height:.9}.side-quote{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.side-roles{flex-direction:column;gap:14px;margin:0;display:flex}.side-roles dt{letter-spacing:.08em;font-size:13px;font-weight:800}.side-roles dd{color:var(--muted);margin:2px 0 0;font-size:15px}.side-art{aspect-ratio:16/9;border:2px dashed var(--line);color:var(--muted);border-radius:14px;place-items:center;margin-top:auto;font-size:13px;display:grid}.side-btn{border:2px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;background:#fff;border-radius:12px;min-height:46px;font-size:13px;font-weight:800}.side-btn:hover{background:var(--green-lt)}@media (width<=960px){.side{z-index:50;width:min(320px,86vw);transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:8px 0 24px #0000001f}.side.open{transform:none}.side-close{border:2px solid var(--line);background:#fff;border-radius:12px;align-self:flex-start;place-items:center;width:44px;height:44px;display:grid}}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:2px solid var(--line);background:#faf8f0eb;align-items:center;gap:12px;padding:12px clamp(16px,3vw,40px);display:flex;position:sticky;top:0}.menu-btn{border:2px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:44px;height:44px;padding:0;display:none}.nav{flex-wrap:wrap;gap:6px;margin-inline:auto;display:flex}.nav a{height:44px;color:var(--muted);border:2px solid #0000;border-radius:22px;align-items:center;padding:0 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.nav a:hover{color:var(--ink);background:var(--soft)}.nav a[aria-current=page]{color:var(--ink);background:var(--green-lt);border-color:var(--green)}@media (width<=960px){.menu-btn{display:grid}.nav{margin-inline:auto 0}.nav a{padding:0 12px}}.foot{border-top:2px solid var(--line);background:#eef4e4;margin-top:56px}.foot-next{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px 18px;padding:16px clamp(16px,3vw,40px);display:flex}.foot-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.foot-links{flex-wrap:wrap;gap:6px 18px;display:flex}.foot-links .ulink{font-size:17px}.foot-top{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:0 0;border:0;margin-left:auto;padding:8px 0;font-size:12px;font-weight:800}.foot-top:hover{color:var(--ink)}.foot-scene{justify-content:center;padding:24px clamp(16px,3vw,40px) 0;display:flex}.foot-scene svg{width:100%;max-width:760px;height:auto}.foot-bottom{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:12px clamp(16px,3vw,40px) 28px;display:flex}.foot-id{flex-direction:column;gap:8px;display:flex}.foot-brand{align-items:center;gap:10px;display:flex}.foot-name{font-family:var(--hand);font-size:30px;font-weight:700;line-height:1}.foot-made{color:var(--muted);margin:0;font-size:16px}.foot-made a{color:var(--green-dk)}.heart{color:#d9486a}.foot-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.socials{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.soc{width:44px;height:44px;color:var(--ink);border:2px solid #0000;border-radius:50%;place-items:center;display:grid}.soc:hover{border-color:var(--line);background:#fff}.soc-resume{letter-spacing:.1em;text-transform:uppercase;height:44px;color:var(--ink);border:2px solid var(--line);background:#fff;border-radius:22px;align-items:center;gap:4px;padding:0 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.soc-resume:hover{border-color:var(--green)}.fine{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px}@media (width<=620px){.foot-right{align-items:flex-start}.foot-top{margin-left:0}}.stage{isolation:isolate;border:3px solid var(--line);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:26px;flex-direction:column;height:calc(100vh - 120px);min-height:560px;display:flex;position:relative;overflow:hidden}.ribbon{pointer-events:none;width:100%;height:220px;position:absolute;top:38%;left:0;right:0}.bubble-row{z-index:3;align-items:flex-start;gap:10px;padding:18px 20px 0;display:flex;position:relative}.bubble{font-family:var(--hand);border:2px solid var(--ink);background:#fff;border-radius:16px 16px 16px 4px;max-width:330px;padding:9px 15px;font-size:21px;line-height:1.15}.track{z-index:2;flex-grow:1;position:relative}.note{width:var(--nw);margin-left:calc(var(--nw) / -2);margin-top:calc(var(--nw) * -.3);background:0 0;border:0;padding:0;transition:transform .5s cubic-bezier(.3,1.3,.5,1),opacity .3s;position:absolute;top:48%;left:50%}.track.dragging .note{transition:transform .15s ease-out,opacity .3s}.brk{pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:-14px}.note.on .brk{opacity:1}.brk i{border:5px solid #b9d6ee;border-radius:4px;width:22px;height:22px;position:absolute}.brk i:first-child{border-bottom:0;border-right:0;top:0;left:0}.brk i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.brk i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.brk i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.sel-meta{z-index:3;text-align:center;padding:0 16px;position:relative}.sel-title{font-size:20px;font-weight:800;line-height:1.3}.sel-sub{color:var(--muted);font-size:14px}.scrub{z-index:3;align-items:center;gap:14px;width:100%;max-width:560px;margin-inline:auto;padding:10px 20px 12px;display:flex;position:relative}.round{border:2px solid var(--ink);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;padding:0;display:grid}.round:hover{background:var(--soft)}.scrubber{appearance:none;background:0 0;flex-grow:1;height:28px;margin:0}.scrubber::-webkit-slider-runnable-track{background:var(--line);border-radius:8px;height:8px}.scrubber::-moz-range-track{background:var(--line);border-radius:8px;height:8px}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;background:var(--green);border:3px solid var(--ink);border-radius:50%;width:28px;height:28px;margin-top:-10px}.scrubber::-moz-range-thumb{background:var(--green);border:3px solid var(--ink);border-radius:50%;width:22px;height:22px}.stage-bar{z-index:3;justify-content:center;align-items:center;padding:6px 18px 22px;display:flex;position:relative}.back-tile{border:3px solid var(--green-dk);width:56px;height:56px;box-shadow:0 5px 0 var(--green-dk);background:linear-gradient(#fff,#eef7e2);border-radius:14px;place-items:center;padding:0;transition:transform .12s,box-shadow .12s;display:grid;position:absolute;top:6px;left:18px}.back-tile:hover{transform:translateY(-2px)}.back-tile:active{box-shadow:0 1px 0 var(--green-dk);transform:translateY(4px)}.write-bar{border:3px solid var(--green-dk);width:300px;height:56px;box-shadow:0 5px 0 var(--green-dk);color:var(--ink);background:linear-gradient(#fff,#eef7e2);border-radius:16px;justify-content:center;align-items:center;gap:12px;font-size:19px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:flex}.write-bar:hover{transform:translateY(-2px)}.write-bar:active{box-shadow:0 1px 0 var(--green-dk);transform:translateY(4px)}.write-bar .chk{border:2px solid var(--green-dk);background:#fff;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}@media (width<=560px){.stage-bar{gap:12px}.back-tile{position:static}.write-bar{flex:1;width:auto;font-size:17px}}.thumb{aspect-ratio:5/3;border:4px solid var(--blue);text-align:left;background:#fff;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 6px 14px #2f3a2c24;container-type:inline-size}.thumb-in{background-image:repeating-linear-gradient(#0000 0 11.5cqw,#2f3a2c1f 11.5cqw 12cqw);border-radius:3cqw;align-items:center;gap:4cqw;padding:4cqw 5cqw;display:flex;position:absolute;inset:5cqw}.thumb-txt{flex:60%;min-width:0}.thumb-t{font-family:var(--hand);color:var(--ink);font-size:12cqw;font-weight:700;line-height:.95;display:block}.thumb-l{font-family:var(--hand);color:#4a5745;margin-top:2cqw;font-size:7.4cqw;line-height:1.05;display:block}.thumb-d{aspect-ratio:1;flex:0 0 32%}.thumb-d svg{width:100%;height:100%}.ab{flex-direction:column;gap:44px;width:100%;max-width:1000px;margin-inline:auto;display:flex}.ab-hero{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.ab-intro{flex-direction:column;gap:18px;display:flex}.ab-title{text-wrap:balance;margin:0;font-size:clamp(38px,6vw,62px);font-weight:800;line-height:1.05}.squig{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4q6-6 12 0t12 0' fill='none' stroke='%237CC04B' stroke-width='2.4'/%3E%3C/svg%3E") 0 100%/24px 8px repeat-x;padding-bottom:8px}.ab-lede{max-width:56ch;margin:0;font-size:19px;line-height:1.7}.ab-links{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.polaroid{background:#fff;border-radius:6px;justify-self:center;width:100%;max-width:340px;margin:0;padding:14px 14px 10px;transform:rotate(3deg);box-shadow:0 10px 24px #2f3a2c29}.polaroid-img{aspect-ratio:4/5;background:var(--soft);border:2px dashed var(--line);color:var(--muted);place-items:center;font-size:14px;display:grid}.polaroid img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}.polaroid figcaption{font-family:var(--hand);text-align:center;padding-top:6px;font-size:28px}.ab-sec{flex-direction:column;gap:12px;display:flex}.ab-label{letter-spacing:.14em;text-transform:uppercase;color:var(--green-dk);margin:0;font-size:13px;font-weight:800}.xp-list{border-top:2px solid var(--line);margin:0;padding:0;list-style:none}.xp-list li{border-bottom:2px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;padding:16px 2px;display:flex}.xp-org{font-size:20px;font-weight:800}.xp-role{color:var(--muted);font-size:17px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.tool{background:var(--paper);border:2px solid var(--line);border-radius:18px;flex-direction:column;gap:10px;padding:18px 20px;display:flex}.tool h3{font-family:var(--hand);margin:0;font-size:28px;line-height:1}.tool-tag{padding:5px 13px;font-size:15px}.out-list{flex-direction:column;gap:10px;margin:0;padding:0;font-size:17px;list-style:none;display:flex}.out-list b{min-width:96px;color:var(--green-dk);display:inline-block}.ab-end{border-top:2px dashed var(--line);flex-direction:column;gap:4px;padding-top:24px;font-size:17px;display:flex}.ab-end p{margin:0}.why-note{border:4px solid var(--blue);background:#fff;border-radius:18px;flex-direction:column;gap:14px;padding:28px 30px;display:flex;position:relative}.why-note .pg-num{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid;position:absolute;bottom:14px;right:14px}.why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.why{background:var(--paper);border:2px solid var(--line);border-radius:20px;flex-direction:column;gap:8px;padding:20px;display:flex}.why h3{font-family:var(--hand);margin:0;font-size:28px;line-height:1.05}.why p{margin:0;font-size:15.5px}@media (width<=820px){.ab-hero,.tool-grid,.why-grid{grid-template-columns:1fr}.polaroid{max-width:280px}}.work-list{flex-direction:column;gap:18px;margin-top:28px;display:flex}.work-row{border:2px solid var(--line);background:var(--paper);color:inherit;border-radius:22px;grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:28px;padding:20px;text-decoration:none;transition:border-color .2s,transform .2s;display:grid}.work-row:hover{border-color:var(--green);transform:translateY(-2px)}.work-meta{color:var(--muted);font-size:13px;font-weight:500;display:block}.work-title{text-wrap:balance;margin:4px 0 6px;font-size:26px;font-weight:800;line-height:1.2;display:block}.work-one{color:var(--muted);max-width:60ch;margin:0 0 12px;display:block}.read{color:var(--green-dk);margin-top:14px;font-weight:800;display:block}@media (width<=820px){.work-row{grid-template-columns:1fr}}.cs{flex-direction:column;gap:30px;width:100%;max-width:820px;margin-inline:auto;display:flex}.back{color:var(--green-dk);align-self:flex-start;padding:6px 0;font-size:15px;font-weight:700;text-decoration:none}.back:hover{text-decoration:underline}.meta{border:2px solid var(--line);background:var(--paper);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0;padding:18px 20px;display:grid}.meta dt{letter-spacing:.1em;text-transform:uppercase;color:var(--green-dk);font-size:12px;font-weight:800}.meta dd{margin:2px 0 0;font-size:15px;line-height:1.45}.cs-title{text-wrap:balance;margin:0;font-size:clamp(32px,5vw,46px);font-weight:800;line-height:1.1}.cs-lede{max-width:66ch;margin:0;font-size:19px;line-height:1.65}.cs-shot{border:3px dashed var(--line);background:var(--soft);aspect-ratio:16/9;color:var(--muted);text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0;padding:16px;font-size:14px;display:flex}.cs-sec{border-top:2px dashed var(--line);flex-direction:column;gap:10px;padding-top:26px;display:flex}.cs-sec h2{text-wrap:balance;margin:0;font-size:28px;font-weight:800;line-height:1.2}.cs-sec p{max-width:66ch;margin:0;font-size:17px}.decisions{flex-direction:column;gap:14px;margin-top:6px;display:flex}.decision{background:var(--paper);border:2px solid var(--line);border-radius:16px;padding:16px 20px}.decision b{margin-bottom:2px;font-size:16px;display:block}.decision p{font-size:16px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.stat{background:var(--paper);border:2px solid var(--line);border-radius:18px;flex-direction:column;gap:2px;padding:18px;display:flex}.stat-n{font-family:var(--hand);color:var(--green-dk);font-size:52px;font-weight:700;line-height:1}.stat-l{color:var(--muted);font-size:14px}.cs-next{border:2px solid var(--line);background:var(--paper);color:inherit;border-radius:20px;grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:center;gap:22px;margin-top:10px;padding:18px;text-decoration:none;display:grid}.cs-next:hover{border-color:var(--green)}@media (width<=820px){.meta{grid-template-columns:repeat(2,minmax(0,1fr))}.stats,.cs-next{grid-template-columns:1fr}}.compose{flex-direction:column;gap:14px;width:100%;max-width:940px;margin-inline:auto;display:flex}.compose-title{font-size:34px}.compose-lede{font-size:16px}.fields{flex-wrap:wrap;gap:12px;display:flex}.field{flex-direction:column;flex:220px;gap:3px;font-size:13px;font-weight:700;display:flex}.field input{border:2px solid var(--line);height:44px;color:var(--ink);font-size:15px;font-family:var(--body);background:#fff;border-radius:12px;padding:0 14px}.screen-top{border:3px solid var(--line);background:#f1f0ea;border-radius:22px;padding:18px 18px 12px}.paper{aspect-ratio:5/3;background:#fff;border-radius:12px;width:min(100%,760px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000014;container-type:inline-size}.paper:before{content:"";pointer-events:none;z-index:3;border-radius:1cqw;position:absolute;inset:2.2cqw}.paper.st-green:before{border:.7cqw solid #a9cf7e}.paper.st-dots:before{border:1.2cqw dotted #efd34a}.paper.st-blue:before{border:.7cqw solid #9cc8ee}.lines{pointer-events:none;background-image:repeating-linear-gradient(#0000 0 calc(8cqw - 2px),#e4ead8 calc(8cqw - 2px) 8cqw);position:absolute;inset:6cqw 5cqw 5cqw}.paper.st-blue .lines{background-image:repeating-linear-gradient(#0000 0 calc(8cqw - 2px),#dce9f6 calc(8cqw - 2px) 8cqw)}.pg{position:absolute;inset:0}.pg[hidden]{display:none}.pg textarea{resize:none;z-index:1;font-family:var(--hand);background:0 0;border:0;padding:1.4cqw 0 0;font-size:5.6cqw;line-height:8cqw;position:absolute;inset:6cqw 5cqw 5cqw;overflow:hidden}.pg textarea:focus{outline:none}.pg canvas{z-index:2;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.paper.mode-type canvas,.paper.mode-draw textarea{pointer-events:none}.paper.mode-draw,.paper.mode-draw canvas{cursor:url(/cursors/stylus-tap.svg) 7 25,crosshair}.note-flag{background:var(--green);color:#fff;z-index:4;border:.5cqw solid #fff;border-radius:50%;place-items:center;width:6.4cqw;height:6.4cqw;font-size:3.4cqw;font-weight:800;display:grid;position:absolute;bottom:2.2cqw;right:2.2cqw}.paper-date{text-align:center;color:var(--muted);margin-top:8px;font-size:15px}.toolbar{border:3px solid var(--line);background:#fff;border-radius:20px;flex-wrap:wrap;align-items:stretch;gap:10px;padding:12px;display:flex}.tb{border:2px solid var(--line);min-height:48px;color:var(--ink);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.tb:hover{background:var(--soft)}.tb[aria-pressed=true]{background:var(--green-lt);border-color:var(--green-dk)}.tb.send{background:var(--green);border-color:var(--green-dk);margin-left:auto;padding:0 22px}.tgroup{align-items:center;gap:6px;padding:0 4px;display:flex}.tgroup+.tgroup{border-left:2px dashed var(--line);padding-left:12px}.ink{width:34px;height:34px;box-shadow:0 0 0 2px var(--line);border:3px solid #fff;border-radius:50%;padding:0}.ink[aria-pressed=true]{box-shadow:0 0 0 3px var(--ink)}.pg-btn{border:2px solid var(--ink);background:#fff;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.pg-btn:hover{background:var(--soft)}.pgnum{text-align:center;min-width:44px;font-weight:800}.status{color:#a23a3a;text-align:center;min-height:24px;font-size:14px}.fly{animation:.8s cubic-bezier(.5,-.2,.6,1) forwards fly}@keyframes fly{to{opacity:0;transform:translateY(-120%)rotate(-6deg)scale(.7)}}.sent{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.sent h2{font-family:var(--hand);margin:0;font-size:56px;line-height:1}.sent p{color:var(--muted);margin:0}.sent-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=820px){.tb.send{margin-left:0}}