@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/hanken-grotesk.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}:root{--canvas: #18161d;--rail: #17151c;--card: #201c26;--border: rgba(183, 156, 99, .18);--ink: #eee8df;--body: #c2b9ad;--muted: #91877c;--accent: #d88a50;--accent2: #8896b8;--sakura: #d48ba0;--gold: #b79c63;--wash: rgba(212, 139, 160, .06);--chip-bg: rgba(136, 150, 184, .14);--code-bg: #201c26;--r-sm: 4px;--r-lg: 6px;--name-fill: var(--ink);--dot: rgba(238, 232, 223, .055);--paper-shadow: 0 18px 48px rgba(8, 7, 11, .22)}[data-mode=light]{--canvas: #f8f4ee;--rail: #f1ebe3;--card: #fbf8f2;--border: rgba(150, 110, 70, .2);--ink: #24242a;--body: #5d5a57;--muted: #8c8177;--accent: #c96a2a;--accent2: #6d7f9d;--sakura: #d9868c;--gold: #b99a5e;--wash: rgba(217, 134, 140, .095);--chip-bg: rgba(109, 127, 157, .13);--code-bg: #1a1a1e;--dot: rgba(36, 36, 42, .075);--paper-shadow: 0 18px 48px rgba(88, 63, 38, .08)}[data-skin=garden]{--canvas: #181825;--rail: #11111b;--card: #1e1e2e;--border: #313244;--ink: #cdd6f4;--body: #a6adc8;--muted: #7f849c;--accent: #cba6f7;--accent2: #89dceb;--sakura: #f5c2e7;--gold: #f9e2af;--wash: rgba(203, 166, 247, .07);--chip-bg: rgba(137, 220, 235, .12);--code-bg: #1e1e2e;--r-sm: 8px;--r-lg: 12px;--dot: rgba(205, 214, 244, .07);--paper-shadow: 0 18px 48px rgba(0, 0, 0, .24)}[data-skin=garden][data-mode=light]{--canvas: #eff1f5;--rail: #e6e9ef;--card: #fbfcfe;--border: #ccd0da;--ink: #4c4f69;--body: #5c5f77;--muted: #8c8fa1;--accent: #8839ef;--accent2: #1e66f5;--sakura: #ea76cb;--gold: #df8e1d;--wash: rgba(234, 118, 203, .08);--chip-bg: rgba(30, 102, 245, .1);--code-bg: #24273a;--dot: rgba(76, 79, 105, .12);--paper-shadow: 0 18px 48px rgba(76, 79, 105, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(900px 620px at 76% 9%,var(--wash),transparent 62%),radial-gradient(620px 420px at 18% 8%,color-mix(in oklab,var(--gold) 6%,transparent),transparent 64%),linear-gradient(var(--canvas),var(--canvas));color:var(--body);font-family:Hanken Grotesk,system-ui,sans-serif;font-size:16.5px;line-height:1.65;transition:background .55s cubic-bezier(.2,.7,.2,1),color .55s cubic-bezier(.2,.7,.2,1)}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.032;background-image:repeating-radial-gradient(circle at 18% 22%,var(--ink) 0 .55px,transparent .8px 4px),repeating-linear-gradient(102deg,transparent 0 5px,var(--ink) 5.5px 6px,transparent 6.5px 13px);mix-blend-mode:multiply}[data-mode=dark] body:before{mix-blend-mode:screen;opacity:.026}.shell{position:relative;z-index:1}.mono{font-family:JetBrains Mono,monospace}a{color:var(--ink)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.switcher{position:fixed;top:18px;right:20px;z-index:50;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.04em;color:var(--muted);background:color-mix(in oklab,var(--card) 88%,transparent);border:1px solid var(--border);border-radius:999px;padding:5px;box-shadow:var(--paper-shadow);backdrop-filter:blur(10px);transition:background .55s cubic-bezier(.2,.7,.2,1),border-color .55s cubic-bezier(.2,.7,.2,1)}.switcher:after{content:"";position:absolute;top:100%;right:0;width:100%;min-width:92px;height:14px}.switcher button{font:inherit;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:999px;cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .25s cubic-bezier(.2,.7,.2,1)}.switcher button:hover{color:var(--accent);transform:translateY(-1px)}.skin-menu{position:absolute;top:calc(100% + 8px);right:0;display:flex;align-items:center;gap:7px;padding:7px;background:color-mix(in oklab,var(--card) 91%,transparent);border:1px solid var(--border);border-radius:999px;box-shadow:0 18px 44px #08070b33;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);transform-origin:85% 0;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .5s,transform .28s cubic-bezier(.2,.7,.2,1)}.switcher:hover .skin-menu,.switcher:focus-within .skin-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;transition-delay:0s}.skin-option{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0}.skin-option[aria-pressed=true]{border-color:color-mix(in oklab,var(--accent) 45%,transparent);background:linear-gradient(105deg,color-mix(in oklab,var(--accent) 10%,transparent),color-mix(in oklab,var(--sakura) 7%,transparent))}.skin-swatch{width:14px;height:14px;border-radius:50%;border:1px solid color-mix(in oklab,var(--ink) 22%,transparent);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--card) 85%,transparent)}.skin-swatch-lab{background:linear-gradient(135deg,#d9868c 0 34%,#c96a2a 34% 67%,#6d7f9d 67%)}.skin-swatch-garden{background:linear-gradient(135deg,#cba6f7 0 34%,#89dceb 34% 67%,#a6e3a1 67%)}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;right:0;top:calc(100% + 10px);width:max-content;max-width:170px;padding:5px 8px;border:1px solid var(--border);border-radius:var(--r-sm);background:color-mix(in oklab,var(--card) 95%,transparent);color:var(--muted);box-shadow:var(--paper-shadow);font-size:10px;letter-spacing:.04em;line-height:1;text-transform:lowercase;opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;transition:opacity .18s ease,visibility .18s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.skin-menu .tip:after{top:calc(100% + 9px);right:50%;transform:translate(50%,-4px)}.mode-toggle.tip:after{top:50%;right:calc(100% + 10px);transform:translate(4px,-50%)}.tip:hover:after,.tip:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.mode-toggle.tip:hover:after,.mode-toggle.tip:focus-visible:after{transform:translateY(-50%)}.skin-menu .tip:hover:after,.skin-menu .tip:focus-visible:after{transform:translate(50%)}.shell{display:flex;min-height:100vh}.rail{width:236px;flex-shrink:0;background:radial-gradient(360px 280px at 100% 0,color-mix(in oklab,var(--sakura) 7%,transparent),transparent 70%),linear-gradient(var(--rail),var(--rail));border-right:1px solid var(--border);padding:30px 24px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;font-family:JetBrains Mono,monospace;font-size:13px;transition:background .55s cubic-bezier(.2,.7,.2,1),border-color .55s cubic-bezier(.2,.7,.2,1)}.rail-id{display:flex;align-items:center;gap:10px;margin-bottom:26px}.rail-id-link{display:flex;align-items:center;gap:10px;text-decoration:none}.avatar{width:34px;height:34px;border-radius:var(--r-sm);flex-shrink:0;background:linear-gradient(135deg,color-mix(in oklab,var(--sakura) 88%,transparent),color-mix(in oklab,var(--accent) 78%,transparent) 48%,color-mix(in oklab,var(--accent2) 78%,transparent));image-rendering:pixelated;position:relative;overflow:hidden}.avatar:after{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg at 30% 30%,transparent 60%,var(--canvas) 60% 70%,transparent 70%),conic-gradient(from 90deg at 70% 65%,transparent 75%,var(--canvas) 75% 85%,transparent 85%);opacity:.55}.rail-name{color:var(--ink);font-weight:600;letter-spacing:.02em}.rail-sub{font-size:10.5px;color:var(--muted)}.search{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 10px;color:var(--muted);font-size:11.5px;margin-bottom:30px;cursor:pointer;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,color-mix(in oklab,var(--gold) 22%,transparent),transparent) border-box;box-shadow:inset 0 1px color-mix(in oklab,var(--ink) 6%,transparent);font-family:inherit;width:100%;text-align:left;transition:border-color .25s ease,background .25s ease,color .25s ease}.search:hover{border-color:color-mix(in oklab,var(--sakura) 42%,var(--border));color:var(--ink)}.kbd{border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:10px;color:var(--muted)}.tree{list-style:none;margin:0 0 auto;padding:0;display:flex;flex-direction:column;gap:2px}.tree a{display:flex;justify-content:space-between;align-items:baseline;text-decoration:none;color:var(--body);padding:6px 9px;border-radius:var(--r-sm);border-left:2px solid transparent;transition:all .2s ease}.tree a:hover{color:var(--ink);background:color-mix(in oklab,var(--card) 78%,transparent)}.tree a.active{color:var(--accent);border-left-color:var(--accent);background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 12%,transparent),color-mix(in oklab,var(--sakura) 5%,transparent))}.tree .count{font-size:10.5px;color:var(--muted)}.tree-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px 9px}.rail-foot{display:flex;flex-direction:column;gap:6px;font-size:11.5px}.rail-foot a{color:var(--muted);text-decoration:none;transition:color .2s ease}.rail-foot a:hover{color:var(--accent)}.main{flex:1;min-width:0}.col{max-width:680px;margin:0 auto;padding:0 36px}.hero{position:relative;padding:96px 0 64px;overflow:hidden;background-image:radial-gradient(680px 420px at 72% 16%,var(--wash),transparent 68%),radial-gradient(var(--dot) 1px,transparent 1px);background-size:auto,22px 22px;border-bottom:1px solid var(--border);transition:border-color .55s cubic-bezier(.2,.7,.2,1)}.hero-decor{position:absolute;inset:0;pointer-events:none;z-index:0}.decor{position:absolute;display:block}.decor-wash{right:clamp(110px,13vw,250px);top:22px;width:520px;color:var(--accent);opacity:.07;transform:rotate(-8deg)}.decor-cloud{left:max(18px,calc(50% - 444px));top:88px;width:124px;color:var(--gold);opacity:.1}.decor-torii{right:clamp(28px,7vw,126px);bottom:-34px;width:218px;color:var(--sakura);opacity:.08}.decor-branch{right:-26px;top:34px;width:330px;color:var(--sakura);opacity:.12}.decor-branch .branch{color:color-mix(in oklab,var(--gold) 54%,var(--ink));opacity:.7}.decor-branch .blossoms{opacity:.95}.decor-branch .petals{opacity:.56}.decor-petal{width:18px;color:var(--sakura);opacity:.18;filter:blur(.15px)}.petal-a{right:clamp(210px,17vw,360px);top:206px;transform:rotate(18deg)}.petal-b{right:clamp(42px,5vw,112px);top:222px;width:13px;opacity:.14;transform:rotate(-20deg)}.petal-c{right:clamp(152px,12vw,260px);top:116px;width:11px;opacity:.12;transform:rotate(38deg)}.decor-stamp{position:absolute;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1;color:var(--gold);opacity:.14}.stamp-a{left:max(72px,calc(50% - 318px));top:178px}.stamp-b{right:clamp(250px,22vw,460px);top:74px;color:var(--sakura);opacity:.12}.hero .col{position:relative;z-index:1}.eyebrow{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.eyebrow .dot-sep{color:var(--gold)}h1{font-size:clamp(34px,5vw,50px);font-weight:800;letter-spacing:0;line-height:1.08;color:var(--ink);margin:0 0 26px;max-width:13em;text-wrap:balance;transition:color .45s ease}h1 .name{color:var(--name-fill)}[data-skin=garden] h1 .name{background:linear-gradient(100deg,#cba6f7,#f5c2e7);-webkit-background-clip:text;background-clip:text;color:transparent}[data-skin=garden][data-mode=light] h1 .name{background:linear-gradient(100deg,#8839ef,#ea76cb);-webkit-background-clip:text;background-clip:text;color:transparent}.kw1{color:var(--accent)}.kw2{color:var(--accent2)}.bio{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;max-width:34em}.bio li{padding-left:20px;position:relative}.bio li:before{content:"•";position:absolute;left:4px;color:var(--gold)}.bio a,.squiggle{color:var(--ink);text-decoration:underline wavy color-mix(in oklab,var(--accent) 75%,transparent) 1px;text-underline-offset:4px;text-decoration-skip-ink:none;transition:color .2s ease}.bio a:hover,a.squiggle:hover{color:var(--accent)}.life-widget{position:absolute;top:-30px;right:36px;width:104px;height:104px;image-rendering:pixelated;opacity:.34;filter:saturate(.92)}.life-widget-mirror{position:absolute;left:-132px;bottom:-32px;width:104px;height:104px;opacity:.2;transform:scaleX(-1)}.life-widget-mirror .life-widget{position:static;width:100%;height:100%;opacity:1}section{padding:52px 0 8px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:22px}.sec-label{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0}.sec-label b{color:var(--accent);font-weight:500}.sec-label .sec-aside{text-transform:none;letter-spacing:0}.sec-more{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--muted);text-decoration:none;transition:color .2s ease}.sec-more:hover{color:var(--accent)}.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pill{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--body);border:1px solid var(--border);background:transparent;border-radius:999px;padding:4px 12px;cursor:pointer;text-decoration:none;transition:all .2s ease}.pill .n{color:var(--muted);margin-left:4px}.pill:hover{border-color:color-mix(in oklab,var(--sakura) 50%,var(--border));color:var(--ink);background:color-mix(in oklab,var(--sakura) 5%,transparent)}.pill.active{color:var(--accent);border-color:color-mix(in oklab,var(--accent) 55%,transparent);background:linear-gradient(105deg,color-mix(in oklab,var(--accent) 10%,transparent),color-mix(in oklab,var(--gold) 6%,transparent))}.pill.active .n{color:color-mix(in oklab,var(--accent) 65%,var(--muted))}.posts{list-style:none;margin:0;padding:0}.posts li{border-bottom:1px solid var(--border);transition:border-color .45s ease}.posts li.hidden{display:none}.posts a{display:grid;grid-template-columns:1fr auto;gap:4px 24px;padding:15px 12px 15px 14px;text-decoration:none;border-left:2px solid transparent;transition:all .22s ease}.posts a:hover{border-left-color:var(--accent);background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 5%,transparent),color-mix(in oklab,var(--sakura) 3%,transparent))}.post-title{color:var(--ink);font-weight:600;letter-spacing:0}.posts a:hover .post-title{color:var(--accent)}.post-date{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;align-self:center;grid-row:span 2}.post-desc{font-size:14px;color:var(--body);grid-column:1}.post-tags{display:inline-flex;gap:6px;margin-left:10px}.tag{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px;vertical-align:2px;background:color-mix(in oklab,var(--card) 54%,transparent)}.garden-note-intro{font-size:14px;margin:-8px 0 18px;max-width:36em}.notes{display:grid;grid-template-columns:1fr 1fr;gap:14px}.note{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--paper-shadow);padding:16px 18px;text-decoration:none;display:flex;flex-direction:column;gap:8px;transition:all .25s ease}.note:hover{border-color:color-mix(in oklab,var(--accent2) 55%,var(--border));transform:translateY(-1px);background:color-mix(in oklab,var(--card) 93%,var(--accent2))}.note-title{color:var(--ink);font-weight:600;font-size:15px}.note-body{font-size:13.5px;color:var(--body)}.wikilink{display:inline;background:var(--chip-bg);color:var(--accent2);border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:12px;white-space:nowrap;text-decoration:none;transition:background .2s ease}a.wikilink:hover{background:color-mix(in oklab,var(--accent2) 28%,transparent)}.note-meta{font-family:JetBrains Mono,monospace;font-size:10.5px;color:var(--muted);margin-top:auto}.note-meta b{color:var(--accent2);font-weight:500}.projects{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.project{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--card);box-shadow:var(--paper-shadow);text-decoration:none;transition:all .25s ease}.project:hover{border-color:color-mix(in oklab,var(--accent) 55%,var(--border));transform:translateY(-1px);background:color-mix(in oklab,var(--card) 94%,var(--accent))}.thumb{height:130px;position:relative;overflow:hidden}.thumb-1{background:radial-gradient(120px 90px at 20% 25%,color-mix(in oklab,var(--accent) 38%,transparent),transparent 70%),radial-gradient(160px 120px at 85% 80%,color-mix(in oklab,var(--accent2) 31%,transparent),transparent 70%),radial-gradient(90px 70px at 72% 22%,color-mix(in oklab,var(--sakura) 23%,transparent),transparent 72%),linear-gradient(160deg,var(--card),var(--canvas))}.thumb-2{background:repeating-linear-gradient(90deg,color-mix(in oklab,var(--accent2) 22%,transparent) 0 2px,transparent 2px 18px),repeating-linear-gradient(0deg,color-mix(in oklab,var(--accent) 14%,transparent) 0 2px,transparent 2px 18px),linear-gradient(200deg,var(--card),var(--canvas))}.thumb:after{content:attr(data-glyph);position:absolute;right:14px;bottom:8px;font-family:JetBrains Mono,monospace;font-size:30px;color:color-mix(in oklab,var(--ink) 65%,transparent)}.project-info{padding:14px 16px 16px}.project-title{color:var(--ink);font-weight:700;letter-spacing:0}.project-title .arrow{color:var(--accent);opacity:0;transition:opacity .2s ease}.project:hover .arrow{opacity:1}.project-desc{font-size:13.5px;color:var(--body);margin-top:4px}.project-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:15px}.project-list a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:4px;transition:text-decoration-color .2s ease,color .2s ease}.project-list a:hover{color:var(--accent);text-decoration-color:var(--accent)}.project-list .dash{color:var(--muted)}.heatmap-wrap{overflow-x:auto;padding-bottom:4px}.heatmap{display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;grid-auto-columns:11px;gap:3px;width:max-content}.heatmap i{border-radius:2.5px;background:var(--accent);transition:background .45s ease}.heat-caption{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--muted);margin-top:12px}.article-head{padding:72px 0 0}.article-head .eyebrow{margin-bottom:14px}.article-title{font-size:clamp(28px,4vw,38px);font-weight:800;letter-spacing:0;line-height:1.15;color:var(--ink);margin:0 0 12px;text-wrap:balance}.article-meta{font-family:JetBrains Mono,monospace;font-size:11.5px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px}.prose{padding:28px 0 24px}.prose h2,.prose h3{color:var(--ink);letter-spacing:0;line-height:1.3;margin:2em 0 .6em}.prose h2{font-size:24px}.prose h3{font-size:19px}.prose p{margin:0 0 1.1em}.prose a:not(.wikilink){color:var(--ink);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--accent) 60%,transparent);text-underline-offset:3px}.prose a:not(.wikilink):hover{color:var(--accent)}.prose strong{color:var(--ink)}.prose ul,.prose ol{padding-left:1.4em;margin:0 0 1.1em}.prose li{margin-bottom:.35em}.prose blockquote{margin:1.4em 0;padding:2px 0 2px 18px;border-left:2px solid var(--accent);color:var(--ink);font-style:italic}.prose code{font-family:JetBrains Mono,monospace;font-size:.85em;background:var(--card);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.prose pre{background:var(--code-bg)!important;border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;overflow-x:auto;font-size:13.5px;line-height:1.6;margin:1.4em 0}.prose pre code{background:none;border:none;padding:0;font-size:inherit}.prose hr{border:none;border-top:1px solid var(--border);margin:2.2em 0}.prose img{max-width:100%;border-radius:var(--r-lg);border:1px solid var(--border)}.prose table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:14.5px}.prose th,.prose td{border:1px solid var(--border);padding:8px 12px;text-align:left}.prose th{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}.backlinks{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--paper-shadow);padding:16px 18px;margin:12px 0 40px}.backlinks-label{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 10px}.backlinks ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.backlinks-empty{font-size:13px;color:var(--muted);margin:0}.palette[hidden]{display:none}.palette{position:fixed;inset:0;z-index:100;background:color-mix(in oklab,var(--canvas) 72%,transparent);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 0}.palette-box{width:100%;max-width:520px;background:var(--rail);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 26px 70px #08070b52}.palette-input{width:100%;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:14px;padding:14px 16px;outline:none}.palette-input::placeholder{color:var(--muted)}.palette-list{list-style:none;margin:0;padding:6px;max-height:320px;overflow-y:auto}.palette-list li.hidden{display:none}.palette-list a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 11px;border-radius:var(--r-sm);text-decoration:none;color:var(--body);font-size:14px}.palette-list a:hover,.palette-list li.selected a{background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 10%,transparent),color-mix(in oklab,var(--sakura) 5%,transparent));color:var(--ink)}.palette-kind{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;flex-shrink:0}footer{border-top:1px solid var(--border);margin-top:64px;padding:40px 0 56px;transition:border-color .45s ease}.badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.badge{width:96px;height:31px;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:600;letter-spacing:.03em;color:var(--ink);background:var(--card);border:1px solid var(--border);box-shadow:inset -2px -2px color-mix(in oklab,var(--ink) 8%,transparent),inset 2px 2px color-mix(in oklab,var(--canvas) 35%,transparent);image-rendering:pixelated;user-select:none}.badge .led{width:6px;height:6px;background:var(--accent)}.badge.alt .led{background:var(--accent2)}.badge:nth-child(4n) .led{background:var(--gold)}.webring{font-family:JetBrains Mono,monospace;font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:26px}.webring a{color:var(--body);text-decoration:none;transition:color .2s ease}.webring a:hover{color:var(--accent)}.webring .ring-label{margin-left:10px}.webring .ring-label:first-child{margin-left:0}.colophon{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}.colophon .heart{color:var(--accent)}.colophon a{color:inherit}.icon{flex-shrink:0;vertical-align:-2px;transition:transform .28s cubic-bezier(.2,.7,.2,1)}.icon *{transform-box:fill-box;transform-origin:center}@keyframes icon-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}65%{transform:rotate(8deg)}}@keyframes icon-bounce{0%,to{transform:translateY(0)}45%{transform:translateY(-2.5px)}}@keyframes icon-beat{0%,to{transform:scale(1)}25%{transform:scale(1.25)}50%{transform:scale(1.05)}70%{transform:scale(1.18)}}@keyframes mail-flap{0%,to{transform:translateY(0)}40%{transform:translateY(2px) scaleY(.85)}}@keyframes rss-pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes sun-spin{to{transform:rotate(90deg)}}.has-icon:hover .icon-home{animation:icon-bounce .5s ease}.has-icon:hover .icon-pencil{animation:icon-wiggle .5s ease}.has-icon:hover .icon-sprout .sprout-leaf-l,.has-icon:hover .icon-sprout .sprout-leaf-r{animation:icon-beat .6s ease}.has-icon:hover .icon-folder{animation:icon-wiggle .5s ease}.has-icon:hover .icon-github{animation:icon-bounce .5s ease}.has-icon:hover .icon-x{animation:icon-wiggle .5s ease}.has-icon:hover .icon-linkedin{animation:icon-bounce .5s ease}.has-icon:hover .icon-mail .mail-flap{animation:mail-flap .6s ease}.has-icon:hover .icon-rss .rss-w1{animation:rss-pulse .8s ease}.has-icon:hover .icon-rss .rss-w2{animation:rss-pulse .8s ease .15s}.has-icon:hover .icon-search{animation:icon-wiggle .5s ease}.has-icon:hover .icon-heart{animation:icon-beat .7s ease}.tree .has-icon>span:first-child,.rail-foot .has-icon{display:inline-flex;align-items:center;gap:7px}.icon-heart-wrap{color:var(--accent);display:inline-flex;vertical-align:-2px}.sec-more .mv,.webring .mv{display:inline-block;transition:transform .2s ease}.sec-more:hover .mv{transform:translate(3px)}.mode-toggle{position:relative;width:30px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:999px;cursor:pointer;padding:0;transition:color .25s ease,border-color .25s ease}.mode-toggle:hover{color:var(--accent);border-color:var(--border)}.mode-toggle .icon{position:absolute;transition:transform .4s ease,opacity .3s ease}.mode-toggle .icon-sun{opacity:0;transform:rotate(-90deg) scale(.5)}.mode-toggle .icon-moon,[data-mode=light] .mode-toggle .icon-sun{opacity:1;transform:rotate(0) scale(1)}[data-mode=light] .mode-toggle .icon-moon{opacity:0;transform:rotate(90deg) scale(.5)}.mode-toggle:hover .icon-sun .sun-rays{animation:sun-spin .6s ease forwards}.switcher .divider{width:1px;height:16px;background:var(--border)}@media(max-width:900px){.shell{flex-direction:column}.rail{position:static;width:100%;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px;padding:16px 20px}.rail-id{margin:0}.search{margin:0;width:auto}.tree{flex-direction:row;flex-wrap:wrap}.tree-label,.rail-foot{display:none}.notes,.projects{grid-template-columns:1fr}.life-widget{display:none}.decor-branch{right:-130px;top:32px;width:280px;opacity:.08}.decor-torii{right:-54px;width:180px;opacity:.06}.decor-cloud{left:18px;top:76px;width:94px;opacity:.08}.decor-wash{right:-80px;width:360px}.decor-petal,.decor-stamp{display:none}.switcher{top:auto;bottom:16px}.switcher:after{top:auto;bottom:100%}.skin-menu{top:auto;bottom:calc(100% + 8px);transform:translateY(8px) scale(.96);transform-origin:85% 100%}.switcher:hover .skin-menu,.switcher:focus-within .skin-menu{transform:translateY(0) scale(1)}.skin-menu .tip:after{top:auto;bottom:calc(100% + 9px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.note:hover,.project:hover{transform:none}}