:root{--cream:#fff8e7;--cream-2:#f7edcf;--paper:#fffdf3;--paper-2:#fff9ea;--brown-900:#3f271d;--brown-800:#5a3125;--brown-700:#70402b;--brown-600:#8b5635;--brown-400:#8d5b37;--tan:#c68e32;--tan-soft:#e4d5b6;--sand:#c4ae82;--yellow:#ffc246;--yellow-deep:#f6b73c;--orange:#ef7d22;--orange-deep:#e76e18;--blue:#53b8eb;--sky:#6ecaf2;--navy:#183450;--navy-soft:#213247;--ink:#1f2e3a;--ink-soft:#52616c;--ink-faint:#7b7770;--green:#67b66f;--green-deep:#3f8f4d;--hue-0:#53b8eb;--hue-1:#ef7d22;--hue-2:#67b66f;--hue-3:#b98ede;--hue-4:#f6b73c;--hue-5:#e0566b;--wrap:1140px;--wrap-narrow:860px;--pad:clamp(16px, 4vw, 32px);--header-h:76px;--frame:4px;--hair:3px;--font-sans:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas,
    "Courier New", monospace;--sh-1:3px 3px 0 var(--brown-900);--sh-2:5px 5px 0 var(--brown-900);--sh-card:0 5px 0 var(--sand);--sh-card-hover:0 9px 0 var(--sand);color-scheme:light}*,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + 24px);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.75;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:#f4e8cf;background-image:linear-gradient(rgba(255,248,231,.94),rgba(255,248,231,.94)),repeating-linear-gradient(0,#e4d5b6 0 2px,#f4e8cf 2px 4px)}.page-shell{position:relative;width:min(1640px,100%);margin-inline:auto;background:var(--cream);border-inline:var(--frame)solid var(--brown-800);box-shadow:0 0 0 var(--frame)var(--brown-900)}.bg-layer{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(141,91,55,5%) 0 2px,transparent 2px 32px),repeating-linear-gradient(0,rgba(141,91,55,.035) 0 1px,transparent 1px 4px)}h1,h2,h3,h4{margin:0;line-height:1.25;font-weight:900;letter-spacing:-.01em}p{margin:0}ul,ol{margin:0;padding:0}a{color:#1780bf;text-decoration:none;transition:color .14s ease,background-color .14s ease}a:hover{color:var(--orange-deep)}img,svg{max-width:100%;height:auto;display:block}.ui-icon{display:inline-block;width:1em;height:1em;flex:none;overflow:visible;color:currentColor;fill:currentColor;vertical-align:-.14em;shape-rendering:crispEdges}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.9em}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}::selection{background:var(--yellow);color:var(--navy)}.wrap{position:relative;z-index:1;width:100%;max-width:calc(var(--wrap) + var(--pad) * 2);margin-inline:auto;padding-inline:var(--pad)}.page-pad{padding-block:clamp(28px,5vw,56px)}.site-main{position:relative;z-index:1;display:block}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-160px;left:var(--pad);z-index:100;padding:12px 18px;font-weight:900;background:var(--yellow);border:var(--hair)solid var(--brown-900);box-shadow:var(--sh-1);transition:top .18s ease}.skip-link:focus{top:12px}.eyebrow,.section-kicker{margin:0 0 8px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#5d4a2d}.eyebrow a{color:inherit}.sep{color:var(--sand)}.dot{width:4px;height:4px;flex:none;background:var(--sand);display:inline-block}.btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-weight:900;color:var(--brown-900);background:var(--paper);border:var(--hair)solid var(--brown-900);box-shadow:4px 4px 0 var(--brown-900);transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:hover{color:var(--brown-900);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--brown-900);background:var(--cream-2)}.btn-primary{background:var(--yellow)}.btn-primary:hover{background:#ffd166}.btn-sm{min-height:38px;padding:0 14px;font-size:.86rem;box-shadow:3px 3px 0 var(--brown-900)}.svg-button{position:relative;isolation:isolate;overflow:visible;background:0 0;border:0;box-shadow:none}.svg-button:hover{background:0 0;box-shadow:none}.button-frame{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;overflow:visible;shape-rendering:geometricPrecision;pointer-events:none}.button-frame-shadow{fill:#4b2a22}.button-frame-face{stroke:#4b2a22;stroke-width:3;stroke-linejoin:round}.button-frame-highlight,.button-frame-shade{fill:none;stroke-width:3;stroke-linecap:round}.button-frame-highlight{stroke:#fff0a8}.button-frame-shade{stroke:#dc8c20}.button-frame-wood .button-frame-highlight{stroke:rgba(255,226,166,.35)}.button-frame-wood .button-frame-shade{stroke:#4e291d}.button-frame-soft{opacity:.72}.button-content{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;color:inherit}.tag-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.tag{display:inline-block;padding:3px 10px;font-family:var(--font-mono);font-size:.74rem;font-weight:700;color:#2166b4;background:#dfeeff;border:2px solid #9dc4e6}.tag:hover{color:var(--navy);background:var(--yellow);border-color:var(--brown-600)}.tag.svg-button{min-height:28px;padding:4px 11px 6px;background:0 0;border:0}.tag.svg-button:hover{background:0 0;border-color:transparent;transform:translate(1px,1px)}.tag.svg-button .button-frame-shadow{fill:#7aa5c8}.tag.svg-button .button-frame-face{fill:#dfeeff;stroke:#4b2a22}.tag.svg-button .button-frame-highlight{stroke:rgba(255,255,255,.78)}.tag.svg-button .button-frame-shade{stroke:#9dc4e6}.tag.svg-button:hover .button-frame-face{fill:var(--yellow)}.status{flex:none;padding:3px 10px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:#b96f17;background:#ffe8c9;border:2px solid var(--tan)}.status-active{color:#2d8b49;background:#dff5e4;border-color:var(--green-deep)}.status-archived{color:var(--ink-faint);background:var(--cream-2);border-color:var(--sand)}.status-wip{color:#b96f17;background:#ffe8c9;border-color:var(--tan)}.stack{display:flex;flex-wrap:wrap;gap:6px;list-style:none;font-family:var(--font-mono);font-size:.74rem;color:var(--ink-faint)}.stack li::before{content:"/";margin-right:5px;color:var(--tan)}.arrow{font-size:.8em;transition:transform .14s ease}a:hover .arrow{transform:translate(2px,-2px)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.bg{color:#3760bf;background-color:#e1e2e7}.chroma{color:#3760bf;background-color:#e1e2e7;-webkit-text-size-adjust:none}.chroma .x{color:#3760bf}.chroma .err{color:#c64343}.chroma .cl{color:#3760bf}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#a1a6c5}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#6172b0}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#6172b0}.chroma .line{display:flex}.chroma .k{color:#9854f1}.chroma .kc{color:#8c6c3e}.chroma .kd{color:#9d7cd8}.chroma .kn{color:#007197}.chroma .kp{color:#9854f1}.chroma .kr{color:#9854f1}.chroma .kt{color:#0db9d7}.chroma .na{color:#2e7de9}.chroma .nc{color:#b15c00}.chroma .no{color:#b15c00}.chroma .nd{color:#2e7de9;font-weight:700}.chroma .ni{color:#007197}.chroma .ne{color:#8c6c3e}.chroma .nl{color:#587539}.chroma .nn{color:#8c6c3e}.chroma .nx{color:#3760bf}.chroma .py{color:#8c6c3e}.chroma .nt{color:#9854f1}.chroma .nb{color:#587539}.chroma .bp{color:#587539}.chroma .vc{color:#3760bf}.chroma .vg{color:#3760bf}.chroma .vi{color:#3760bf}.chroma .vm{color:#3760bf}.chroma .nf{color:#2e7de9}.chroma .fm{color:#2e7de9}.chroma .ld{color:#3760bf}.chroma .s{color:#587539}.chroma .sa{color:#9d7cd8}.chroma .sb{color:#587539}.chroma .sc{color:#587539}.chroma .dl{color:#2e7de9}.chroma .sd{color:#a1a6c5}.chroma .s2{color:#587539}.chroma .se{color:#2e7de9}.chroma .sh{color:#a1a6c5}.chroma .si{color:#587539}.chroma .sx{color:#587539}.chroma .sr{color:#007197}.chroma .s1{color:#587539}.chroma .ss{color:#587539}.chroma .m{color:#8c6c3e}.chroma .mb{color:#8c6c3e}.chroma .mf{color:#8c6c3e}.chroma .mh{color:#8c6c3e}.chroma .mi{color:#8c6c3e}.chroma .il{color:#8c6c3e}.chroma .mo{color:#8c6c3e}.chroma .o{color:#587539;font-weight:700}.chroma .ow{color:#587539;font-weight:700}.chroma .or{color:#587539;font-weight:700}.chroma .c{color:#a1a6c5;font-style:italic}.chroma .ch{color:#a1a6c5;font-style:italic}.chroma .cm{color:#a1a6c5;font-style:italic}.chroma .c1{color:#a1a6c5;font-style:italic}.chroma .cs{color:#a1a6c5;font-style:italic}.chroma .cp{color:#a1a6c5;font-style:italic}.chroma .cpf{color:#a1a6c5;font-weight:700;font-style:italic}.chroma .gd{color:#c64343;background-color:#e9e9ed}.chroma .ge{font-style:italic}.chroma .gr{color:#c64343}.chroma .gh{color:#8c6c3e;font-weight:700}.chroma .gi{color:#587539;background-color:#e9e9ed}.chroma .go{color:#3760bf}.chroma .gp{color:#3760bf}.chroma .gs{font-weight:700}.chroma .gu{color:#8c6c3e;font-weight:700}.chroma .gt{color:#c64343}.chroma .gl{text-decoration:underline}@media(prefers-reduced-motion:no-preference){.hero-copy>*,.hero-rail,.post-card,.project-card,.section-head,.page-head{animation:rise .45s ease both}.post-card:nth-child(2),.project-card:nth-child(2){animation-delay:.06s}.post-card:nth-child(3),.project-card:nth-child(3){animation-delay:.12s}.post-card:nth-child(4),.project-card:nth-child(4){animation-delay:.18s}.post-card:nth-child(5),.project-card:nth-child(5){animation-delay:.24s}.post-card:nth-child(6),.project-card:nth-child(6){animation-delay:.3s}@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.btn:focus-visible,.section-more:focus-visible,.page-link:focus-visible,.prevnext-item:focus-visible,.rail-item:focus-visible,.term-chip:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.scroll-progress{position:fixed;top:0;left:0;right:0;height:6px;z-index:80;pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background-image:repeating-linear-gradient( 90deg,var(--yellow) 0 8px,var(--orange) 8px 16px );transition:width .08s linear}.site-header{position:sticky;top:0;z-index:70;color:#fff;background-color:#6a3827;background-image:linear-gradient(#8a4f34,#6a3827),repeating-linear-gradient(90deg,transparent 0 70px,rgba(255,255,255,.045) 70px 72px);border-bottom:var(--frame)solid var(--brown-900);box-shadow:0 4px rgba(0,0,0,.14)}.header-inner{display:grid;grid-template-columns:auto minmax(0,1fr)minmax(190px,245px);gap:14px;align-items:center;min-height:var(--header-h);padding:8px clamp(12px,2.5vw,28px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;white-space:nowrap}.brand:hover{color:#fff}.brand-badge{display:grid;place-items:center;width:42px;height:42px;flex:none;color:#3f271d;font-size:34px;line-height:1;background:#ffe6ba;border:var(--hair)solid var(--brown-900);box-shadow:var(--sh-1)}.brand-badge .ui-icon{width:1em;height:1em;overflow:visible}.brand-text{display:flex;flex-direction:column;line-height:1.16}.brand-name{font-size:clamp(1rem,1.2vw,1.3rem);font-weight:900;letter-spacing:.02em;text-shadow:2px 2px 0 #4f2b20}.brand-tagline{font-family:var(--font-mono);font-size:.7rem;color:#ffdcae}.site-search{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 9px;color:#1f3b5b;background:#fff;border:var(--hair)solid #5f3a2a;box-shadow:var(--sh-1)}.site-search input{width:100%;min-width:0;border:0;outline:0;color:var(--navy-soft);background:0 0}.search-icon{display:inline-flex;font-size:1.15rem;font-weight:900}.search-carrot{display:inline-flex;font-size:1.35rem;line-height:1;transform:rotate(-8deg)}.site-nav{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.menu{display:flex;align-items:center;justify-content:center;gap:4px;list-style:none}.menu-item a{display:inline-flex;align-items:center;gap:6px;min-height:48px;padding:8px 14px 11px;font-size:.92rem;font-weight:800;color:#ffeac7;border:0;transition:color .14s ease,background-color .14s ease,box-shadow .14s ease}.menu-item a:hover{color:#fff5d9;background:0 0;box-shadow:none;transform:translate(1px,1px)}.menu-item.is-active a{color:var(--brown-900);background:0 0;box-shadow:none}.menu-icon{width:1.7em;height:1.7em;font-size:1em;line-height:1;overflow:visible}.nav-rss{margin-left:6px;padding:8px 12px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#ffeac7;background:rgba(255,255,255,8%);border:2px solid rgba(255,255,255,.4)}.nav-rss:hover{color:var(--brown-900);background:#ffe6ba;border-color:var(--brown-900)}.nav-toggle{display:none;width:44px;height:44px;padding:0;align-items:center;justify-content:center;background:0 0;border:0;box-shadow:none;cursor:pointer}.nav-toggle>.button-content{width:100%;height:100%}.nav-toggle-bars{display:grid;gap:5px;justify-content:center}.nav-toggle-bars span{display:block;width:20px;height:3px;background:#ffe6ba;transition:transform .18s ease,opacity .18s ease}.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(1){transform:translateY(8px)rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media(max-width:1180px){.header-inner{grid-template-columns:auto minmax(180px,1fr)auto}.nav-toggle{display:inline-flex}.site-nav{position:absolute;top:100%;left:12px;right:12px;z-index:10;flex-direction:column;align-items:stretch;gap:10px;padding:12px;background:#6e3d2c;border:var(--hair)solid var(--brown-900);box-shadow:4px 4px rgba(0,0,0,.45)}html[data-nav-ready] .site-nav{display:none}html[data-nav-ready] .site-nav.is-open{display:flex}.menu{flex-direction:column;align-items:stretch;gap:4px}.menu-item a{justify-content:flex-start;padding:11px 14px}.nav-rss{margin-left:0;align-self:flex-start}.site-search{justify-self:end;width:min(320px,100%)}}@media(max-width:640px){.header-inner{grid-template-columns:minmax(0,1fr)auto;gap:10px}.brand-tagline{display:none}.brand-badge{width:36px;height:36px;font-size:20px}.nav-toggle{width:40px;height:40px}.site-search{grid-column:1/-1;grid-row:2;width:100%}.brand-name{font-size:.93rem}}.hero{position:relative;isolation:isolate;min-height:430px;overflow:hidden;padding:28px 24px 24px;background:#64c7f1;border-bottom:5px solid var(--brown-900)}.hero-art{position:absolute;inset:0;z-index:-3;background:url(../images/koibunny-home-reference.png)50% 48%/cover no-repeat;filter:saturate(1.06)contrast(1.03)}.hero::before{content:none}.hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,2%),rgba(8,47,74,5%))}.hero-copy{position:relative;z-index:2;width:min(690px,50vw);margin-left:clamp(300px,31vw,520px);text-align:center;font-family:noto sans sc,microsoft yahei ui,microsoft yahei,pingfang sc,sans-serif}.hero-copy>*+*{margin-top:12px}.hero-title{display:grid;justify-items:center;gap:8px;color:#fff8ec;font-family:noto sans sc,microsoft yahei ui,microsoft yahei,pingfang sc,sans-serif;font-weight:900;line-height:1.04;text-align:center}.hero-brand-title{display:block;font-size:clamp(1.75rem,2.6vw,2.6rem);letter-spacing:-.025em;color:#fff8ec;-webkit-text-stroke:3px #0a1737;paint-order:stroke fill;text-shadow:2px 2px 0 #0a1737,4px 4px 0 rgba(78,39,25,.78)}.hero-slogan{display:block;white-space:nowrap;font-size:clamp(2.42rem,3.28vw,3.55rem);letter-spacing:-.065em;color:#fff8ec;-webkit-text-stroke:5px #0a1432;paint-order:stroke fill;text-shadow:2px 2px 0 #0a1432,5px 5px 0 rgba(76,34,22,.82)}.hero-slogan>span{display:inline}.hero-title em,.hero-title strong{color:#ff8a13;font-style:normal;-webkit-text-stroke-color:#0a1432;text-shadow:2px 2px 0 #0a1432,5px 5px 0 rgba(104,39,14,.84)}.hero-lead{display:grid;justify-items:center;color:#101a37;font-size:clamp(.95rem,1.18vw,1.18rem);font-weight:700;line-height:1.55;letter-spacing:.015em;text-shadow:1px 1px 0 rgba(255,255,255,.92)}.note-banner{display:flex;align-items:flex-start;gap:10px;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;padding:7px 13px;color:#17213f;font-size:clamp(.78rem,.92vw,.94rem);font-weight:900;letter-spacing:.01em;line-height:1.45;background:rgba(255,250,226,.97);border:var(--hair)solid var(--tan);box-shadow:3px 3px rgba(90,47,34,.76)}.note-icon{display:inline-flex;color:#e6a312;font-size:1.15em}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero-actions .btn{min-height:48px;padding-inline:20px;font-size:.94rem;font-family:noto sans sc,microsoft yahei ui,microsoft yahei,pingfang sc,sans-serif;letter-spacing:.01em}.hero-actions .ui-icon{width:1.85em;height:1.85em;overflow:visible}.hero-actions .icon-rabbit{color:#63372a}.hero-actions .svg-button{min-width:214px;min-height:60px;padding:0 23px 4px}.hero-actions .svg-button:hover{transform:translate(2px,2px)}.hero-actions .button-content{gap:9px;white-space:nowrap;color:#241d27;text-shadow:1px 1px 0 rgba(255,255,255,.72)}.section-block{position:relative;z-index:1;padding:28px clamp(18px,4vw,58px);background:linear-gradient(rgba(255,253,243,.97),rgba(255,253,243,.97)),repeating-linear-gradient(90deg,#ead9b3 0 2px,transparent 2px 32px);border-bottom:4px solid var(--brown-700)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.section-title{color:var(--navy);font-size:clamp(1.5rem,2.2vw,2.05rem)}.section-title .ui-icon{width:1.15em;height:1.15em;overflow:visible}.section-more{color:#1780bf;font-weight:900}.section-more:hover{color:var(--orange-deep)}.category-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:18px clamp(18px,4vw,58px)28px;background:#fff9ea;border-bottom:4px solid var(--brown-700)}.category-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;margin:0 0 clamp(20px,3vw,34px);list-style:none}.category-card{min-height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px;color:inherit;background:#fffdf7;border:var(--hair)solid #5a4034;box-shadow:4px 4px #c4ae82;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.category-card:hover{color:inherit;background:#fff4cc;transform:translate(2px,2px);box-shadow:2px 2px #c4ae82}.category-card.svg-button{display:block;background:0 0;border:0;box-shadow:none}.category-card.svg-button:hover{background:0 0;box-shadow:none}.category-card.svg-button>.button-content{width:100%;min-height:60px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.category-icon{display:grid;place-items:center;width:48px;height:48px;font-size:1.7rem;background:#ffe5a8;border:2px solid #6a4933}.category-icon .ui-icon{width:1.18em;height:1.18em;overflow:visible}.category-experiment .category-icon{background:#dff2ff}.category-reading .category-icon{background:#ffedc9}.category-tools .category-icon{background:#e4eaff}.category-roadmap .category-icon{background:#dcf4df}.category-text{display:grid;gap:3px}.category-text b{color:#233750;font-size:1.05rem}.category-text small{color:#7b7770;line-height:1.35}.category-card i{font-size:2rem;font-style:normal}.about-panel{display:grid;grid-template-columns:110px minmax(0,1fr)auto;gap:24px;align-items:center;padding:42px clamp(24px,7vw,120px);background:linear-gradient(135deg,#dff5ff,#fff2cf)}.about-rabbit{display:grid;place-items:center;width:110px;height:110px;color:#b85d2e;font-size:4.25rem;background:#fff9df;border:4px solid #5f3b29;box-shadow:6px 6px #c68f4c}.about-rabbit .ui-icon{width:.86em;height:.86em}.about-panel h2{color:var(--navy);font-size:clamp(1.45rem,2.2vw,2rem)}.about-panel p:last-child{max-width:850px;margin-top:10px;color:var(--ink-soft);line-height:1.8}.empty-state{margin:20px 0;padding:22px;text-align:center;font-weight:800;background:#fff6d9;border:3px dashed #b88743}.term-cloud{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.term-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px 11px;color:var(--navy);background:0 0;border:0;box-shadow:none;font-family:var(--font-mono);font-size:.84rem;font-weight:700}.term-chip:hover{color:var(--brown-900);background:0 0;transform:translate(2px,2px);box-shadow:none}.term-chip .button-content{gap:9px}.term-chip:hover .button-frame-face{fill:#fff4cc}.term-count{padding:1px 7px;color:var(--brown-700);background:var(--cream-2);border:2px solid var(--sand);font-size:.72rem}@media(max-width:1080px){.hero{min-height:auto;padding:36px 24px 28px}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(255,248,225,.9),rgba(255,248,225,.77))}.hero-art{background-position:50% 0}.hero-copy{width:min(720px,100%);margin-inline:auto}.hero-slogan{white-space:normal}.category-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.about-panel{grid-template-columns:110px minmax(0,1fr)}.about-panel>.btn{grid-column:2;justify-self:start}}@media(max-width:680px){.hero{padding:38px 18px 26px}.hero-brand-title{font-size:1.65rem;-webkit-text-stroke-width:2px;text-shadow:2px 2px 0 #0a1737,3px 3px 0 rgba(78,39,25,.72)}.hero-slogan{font-size:clamp(2.1rem,10vw,2.65rem);-webkit-text-stroke-width:4px;text-shadow:2px 2px 0 #0a1432,4px 4px 0 rgba(76,34,22,.78)}.hero-slogan>span{display:block}.hero-lead span{display:inline}.hero-actions{display:grid}.category-strip{grid-template-columns:minmax(0,1fr)}.about-panel{grid-template-columns:minmax(0,1fr);text-align:center}.about-rabbit{margin-inline:auto}.about-panel>.btn{grid-column:1;justify-self:center}}.post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),380px));gap:18px}.card-visual{position:relative;height:145px;overflow:hidden;display:grid;place-items:center;background-color:var(--hue,var(--sky));background-image:linear-gradient(90deg,rgba(255,255,255,.11) 50%,transparent 50%),linear-gradient(0deg,rgba(255,255,255,8%) 50%,transparent 50%);background-size:28px 28px;border-bottom:var(--hair)solid var(--brown-900)}.hue-0{--hue:var(--hue-0)}.hue-1{--hue:var(--hue-1)}.hue-2{--hue:var(--hue-2)}.hue-3{--hue:var(--hue-3)}.hue-4{--hue:var(--hue-4)}.hue-5{--hue:var(--hue-5)}.card-visual::before,.card-visual::after{content:"";position:absolute;z-index:1;border:3px solid rgba(54,45,35,.55);background:rgba(255,255,255,.22)}.card-visual::before{width:58px;height:38px;right:16px;top:16px}.card-visual::after{width:80px;height:14px;left:18px;bottom:16px}.visual-chip{position:absolute;top:11px;left:13px;z-index:3;padding:3px 8px;color:#fff;background:#35537f;border:2px solid #2d2d31;box-shadow:2px 2px rgba(0,0,0,.35);font-family:var(--font-mono);font-size:.7rem;font-weight:900;letter-spacing:.08em}.post-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:var(--hair)solid var(--tan-soft);box-shadow:var(--sh-card);transition:transform .16s ease,box-shadow .16s ease}.post-card:hover{transform:translateY(-4px);box-shadow:var(--sh-card-hover)}.post-card-link{color:var(--navy)}.post-card-link::after{content:"";position:absolute;inset:0}.post-card:hover .post-card-link{color:var(--orange-deep)}.post-card-body{display:flex;flex:1;flex-direction:column;gap:9px;padding:13px 14px 12px}.post-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint)}.post-card-title{font-size:1.12rem;line-height:1.42}.post-card-desc{flex:1;color:var(--ink-soft);font-size:.88rem;line-height:1.58}.post-card .tag-list{position:relative;z-index:1;margin-top:auto}.tag-list-sm .tag{font-size:.7rem;padding:2px 8px}.mini-rabbit{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:rgba(255,255,255,.94);font-size:4.35rem;filter:drop-shadow(4px 4px 0 rgba(67,45,34,.34))}.mini-rabbit .ui-icon{width:1em;height:1em}@media(max-width:1220px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.post-grid{grid-template-columns:minmax(0,1fr)}}.project-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:var(--hair)solid var(--tan-soft);box-shadow:var(--sh-card);transition:transform .16s ease,box-shadow .16s ease}.project-card:hover{transform:translateY(-4px);box-shadow:var(--sh-card-hover)}.project-card-body{display:flex;flex:1;flex-direction:column;gap:11px;padding:15px}.project-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-card-title{font-size:1.08rem;line-height:1.4}.project-card-link{color:var(--navy)}.project-card-link::after{content:"";position:absolute;inset:0}.project-card:hover .project-card-link{color:var(--orange-deep)}.project-card-desc{flex:1;color:var(--ink-soft);font-size:.92rem;line-height:1.72}.project-card-links{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:4px}.project-card-links a{position:relative;isolation:isolate;padding:4px 10px;font-weight:700;font-size:.8rem;color:var(--brown-700);background:0 0;border:0;box-shadow:none}.project-card-links a:hover{color:var(--brown-900);background:0 0;transform:translate(1px,1px)}.project-card-links .button-frame{inset:-3px -2px -5px}.project-card-links .button-content{gap:3px}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:34px;padding:16px 18px;font-family:var(--font-mono);font-size:.82rem;background:var(--cream-2);border:var(--hair)solid var(--brown-700);box-shadow:4px 4px 0 var(--sand)}.page-link{position:relative;isolation:isolate;padding:8px 16px;font-weight:700;color:var(--brown-700);background:0 0;border:0;box-shadow:none}.page-link:hover{color:var(--brown-900);background:0 0;transform:translate(1px,1px)}.page-link.is-disabled{color:var(--ink-faint);background:0 0;border:0;box-shadow:none;opacity:.7}.page-info{font-weight:700;color:var(--brown-700)}.page-head{margin-bottom:clamp(22px,3.5vw,36px);padding-bottom:18px;background-image:repeating-linear-gradient( 90deg,var(--brown-600) 0 10px,transparent 10px 16px );background-repeat:no-repeat;background-position:0 100%;background-size:100% 4px}.page-head-title{font-size:clamp(1.9rem,4.4vw,2.8rem);color:var(--navy)}.page-head-lead{margin-top:12px;max-width:62ch;color:var(--ink-soft)}.page-head-intro{margin-top:16px}.page-head-meta{margin-top:14px;font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:var(--ink-faint)}.article-grid{display:grid;grid-template-columns:minmax(0,1fr)260px;gap:clamp(24px,3.5vw,44px);align-items:start}.article-grid:not(:has(.toc)){grid-template-columns:minmax(0,1fr)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-family:var(--font-mono);font-size:.74rem;color:var(--ink-faint)}.breadcrumb a{color:var(--brown-700);font-weight:700}.breadcrumb a:hover{color:var(--orange-deep)}.breadcrumb .current{color:var(--ink-faint)}.article{padding:clamp(20px,3vw,36px);background:var(--paper);border:var(--hair)solid var(--brown-700);box-shadow:6px 6px 0 var(--sand)}.article-header{padding-bottom:20px;background-image:repeating-linear-gradient( 90deg,var(--tan) 0 8px,transparent 8px 14px );background-repeat:no-repeat;background-position:0 100%;background-size:100% 4px}.article-title{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.26;color:var(--navy)}.article-lead{margin-top:14px;color:var(--ink-soft);font-size:1.02rem}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;font-family:var(--font-mono);font-size:.76rem;color:var(--ink-faint)}.project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.toc{position:sticky;top:calc(var(--header-h) + 18px);padding:16px 18px;background:var(--cream-2);border:var(--hair)solid var(--brown-700);box-shadow:5px 5px 0 var(--sand)}.toc-heading{margin-bottom:10px;padding-bottom:8px;font-family:var(--font-mono);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--brown-700);background-image:repeating-linear-gradient( 90deg,var(--tan) 0 6px,transparent 6px 11px );background-repeat:no-repeat;background-position:0 100%;background-size:100% 3px}.toc nav ul{list-style:none}.toc nav ul ul{margin-left:6px;padding-left:12px;border-left:2px dashed var(--sand)}.toc nav li{margin:5px 0}.toc nav a{color:var(--ink-soft);font-size:.88rem;line-height:1.5}.toc nav a:hover{color:var(--orange-deep)}.toc nav a.is-current{font-weight:900;color:var(--orange-deep)}.toc nav a.is-current::before{content:"▸ "}.prose{padding-top:26px;color:var(--ink);font-size:1.02rem;line-height:1.9}.prose>*+*{margin-top:20px}.prose h2,.prose h3,.prose h4{scroll-margin-top:calc(var(--header-h) + 24px);line-height:1.4;color:var(--navy)}.prose h2{margin-top:48px;padding-left:14px;border-left:6px solid var(--yellow);font-size:1.45rem}.prose h3{margin-top:36px;font-size:1.18rem}.prose h4{margin-top:26px;font-size:1.02rem;color:var(--brown-700)}.prose a{color:#1780bf;text-decoration:underline;text-decoration-color:rgba(23,128,191,.4);text-decoration-thickness:2px;text-underline-offset:3px}.prose a:hover{color:var(--orange-deep);text-decoration-color:var(--orange)}.prose strong{color:var(--brown-900);font-weight:900}.prose ul,.prose ol{padding-left:1.4em}.prose li::marker{color:var(--orange)}.prose li+li{margin-top:8px}.prose blockquote{margin-inline:0;padding:12px 18px;color:#4a3a22;background:#fffbe8;border:var(--hair)solid var(--tan);border-left:6px solid var(--orange);box-shadow:var(--sh-1)}.prose blockquote>*+*{margin-top:12px}.prose hr{height:4px;margin-block:40px;border:0;background-image:repeating-linear-gradient( 90deg,var(--sand) 0 8px,transparent 8px 16px )}.prose img{border:var(--hair)solid var(--brown-700);box-shadow:4px 4px 0 var(--sand)}.prose :not(pre)>code{padding:2px 6px;color:#7a3b22;background:#ffeee0;border:2px solid #e3b58f;font-size:.88em}.prose table{width:100%;border-collapse:collapse;font-size:.92rem;display:block;overflow-x:auto;background:#fff;border:var(--hair)solid var(--brown-700)}.prose th,.prose td{padding:10px 14px;border:2px solid var(--tan-soft);text-align:left;vertical-align:top}.prose thead th{background:var(--cream-2);font-family:var(--font-mono);font-size:.8rem;color:var(--navy);white-space:nowrap}.prose tbody tr:hover{background:#fffbe8}.prose .highlight{position:relative;margin-block:24px;overflow:hidden;border:var(--hair)solid var(--brown-900);box-shadow:4px 4px 0 var(--sand)}.prose .highlight pre{margin:0;padding:16px 18px;overflow-x:auto;border:0;font-size:.86rem;line-height:1.7}.prose .highlight .lntable{border-collapse:collapse;width:100%}.prose .highlight .lntable td{border:0;padding:0}.prose .highlight .lntable td.lntd:first-child{width:1%;user-select:none;border-right:2px solid var(--sand)}.prose .highlight .lntable td.lntd:first-child pre{padding-right:0;opacity:.65}.prose .highlight .ln{padding-inline:12px}.prose .highlight .hl{display:block;margin-inline:-18px;padding-inline:18px;background:rgba(246,183,60,.28);box-shadow:inset 4px 0 0 var(--orange)}.copy-btn{position:absolute;top:8px;right:8px;z-index:2;min-width:62px;min-height:30px;padding:4px 11px 6px;font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--brown-700);background:0 0;border:0;box-shadow:none;cursor:pointer;opacity:0;transition:opacity .16s ease,background-color .16s ease}.highlight:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{background:0 0}.copy-btn .button-frame-face{fill:var(--cream)}.copy-btn:hover .button-frame-face{fill:var(--yellow)}.copy-btn.is-done{color:var(--brown-900);background:0 0;opacity:1}.copy-btn.is-done .button-frame-face{fill:#cdeecb}.callout{--callout-accent:var(--blue);margin-block:24px;padding:14px 18px;background:#fffbe8;border:var(--hair)solid var(--tan);border-left:6px solid var(--callout-accent);box-shadow:var(--sh-1)}.callout-title{margin-bottom:8px;font-size:.86rem;font-weight:900;color:var(--callout-accent)}.callout-body{color:var(--ink-soft);font-size:.96rem}.callout-body>*+*{margin-top:12px}.callout-info{--callout-accent:#1780bf}.callout-tip{--callout-accent:#2d8b49}.callout-warn{--callout-accent:#b96f17}.callout-danger{--callout-accent:#c0392b}.article-footer{margin-top:44px;padding-top:20px;background-image:repeating-linear-gradient( 90deg,var(--tan) 0 6px,transparent 6px 11px );background-repeat:no-repeat;background-position:0 0;background-size:100% 3px}.article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.article-tags-label{font-family:var(--font-mono);font-size:.74rem;font-weight:700;color:var(--ink-faint)}.article-updated{margin-top:16px;font-family:var(--font-mono);font-size:.74rem;color:var(--ink-faint)}.prevnext{display:grid;grid-template-columns:repeat(2,minmax(0,250px));justify-content:space-between;gap:14px;width:100%;max-width:calc(var(--wrap) + var(--pad) * 2);margin:28px auto 0}.prevnext-item{display:flex;flex-direction:column;gap:6px;padding:16px 18px;background:var(--paper);border:var(--hair)solid var(--brown-700);box-shadow:4px 4px 0 var(--sand);transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.prevnext-item.is-empty{background:0 0;border-style:dashed;border-color:var(--sand);box-shadow:none}a.prevnext-item:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--sand);background:#fffbe8}.prevnext-item.svg-button{min-width:0;min-height:62px;padding:10px 14px 12px;background:0 0;border:0;box-shadow:none}.prevnext-item.svg-button>.button-content{width:100%;flex-direction:column;align-items:stretch;gap:6px}a.prevnext-item.svg-button:hover{background:0 0;box-shadow:none}a.prevnext-item.svg-button:hover .button-frame-face{fill:#fffbe8}.prevnext-next{text-align:right}.prevnext-label{font-family:var(--font-mono);font-size:.72rem;font-weight:900;color:var(--orange-deep)}.prevnext-title{width:100%;max-width:100%;overflow:hidden;color:var(--navy);font-size:.9rem;line-height:1.35;text-align:center;text-overflow:ellipsis;white-space:nowrap}.error-page{max-width:calc(var(--wrap-narrow) + var(--pad) * 2)}.error-title{font-size:clamp(2.2rem,6vw,3.2rem)}.error-card{margin-block:26px;background:var(--paper);border:var(--hair)solid var(--brown-900);box-shadow:6px 6px 0 var(--sand)}.error-card-title{padding:12px 18px;font-weight:900;color:var(--brown-900);background:var(--yellow);border-bottom:var(--hair)solid var(--brown-900)}.error-terminal{margin:0;padding:16px 18px;font-size:.84rem;line-height:1.9}.terminal-body{margin:0;padding:18px 20px 22px;overflow-x:auto;font-size:.86rem;line-height:1.95;background:0 0;border:0}.terminal-body code{display:block}.tl{display:block;white-space:pre-wrap;word-break:break-word}.tl-cmd{color:var(--navy)}.tl-out{color:var(--ink-faint)}.tl-prompt{color:var(--orange-deep);user-select:none}@media(max-width:940px){.article-grid,.article-grid:not(:has(.toc)){grid-template-columns:minmax(0,1fr)}.toc{position:static}}@media(max-width:640px){.prevnext{grid-template-columns:1fr}.prevnext-next{text-align:left}.article{box-shadow:4px 4px 0 var(--sand)}}.site-footer{position:relative;z-index:1;margin-top:auto;color:#ffeac7;background-color:var(--brown-800);background-image:linear-gradient(#5c3428,#4a2a20),repeating-linear-gradient(90deg,transparent 0 70px,rgba(255,255,255,4%) 70px 72px);border-top:5px solid var(--brown-900)}.footer-inner{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(0,1fr);gap:clamp(22px,4vw,56px);padding-inline:clamp(18px,4vw,58px);padding-block:clamp(30px,5vw,52px)clamp(20px,3vw,34px)}.footer-title{display:flex;align-items:center;gap:10px;font-size:1.16rem;font-weight:900;letter-spacing:.04em;text-shadow:2px 2px 0 #3f271d}.footer-brand{display:grid;align-content:start;gap:2px}.footer-col{min-width:0}.footer-copy{margin:0}.footer-badge{display:grid;place-items:center;width:36px;height:36px;flex:none;color:#b85d2e;font-size:22px;background:#ffe6ba;border:2px solid var(--brown-900)}.footer-badge .ui-icon{width:1em;height:1em}.footer-tagline{margin-top:10px;color:#ffdcae}.footer-location{margin-top:6px;font-family:var(--font-mono);font-size:.76rem;color:#d9b892}.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:22px}.footer-heading{margin-bottom:12px;padding-bottom:7px;font-family:var(--font-mono);font-size:.7rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);background-image:repeating-linear-gradient( 90deg,var(--tan) 0 6px,transparent 6px 11px );background-repeat:no-repeat;background-position:0 100%;background-size:100% 3px}.footer-menu,.social{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-menu a,.social a{display:inline-flex;align-items:center;gap:5px;font-size:.88rem;color:#ffe3bd}.footer-menu a:hover,.social a:hover{color:var(--brown-900);background:var(--yellow);box-shadow:2px 2px 0 var(--brown-900)}.social-icon{display:inline-grid;place-items:center;width:22px;height:22px;flex:none;font-family:var(--font-mono);font-size:.72rem;font-weight:900;text-transform:uppercase;color:var(--brown-900);background:var(--yellow);border:2px solid var(--brown-900)}.social a:hover .social-icon{background:var(--brown-900);color:var(--yellow)}.footer-menu .menu-icon{display:none}.footer-menu .button-frame{display:none}.footer-menu .button-content{display:inline-flex;justify-content:flex-start}.footer-menu .svg-button{min-height:0;padding:0;transform:none}.footer-menu .svg-button:hover{color:var(--yellow);background:0 0;box-shadow:none}.footer-menu .menu-item.is-active a{color:#fff2bd;font-weight:900;text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:5px;text-shadow:1px 1px 0 rgba(45,22,16,.8)}.footer-menu .menu-item.is-active a::before{content:"◆";margin-right:5px;color:var(--yellow);font-size:.58em;text-decoration:none}.footer-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-inline:clamp(18px,4vw,58px);padding-block:16px 24px;font-family:var(--font-mono);font-size:.74rem;color:#d9b892;border-top:var(--hair)solid rgba(255,255,255,.16)}.footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.footer-meta a{color:#ffdcae}.footer-meta a:hover{color:var(--yellow)}@media(max-width:760px){.footer-inner{grid-template-columns:minmax(0,1fr)}}