*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a1a;min-height:100vh;font-family:JetBrains Mono,monospace;color:#2a2a2a;overflow-x:hidden;padding:0 20px;cursor:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l2.5 5.5 6 .5-4.5 4 1.5 6-5.5-3.5-5.5 3.5 1.5-6-4.5-4 6-.5z' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12,auto}a,button,.nav-item,[role=button]{cursor:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 4l2.5 5.5 6 .5-4.5 4 1.5 6-5.5-3.5-5.5 3.5 1.5-6-4.5-4 6-.5z' fill='%23d32f2f' stroke='%23d32f2f' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 12 12,pointer}.notebook-page{position:relative;width:100%;max-width:1920px;margin:0 auto;min-height:100vh;background-color:#eaddcb;box-shadow:15px 0 40px #0009,-5px 0 20px #0006;display:flex;flex-direction:column}.dot-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(0,0,0,.2) 1.5px,transparent 1.5px);background-size:24px 24px;background-position:12px 12px;z-index:1;pointer-events:none}.binding-shadow{position:absolute;top:0;bottom:0;left:0;width:60px;background:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 15px,transparent 100%);z-index:105;pointer-events:none}.paper-texture{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:3;pointer-events:none}.spirals{position:absolute;top:0;bottom:0;left:-18px;width:60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='40' viewBox='0 0 60 40'%3E%3Crect x='30' y='12' width='12' height='16' rx='3' fill='%231a1a1a' /%3E%3Crect x='30' y='12' width='3' height='16' rx='2' fill='rgba(0,0,0,0.4)' /%3E%3Cpath d='M 40,17 C 43,19 43,24 40,25' stroke='%23000' stroke-width='2' fill='none' /%3E%3Cpath d='M 40,13 C 43,15 43,20 40,21' stroke='%23000' stroke-width='2' fill='none' /%3E%3Cpath d='M 5,16 C 25,13 36,13 38,17' stroke='%23777' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M 5,15 C 25,12 36,12 38,16' stroke='%23ddd' stroke-width='1' fill='none' stroke-linecap='round'/%3E%3Cpath d='M 5,24 C 25,21 36,21 38,25' stroke='%23777' stroke-width='2.5' fill='none' stroke-linecap='round'/%3E%3Cpath d='M 5,23 C 25,20 36,20 38,24' stroke='%23ddd' stroke-width='1' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-y;background-size:60px 40px;z-index:110;pointer-events:none}.rolled-header{position:sticky;top:0;z-index:320;width:100%}.header-flat{position:relative;padding:30px 40px 20px 80px;display:flex;justify-content:space-between;align-items:flex-end}.logo-sketch,.nav-sketch{position:relative;z-index:100}.logo-sketch{font-family:Caveat,cursive;font-size:5rem;font-weight:700;color:#2c2c2c;border-bottom:5px solid rgba(44,44,44,.8);line-height:.7;transform:rotate(-4deg);opacity:.9;mix-blend-mode:multiply;text-shadow:1px 1px 2px rgba(0,0,0,.15)}.nav-sketch{display:flex;gap:40px;font-family:Caveat,cursive;font-size:2.2rem;padding-bottom:10px}.nav-item{text-decoration:none;color:#333;transition:color .2s,opacity .2s;display:flex;align-items:center;gap:10px;opacity:.85;mix-blend-mode:multiply}.nav-item:nth-child(1){transform:rotate(-2deg)}.nav-item:nth-child(2){transform:rotate(3deg) translateY(5px)}.nav-item:nth-child(3){transform:rotate(-4deg)}.nav-item:nth-child(4){transform:rotate(1deg) translateY(-3px)}.nav-item:hover{color:#d32f2f}.checkbox{font-weight:700;font-size:2.5rem;line-height:.5}.header-roll{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;background-image:radial-gradient(circle,rgba(0,0,0,.4) 1.5px,transparent 1.5px),linear-gradient(to bottom,#bda88a,#eaddcb 15%,#f5eedd 35%,#eaddcb,#c8b396 85%,#a68e6e);background-size:24px 24px,100% 100%;background-position:12px 0,0 0;background-repeat:repeat,no-repeat;box-shadow:0 15px 25px -5px #0009;z-index:10}.page-content{position:relative;z-index:20;padding:20px 40px 40px 80px;flex-grow:1}.pencil-block{position:relative;padding:30px 40px;color:#111;font-family:Caveat,cursive;font-size:2rem;line-height:1.2;z-index:1}.hero-section{display:flex;justify-content:space-between;align-items:center;margin-top:80px;position:relative;padding:0 140px}.hero-left{flex:0 0 45%;position:relative;z-index:10}.hero-title{font-family:Caveat,cursive;font-size:7rem;line-height:.8;color:#2a2a2a;transform:rotate(-3deg);margin-bottom:40px;opacity:.9;mix-blend-mode:multiply;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.hero-subtitle{font-family:JetBrains Mono,monospace;font-size:1.6rem;color:#333;line-height:1.5;transform:rotate(2deg);margin-left:20px;opacity:.85;mix-blend-mode:multiply}.marker-red{display:inline-block;position:relative;color:#111;font-weight:700;z-index:1}.marker-red:before{content:"";position:absolute;inset:-3px -15px -3px -8px;background:linear-gradient(85deg,#d32f2f33,#d32f2f8c 15%,#d32f2f73 85%,#d32f2f1a);mix-blend-mode:multiply;z-index:-1;border-radius:15px 35px 15px 25px/25px 15px 35px;filter:url(#rough-edge);transform:skew(-15deg) rotate(-2deg)}.hero-arrow{position:absolute;right:-100px;bottom:-80px;transform:rotate(15deg)}.arrow-label{position:absolute;bottom:-15px;right:-40px;font-family:Caveat,cursive;font-size:2.8rem;font-weight:700;color:#d32f2fb3;transform:rotate(-15deg);mix-blend-mode:multiply;filter:url(#rough-edge)}.hero-right{flex:0 0 45%;max-width:450px;position:relative;margin-top:100px;transform:rotate(3deg);transition:transform .3s ease}.hero-right:hover{transform:rotate(1deg) scale(1.02)}.avatar-block{position:relative;width:100%;background:#fcf9f2;padding:15px 15px 40px;border-radius:2px;box-shadow:5px 15px 30px -5px #00000040,0 0 0 1px #0000000d;transform:rotate(3deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.hero-right:hover .avatar-block{transform:rotate(0) scale(1.05) translateY(-10px);box-shadow:10px 25px 40px -5px #0000004d,0 0 0 1px #0000000d}.pencil-avatar{width:100%;height:auto;display:block;mix-blend-mode:multiply;filter:url(#rough-edge) contrast(1.1)}.tape{position:absolute;background-color:#ffffff80;box-shadow:0 1px 3px #0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5}.tape-top{width:140px;height:40px;top:-20px;left:50%;transform:translate(-50%) rotate(-4deg)}.tape-bottom{width:120px;height:35px;bottom:-15px;right:-30px;transform:rotate(45deg)}.hero-center-doodles{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:150px;height:250px;z-index:5;pointer-events:none}.doodle{position:absolute}.d-shading{width:120px;height:100px;left:-60px;top:-20px;transform:rotate(15deg)}.d-box{width:50px;height:50px;right:-30px;bottom:20px;transform:rotate(-10deg)}.d-line{width:140px;height:20px;left:-20px;bottom:100px;transform:rotate(5deg)}.d-star,.d-star-alt{width:40px;height:10px;left:50%;top:20%}.hero-quote{margin-top:2rem;font-size:1.1rem;font-style:italic;color:#444;max-width:250px;line-height:1.4;transform:rotate(-2deg);margin-left:25rem;opacity:.9;font-family:Inter,sans-serif}.blue-pencil-arrow{position:absolute;top:300px;left:25%;width:400px;height:500px;pointer-events:none;z-index:1}.blue-pencil-arrow svg{width:100%;height:100%}.p-line{stroke-dasharray:1000;stroke-dashoffset:0}.hero-quote span{display:inline-block;padding-bottom:5px}.quote-heart{position:absolute;right:35px;top:79%;transform:translateY(-50%) rotate(15deg);width:40px;height:40px;pointer-events:none}.avatar-doodle{position:absolute;pointer-events:none;width:60px;height:60px;z-index:10}.avatar-heart{position:absolute;left:-35px;top:-20px;width:55px;height:55px;transform:rotate(-15deg);pointer-events:none;z-index:11}.notebook-decorations{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.nb-doodle{position:absolute;width:80px;height:80px}.nb-heart-top{top:5%;left:15%;transform:rotate(-10deg);width:60px;height:60px}.nb-star-top{top:3%;right:10%;transform:rotate(15deg);width:50px;height:50px}.nb-heart-bottom{bottom:15%;left:8%;transform:rotate(25deg);width:70px;height:70px}.nb-star-right{top:60%;right:5%;transform:rotate(-10deg);width:55px;height:55px}.nb-circle-1{top:12%;left:48%;width:45px;height:45px;transform:rotate(8deg)}.nb-circle-2{top:35%;left:3%;width:60px;height:60px;transform:rotate(-12deg)}.nb-circle-3{top:55%;left:72%;width:38px;height:38px;transform:rotate(20deg)}.nb-circle-4{top:75%;left:18%;width:52px;height:52px;transform:rotate(-5deg)}.nb-circle-5{top:88%;left:80%;width:42px;height:42px;transform:rotate(15deg)}::selection{background:#0064ff26;color:#000}[data-scribble-color*="0, 100, 255"],[data-scribble-color*="0, 150, 255"],[data-scribble-color*="0, 120, 255"],[data-scribble-color*="0, 180, 255"]{filter:url(#rough-edge) drop-shadow(0 0 2px rgba(0,100,255,.08))}.letter-deco-layer{position:relative;width:100%;height:0;pointer-events:none}.ldeco{position:absolute;pointer-events:none}.ldeco-heart-1{top:-480px;left:6%;width:55px;height:55px;transform:rotate(-18deg)}.ldeco-heart-2{top:-320px;right:8%;width:45px;height:45px;transform:rotate(12deg)}.ldeco-circle-1{top:-560px;right:14%;width:50px;height:50px;transform:rotate(5deg)}.ldeco-star-1{top:-250px;left:10%;width:42px;height:42px;transform:rotate(15deg)}.ldeco-star-2{top:-120px;right:6%;width:36px;height:36px;transform:rotate(-20deg)}.ldeco-arrow-1{top:-420px;left:12%;width:120px;height:90px;transform:rotate(-5deg)}.ldeco-arrow-2{top:-180px;right:12%;width:80px;height:110px;transform:rotate(8deg)}.ldeco-ticks{top:-350px;left:5%;width:90px;height:70px;transform:rotate(-8deg)}.ldeco-send-label{top:-90px;right:20%;font-family:Caveat,cursive;font-size:1.6rem;color:#d32f2f8c;transform:rotate(-6deg);white-space:nowrap}.ldeco-circle-2{top:-60px;left:18%;width:38px;height:38px;transform:rotate(-14deg)}.works-fragments{position:relative;min-height:900px;margin-top:120px;padding:40px 120px 120px;z-index:20}.works-title{position:absolute;left:800px;top:20px;transform:rotate(-3deg);font-family:Caveat,cursive;font-size:5.4rem;font-weight:700;color:#252525;line-height:.8;mix-blend-mode:multiply}.works-title small{display:block;margin-top:18px;margin-left:30px;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:400;color:#1e1e1ea6;transform:rotate(2deg)}.fragment-card{position:absolute;background:#fcf9f2d1;color:#222;box-shadow:8px 18px 28px #00000029,0 0 0 1px #0000000f;mix-blend-mode:multiply;filter:url(#rough-edge)}.fragment-card:before{content:"";position:absolute;inset:10px;border:2px solid rgba(30,30,30,.18);pointer-events:none;transform:rotate(-.7deg)}.fragment-main{width:520px;min-height:350px;left:260px;top:230px;padding:42px 46px 48px;transform:rotate(-2.5deg)}.fragment-small{width:340px;min-height:230px;right:180px;top:190px;padding:34px 34px 38px;transform:rotate(5deg)}.fragment-note-card{width:390px;min-height:250px;right:290px;top:520px;padding:34px 36px 42px;transform:rotate(-4deg);background:#efe2cdb8}.fragment-index{font-family:JetBrains Mono,monospace;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#1e1e1e8c;margin-bottom:16px}.fragment-card h2,.fragment-card h3{font-family:Caveat,cursive;font-weight:700;color:#202020;line-height:.85;mix-blend-mode:multiply}.fragment-card h2{font-size:5.2rem;margin-bottom:28px}.fragment-card h3{font-size:3.2rem;margin-bottom:20px}.fragment-desc,.fragment-card p{font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.55;color:#141414d1}.fragment-meta{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:28px}.fragment-meta span{font-family:JetBrains Mono,monospace;font-size:.85rem;padding:5px 11px;border:2px solid rgba(30,30,30,.32);border-radius:999px;transform:rotate(-1deg)}.fragment-meta span:nth-child(2){transform:rotate(2deg)}.fragment-meta span:nth-child(3){transform:rotate(-3deg)}.fragment-meta span:nth-child(4){transform:rotate(1deg)}.marker-blue{display:inline-block;position:relative;margin-top:30px;font-family:Caveat,cursive!important;font-size:2.2rem!important;font-weight:700;color:#111!important;transform:rotate(-2deg);z-index:1}.marker-blue:before{content:"";position:absolute;inset:6px -16px 2px -10px;background:linear-gradient(90deg,#0064ff14,#0064ff57,#0064ff1f);border-radius:24px 10px 18px 12px;transform:rotate(1.5deg) skew(-8deg);filter:url(#rough-edge);mix-blend-mode:multiply;z-index:-1}.fragment-state{display:inline-block;margin-top:24px;font-family:Caveat,cursive;font-size:2rem;font-weight:700;color:#d32f2fbf;transform:rotate(-3deg);filter:url(#rough-edge)}.mini-flow{display:flex;align-items:center;gap:10px;margin-top:26px;font-family:Caveat,cursive;font-size:2rem;font-weight:700}.mini-flow b{color:#d32f2fb3;font-size:2.5rem;transform:rotate(8deg)}.fragment-tape{position:absolute;background:#ffffff70;box-shadow:0 2px 4px #00000024,inset 0 0 18px #d2be9640;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);filter:url(#rough-edge);z-index:5}.tape-a{width:170px;height:44px;left:50%;top:-24px;transform:translate(-50%) rotate(4deg)}.tape-b{width:130px;height:38px;left:-34px;top:24px;transform:rotate(-38deg)}.fragment-corner-pin{position:absolute;width:54px;height:54px;right:22px;top:18px;opacity:.85;z-index:7}.works-scratch{position:absolute;left:180px;top:660px;width:470px;min-height:110px;padding:28px 34px;font-family:Caveat,cursive;font-size:3.2rem;font-weight:700;line-height:.9;color:#1e1e1eb8;transform:rotate(3deg);mix-blend-mode:multiply}.works-red-note{position:absolute;right:130px;bottom:90px;font-family:Caveat,cursive;font-size:3.1rem;font-weight:700;color:#d32f2fc7;transform:rotate(4deg);filter:url(#rough-edge);mix-blend-mode:multiply}.works-connector-map{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:multiply}.works-connector-map svg{width:100%;height:100%;overflow:visible;filter:url(#rough-edge)}.green-pencil-line{fill:none;stroke:#2080487a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 7}.green-pencil-line.ghost{stroke:#20804838;stroke-width:2.5;stroke-dasharray:12 9}.main-line{stroke-width:5}.branch-line{stroke-width:3.5}.green-pencil-tick{fill:none;stroke:#20804859;stroke-width:3;stroke-linecap:round}.connector-node{transform-origin:center}.node-star{fill:none;stroke:#208048ad;stroke-width:5;stroke-linejoin:round;stroke-linecap:round}.node-star.ghost{stroke:#20804847;stroke-width:2.5}.contact-letter-section{position:relative;min-height:980px;margin-top:120px;padding:80px 120px 160px;z-index:20}.letter-shadow-note{position:absolute;left:170px;top:40px;font-family:Caveat,cursive;font-size:5rem;font-weight:700;color:#1e1e1ee0;transform:rotate(-4deg);mix-blend-mode:multiply;z-index:5}.letter-shadow-note2{position:absolute;left:1420px;top:40px;font-family:Caveat,cursive;font-size:5rem;font-weight:700;color:#1e1e1ee0;transform:rotate(4deg);mix-blend-mode:multiply;z-index:5}.letter-form{position:relative;width:min(820px,80%);min-height:690px;margin:120px auto 0;padding:70px 70px 60px;background:linear-gradient(rgba(30,30,30,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(211,47,47,.18) 0 2px,transparent 2px),#fcf8eceb;background-size:100% 42px,70px 100%,100% 100%;background-position:0 128px,56px 0,0 0;box-shadow:12px 24px 45px #0000003d,0 0 0 1px #00000014;transform:rotate(1.5deg);mix-blend-mode:multiply;filter:url(#rough-edge)}.letter-form:before{content:"";position:absolute;inset:22px;border:2px solid rgba(30,30,30,.12);pointer-events:none;transform:rotate(-.4deg)}.letter-form:after{content:"";position:absolute;left:56px;top:0;bottom:0;width:2px;background:#d32f2f29;pointer-events:none}.letter-tape{position:absolute;width:155px;height:44px;top:-24px;background:#ffffff6b;box-shadow:0 2px 5px #00000029,inset 0 0 18px #d2be9640;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);filter:url(#rough-edge);z-index:6}.letter-tape-left{left:110px;transform:rotate(-7deg)}.letter-tape-right{right:120px;transform:rotate(6deg)}.letter-stamp{position:absolute;right:48px;top:42px;width:112px;height:84px;border:4px solid rgba(211,47,47,.55);border-radius:8px;font-family:Caveat,cursive;color:#d32f2fb8;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(7deg);filter:url(#rough-edge);mix-blend-mode:multiply}.letter-stamp span{font-size:2.2rem;font-weight:700;line-height:.8}.letter-stamp small{font-size:1.5rem;font-weight:700}.letter-header,.letter-row{display:grid;grid-template-columns:1fr 1fr;gap:34px}.letter-header{padding-right:160px;margin-bottom:28px}.letter-row{margin-bottom:24px}.letter-field{position:relative;z-index:8}.letter-field label{display:block;margin-bottom:8px;font-family:Caveat,cursive;font-size:2.1rem;font-weight:700;color:#1e1e1eb8;transform:rotate(-2deg)}.letter-field input,.letter-field textarea{width:100%;border:none;outline:none;background:transparent;color:#141414e0;font-family:JetBrains Mono,monospace;font-size:1rem;line-height:1.6;padding:6px 4px 8px;border-bottom:2px solid rgba(30,30,30,.24);border-radius:0;mix-blend-mode:multiply}.letter-field input:focus,.letter-field textarea:focus{border-bottom-color:#0064ff8c}.letter-field input::placeholder,.letter-field textarea::placeholder{color:#1e1e1e61}.letter-subject{margin-bottom:28px}.letter-message textarea{min-height:260px;resize:vertical;border:2px solid rgba(30,30,30,.16);padding:18px 20px;background:linear-gradient(rgba(30,30,30,.05) 1px,transparent 1px);background-size:100% 38px;background-position:0 22px;font-family:Caveat,cursive;font-size:2rem;line-height:1.35}.letter-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:34px;gap:32px}.letter-signature{font-family:Caveat,cursive;font-size:2rem;color:#1e1e1eb8;transform:rotate(-2deg)}.letter-signature strong{display:inline-block;margin-left:8px;font-weight:700;color:#1e1e1ecc}.letter-send{position:relative;border:none;background:transparent;padding:12px 26px;font-family:Caveat,cursive;font-size:2.5rem;font-weight:700;color:#111;transform:rotate(2deg);z-index:1;cursor:inherit}.letter-send:before{content:"";position:absolute;inset:10px -8px 8px -10px;background:linear-gradient(90deg,#2080481f,#2080486b,#20804829);border-radius:18px 34px 16px 30px;transform:rotate(-2deg) skew(-8deg);filter:url(#rough-edge);mix-blend-mode:multiply;z-index:-1}.letter-send:hover{color:#d32f2fd9;transform:rotate(-1deg) scale(1.04)}.letter-red-note{position:absolute;left:-80px;bottom:90px;font-family:Caveat,cursive;font-size:2.8rem;font-weight:700;color:#d32f2fb8;transform:rotate(-12deg);mix-blend-mode:multiply;filter:url(#rough-edge)}.contact-tear-tabs{position:relative;width:min(720px,70%);margin:-8px auto 0;display:flex;justify-content:center;gap:12px;transform:rotate(1.5deg);z-index:3}.contact-tear-tabs a{position:relative;display:block;min-width:150px;padding:18px 22px 24px;background:#fcf8ece6;color:#1e1e1edb;text-decoration:none;text-align:center;font-family:Caveat,cursive;font-size:2.2rem;font-weight:700;box-shadow:5px 14px 22px #00000029,inset 0 4px #1e1e1e14;border-top:2px dashed rgba(30,30,30,.28);filter:url(#rough-edge);mix-blend-mode:multiply;transition:transform .2s ease,color .2s ease}.contact-tear-tabs a:nth-child(1){transform:rotate(-2deg)}.contact-tear-tabs a:nth-child(2){transform:rotate(1deg) translateY(8px)}.contact-tear-tabs a:nth-child(3){transform:rotate(3deg)}.contact-tear-tabs a:hover{color:#d32f2fd9;transform:translateY(12px) rotate(-1deg)}.persistent-trail-canvas{position:absolute;inset:0;pointer-events:none;z-index:185}.remote-trail-canvas{position:absolute;inset:0;pointer-events:none;z-index:190}.spacetime-cursors-layer{position:absolute;inset:0;pointer-events:none;z-index:260;overflow:hidden}.remote-cursor{position:absolute;width:0;height:0;will-change:left,top;transition:left .08s linear,top .08s linear,opacity .2s ease}.remote-cursor-dot{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.9);transform:translate(-50%,-50%);transform-origin:center}.remote-cursor-label{position:absolute;left:12px;top:0;display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid rgba(30,30,30,.14);border-radius:999px;background:#fcf8eceb;color:#1e1e1ed9;box-shadow:0 8px 18px #0000001f;font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1;transform:translateY(-50%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.remote-cursor-active .remote-cursor-dot{animation:none}@keyframes remote-cursor-pulse{0%{transform:scale(.82);opacity:.75}65%{transform:scale(1.24);opacity:1}to{transform:scale(1);opacity:1}}.track-page-shell{min-height:100vh}.track-page-content{padding-bottom:18vh}.track-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:48px;align-items:start;margin:150px 110px 70px 135px;z-index:1}.track-kicker{margin:0 0 18px;font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase}.track-intro h1{margin:0 0 18px;font-size:clamp(2.8rem,5vw,4.8rem);line-height:.95;font-weight:700;transform:rotate(-1deg)}.track-intro-text{max-width:720px;margin:0;font-size:1.22rem;line-height:1.65;color:#191919c7}.track-intro-note,.track-paper-card,.track-step-card{position:relative;background:#fffaecf5;border:2px solid rgba(35,35,35,.68);box-shadow:0 18px 34px #0000001a;filter:url(#rough-edge)}.track-intro-note{padding:28px 28px 30px;transform:rotate(2deg)}.track-intro-note p{margin:10px 0 0;font-size:1rem;line-height:1.7;color:#1e1e1ebf}.track-flow-board{margin:0 110px 72px 135px}.track-flow-title{margin-bottom:24px;font-size:1.2rem}.track-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.track-step-card{padding:28px 26px}.track-step-card:nth-child(1){transform:rotate(-1.4deg)}.track-step-card:nth-child(2){transform:rotate(1deg)}.track-step-card:nth-child(3){transform:rotate(-.8deg)}.track-step-card h2,.track-paper-card h2{margin:8px 0 14px;font-size:1.7rem}.track-step-card p{margin:0;color:#1e1e1ebf;line-height:1.65}.track-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;margin:0 110px 40px 135px;align-items:start}.track-paper-card{padding:34px 32px 30px}.track-submit-form{transform:rotate(-1.4deg)}.track-lookup-form{transform:rotate(1.2deg)}.track-card-label,.track-form-hint{font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:#1e1e1e8c}.track-form-hint{margin:0 0 18px}.track-field{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.track-field span{font-size:.95rem;text-transform:uppercase;letter-spacing:.04em;color:#1e1e1ea6}.track-field input{width:100%;padding:14px 16px;border:none;border-bottom:2px solid rgba(30,30,30,.4);background:#ffffff6b;font:inherit;color:#1d1d1d;outline:none}.track-field input:focus{border-bottom-color:#d32f2f99;background:#ffffff9e}.track-action-button{display:inline-flex;align-items:center;justify-content:center;min-width:210px;padding:14px 20px;border:2px solid rgba(30,30,30,.65);background:#f6ead0;color:#1d1d1d;font:inherit;font-weight:700;text-transform:uppercase;cursor:pointer;transform:rotate(-1deg);transition:transform .2s ease,background .2s ease}.track-action-button:hover{transform:rotate(1deg) translateY(-2px);background:#f2dfb5}.track-response-box{min-height:94px;padding:16px 18px;border:2px dashed rgba(30,30,30,.35);background:#ffffff7a;line-height:1.6;color:#191919c7}.track-response-box[data-state=pending]{border-color:#0064ff59}.track-response-box[data-state=success]{border-color:#20804873;color:#14502cf2}.track-response-box[data-state=error]{border-color:#d32f2f73;color:#781414f2}.track-result-card{margin-top:18px;padding:20px 22px;border:2px solid rgba(35,35,35,.55);background:#fffdf4f2}.track-result-card dl{display:grid;gap:12px;margin:14px 0 0}.track-result-card dl div{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;align-items:start}.track-result-card dt{font-weight:700;text-transform:uppercase;color:#1e1e1e8c}.track-result-card dd{margin:0;line-height:1.5;word-break:break-word}.track-result-card a{color:#0b78ff}.track-page-footer-note{margin:28px 110px 0 135px;font-size:1.05rem}@media(max-width:1200px){.notebook-page{max-width:100%;margin:0}.header-flat{padding:20px 20px 10px 60px}.logo-sketch{font-size:3.5rem}.nav-sketch{gap:20px;font-size:1.8rem}.hero-content{flex-direction:column;align-items:center;padding:0 40px}.hero-text{width:100%;text-align:center}.hero-quote{margin-left:0;margin-top:40px}.works-fragments{padding:40px 60px 80px;display:flex;flex-direction:column;align-items:center;gap:40px}.works-title{position:relative;left:0;top:0;text-align:center;margin-bottom:40px;transform:rotate(-1deg)}.works-title small{margin-left:0}.works-connector-map{display:none!important}.fragment-main,.fragment-small,.fragment-note-card,.works-scratch,.works-red-note{position:relative!important;inset:0!important;transform:none!important;margin:0 auto!important;width:100%!important;max-width:600px}.works-scratch,.works-red-note{transform:rotate(-2deg)!important}.ldeco,.hero-center-doodles,.blue-pencil-arrow{display:none!important}.letter-form{width:90%;padding:40px;margin-top:60px}.track-intro,.track-flow-board,.track-tools-grid,.track-page-footer-note{margin-left:110px;margin-right:90px}.track-intro,.track-flow-grid,.track-tools-grid{grid-template-columns:1fr}.letter-row{flex-direction:column;align-items:stretch}.letter-label{width:auto;margin-bottom:5px}}@media(max-width:768px){body{padding:0}.spirals{left:-30px}.header-flat{flex-direction:column;align-items:flex-start;padding:20px 20px 20px 40px}.greeting-hi{font-size:3rem}.greeting-name{font-size:4rem}.greeting-role{font-size:2.5rem}.avatar-block{width:100%;max-width:300px;height:350px}.hero-content{padding:0 20px 0 40px}.works-fragments{padding:20px 30px}.letter-form{width:95%;padding:30px 20px;min-height:auto}.track-intro,.track-flow-board,.track-tools-grid,.track-page-footer-note{margin-left:78px;margin-right:34px}.track-paper-card,.track-step-card,.track-intro-note,.track-submit-form,.track-lookup-form{transform:none!important}.track-intro h1{font-size:clamp(2.2rem,12vw,3.2rem)}.track-paper-card{padding:26px 20px 24px}.track-result-card dl div{grid-template-columns:1fr;gap:4px}.track-action-button{width:100%}.submit-stamp{position:relative;right:0;bottom:0;margin:20px auto 0}.remote-cursor-dot{width:18px;height:18px;border-width:3px}.remote-cursor-label{left:16px;min-height:26px;padding:4px 8px;font-size:.68rem}}