:root{--ink:#101010;--paper:#f4f2e9;--white:#fff;--red:#ed3f35;--mint:#9bd9cf;--yellow:#f0d848;--line:1px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;letter-spacing:0}a{color:inherit}.topbar{position:sticky;top:0;z-index:10;min-height:68px;padding:0 4vw;display:flex;align-items:center;border-bottom:var(--line);background:rgba(244,242,233,.96)}.brand{margin-right:auto;font:bold 26px "Courier New",monospace;text-decoration:none}.topbar nav{display:flex;gap:28px}.topbar nav a{font:bold 11px "Courier New",monospace;text-transform:uppercase}.masthead{min-height:calc(100vh - 68px);padding:8vh 5vw 5vh;display:flex;flex-direction:column;justify-content:space-between;background:var(--yellow);border-bottom:var(--line)}.eyebrow{font:bold 11px "Courier New",monospace;text-transform:uppercase}.masthead h1{max-width:1100px;margin:3vh 0;font-size:clamp(58px,10vw,148px);line-height:.86;letter-spacing:0}.masthead-foot{display:flex;align-items:end;justify-content:space-between;gap:30px;border-top:var(--line);padding-top:22px}.masthead-foot p{max-width:630px;font-size:18px;line-height:1.55}.masthead-foot strong{font:700 11px "Courier New",monospace}.controls{display:grid;grid-template-columns:2fr 1fr 1fr 52px;border-bottom:var(--line);background:var(--white)}.controls label{padding:18px 22px;border-right:var(--line)}.controls label span{display:block;margin-bottom:8px;font:bold 10px "Courier New",monospace;text-transform:uppercase}.controls input,.controls select{width:100%;border:0;background:transparent;color:var(--ink);font:16px Arial,sans-serif;outline:none}.controls button{border:0;background:var(--mint);font-size:25px;cursor:pointer}.directory{background:var(--white);border-bottom:var(--line)}.directory-head,.character-row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;width:100%;padding:0 5vw;border-bottom:var(--line)}.directory-head{min-height:48px;font:bold 10px "Courier New",monospace;text-transform:uppercase;background:var(--paper)}.character-row{min-height:112px;border-width:0 0 1px;text-align:left;background:var(--white);color:var(--ink);cursor:pointer}.character-row:hover,.character-row:focus-visible{background:var(--mint)}.identity{display:grid;grid-template-columns:54px 1fr;align-items:center}.identity b{grid-row:1/3;font:700 12px "Courier New",monospace;color:var(--red)}.identity strong{font-size:25px}.identity small{margin-top:7px;color:#555}.state{width:max-content;padding:6px 9px;border:var(--line);font:bold 10px "Courier New",monospace;text-transform:uppercase}.state-established{background:var(--yellow)}.state-queue{background:var(--mint)}.state-migration{background:var(--paper)}#empty{margin:0;padding:60px 5vw}.method{padding:9vh 5vw;background:var(--red);border-bottom:var(--line)}.method h2{margin:24px 0 55px;font-size:clamp(42px,7vw,95px);line-height:.95}.method-grid{display:grid;grid-template-columns:repeat(5,1fr);border:var(--line);background:var(--paper)}.method-grid article{min-height:290px;padding:22px;border-right:var(--line)}.method-grid article:last-child{border-right:0}.method-grid b{font:700 11px "Courier New",monospace}.method-grid h3{margin:75px 0 15px;font-size:25px}.method-grid p{line-height:1.55}.disclosure{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:8vh 5vw;background:var(--mint);border-bottom:var(--line)}.disclosure h2{margin:0;font-size:clamp(40px,6vw,80px)}.disclosure p{max-width:680px;line-height:1.7}.disclosure a{font-weight:bold}footer{min-height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;font:bold 11px "Courier New",monospace}dialog{width:min(850px,92vw);max-height:88vh;padding:0;border:var(--line);background:var(--paper);color:var(--ink)}dialog::backdrop{background:rgba(0,0,0,.58)}.dialog-close{position:sticky;top:16px;float:right;margin:16px;border:var(--line);width:42px;height:42px;background:var(--yellow);font-size:25px;cursor:pointer}#profile-content{padding:55px 6vw}#profile-content h2{margin:18px 0 5px;font-size:clamp(42px,7vw,84px)}.profile-domain{font:bold 12px "Courier New",monospace;text-transform:uppercase}.layer-list{margin-top:42px;border-top:var(--line)}.layer-list section{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:22px 0;border-bottom:var(--line)}.layer-list b{font:700 11px "Courier New",monospace;text-transform:uppercase}.layer-list p{margin:0;line-height:1.6}
@media(max-width:800px){.controls{grid-template-columns:1fr 1fr}.controls button{min-height:58px}.directory-head,.character-row{grid-template-columns:1.6fr 1fr}.directory-head span:last-child,.character-row>span:last-child{display:none}.method-grid{grid-template-columns:1fr 1fr}.method-grid article{border-bottom:var(--line)}.disclosure{grid-template-columns:1fr}.masthead-foot{align-items:start;flex-direction:column}}
@media(max-width:520px){.topbar nav{gap:12px}.masthead{min-height:78vh}.masthead h1{font-size:54px}.controls{grid-template-columns:1fr}.controls label{border-bottom:var(--line)}.directory-head,.character-row{grid-template-columns:1fr}.directory-head span:not(:first-child),.character-row>span:not(:first-child){display:none}.identity strong{font-size:21px}.method-grid{grid-template-columns:1fr}.method-grid article{min-height:220px;border-right:0}.layer-list section{grid-template-columns:1fr;gap:8px}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:10px}}