:root{--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,"JetBrains Mono",monospace;--paper:#fef6e4;--paper-2:#f9eed2;--paper-3:#f4e4bc;--ink:#1a1916;--ink-soft:#4a4741;--ink-mute:#8a847a;--ink-faint:#b9b1a2;--rule:#e6d9b8;--accent:#e63946;--accent-2:#f77f00;--accent-soft:rgba(230,57,70,0.12);--tint-cream:#fff8e7;--tint-peach:#ffd5b0;--tint-mint:#c9e4ca;--tint-coral:#ffb3a7;--shadow-card:0 2px 0 rgba(30,25,20,0.06),0 8px 20px -8px rgba(30,25,20,0.12);--shadow-hover:0 3px 0 rgba(30,25,20,0.1),0 20px 40px -12px rgba(30,25,20,0.25)}[data-theme=dark]{--paper:#17141c;--paper-2:#1e1a26;--paper-3:#251f2e;--ink:#f6edd8;--ink-soft:#d4c9b2;--ink-mute:#8d8475;--ink-faint:#5c5548;--rule:#2e2838;--accent:#ff7a85;--accent-2:#ffb562;--accent-soft:rgba(255,122,133,0.16);--tint-cream:#2a2533;--tint-peach:#3a2a2a;--tint-mint:#1f3330;--tint-coral:#3a2326;--shadow-card:0 2px 0 rgba(0,0,0,0.3),0 8px 20px -8px rgba(0,0,0,0.5);--shadow-hover:0 3px 0 rgba(0,0,0,0.4),0 20px 40px -12px rgba(0,0,0,0.7)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit}html.no-doodles .doodle,html.no-doodles .grid-doodle{display:none!important}html.no-tilt .note-card{--tilt:0deg!important}.bg-blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:float 22s ease-in-out infinite}[data-theme=dark] .blob{opacity:.35}.blob.b1{width:520px;height:520px;background:var(--tint-peach);top:-120px;left:-120px}.blob.b2{width:400px;height:400px;background:var(--tint-mint);top:40%;right:-150px;animation-delay:-7s}.blob.b3{width:360px;height:360px;background:var(--tint-coral);bottom:-140px;left:30%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.08)}66%{transform:translate(-30px,40px) scale(.95)}}.shell{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:32px 48px 140px}@media (max-width:720px){.shell{padding:24px 20px 100px}}.masthead{justify-content:space-between;gap:24px;padding:12px 0 28px;margin-bottom:48px;border-bottom:1.5px dashed var(--rule)}.brand,.masthead{display:flex;align-items:center}.brand{gap:14px;cursor:pointer;text-decoration:none;color:inherit}.avatar{width:44px;height:44px;border-radius:50%;background:var(--accent);position:relative;overflow:hidden;box-shadow:0 2px 0 rgba(0,0,0,.1);flex-shrink:0;transition:transform .3s cubic-bezier(.6,-.2,.4,1.5)}.brand:hover .avatar{transform:rotate(-8deg) scale(1.08)}.avatar svg{width:100%;height:100%;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.05}.brand-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--ink)}.brand-sub{font-size:.68rem;letter-spacing:.15em;margin-top:2px}.brand-sub,.masthead-right{font-family:var(--font-mono);text-transform:uppercase;color:var(--ink-mute)}.masthead-right{display:flex;align-items:center;gap:4px;font-size:.74rem;letter-spacing:.1em}.masthead-right .live-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:6px;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.theme-btn{margin-left:14px;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--rule);background:var(--paper-2);color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s}.theme-btn:hover{border-color:var(--accent);color:var(--accent);transform:rotate(15deg)}.hero{position:relative;margin-bottom:72px;padding:8px 0}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:18px;padding:4px 12px 4px 4px;background:var(--accent-soft);border-radius:999px}.hero-eyebrow:before{content:"";width:16px;height:16px;background:var(--accent);border-radius:50%}.hero h1{font-family:var(--font-display);font-size:clamp(2.6rem,6vw,4.8rem);font-weight:700;line-height:.98;letter-spacing:-.035em;margin:0 0 24px;color:var(--ink);max-width:14ch}.hero h1 em{font-style:normal;color:var(--accent);font-weight:700}.hero h1 .wobble{display:inline-block;transition:transform .3s cubic-bezier(.6,-.3,.4,1.5)}.hero h1 .wobble:hover{transform:rotate(-5deg) scale(1.08);color:var(--accent-2)}.hero p{font-size:1.2rem;line-height:1.5;color:var(--ink-soft);max-width:58ch;margin:0}.hero p .squiggle{display:inline-block;position:relative;color:var(--accent);font-weight:600}.hero p .squiggle:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:6px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8'><path d='M0 4 Q 12.5 0 25 4 T 50 4 T 75 4 T 100 4' stroke='%23e63946' stroke-width='1.6' fill='none'/></svg>") repeat-x;background-size:25px 6px}.doodle{position:absolute;opacity:.55;pointer-events:none}.doodle.d-star{top:10px;right:40px;width:60px;color:var(--accent-2);animation:spin 18s linear infinite}.doodle.d-squig{top:180px;right:20%;width:80px;color:var(--accent)}.doodle.d-dots{bottom:20px;left:-20px;width:90px;color:var(--ink-mute)}.doodle.d-arrow{top:40%;right:8px;width:40px;color:var(--accent-2);animation:bounce 3s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.filter-bar{align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.chips,.filter-bar{display:flex;flex-wrap:wrap}.chips{gap:8px}.chip{font-family:var(--font-mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;padding:8px 14px;border:1.5px solid var(--rule);border-radius:999px;background:var(--paper-2);color:var(--ink-soft);cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1)}.chip:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px) rotate(-1deg)}.chip[data-active=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip .emoji{margin-right:4px}.chip-divider{width:1px;background:var(--rule);margin:0 4px;align-self:stretch}.search-inline{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1.5px solid var(--rule);border-radius:999px;background:var(--paper-2);font-family:var(--font-mono);font-size:.74rem;color:var(--ink-mute);transition:all .2s}.search-inline:focus-within{border-color:var(--accent);color:var(--ink)}.search-inline input{background:transparent;border:none;font:inherit;color:var(--ink);outline:none;width:160px}.search-inline input::placeholder{color:var(--ink-faint)}.notes-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:22px;gap:22px;padding:8px 0 40px}@media (max-width:900px){.notes-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:560px){.notes-grid{grid-template-columns:repeat(2,1fr);gap:14px}}.note-card{position:relative;grid-column:span 2;padding:22px 22px 18px;background:var(--tint-cream);border:1.5px solid rgba(30,25,20,.08);border-radius:14px;cursor:pointer;box-shadow:var(--shadow-card);transform:rotate(var(--tilt,0deg));transition:transform .25s cubic-bezier(.3,1.2,.3,1.1),box-shadow .25s;display:flex;flex-direction:column;min-height:180px;text-decoration:none;color:inherit}[data-theme=dark] .note-card{border-color:rgba(255,255,255,.05)}.note-card.size-sm{grid-column:span 2;min-height:160px}.note-card.size-md{grid-column:span 3;min-height:200px}.note-card.size-lg{grid-column:span 4;min-height:240px}@media (max-width:900px){.note-card.size-lg{grid-column:span 4}.note-card.size-md{grid-column:span 2}}@media (max-width:560px){.note-card,.note-card.size-lg,.note-card.size-md,.note-card.size-sm{grid-column:span 2}}.note-card[data-color=cream]{background:var(--tint-cream)}.note-card[data-color=peach]{background:var(--tint-peach)}.note-card[data-color=mint]{background:var(--tint-mint)}.note-card[data-color=coral]{background:var(--tint-coral)}.note-card:hover{transform:rotate(0deg) translateY(-6px) scale(1.015);box-shadow:var(--shadow-hover);z-index:5}.note-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:14px;opacity:.8}.note-head .maturity{display:inline-flex;align-items:center;gap:5px}.note-head .topic{padding:2px 8px;background:rgba(0,0,0,.08);border-radius:999px;font-size:.64rem}[data-theme=dark] .note-head .topic{background:rgba(255,255,255,.08)}.note-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;line-height:1.14;letter-spacing:-.025em;margin:0 0 10px;color:var(--ink)}.note-card.size-lg .note-title{font-size:2rem}.note-card.size-md .note-title{font-size:1.7rem}.note-excerpt{font-size:.95rem;line-height:1.45;color:var(--ink-soft);margin:0 0 auto}.note-card.size-sm .note-excerpt{font-size:.86rem}.note-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute)}.note-foot .arrow{display:inline-flex;align-items:center;gap:4px;color:var(--ink-soft);transition:all .2s}.note-card:hover .note-foot .arrow{color:var(--accent);transform:translateX(4px)}.note-card{animation:cardIn .6s cubic-bezier(.2,.9,.3,1.1) both;animation-delay:calc(var(--i, 0) * .05s)}@keyframes cardIn{0%{opacity:0;transform:rotate(var(--tilt,0deg)) translateY(30px) scale(.92)}to{opacity:1;transform:rotate(var(--tilt,0deg)) translateY(0) scale(1)}}.grid-doodle{grid-column:span 2;display:flex;align-items:center;justify-content:center;min-height:60px;color:var(--ink-mute);opacity:.5;pointer-events:none}.grid-doodle svg{width:60%;max-width:120px}.note-page{max-width:680px;margin:0 auto;position:relative;z-index:2;animation:pageIn .5s cubic-bezier(.2,.9,.3,1.1) both}@keyframes pageIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.back-link{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);cursor:pointer;background:none;border:none;padding:0;margin-bottom:36px;transition:all .2s;text-decoration:none}.back-link:hover{color:var(--accent);transform:translateX(-4px)}.back-link .arrow{transition:transform .2s}.back-link:hover .arrow{transform:translateX(-3px)}.note-hero{padding:36px 40px;background:var(--tint-cream);border-radius:20px;border:1.5px solid rgba(30,25,20,.08);margin-bottom:44px;position:relative;box-shadow:var(--shadow-card);transform:rotate(-.5deg)}[data-theme=dark] .note-hero{border-color:rgba(255,255,255,.06)}.note-hero[data-color=cream]{background:var(--tint-cream)}.note-hero[data-color=peach]{background:var(--tint-peach)}.note-hero[data-color=mint]{background:var(--tint-mint)}.note-hero[data-color=coral]{background:var(--tint-coral)}.note-hero .meta{display:flex;gap:14px;align-items:center;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);margin-bottom:20px}.note-hero .meta .dot{color:var(--ink-faint)}.note-hero h1{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;line-height:1.04;letter-spacing:-.035em;margin:0 0 14px;color:var(--ink)}.note-hero .lede{font-family:var(--font-body);font-size:1.15rem;line-height:1.5;color:var(--ink-soft);margin:0;font-weight:400}.note-hero .corner-stamp{position:absolute;top:-14px;right:24px;background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;padding:6px 14px;border-radius:999px;transform:rotate(3deg);box-shadow:0 3px 0 rgba(0,0,0,.15)}.prose{font-size:1.05rem;line-height:1.75;color:var(--ink-soft)}.prose>:first-child{margin-top:0}.prose h1{display:none}.prose h2{font-size:1.7rem;font-weight:700;line-height:1.15;letter-spacing:-.025em;margin:48px 0 14px}.prose h2,.prose h3{font-family:var(--font-display);color:var(--ink)}.prose h3{font-size:1.2rem;font-weight:600;letter-spacing:-.015em;margin:32px 0 10px}.prose p{margin:0 0 1.3em;text-wrap:pretty}.prose strong{color:var(--ink);font-weight:600}.prose em{color:var(--ink);font-style:italic}.prose a{color:var(--accent);border-bottom:1.5px solid var(--accent-soft);transition:border-color .2s}.prose a:hover{border-color:var(--accent)}.prose ol,.prose ul{margin:0 0 1.3em;padding-left:1.4em}.prose li{margin-bottom:.4em}.prose blockquote{margin:2em 0;padding:18px 24px;background:var(--paper-2);border-left:4px solid var(--accent);border-radius:0 10px 10px 0;color:var(--ink);font-size:1.08em;line-height:1.5;font-weight:500}.prose hr{border:none;border-top:1.5px dashed var(--rule);margin:2.5em 0}.prose code{font-family:var(--font-mono);font-size:.86em;background:var(--paper-3);padding:2px 7px;border-radius:5px;color:var(--ink)}.code-block{position:relative;margin:1.8em 0;background:#1a1916;border-radius:12px;overflow:hidden;border:1.5px solid rgba(0,0,0,.1)}[data-theme=dark] .code-block{background:#0c0a10}.code-block pre{margin:0;padding:20px 24px;overflow-x:auto;font-family:var(--font-mono);font-size:.88rem;line-height:1.65;color:#f6edd8}.code-block pre code{background:none;padding:0;color:inherit;font-size:inherit}.code-block{--sh-keyword:#ff7a85;--sh-string:#ffa94d;--sh-comment:#5c5548;--sh-class:#6bc49a;--sh-identifier:#f6edd8;--sh-sign:#8d8475;--sh-property:#b084e3;--sh-entity:#ffb562;--sh-jsxliterals:#6fb2ff}.copy-btn{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#f6edd8;font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;padding:5px 11px;border-radius:999px;cursor:pointer;opacity:0;transition:all .2s}.code-block:hover .copy-btn{opacity:1}.copy-btn:hover,.copy-btn[data-copied=true]{background:var(--accent);border-color:var(--accent)}.progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:100;transition:width .1s linear;box-shadow:0 0 12px var(--accent)}.note-foot-page{margin-top:80px;padding-top:32px;border-top:1.5px dashed var(--rule);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-mute);flex-wrap:wrap;gap:16px}.note-foot-page .sig{display:inline-flex;align-items:center;gap:10px;color:var(--ink-soft)}.note-foot-page .sig svg{color:var(--accent)}.next-card{margin-top:40px;padding:24px 28px;background:var(--paper-2);border:1.5px solid var(--rule);border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:all .25s;text-decoration:none;color:inherit}.next-card:hover{background:var(--tint-peach);border-color:var(--accent);transform:translateY(-3px) rotate(-.5deg);box-shadow:var(--shadow-hover)}.next-card .label{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);margin-bottom:6px}.next-card .t{font-family:var(--font-display);font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--ink);line-height:1.2}.next-card .arrow-big{font-size:2rem;font-weight:300;color:var(--accent);transition:transform .25s}.next-card:hover .arrow-big{transform:translateX(8px)}.empty{padding:80px 20px;text-align:center;color:var(--ink-mute);font-size:1.2rem;font-weight:500}.tweaks{position:fixed;bottom:20px;right:20px;z-index:60;width:260px;padding:16px 18px;background:var(--paper);border:1.5px solid var(--rule);border-radius:14px;box-shadow:var(--shadow-hover);font-family:var(--font-mono);font-size:.78rem;color:var(--ink-soft)}.tweaks h4{margin:0 0 14px;text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:var(--ink);display:flex;justify-content:space-between;align-items:center}.tweaks h4 .dot{color:var(--accent);font-size:1.2em}.tweak-row{margin-bottom:12px}.tweak-row>label{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute);margin-bottom:6px}.swatches{display:flex;gap:6px}.swatches button{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(0,0,0,.1);cursor:pointer;padding:0;transition:transform .1s}.swatches button:hover{transform:scale(1.15) rotate(-10deg)}.swatches button[data-active=true]{box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px var(--ink)}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle{position:relative;width:36px;height:20px;background:var(--rule);border:none;border-radius:999px;cursor:pointer;transition:background .2s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--paper);border-radius:50%;transition:transform .2s}.toggle[data-on=true]{background:var(--accent)}.toggle[data-on=true]:after{transform:translateX(16px)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}::selection{background:var(--accent);color:#fff}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:20px}.not-found-page .code{font-family:var(--font-mono);font-size:6rem;font-weight:700;color:var(--accent);line-height:1}.not-found-page p{color:var(--ink-mute);font-size:1.1rem}.not-found-page a{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border-bottom:1.5px solid var(--accent-soft)}