:root{--ink:#16131a;--ink-2:#3e3944;--muted:#5a5560;--paper:#fff;--accent:#ffd43b;--accent-2:#d9ccff;--tint-1:#fff4c7;--tint-2:#ece5ff;--tint-3:#ddf0ff;--tint-4:#ffe3ee;--chip:#f1eef3;--ig:#c2255f;--x:#16131a;--bili:#1f5fd1;--display:"Dela Gothic One", system-ui, sans-serif;--body:"Space Grotesk", system-ui, sans-serif;font-family:var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--paper);margin:0}img{max-width:100%;display:block}a{color:var(--ink)}a:hover{color:#6a3fc4}button{font:inherit;color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #6a3fc4}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tone{background-image:radial-gradient(#16131a38 1.1px,#0000 1.4px);background-size:9px 9px}.tone-lav{background-image:radial-gradient(#6a3fc459 1.4px,#0000 1.7px);background-size:10px 10px}.speed{background-image:repeating-linear-gradient(115deg,#16131a12 0 2px,#0000 2px 14px)}.app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding-inline:24px}main.container{flex:1;padding-block:40px 72px}@media (width<=480px){.container{padding-inline:16px}}.site-header{border-bottom:4px solid var(--ink);background:var(--paper)}.site-header nav{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:14px;display:flex}.brand{align-items:center;gap:10px;padding-bottom:14px;text-decoration:none;display:flex}.brand img{border:3px solid var(--ink);object-fit:cover;object-position:50% 40%;border-radius:50%;width:44px;height:44px}.brand span{font-family:var(--display);font-size:20px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:-4px;display:flex}.tab{border:4px solid var(--ink);background:var(--paper);cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;min-height:56px;padding:8px 18px 10px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s;display:flex;transform:translateY(4px)}.tab:hover{color:var(--ink);transform:translateY(0)}.tab[aria-current=page]{background:var(--accent);border-bottom-color:var(--accent);transform:translateY(0)}.tab small{font-family:var(--display);opacity:.7;font-size:11px;font-weight:400}@media (width<=640px){.tabs{width:100%;margin-bottom:0;padding-bottom:12px}.tab{border-bottom-color:var(--ink);flex:auto;transform:none}.tab[aria-current=page]{border-bottom-color:var(--ink)}}.btn{border:3px solid var(--ink);background:var(--paper);cursor:pointer;min-height:52px;box-shadow:5px 5px 0 var(--ink);align-items:center;gap:10px;padding:0 24px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{color:var(--ink);box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.btn.dark{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--accent)}.btn.dark:hover{color:#fff;box-shadow:7px 7px 0 var(--ink)}.pill{border:3px solid var(--ink);background:var(--paper);cursor:pointer;min-height:44px;padding:0 18px;font-size:14px;font-weight:700}.pill[aria-pressed=true]{background:var(--ink);color:#fff}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.panel{border:3px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink)}.card{transition:transform .15s}.card:hover{transform:rotate(-.6deg)translateY(-3px)}@media (prefers-reduced-motion:reduce){.card,.btn,.tab{transition:none}.card:hover{transform:none}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.section-head .title{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.file-no{font-family:var(--display);background:var(--ink);color:#fff;padding:6px 12px;font-size:15px}.section-head h2{font-family:var(--display);margin:0;font-size:clamp(34px,5vw,48px);font-weight:400}.placeholder-label{background:var(--paper);border:2px solid var(--ink);padding:6px 12px;font-size:14px;font-weight:700}.chip{background:var(--chip);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.hero{flex-wrap:wrap;gap:16px;display:flex}.hero-main{border:4px solid var(--ink);flex-direction:column;flex:2 520px;justify-content:center;gap:22px;min-width:0;min-height:480px;padding:40px 36px;display:flex;position:relative;overflow:hidden}@media (width<=560px){.hero-main{min-height:0;padding:28px 20px}}.bubble{background:var(--paper);border:3px solid var(--ink);border-radius:28px;align-self:flex-start;padding:12px 22px;font-size:17px;font-weight:700;position:relative}.bubble:after{content:"";background:var(--paper);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:22px;height:22px;position:absolute;bottom:-14px;left:34px;transform:rotate(45deg)}.hero h1{font-family:var(--display);flex-direction:column;align-items:flex-start;gap:14px;margin:8px 0 0;font-size:clamp(40px,6vw,76px);font-weight:400;line-height:1.15;display:flex}.hero h1 .name{background:var(--accent);border:3px solid var(--ink);overflow-wrap:break-word;max-width:100%;padding:4px 16px 8px;line-height:1.1;display:inline-block}.hero .aka{color:var(--ink-2);letter-spacing:.01em;margin:-8px 0 0;font-size:17px;font-weight:700}.hero .tagline{max-width:560px;margin:0;font-size:19px;font-weight:500;line-height:1.6}.hero .actions{flex-wrap:wrap;gap:14px;margin-top:6px;display:flex}.sfx{font-family:var(--display);color:var(--accent);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;pointer-events:none;position:absolute}.hero-main .sfx{font-size:52px;bottom:14px;right:22px;transform:rotate(10deg)}.hero-side{flex-direction:column;flex:300px;gap:16px;min-width:0;display:flex}.portrait{border:4px solid var(--ink);background-color:var(--accent-2);flex:1;min-height:340px;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:50% 35%;width:100%;height:100%;position:absolute;inset:0}.portrait .sfx{-webkit-text-stroke-width:2px;font-size:40px;bottom:8px;right:12px;transform:rotate(-8deg)}.status{border:4px solid var(--ink);background:var(--ink);color:#fff;align-items:center;gap:12px;padding:16px 18px;font-size:15px;line-height:1.5;display:flex}.status .dot{background:#3ddc84;border-radius:50%;flex:none;width:12px;height:12px;box-shadow:0 0 0 4px #3ddc8440}.shortcuts{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:16px;display:grid}.shortcut{text-align:left;justify-content:space-between;min-height:0;padding:20px 22px}.shortcut span{flex-direction:column;gap:4px;display:flex}.shortcut small{font-family:var(--display);color:var(--muted);font-size:12px;font-weight:400}.shortcut strong{font-size:20px}.shortcut em{color:var(--ink-2);font-size:14px;font-style:normal;font-weight:500}.profile{flex-wrap:wrap;gap:24px;display:flex}.profile-pic{aspect-ratio:1;border:4px solid var(--ink);max-width:380px;box-shadow:8px 8px 0 var(--ink);background-color:var(--accent-2);flex:280px;overflow:hidden}.profile-pic img{object-fit:cover;width:100%;height:100%}.profile-cards{flex:999 420px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-content:start;gap:16px;min-width:0;display:grid}.profile-cards .panel{flex-direction:column;gap:14px;padding:22px;display:flex}.profile-cards .wide{grid-column:1/-1}.card-label{letter-spacing:.12em;color:var(--muted);margin:0;font-size:13px;font-weight:700}.basics{grid-template-columns:92px 1fr;row-gap:10px;margin:0;font-size:15px;display:grid}.basics dt{color:var(--muted)}.basics dd{margin:0;font-weight:700}.skills{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.skills li{border:2px solid var(--ink);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.skills li:nth-child(-n+2){background:var(--accent)}.skills li:nth-child(3),.skills li:nth-child(4){background:var(--accent-2)}.favorites{margin:0;font-size:16px;line-height:1.75}.episodes{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.episode{flex-wrap:wrap;display:flex}.episode .ep-no{border-right:3px solid var(--ink);flex-direction:column;flex:0 0 160px;justify-content:center;gap:6px;padding:20px;display:flex}.episode .ep-no strong{font-family:var(--display);font-size:34px;font-weight:400;line-height:1}.episode .ep-no span{font-size:13px;font-weight:700}.episode .ep-body{flex-direction:column;flex:999 360px;gap:8px;min-width:0;padding:20px 24px;display:flex}@media (width<=560px){.episode .ep-no{border-right:0;border-bottom:3px solid var(--ink);flex-basis:100%}}.ep-body h3{margin:0;font-size:21px}.ep-body .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.kind{border:2px solid var(--ink);padding:2px 8px;font-size:12px;font-weight:700}.ep-body .org{color:var(--ink-2);font-size:15px;font-weight:500}.ep-body p{margin:0;font-size:15px;line-height:1.7}.grid-projects{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.project{flex-direction:column;height:100%;display:flex}.project .cover{aspect-ratio:16/9;border-bottom:3px solid var(--ink);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project .cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.project .cat{background:var(--ink);color:#fff;z-index:1;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.project .body{flex-direction:column;flex:1;gap:10px;padding:18px 20px 20px;display:flex}.project h3{margin:0;font-size:21px}.project p{color:var(--ink-2);margin:0;font-size:15px;line-height:1.7}.project .tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;display:flex}.project .links{gap:18px;font-size:14px;font-weight:700;display:flex}.project .links a{padding:10px 0}.feed-meta{color:var(--muted);margin:-16px 0 28px;font-size:14px}.grid-feed{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.post{border:3px solid var(--ink);background:var(--paper);flex-direction:column;height:100%;display:flex}.post header{border-bottom:3px solid var(--ink);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.src{color:#fff;padding:4px 10px;font-size:12px;font-weight:700}.post time{color:var(--muted);font-size:13px;font-weight:500}.post .media{aspect-ratio:1;border-bottom:3px solid var(--ink);justify-content:center;align-items:center;display:flex;overflow:hidden}.post .media img{object-fit:cover;width:100%;height:100%}.post .body{flex-direction:column;flex:1;gap:10px;padding:14px 14px 16px;display:flex}.post p{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.post a{align-self:flex-start;margin-top:auto;padding:6px 0;font-size:13px;font-weight:700}.empty{border:3px dashed var(--ink);text-align:center;padding:40px 24px;font-weight:700}.more{justify-content:center;margin-top:32px;display:flex}.site-footer{border-top:4px solid var(--ink);background-color:var(--accent-2)}.site-footer .container{flex-direction:column;gap:24px;padding-block:48px 32px;display:flex}.site-footer .top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.site-footer .kicker{font-family:var(--display);letter-spacing:.1em;font-size:14px}.site-footer h2{font-family:var(--display);margin:10px 0 0;font-size:clamp(32px,4.5vw,52px);font-weight:400;line-height:1.1}.site-footer .links{flex-wrap:wrap;gap:12px;display:flex}.site-footer .btn{min-height:48px;padding:0 18px}.site-footer .btn.dark{box-shadow:5px 5px #fff}.site-footer .bottom{border-top:3px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:16px;font-size:14px;font-weight:700;display:flex}