.profile-panel{position:relative;min-height:390px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--acid) 18%,transparent),transparent 44%)}
.profile-panel>img{position:absolute;left:27px;top:27px;width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:center 28%;border:3px solid var(--acid);box-shadow:0 0 0 7px color-mix(in srgb,var(--acid) 12%,transparent)}
.profile-panel>div{position:relative;z-index:1}
.profile-panel .online{font:9px "DM Mono";letter-spacing:.12em;color:var(--muted)}
.profile-panel .online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:7px}
.profile-panel h2{font-size:clamp(26px,3vw,41px);line-height:1.08;letter-spacing:-.045em;margin:13px 0}
.profile-panel p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:32ch}
.profile-panel>b{position:absolute;right:-5px;top:18px;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--muted) 28%,transparent);font:900 52px/.82 "Noto Sans SC";text-align:right;letter-spacing:-.08em}
html[data-theme="light"] .hero h1 em{color:#536900}
.portrait-v2{position:relative;aspect-ratio:4/4.6;margin:18px 18px 24px;background:var(--acid);border-radius:18px;transform:rotate(1.2deg);box-shadow:12px 12px 0 var(--acid);overflow:hidden}
.portrait-v2 img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.92) contrast(1.02);transform:rotate(-1.2deg) scale(1.045);transition:transform .45s ease,filter .45s ease}
.portrait-v2:hover img{transform:rotate(-1.2deg) scale(1.075);filter:saturate(1.08) contrast(1.02)}
.portrait-v2>span{position:absolute;top:16px;left:16px;padding:7px 10px;background:rgba(14,15,15,.82);backdrop-filter:blur(8px);border-radius:99px;color:#fff;font:9px "DM Mono";letter-spacing:.1em}
.portrait-v2>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:6px;box-shadow:0 0 8px var(--acid)}
.portrait-v2>b{position:absolute;left:16px;bottom:16px;padding:9px 11px;background:var(--orange);color:#111;font:700 11px/1.55 "Noto Sans SC";transform:rotate(-1.5deg)}
html[data-theme="light"] .portrait-v2{box-shadow:12px 12px 0 #536900}
.tool-featured{color:#f1efe8}
.tool-featured .tool-index,.tool-featured p:not(.tool-type){color:#aaa79e}
.tool-featured:hover{color:#111}
.tool-featured:hover .tool-index,.tool-featured:hover p:not(.tool-type){color:#393b32}
.topbar nav a.active{color:var(--acid)}
.topbar nav a.active::after{content:"";display:block;height:2px;margin-top:5px;background:var(--acid)}
.workflow-deck-link{display:block;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);color:var(--acid);text-decoration:none;font:10px "DM Mono"}
.workflow-showcase{margin-top:22px;padding:24px;display:grid;grid-template-columns:130px 1fr auto;gap:24px;align-items:center;border:1px solid var(--acid);text-decoration:none;transition:.22s}.workflow-showcase>span{font:10px "DM Mono";color:var(--acid)}.workflow-showcase h3{margin:0 0 6px;font-size:23px}.workflow-showcase p{margin:0;color:var(--muted);font-size:12px}.workflow-showcase>b{font:12px "DM Mono"}.workflow-showcase:hover{background:var(--acid);color:#111}.workflow-showcase:hover>span,.workflow-showcase:hover p{color:#465600}@media(max-width:700px){.workflow-showcase{grid-template-columns:1fr}.workflow-showcase>b{justify-self:start}}