:root{--bg:#010508;--ink:#dcf0e4;--ink-dim:#7d9689;--ink-faint:#4a5f55;--ink-ghost:#29392f; --accent:#39ff14;--accent-soft:#8bff7a;--accent-dim:#14751a;--steel:#6f8f9e;--status-active:#ffa62b;--status-learning:#d95cff;--line:rgba(120,200,150,0.13);--line-soft:rgba(120,200,150,0.07);--panel:rgba(2,8,6,0.975);--prose:#a9bacd;--mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;--sans:'Inter',system-ui,-apple-system,sans-serif; --article:'Plus Jakarta Sans','Inter',system-ui,-apple-system,sans-serif; --violet:#d95cff; --gutter:35px;--rail:327.5px; --shell:1400px;color-scheme:dark}*{box-sizing:border-box} html{font-size:18.4px}body{ display:flex;flex-direction:column;margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:0.9375rem;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility} body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% 0%,rgba(20,117,26,0.07),transparent 60%)}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}:focus-visible{outline:1px solid var(--accent-dim);outline-offset:3.75px} .frame{position:fixed;inset:15px;pointer-events:none;z-index:6}.frame__corner{position:absolute;width:16.25px;height:16.25px;border:1px solid var(--ink-ghost)}.frame__corner--tl{top:0;left:0;border-right:0;border-bottom:0}.frame__corner--tr{top:0;right:0;border-left:0;border-bottom:0}.frame__corner--bl{bottom:0;left:0;border-right:0;border-top:0}.frame__corner--br{bottom:0;right:0;border-left:0;border-top:0}  .hud{display:flex;align-items:flex-start;justify-content:space-between;gap:22.5px;padding:max(32.5px,calc(env(safe-area-inset-top) + 17.5px)) var(--gutter) 0}.ident{display:flex;flex-direction:column;gap:6.25px;text-align:left}.ident__name{font-family:var(--mono);font-size:0.8125rem;font-weight:500;letter-spacing:0.2em;text-transform:uppercase}.ident__meta{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:0.594rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-faint)}.ident__bits{max-width:300px;overflow:hidden;white-space:nowrap;font-family:var(--mono);font-size:0.469rem;letter-spacing:0.28em;color:var(--ink-ghost);opacity:0.8}@media (hover:hover){.ident:hover .ident__meta{color:var(--ink-dim)}}.hud__tools{display:flex;align-items:center;gap:17.5px}  .search{position:relative;display:flex;align-items:center}.search__prompt{position:absolute;left:12.5px;font-family:var(--mono);font-size:0.6rem;color:var(--accent-dim);pointer-events:none}.search__input{width:215px;height:37.5px;padding:0 15px 0 30px;background:rgba(255,255,255,0.02);border:1px solid var(--line);color:var(--ink);font-family:var(--mono);font-size:0.55rem;letter-spacing:0.06em;outline:none;transition:border-color 0.18s,background 0.18s,width 0.2s ease}.search__input::placeholder{color:var(--ink-ghost);letter-spacing:0.16em}.search__input:focus{width:262px;border-color:var(--accent-dim);background:rgba(57,255,20,0.04)}.search__input::-webkit-search-cancel-button{display:none}.search__results{position:absolute;top:45px;right:0;z-index:50;width:412px;max-width:76vw;margin:0;padding:5px;list-style:none;background:#04090c;border:1px solid var(--line)}.search__results a{display:flex;align-items:baseline;gap:12.5px;padding:8.75px 11px;font-family:var(--mono);font-size:0.55rem;color:var(--ink-dim);transition:background 0.18s,color 0.18s}@media (hover:hover){.search__results a:hover{background:rgba(57,255,20,0.09);color:var(--accent)}}.search__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search__path{margin-left:auto;font-size:0.475rem;color:var(--ink-ghost);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%}.search__empty{padding:8.75px 11px;font-family:var(--mono);font-size:0.5rem;letter-spacing:0.14em;color:var(--ink-ghost)} .lang{display:flex;height:37.5px;border:1px solid var(--line)} .lang__btn{display:flex;align-items:center;height:100%;padding:0 11.25px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;transition:background 0.18s}.lang__btn + .lang__btn{border-left:1px solid var(--line)} .flag{display:block;outline:1px solid rgba(0,0,0,0.55);opacity:0.4;filter:saturate(0.3);transition:opacity 0.18s,filter 0.18s}@media (hover:hover){.lang__btn:hover .flag{opacity:0.75;filter:saturate(0.7)}}.lang__btn.is-active{background:rgba(57,255,20,0.09)}.lang__btn.is-active .flag{opacity:1;filter:none}  .burger,.scrim{display:none}.burger{align-items:center;height:37.5px;padding:0 15px;border:1px solid var(--line);font-family:var(--mono);font-size:0.5935rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;transition:color 0.18s,border-color 0.18s,background 0.18s}@media (hover:hover){.burger:hover{color:var(--accent);border-color:var(--accent-dim);background:rgba(57,255,20,0.08)}}.nav-toggle:focus-visible + .scrim + .frame + .hud .burger{outline:1px solid var(--accent-dim);outline-offset:3.75px}  .shell{flex:1;display:grid;grid-template-columns:minmax(0,1fr) var(--rail);gap:70px;width:min(var(--shell),100%);margin:0 auto;padding:40px var(--gutter) 28px}.col{min-width:0} .sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8.75px;margin-bottom:27.5px;font-family:var(--mono);font-size:0.625rem;letter-spacing:0.12em;color:var(--ink-faint)}.crumbs i{color:var(--ink-ghost);font-style:normal}.crumbs a{transition:color 0.18s}.crumbs__here{color:var(--ink-dim)} .crumbs__post{letter-spacing:0;color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-dim);text-underline-offset:3px}@media (hover:hover){.crumbs a:hover{color:var(--accent)}}.head__title{margin:0 0 22.5px;font-size:1.6875rem;font-weight:600;line-height:1.25;letter-spacing:-0.015em;color:var(--ink)} .head__title--skill{color:var(--violet)}.head__title--own{color:var(--accent)}.lede{color:var(--prose)}.lede p:first-child{margin-top:0}.sect{margin-top:50px}.col>.sect:first-of-type{margin-top:0} .sect--lead .card:first-child{border-top:0;padding-top:0}.sect__title{display:flex;align-items:center;gap:15px;margin:0 0 5px;font-family:var(--mono);font-size:0.5625rem;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:var(--ink-faint)}.sect__rule{flex:1;height:1px;background:var(--line-soft)}.sect__count{font-size:0.5625rem;color:var(--ink-ghost);font-variant-numeric:tabular-nums}.empty{font-family:var(--mono);font-size:0.6875rem;color:var(--ink-ghost)}  .cards{margin:0;padding:0;list-style:none}.card{position:relative;padding:18px 0;border-top:1px solid var(--line-soft); --card-frame:3px -14px} .card::before{content:'';position:absolute;inset:var(--card-frame);border:1px solid transparent;transition:border-color 0.18s,background 0.18s;pointer-events:none}@media (hover:hover){.card:hover::before{border-color:var(--line);background:rgba(57,255,20,0.022)}}.card__link{display:block} .card__link::after{content:'';position:absolute;inset:var(--card-frame);z-index:1}.card__meta{position:relative;z-index:2; pointer-events:none}.card__meta a{pointer-events:auto}.card__date{font-family:var(--mono);font-size:0.625rem;letter-spacing:0.18em;color:var(--ink-ghost);font-variant-numeric:tabular-nums}.card__title{margin:7px 0 8px;font-size:1.125rem;font-weight:600;line-height:1.35;color:var(--ink);transition:color 0.18s}.card__lede{margin:0;color:var(--prose);font-size:0.875rem;line-height:1.65}@media (hover:hover){.card__link:hover .card__title{color:var(--accent)}.card__link:hover .card__date{color:var(--accent-dim)}}.card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 17.5px;margin-top:11px}.card__meta .tags{margin:0}.card__cat{ margin:-6px -4px -6px auto;padding:6px 4px;font-family:var(--mono);font-size:0.594rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--violet);white-space:nowrap;transition:color 0.18s,text-shadow 0.18s}@media (hover:hover){.card__cat:hover{color:#eab6ff;text-shadow:0 0 12px rgba(217,92,255,0.45)}} .specs{display:flex;flex-wrap:wrap;gap:27.5px;margin:0 0 25px;padding:17.5px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);font-family:var(--mono)}.specs div{display:flex;flex-direction:column;gap:5px}.specs dt{font-size:0.531rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink-ghost)}.specs dd{margin:0;font-size:0.719rem;color:var(--steel)} .specs dd a{color:var(--violet);transition:color 0.18s}@media (hover:hover){.specs dd a:hover{color:#eab6ff}}.tags{display:flex;flex-wrap:wrap;gap:6.25px;margin:0 0 32.5px;padding:0;list-style:none}.tags li{border:1px solid currentColor;font-family:var(--mono);font-size:0.594rem;letter-spacing:0.06em;transition:border-color 0.18s,background 0.18s} .tag--skill{border-color:color-mix(in srgb,var(--violet) 60%,transparent);background:color-mix(in srgb,var(--violet) 10%,transparent);color:var(--violet)} .tag--none{border-color:var(--line);color:var(--ink-ghost);cursor:not-allowed} .tag--own{border-color:color-mix(in srgb,var(--accent) 65%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)} .tags li>*{display:block;padding:2.5px 8.75px;transition:background 0.18s,color 0.18s} @media (hover:hover){.tag--skill:has(>a:hover){border-color:var(--violet);background:var(--violet)}.tag--skill>a:hover{background:var(--violet);color:var(--bg)}.tag--own:has(>a:hover){border-color:var(--accent);background:var(--accent)}.tag--own>a:hover{background:var(--accent);color:var(--bg)}.tags li>a:hover i{color:rgba(1,5,8,0.6)}} .tags--vocab{margin-top:22.5px}.tags--vocab li{background:none}  .me{display:flex;flex-direction:column;gap:8.75px;margin-bottom:43.75px;padding-bottom:34.5px;border-bottom:1px solid var(--line-soft)} .me__shot{position:relative;isolation:isolate;width:175px;max-width:100%;margin:0 0 11.25px;overflow:hidden;border:1px solid var(--accent-dim);animation:buzz 4.2s steps(1,end) infinite}.me__photo{ display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:50% 64%; filter:grayscale(1) contrast(1.06) sepia(1) hue-rotate(157deg) saturate(2.4) brightness(1.32)} .me__shot::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(0,0,0,0.2) 0 1px,transparent 1px 3px),repeating-linear-gradient(to right,rgba(0,0,0,0.1) 0 1px,transparent 1px 3px),radial-gradient(120% 100% at 50% 50%,transparent 48%,rgba(0,0,0,0.45) 100%)} .me__shot::after{content:'';position:absolute;inset:-30% 0 auto;z-index:3;height:26%;pointer-events:none;background:linear-gradient( to bottom,transparent,rgba(191,233,255,0.05) 40%,rgba(191,233,255,0.16) 50%,rgba(191,233,255,0.05) 60%,transparent );animation:sweep 5.5s linear infinite}@keyframes sweep{from{transform:translateY(0)}to{transform:translateY(500%)}} @keyframes buzz{0%,100%{border-color:var(--accent-dim);box-shadow:0 0 9px rgba(57,255,20,0.16),inset 0 0 12px rgba(57,255,20,0.06)}6%{border-color:var(--accent);box-shadow:0 0 20px rgba(57,255,20,0.42),inset 0 0 16px rgba(57,255,20,0.14)}8%{border-color:var(--accent-dim);box-shadow:0 0 6px rgba(57,255,20,0.12),inset 0 0 10px rgba(57,255,20,0.05)}10%{border-color:var(--accent-soft);box-shadow:0 0 24px rgba(57,255,20,0.5),inset 0 0 18px rgba(57,255,20,0.16)}13%{border-color:var(--accent-dim);box-shadow:0 0 9px rgba(57,255,20,0.16),inset 0 0 12px rgba(57,255,20,0.06)}52%{border-color:var(--accent);box-shadow:0 0 18px rgba(57,255,20,0.36),inset 0 0 15px rgba(57,255,20,0.12)}54%{border-color:var(--accent-dim);box-shadow:0 0 9px rgba(57,255,20,0.16),inset 0 0 12px rgba(57,255,20,0.06)}78%{border-color:var(--accent-soft);box-shadow:0 0 22px rgba(57,255,20,0.46),inset 0 0 16px rgba(57,255,20,0.14)}80%{border-color:var(--accent-dim);box-shadow:0 0 9px rgba(57,255,20,0.16),inset 0 0 12px rgba(57,255,20,0.06)}}.me__name{font-family:var(--mono);font-size:0.594rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink)}.me__role{margin-top:-6.25px;font-family:var(--mono);font-size:0.469rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-faint);line-height:1.55}.me__note{margin:0;font-size:0.781rem;line-height:1.6;color:var(--prose)} .me__skills{display:block;padding:10px 12px;border:1px solid var(--line);transition:border-color 0.18s,background 0.18s}.me__skills-name{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:0.55rem;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent)}.me__skills-name i{font-style:normal;font-size:0.55rem;color:var(--accent-dim);transition:transform 0.18s}.me__skills-note{display:block;margin-top:6px;font-size:0.6rem;line-height:1.5;color:var(--ink-faint)}@media (hover:hover){.me__skills:hover{border-color:var(--accent-dim);background:rgba(57,255,20,0.06)}.me__skills:hover .me__skills-note{color:var(--ink-dim)}.me__skills:hover .me__skills-name i{transform:translate(2px,-2px)}}.me__mail{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:0.5rem;letter-spacing:0.06em;color:var(--ink-faint);transition:color 0.18s}.me__mail .ico{width:17.5px;height:17.5px}@media (hover:hover){.me__mail:hover{color:var(--accent)}}.rail{position:sticky;top:32.5px;align-self:start;min-width:0}.rail__close{display:none}.rail__block + .rail__block{margin-top:42.5px}.rail__title{display:flex;align-items:center;gap:12.5px;margin:0 0 12.5px;font-family:var(--mono);font-size:0.5625rem;font-weight:500;letter-spacing:0.28em;text-transform:uppercase;color:var(--ink-faint)}.rail__title::after{content:'';flex:1;height:1px;background:var(--line-soft)}.tree,.tree__kids{margin:0;padding:0;list-style:none}.tree__kids{margin:2.5px 0 7.5px 8.75px;border-left:1px solid var(--line-soft);padding-left:13.75px}.tree__link{display:flex;align-items:center;gap:11.25px;padding:6.25px 0;font-family:var(--mono);font-size:0.6875rem;letter-spacing:0.04em;color:var(--ink-dim);transition:color 0.18s}.tree__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree__rule{flex:1;min-width:10px;height:1px;background:var(--line-soft)}.tree__count{font-size:0.5625rem;color:var(--ink-ghost);font-variant-numeric:tabular-nums} .tree__link.is-empty{color:var(--ink-ghost);cursor:not-allowed}.tree__link.is-empty .tree__count{color:var(--ink-ghost)} .tree>li>.tree__link.is-empty{gap:8.75px}.tree>li>.tree__link.is-empty::before{content:'·';font-family:var(--mono);font-size:0.5rem;line-height:1;color:var(--ink-ghost)}.tree__link.is-here{color:var(--accent)}.tree__link.is-here .tree__count{color:var(--accent-dim)}@media (hover:hover){.tree__link:hover{color:var(--accent)}.tree__link.is-empty:hover{color:var(--ink-ghost)}} .tree summary{display:flex;align-items:center;gap:8.75px;list-style:none;cursor:pointer}.tree summary::-webkit-details-marker{display:none}.tree summary::before{content:'+';font-family:var(--mono);font-size:0.625rem;line-height:1;color:var(--ink-ghost);transition:color 0.18s}.tree details[open]>summary::before{content:'−';color:var(--accent-dim)} .tree__go{padding:0 2px;font-family:var(--mono);color:var(--ink-ghost);transition:color 0.18s,transform 0.18s}@media (hover:hover){.tree__go:hover{color:var(--accent);transform:translateX(2px)}.tree summary:hover .tree__go{color:var(--ink-faint)}}@media (hover:hover){.tree summary:hover::before{color:var(--accent)}}.tree--flat .tree__link{font-size:0.719rem;padding:8.75px 0}.tags--cloud{margin:0;gap:5px}.tags--cloud li>*{display:flex;align-items:center;gap:6.25px}.tags--cloud i{font-style:normal;font-size:0.531rem;color:currentColor;opacity:0.55} .prose{color:var(--prose);font-size:0.969rem;line-height:1.78}.prose p{margin:0 0 21.25px}.prose strong{color:var(--ink);font-weight:600}.prose em{color:var(--accent);font-style:normal}.prose del{color:var(--ink-faint)}.prose h2,.prose h3,.prose h4{margin:42.5px 0 15px;font-family:var(--mono);font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-faint)}.prose h2{font-size:0.6875rem}.prose h3{font-size:0.625rem}.prose h4{font-size:0.594rem;color:var(--ink-ghost)}.prose a{color:var(--accent);border-bottom:1px solid var(--accent-dim);transition:background 0.18s}@media (hover:hover){.prose a:hover{background:rgba(57,255,20,0.1)}}.prose ul,.prose ol{margin:0 0 21.25px;padding-left:22.5px}.prose ul{list-style:none;padding-left:18.75px}.prose li{position:relative;margin-bottom:8.75px}.prose ul>li::before{content:'·';position:absolute;left:-13px;color:var(--accent-dim);font-weight:700}.prose ol{list-style:none;counter-reset:item;padding-left:32.5px}.prose ol>li{counter-increment:item}.prose ol>li::before{content:counter(item,decimal-leading-zero);position:absolute;left:-26px;font-family:var(--mono);font-size:0.625rem;color:var(--accent-dim)}.prose blockquote{margin:0 0 21.25px;padding-left:17.5px;border-left:1px solid var(--accent-dim);color:var(--ink-dim)}.prose hr{margin:37.5px 0;border:0;border-top:1px solid var(--line-soft)}.prose code{padding:1px 5px;background:rgba(57,255,20,0.09);font-family:var(--mono);font-size:0.781rem;color:#bfe9f7} .pre{position:relative;margin:0 0 27.5px;padding:0;border:1px solid var(--line);background:rgba(11,20,16,0.55)}.pre__lang{position:absolute;top:0;right:0;padding:3.75px 10px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:0.5rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink-ghost)}.pre pre{margin:0;padding:20px 22.5px;overflow-x:auto}.pre code{padding:0;background:none;font-size:0.781rem;line-height:1.65;color:#bfe9f7;white-space:pre}.pre pre::-webkit-scrollbar{height:6.25px}.pre pre::-webkit-scrollbar-thumb{background:var(--ink-ghost)}.table{margin:0 0 27.5px;overflow-x:auto}.table table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:0.75rem}.table th{padding:10px 15px 10px 0;border-bottom:1px solid var(--line);font-size:0.531rem;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--ink-faint);text-align:left;white-space:nowrap}.table td{padding:10px 15px 10px 0;border-bottom:1px solid var(--line-soft);color:var(--prose)}  .pages{display:flex;align-items:center;justify-content:space-between;gap:20px; margin-top:2px;padding-top:14px;border-top:1px solid var(--line-soft);font-family:var(--mono);font-size:0.594rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--ink-faint)}.pages__step{transition:color 0.18s;white-space:nowrap}.pages__step.is-off{color:var(--ink-ghost)}.pages__list{display:flex;flex-wrap:wrap;gap:6.25px;margin:0;padding:0;list-style:none}.pages__num{display:grid;place-items:center;min-width:32.5px;height:32.5px;padding:0 7.5px;border:1px solid var(--line);font-size:0.625rem;letter-spacing:0.06em;color:var(--ink-dim);font-variant-numeric:tabular-nums;transition:color 0.18s,border-color 0.18s,background 0.18s}.pages__num.is-active{color:var(--accent);border-color:var(--accent-dim);background:rgba(57,255,20,0.09)}.pages__gap{align-self:flex-end;padding-bottom:5px;color:var(--ink-ghost)}@media (hover:hover){.pages__step:not(.is-off):hover{color:var(--accent)}a.pages__num:hover{color:var(--accent);border-color:var(--accent-dim)}} .pager{display:flex;justify-content:space-between;gap:25px;margin-top:55px;padding-top:25px;border-top:1px solid var(--line-soft)}.pager__item{display:flex;flex-direction:column;gap:6.25px;max-width:46%;font-size:0.8125rem;color:var(--ink-dim);transition:color 0.18s}.pager__item span{font-family:var(--mono);font-size:0.531rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--ink-ghost)}.pager__item--next{text-align:right}.pager__item.is-off{color:var(--ink-ghost);cursor:not-allowed}@media (hover:hover){.pager__item:hover{color:var(--accent)}.pager__item.is-off:hover{color:var(--ink-ghost)}}  .foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:17.5px;padding:16px var(--gutter) max(30px,calc(env(safe-area-inset-bottom) + 18px));border-top:1px solid var(--line-soft)}.foot__mail{display:flex;align-items:center;gap:11.25px;font-family:var(--mono);font-size:0.656rem;letter-spacing:0.1em;color:var(--ink-faint);transition:color 0.18s} .foot__copy{display:flex;align-items:center;gap:8px;font-size:0.4rem;letter-spacing:0.22em;color:var(--ink-ghost)}.foot__copy i{width:3px;height:3px;background:var(--ink-ghost)}.foot__nav{display:flex;align-items:center;gap:12.5px}.foot__nav a{display:grid;place-items:center;width:37.5px;height:37.5px;border:1px solid var(--line);color:var(--ink-faint);transition:color 0.18s,border-color 0.18s,background 0.18s}.ico{display:block}@media (hover:hover){.foot__mail:hover{color:var(--accent)}.foot__nav a:hover{color:var(--accent);border-color:var(--accent-dim);background:rgba(57,255,20,0.08)}}  @media (max-width:1350px){:root{--rail:275px}.shell{gap:50px}} @media (max-width:1125px){:root{--gutter:27.5px}.shell{grid-template-columns:minmax(0,1fr);gap:0;width:100%;padding:24px var(--gutter) 26px}.burger{display:inline-flex}.rail{position:fixed;z-index:40;top:0;right:0;width:min(412.5px,88vw); height:100vh;height:100dvh;margin:0;padding:32.5px 27.5px max(37.5px,calc(env(safe-area-inset-bottom) + 22.5px));background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;transform:translateX(101%);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1)}#nav:checked~.shell .rail{transform:none} .me{gap:7px;margin-bottom:18px;padding-bottom:16px} .pager{margin-top:26px;padding-top:16px;gap:18px}.rail__close{display:block;position:absolute;top:17.5px;right:20px;padding:5px 10px;font-family:var(--mono);font-size:1.0625rem;line-height:1;color:var(--ink-ghost);cursor:pointer}.scrim{display:block;position:fixed;inset:0;z-index:30;background:rgba(1,5,8,0.72);opacity:0;pointer-events:none;transition:opacity 0.26s ease}#nav:checked~.scrim{opacity:1;pointer-events:auto}}@media (max-width:775px){ html{font-size:16px}body{font-size:0.906rem}.hud{flex-wrap:wrap;gap:17.5px} .hud__tools{gap:12.5px;flex-wrap:wrap;width:100%}.search{order:1;flex:1 1 100%}.search__input,.search__input:focus{width:100%}.search__results{width:100%;max-width:none}.ident__bits{display:none}.head__title{font-size:1.375rem}.card__title{font-size:1.031rem}.prose{font-size:0.9375rem}.specs{gap:20px} .pages{flex-wrap:wrap;justify-content:center;gap:9px;padding-top:11px}.pages__list{order:-1;width:100%;justify-content:center}.pager{flex-direction:column;gap:22.5px}.pager__item{max-width:100%}.pager__item--next{text-align:left}.foot{justify-content:flex-start;gap:22.5px}}@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}