:root{--bg: #000;--fg: #00ff66;--fg-dim: #00b048;--fg-mute: #2a8854;--accent: #00ff66;--accent-glow: 0 0 12px rgba(0, 255, 102, .55);--card: rgba(0, 12, 5, .82);--card-bd: rgba(0, 255, 102, .22)}html[data-theme=light]{--bg: #f5f7f3;--fg: #0c5a32;--fg-dim: #117a44;--fg-mute: #5a8a6d;--accent: #047a3d;--accent-glow: 0 0 14px rgba(4, 122, 61, .35);--card: rgba(255, 255, 255, .55);--card-bd: rgba(4, 122, 61, .25)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);min-height:100%}body{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;line-height:1.55;overflow-x:hidden;transition:background .4s ease,color .4s ease}a{color:var(--accent);text-decoration:none;border-bottom:1px dashed transparent;transition:border-color .2s}a:hover{border-bottom-color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.skip{position:fixed;top:0;left:0;z-index:100;padding:.6rem 1rem;background:var(--bg);color:var(--accent);border:1px solid var(--accent);transform:translateY(-150%);transition:transform .2s ease}.skip:focus{transform:translateY(0);border-bottom-color:var(--accent)}#matrix{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block}.tools{position:fixed;top:max(1rem,env(safe-area-inset-top,1rem));right:max(1rem,env(safe-area-inset-right,1rem));z-index:50;display:flex;gap:.5rem}.tools button{width:40px;height:40px;background:var(--card);border:1px solid var(--card-bd);color:var(--accent);cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(6px);transition:transform .2s,box-shadow .2s}.tools button:hover{transform:translateY(-1px);box-shadow:var(--accent-glow)}#theme-toggle .i-sun{display:none}#theme-toggle .i-moon,html[data-theme=light] #theme-toggle .i-sun{display:block}html[data-theme=light] #theme-toggle .i-moon{display:none}html[data-mode=rain] main{display:none}html[data-mode=rain] .tools{opacity:.25;transition:opacity .3s ease}html[data-mode=rain] .tools:hover{opacity:1}.rain-hint{position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);z-index:60;color:var(--fg-mute);font-size:.78rem;letter-spacing:.15em;opacity:0;transition:opacity .4s ease;pointer-events:none;text-shadow:0 0 6px var(--bg),0 0 6px var(--bg),0 0 10px var(--bg)}html[data-mode=rain] .rain-hint.show{opacity:1}main{position:relative;z-index:1}.gate{min-height:100vh;display:grid;place-items:center;padding:2rem;transition:opacity .4s ease}.gate.dismissed{opacity:0;pointer-events:none}.gate.hidden{display:none}.gate-inner{text-align:center;max-width:640px;position:relative}.gate-inner:before{content:"";position:absolute;inset:-10% -15%;background:radial-gradient(ellipse at center,var(--bg) 0%,var(--bg) 25%,transparent 70%);opacity:.7;z-index:-1;pointer-events:none}.gate-prompt{color:var(--fg-mute);margin-bottom:1rem;letter-spacing:.05em;text-shadow:0 0 6px var(--bg),0 0 6px var(--bg),0 0 10px var(--bg)}.gate-name{font-size:clamp(2.2rem,6vw,4rem);letter-spacing:.04em;-webkit-text-stroke:1px var(--bg);text-shadow:0 0 4px var(--bg),0 0 4px var(--bg),0 0 8px var(--bg),0 0 12px var(--bg),0 0 18px var(--bg),0 0 24px var(--accent)}.gate-sub{color:var(--fg-dim);margin:.5rem 0 2rem;font-size:1rem;text-shadow:0 0 6px var(--bg),0 0 6px var(--bg),0 0 10px var(--bg)}.start-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--card-bd);color:var(--accent);font:inherit;font-size:1.5rem;padding:.9rem 1.8rem;cursor:pointer;letter-spacing:.2em;backdrop-filter:blur(4px);background:var(--card);text-shadow:var(--accent-glow);box-shadow:var(--accent-glow),inset 0 0 24px #00ff660d;transition:transform .2s,box-shadow .2s,background .2s;animation:pulse 2.4s ease-in-out infinite}html[data-theme=light] .start-btn{box-shadow:var(--accent-glow),inset 0 0 24px #047a3d0d}.start-btn:hover{transform:translateY(-2px)}.start-btn .bracket{opacity:.6}.gate-hint{margin-top:1.25rem;color:var(--fg-mute);font-size:.85rem;letter-spacing:.1em;text-shadow:0 0 6px var(--bg),0 0 6px var(--bg),0 0 10px var(--bg)}@keyframes pulse{0%,to{box-shadow:var(--accent-glow),inset 0 0 24px #00ff660d}50%{box-shadow:0 0 22px #00ff66b3,inset 0 0 30px #00ff661a}}.content{display:none;max-width:920px;margin:0 auto;padding:4rem 1.5rem 6rem;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.content.visible{display:block}.content.visible.shown{opacity:1;transform:translateY(0)}.hero{margin-bottom:3rem}.hero .prompt{color:var(--fg-mute)}.hero h1{font-size:clamp(1.8rem,5vw,2.8rem);margin:.4rem 0 .5rem;text-shadow:var(--accent-glow)}.hero .tag{color:var(--fg-dim)}.hero .meta{margin-top:.8rem;color:var(--fg-mute);font-size:.9rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.dot{opacity:.5}.block{margin:2.5rem 0;padding:1.5rem;background:var(--card);border:1px solid var(--card-bd);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%)}.block h2{font-size:1.2rem;margin-bottom:1rem;letter-spacing:.05em}.block h3.sub{font-size:1rem;margin:1.2rem 0 .5rem;color:var(--fg-dim)}.block p+p{margin-top:.6rem}.hash{color:var(--fg-mute);margin-right:.4rem}.muted{color:var(--fg-mute)}.small{font-size:.85rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1rem}.chips.small{margin-top:.6rem}.stack-line{margin-top:1rem;color:var(--fg-dim);font-size:.85rem;line-height:1.7}.stack-label{color:var(--fg-mute)}.stack-label:after,.stack-tag:not(:last-child):after{content:" ·";color:var(--fg-mute);margin-right:.35rem}.stack-tag{color:var(--fg)}.chip{display:inline-block;padding:.2rem .6rem;border:1px solid var(--card-bd);font-size:.78rem;color:var(--fg-dim)}.timeline{list-style:none;display:flex;flex-direction:column;gap:1.5rem}.timeline li{padding-left:1rem;border-left:1px solid var(--card-bd)}.t-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.t-co{color:var(--fg-dim)}.t-date{color:var(--fg-mute);font-size:.85rem;white-space:nowrap;margin-left:auto}.t-meta{color:var(--fg-mute);font-size:.82rem;margin:.2rem 0 .4rem;display:flex;gap:.4rem;flex-wrap:wrap}.timeline li p{color:var(--fg-dim)}.plain{list-style:none;display:flex;flex-direction:column;gap:.4rem}.plain li{color:var(--fg-dim)}address.plain{font-style:normal}.featured{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0;list-style:none;padding:0}.featured>li,.grid>li{list-style:none;display:contents}.proj-feat{display:block;padding:1rem;border:1px solid var(--card-bd);background:#00ff6608;color:inherit;border-bottom:1px solid var(--card-bd);transition:transform .2s,box-shadow .2s,border-color .2s}html[data-theme=light] .proj-feat{background:#047a3d0a}.proj-feat:hover,.proj:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--accent-glow)}.proj-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.4rem}.proj-feat h3{font-size:1rem;color:var(--accent)}.proj-feat p{color:var(--fg-dim);font-size:.9rem}.lang{font-size:.72rem;color:var(--fg-mute);padding:.1rem .45rem;border:1px solid var(--card-bd)}.proj-badges{display:flex;gap:.3rem;align-items:center;flex-shrink:0}.kind{font-size:.68rem;letter-spacing:.08em;padding:.1rem .4rem;border:1px solid var(--card-bd);color:var(--fg-mute);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;margin-top:1.2rem;list-style:none;padding:0}.proj{display:block;padding:.9rem;border:1px solid var(--card-bd);color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}.proj h4{font-size:.95rem;color:var(--accent)}.proj p{color:var(--fg-dim);font-size:.82rem;margin-top:.3rem;line-height:1.45}.chart-wrap{margin-top:.8rem;overflow-x:auto;--c0: rgba(0, 255, 102, .06);--c1: rgba(0, 255, 102, .25);--c2: rgba(0, 255, 102, .45);--c3: rgba(0, 255, 102, .7);--c4: rgba(0, 255, 102, 1)}html[data-theme=light] .chart-wrap{--c0: rgba(4, 122, 61, .08);--c1: rgba(4, 122, 61, .3);--c2: rgba(4, 122, 61, .5);--c3: rgba(4, 122, 61, .75);--c4: rgba(4, 122, 61, 1)}.chart-wrap svg{display:block;width:100%;height:auto;min-width:720px}.chart-wrap .lv-0{fill:var(--c0)}.chart-wrap .lv-1{fill:var(--c1)}.chart-wrap .lv-2{fill:var(--c2)}.chart-wrap .lv-3{fill:var(--c3)}.chart-wrap .lv-4{fill:var(--c4)}.chart-wrap .mlabel,.chart-wrap .dlabel{font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;fill:var(--fg-mute)}.legend{display:flex;align-items:center;gap:.3rem;margin-top:.8rem;font-size:.75rem;color:var(--fg-mute)}.legend-cell{width:12px;height:12px;border-radius:2px;--c0: rgba(0, 255, 102, .06);--c1: rgba(0, 255, 102, .25);--c2: rgba(0, 255, 102, .45);--c3: rgba(0, 255, 102, .7);--c4: rgba(0, 255, 102, 1)}html[data-theme=light] .legend-cell{--c0: rgba(4, 122, 61, .08);--c1: rgba(4, 122, 61, .3);--c2: rgba(4, 122, 61, .5);--c3: rgba(4, 122, 61, .75);--c4: rgba(4, 122, 61, 1)}.legend-cell.lv-0{background:var(--c0)}.legend-cell.lv-1{background:var(--c1)}.legend-cell.lv-2{background:var(--c2)}.legend-cell.lv-3{background:var(--c3)}.legend-cell.lv-4{background:var(--c4)}.activity-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.icon-btn{padding:.2rem .5rem;font-size:.95rem;line-height:1;min-width:1.9rem}.icon-btn:active{transform:rotate(180deg);transition:transform .3s}.contrib-status{margin-left:.4rem;font-size:.75rem;color:var(--fg-mute)}.contrib-status.err{color:#f66}html[data-theme=light] .contrib-status.err{color:#c0392b}.foot{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--card-bd);display:flex;justify-content:space-between;align-items:center;color:var(--fg-mute);font-size:.85rem;flex-wrap:wrap;gap:.5rem}.foot p{text-shadow:0 0 4px var(--bg),0 0 4px var(--bg),0 0 8px var(--bg),0 0 12px var(--bg)}.ghost{background:var(--card);border:1px solid var(--card-bd);color:var(--fg-dim);font:inherit;padding:.4rem .8rem;cursor:pointer;backdrop-filter:blur(4px);text-shadow:0 0 4px var(--bg),0 0 4px var(--bg),0 0 8px var(--bg),0 0 12px var(--bg);transition:color .2s,border-color .2s,box-shadow .2s}.ghost:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--accent-glow)}@media(max-width:600px){body{font-size:14px}.content{padding:2.5rem 1rem 4rem}.block{padding:1.1rem;margin:1.8rem 0}.block h2{font-size:1.1rem;margin-bottom:.8rem}.tools{top:max(.75rem,env(safe-area-inset-top,.75rem));right:max(.75rem,env(safe-area-inset-right,.75rem));gap:.4rem}.tools button{width:36px;height:36px}.hero{margin-bottom:2rem}.hero .meta{font-size:.82rem;gap:.35rem}.t-head{flex-direction:column;gap:.15rem}.t-date{margin-left:0;font-size:.78rem;white-space:normal}.t-meta{font-size:.78rem}.timeline li{padding-left:.8rem}.stack-line{font-size:.8rem;line-height:1.65}.featured{grid-template-columns:1fr;gap:.8rem}.grid{grid-template-columns:1fr;gap:.6rem;margin-top:1rem}.proj-feat,.proj{padding:.85rem}.proj-head{flex-wrap:wrap}#contact a{word-break:break-all}.gate{padding:1.5rem}.start-btn{font-size:1.2rem;padding:.7rem 1.4rem;letter-spacing:.15em}.activity-head{gap:.4rem}.legend{flex-wrap:wrap;gap:.25rem}}