:root{--ink: #2A1B3D;--mint: #9FF2C8;--blush: #FBE7EE;--berry: #E8577E;--lilac: #C7B8F5;--velvet: #5B2A4E;--paper-ink: #4A2740;--mono: "JetBrains Mono", ui-monospace, monospace;--hand: "Gaegu", "Comic Sans MS", cursive;--disp: "Fraunces", Georgia, serif;--seam: 50%;--tilt: 7vw}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0}body{background:var(--blush);background-image:radial-gradient(rgb(232 87 126 / .2) 1.3px,transparent 1.3px);background-size:22px 22px;color:var(--paper-ink);font-family:var(--hand)}a{color:inherit}:focus-visible{outline:3px solid var(--berry);outline-offset:3px;border-radius:4px}.seam{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--ink);clip-path:polygon(0 0,calc(var(--seam) + var(--tilt)) 0,calc(var(--seam) - var(--tilt)) 100%,0 100%);transition:clip-path .25s ease-out}.seam:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--berry);clip-path:polygon(calc(var(--seam) + var(--tilt)) 0,calc(var(--seam) + var(--tilt) + 5px) 0,calc(var(--seam) - var(--tilt) + 5px) 100%,calc(var(--seam) - var(--tilt)) 100%);transition:clip-path .25s ease-out}main{position:relative;z-index:1}.sec{min-height:100vh;display:grid;grid-template-columns:var(--s, 50%) 1fr;align-items:center}.col{padding:12vh calc(var(--tilt) + 3vw) 12vh 5vw;max-width:100%}.col.r{padding:12vh 5vw 12vh calc(var(--tilt) + 3vw);position:relative}.col.l{justify-self:end;width:100%;max-width:760px}.col.r{max-width:720px}.term{color:#ede4f7;font-family:var(--mono);font-size:clamp(15px,1.25vw,19px);line-height:1.75}.term p{margin:0;white-space:pre-wrap}.pr{color:var(--mint)}.dim{color:#a493b8}.kw{color:var(--lilac)}.fn{color:var(--mint)}.term a{color:var(--mint);text-underline-offset:3px}.cursor{display:inline-block;width:.6em;height:1.1em;vertical-align:-.2em;background:var(--mint);animation:blink 1.1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.repos{list-style:none;padding:0;margin:14px 0 0}.repos li{padding:10px 14px;margin:0 -14px 8px;border-left:3px solid transparent;transition:background .2s,border-color .2s}.repos li.hot,.repos li:focus-within{background:#9ff2c814;border-color:var(--mint)}.repos a{font-weight:600;margin-right:10px}.repos .desc{display:block;color:#cdbfe0}.scrap{font-size:clamp(22px,1.9vw,28px);line-height:1.35}.hand{font-family:var(--hand);margin:0 0 .6em}h2.hand{font-size:1.7em;font-weight:700;color:var(--velvet);margin-top:0;line-height:1.05}h2.big{font-size:2.2em}.note{color:var(--berry);transform:rotate(-1.5deg)}.scrap a{color:var(--velvet);text-decoration-color:var(--berry);text-underline-offset:3px}.tape{position:absolute;width:130px;height:28px;top:calc(12vh - 44px);opacity:.85}.t1{right:18%;transform:rotate(6deg);background:repeating-linear-gradient(45deg,var(--lilac) 0 8px,#DDD3FA 8px 16px)}.t2{left:30%;transform:rotate(-5deg);background:repeating-linear-gradient(90deg,var(--mint) 0 10px,#C8F8DE 10px 20px)}.t3{right:24%;transform:rotate(-3deg);background:repeating-linear-gradient(45deg,#f7b6c8 0,#f7b6c8 6px,#fcd4df 6px,#fcd4df 12px)}.sticker{position:absolute;font-size:80px;color:var(--berry);bottom:8vh;right:8%;transform:rotate(12deg)}.s-star{color:var(--velvet)}.polaroids{display:flex;flex-wrap:wrap;gap:18px 16px;margin:8px 0 16px}.pol{background:#fff;padding:10px 10px 4px;width:150px;text-decoration:none;text-align:center;box-shadow:0 8px 18px -8px #5b2a4e73;transition:transform .25s}.pol .ph{display:grid;place-items:center;aspect-ratio:1;font-size:2em;color:var(--velvet)}.pol .hand{display:block;margin:4px 0 0}.ph1{background:#fcd4df}.ph2{background:#ddd3fa}.ph3{background:#c8f8de}.ph4{background:#ffe6b8}.ph5{background:#e6d9f2}.r1{transform:rotate(-3deg)}.r2{transform:rotate(2deg)}.r3{transform:rotate(-1deg)}.r4{transform:rotate(3deg)}.r5{transform:rotate(-2deg)}.pol:hover,.pol:focus-visible{transform:rotate(0) scale(1.05)}.doodle{width:100%;max-width:380px;color:var(--velvet);margin:4px 0 10px}.hand-svg{font-family:var(--hand);font-size:18px;fill:var(--berry)}.badges{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}.badges a{display:inline-block;padding:6px 20px;border-radius:999px;background:#fff;border:2px dashed var(--berry);text-decoration:none;font-weight:700}.badges li:nth-child(2n) a{border-color:var(--velvet)}.badges a:hover{background:#fcd4df}.envelope{margin:30px 0 1em;padding:34px 26px 26px;background:#fff;border:2px solid var(--velvet);position:relative;text-align:center}.envelope:before{content:"";position:absolute;left:50%;top:-2px;width:44px;height:44px;background:var(--berry);border-radius:50%;transform:translate(-50%,-50%)}.hero .col{padding-top:0;padding-bottom:0}.pr-line{font-family:var(--mono);color:#ede4f7;font-size:clamp(14px,1.2vw,18px);margin:0 0 10px}.name-a{font-family:var(--mono);font-weight:600;color:var(--mint);font-size:clamp(64px,11vw,170px);line-height:.9;margin:0;letter-spacing:-.04em}.name-a:after{content:"_";animation:blink 1.1s steps(1) infinite}.tag-a{font-family:var(--mono);color:#cdbfe0;font-size:clamp(15px,1.3vw,19px);max-width:30ch;margin:18px 0 0}.name-b{font-family:var(--disp);font-variation-settings:"SOFT" 100,"opsz" 144;font-weight:800;font-style:italic;color:var(--velvet);font-size:clamp(64px,11vw,170px);line-height:.9;margin:0;letter-spacing:-.02em}.tag-b-top{color:var(--berry);font-size:clamp(22px,2vw,30px)}.tag-b{font-size:clamp(22px,2vw,30px);max-width:22ch;margin-top:18px}.dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.dots a{font:700 18px var(--hand);color:var(--velvet);text-decoration:none;background:#fff;border:2px solid var(--velvet);border-radius:999px;padding:2px 14px;opacity:.55;transition:opacity .2s}.dots a:hover,.dots a[aria-current=true]{opacity:1}.dots a[aria-current=true]{background:var(--berry);color:#fff;border-color:var(--berry)}.foot{position:relative;padding:30px 5vw;font-family:var(--mono);font-size:14px;color:var(--velvet);text-align:right}@media (max-width: 860px){.seam,.dots{display:none}.sec{display:block;min-height:0}.col,.col.r,.hero .col{padding:44px 20px;max-width:none}.col.l{background:var(--ink)}.col.r{border-top:5px solid var(--berry)}.hero .col.l{padding-top:64px}.tape{top:-14px}.sticker{font-size:56px;bottom:16px}.pol{width:calc(50% - 8px)}.term{font-size:14px}.scrap{font-size:22px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.seam,.seam:after,.pol,.repos li{transition:none}.cursor,.name-a:after{animation:none}}