body.cyber-page main:has(.blog-browser){width:1280px}body.cyber-page main:has(.blog-browser) .tag-shortcut{padding-inline-end:clamp(0px,840px - 50vw,160px)}@media (width<=720px){body.cyber-page main:has(.blog-browser){padding-top:128px}body.cyber-page .blog-view-toolbar{top:calc(128px + env(safe-area-inset-top,0px))}}.blog-view-toolbar{top:calc(88px + env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px));z-index:7;border:1px solid var(--neon-accent);box-shadow:0 0 10px var(--neon-glow), 0 2px 8px #00000080;background:#090810;border-radius:2px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid;position:fixed}.blog-view-toolbar[hidden]{display:none}.blog-view-toolbar button{color:#b5bdcc;min-height:30px;font:inherit;font-family:var(--font-mono,monospace);cursor:pointer;background:#13131d;border:0;border-radius:1px 0 0 1px;justify-content:center;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:12px;font-weight:600;line-height:1.25;display:inline-flex;box-shadow:inset 0 1px #d8efff1a}.blog-view-toolbar button+button{border-left:1px solid var(--neon-border);border-radius:0 1px 1px 0}.blog-view-toolbar button svg{width:13px;height:13px}.blog-view-toolbar button[aria-pressed=true]{color:color-mix(in srgb, var(--neon-accent) 85%, white);background:linear-gradient(var(--neon-bg), var(--neon-bg)), #090810;text-shadow:0 0 2px var(--neon-accent), 0 0 4px var(--neon-accent), 0 0 8px var(--neon-glow);box-shadow:inset 0 2px 5px #000000a6}.blog-view-toolbar button:hover{color:var(--neon-accent)}.blog-view-toolbar button[aria-pressed=true] svg{filter:drop-shadow(0 0 1px var(--neon-accent)) drop-shadow(0 0 3px var(--neon-glow))}.blog-view-toolbar button:focus-visible{z-index:1;outline:2px solid var(--neon-accent);outline-offset:3px;position:relative}@media (pointer:coarse){.blog-view-toolbar button{min-height:40px;padding-inline:.65rem}}body.cyber-page .blog-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}body.cyber-page .blog-cards>li{width:auto;min-width:0}body.cyber-page .blog-cards>li:first-child{grid-column:1/-1}body.cyber-page .blog-cards>li:first-child .img-wrapper{aspect-ratio:4}body.cyber-page .blog-cards .title{min-height:0;font-size:1.125rem;line-height:1.2}body.cyber-page .blog-cards>li:first-child .title{min-height:0;margin-bottom:0;font-size:clamp(1.375rem,2vw,1.75rem)}body.cyber-page .blog-cards .date{margin-top:.15rem;font-size:.875rem;line-height:1.4}body.cyber-page .blog-cards>li>.blog-entry{box-sizing:border-box;height:100%;padding:.5rem}.archive-heading,.archive-tags,.archive-numeric-date,.archive-index,.archive-arrow{display:none}body.cyber-page .blog-browser[data-view=cards] .blog-entry{--card-corner-width:44px;--card-cut:10px;clip-path:polygon(-32px calc(var(--card-cut) + 30px), calc(var(--card-cut) + 30px) -32px, calc(100% + 32px) -32px, calc(100% + 32px) calc(100% - var(--card-cut) - 30px), calc(100% - var(--card-cut) - 30px) calc(100% + 32px), -32px calc(100% + 32px));border-color:#0000;border-radius:1px;animation:none;box-shadow:0 0 12px #58a4f00d}body.cyber-page .blog-browser[data-view=cards] li:first-child .blog-entry{--card-corner-width:64px;--card-cut:14px}body.cyber-page .blog-browser[data-view=cards] .blog-entry:before,body.cyber-page .blog-browser[data-view=cards] .blog-entry:after{content:"";width:var(--card-corner-width);pointer-events:none;z-index:3;height:22px;position:absolute}body.cyber-page .blog-browser[data-view=cards] .blog-entry:before{color:#7feaff;background:linear-gradient(135deg, transparent calc(50% - 1px), currentColor 50%, transparent calc(50% + 1px)) top left / var(--card-cut) var(--card-cut) no-repeat, linear-gradient(currentColor, currentColor) top right / calc(100% - var(--card-cut)) 1px no-repeat, linear-gradient(currentColor, currentColor) bottom left / 1px calc(100% - var(--card-cut)) no-repeat;top:-1px;left:-1px}body.cyber-page .blog-browser[data-view=cards] .blog-entry:after{color:#ec8bce;background:linear-gradient(135deg, transparent calc(50% - 1px), currentColor 50%, transparent calc(50% + 1px)) bottom right / var(--card-cut) var(--card-cut) no-repeat, linear-gradient(currentColor, currentColor) bottom left / calc(100% - var(--card-cut)) 1px no-repeat, linear-gradient(currentColor, currentColor) top right / 1px calc(100% - var(--card-cut)) no-repeat;bottom:-1px;right:-1px}body.cyber-page .blog-browser[data-view=cards] .blog-entry:is(:hover,:focus-within){border-color:#0000;animation:.45s ease-in-out infinite cyber-neon-flicker;box-shadow:0 0 16px #68c9ff1f}body.cyber-page .blog-browser[data-view=cards] .blog-entry:is(:hover,:focus-within):before,body.cyber-page .blog-browser[data-view=cards] .blog-entry:is(:hover,:focus-within):after{filter:drop-shadow(0 0 4px)}body.cyber-page .blog-browser[data-view=cards] .blog-entry:is(:hover,:focus-within) .title{color:#d4ecff;text-shadow:0 0 8px #78c8ff80;animation:none}@media (prefers-reduced-motion:reduce){body.cyber-page .blog-browser[data-view=cards] .blog-entry:is(:hover,:focus-within){animation:none}}body.cyber-page .blog-browser[data-view=list] .blog-cards{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr);gap:0}body.cyber-page .blog-browser[data-view=list] .blog-cards>li{text-align:left}body.cyber-page .blog-browser[data-view=list] .blog-cards>li+li{border-top:1px solid #95b4cf29}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry{min-height:64px;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:3rem minmax(0,1fr) 9rem 1.5rem;align-items:center;gap:1rem;padding:.6rem 1.25rem;animation:none;display:grid}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry:before{content:"";background:var(--neon-accent);opacity:0;width:2px;position:absolute;top:22%;bottom:22%;left:0}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry:hover,body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry:focus-within{box-shadow:none;background:0 0;outline:none}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry:hover:before,body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry:focus-within:before{opacity:1;box-shadow:0 0 10px var(--neon-glow)}body.cyber-page .blog-browser[data-view=list] .blog-cards .img-wrapper,body.cyber-page .blog-browser[data-view=list] .archive-card-date{display:none}body.cyber-page .blog-browser[data-view=list] .archive-numeric-date{display:inline}.archive-copy{min-width:0}.blog-cards .archive-post-link,.blog-cards .archive-post-link:is(:hover,:focus-visible){color:inherit;text-decoration:none}.archive-post-link:after{content:"";z-index:2;position:absolute;inset:0}.archive-post-link:focus-visible{outline:2px solid var(--neon-accent,#7feaff);outline-offset:3px}body.cyber-page .blog-browser[data-view=list] .archive-tags{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.archive-tags a{z-index:3;border:1px solid var(--neon-border);color:#98c3cf;font:400 .6875rem/1.3 var(--font-mono,monospace);overflow-wrap:anywhere;padding:.08rem .35rem;position:relative}.archive-tags a:is(:hover,:focus-visible){color:var(--neon-accent);border-color:var(--neon-accent);box-shadow:0 0 7px var(--neon-glow);text-shadow:0 0 5px var(--neon-glow);background:0 0;outline:none}body.cyber-page .blog-browser[data-view=list] .archive-index,body.cyber-page .blog-browser[data-view=list] .archive-arrow{font-family:var(--font-mono,monospace);color:var(--neon-accent);font-variant-numeric:tabular-nums;font-size:.85rem;display:block}body.cyber-page .blog-browser[data-view=list] .archive-index{letter-spacing:.12em;border-right:1px solid var(--neon-border);padding-block:.35rem}body.cyber-page .blog-browser[data-view=list] .archive-arrow{opacity:.55;justify-self:end}body.cyber-page .blog-browser[data-view=list] .blog-cards .title{color:#d6e8ef;min-height:0;text-shadow:none;margin:0;font-size:1.125rem;font-weight:600;line-height:1.3;animation:none;display:block;overflow:visible}body.cyber-page .blog-browser[data-view=list] .blog-cards .date{white-space:nowrap;font-family:var(--font-mono,monospace);font-variant-numeric:tabular-nums;color:#8fb6c4;text-align:right;text-shadow:none;margin:0;font-size:.875rem}body.cyber-page .blog-browser[data-view=list] .blog-entry:is(:hover,:focus-within) .archive-arrow{opacity:1;text-shadow:0 0 8px var(--neon-glow)}body.cyber-page .blog-browser[data-view=list] .blog-cards .blog-entry:is(:hover,:focus-within) .title{color:#c5f3ff;text-shadow:0 0 8px var(--neon-glow)}@media (width>=721px) and (width<=1100px){body.cyber-page .blog-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){body.cyber-page .blog-cards>li:first-child .img-wrapper{aspect-ratio:2.4}body.cyber-page .blog-cards{grid-template-columns:minmax(0,1fr);gap:1rem}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry{grid-template-columns:2rem minmax(0,1fr) 1rem;gap:.25rem .6rem;padding:.6rem .8rem}body.cyber-page .blog-browser[data-view=list] .archive-index{grid-area:1/1/3}body.cyber-page .blog-browser[data-view=list] .archive-copy{grid-area:1/2}body.cyber-page .blog-browser[data-view=list] .blog-cards .title{font-size:1rem}body.cyber-page .blog-browser[data-view=list] .blog-cards .date{grid-area:2/2}body.cyber-page .blog-browser[data-view=list] .archive-arrow{grid-area:1/3/3}}body.cyber-page .blog-browser[data-view=list] .archive-panel{--neon-accent:#7feaff;--neon-border:#5bdaf761;--neon-bg:#26acd02e;--neon-glow:#57e0ff6b;background:linear-gradient(115deg,#071622eb,#080d18b3);padding:0 .5rem .5rem;position:relative}body.cyber-page .blog-browser[data-view=list] .archive-panel:before,body.cyber-page .blog-browser[data-view=list] .archive-panel:after{content:"";pointer-events:none;width:76px;height:24px;position:absolute}body.cyber-page .blog-browser[data-view=list] .archive-panel:before{background:linear-gradient(135deg, transparent calc(50% - 1px), var(--neon-accent) 50%, transparent calc(50% + 1px)) top left / 14px 14px no-repeat, linear-gradient(var(--neon-accent), var(--neon-accent)) top right / calc(100% - 14px) 1px no-repeat, linear-gradient(var(--neon-accent), var(--neon-accent)) bottom left / 1px calc(100% - 14px) no-repeat;width:64px;top:0;left:0}body.cyber-page .blog-browser[data-view=list] .archive-panel:after{background:linear-gradient(135deg,#0000 calc(50% - 1px),#ec8bce 50%,#0000 calc(50% + 1px)) 100% 100%/14px 14px no-repeat,linear-gradient(#ec8bce,#ec8bce) 0 100%/calc(100% - 14px) 1px no-repeat,linear-gradient(#ec8bce,#ec8bce) 100% 0/1px calc(100% - 14px) no-repeat;bottom:0;right:0}body.cyber-page .blog-browser[data-view=list] .archive-heading{border-bottom:1px solid var(--neon-border);background:linear-gradient(90deg, var(--neon-bg), transparent);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);min-height:44px;color:var(--neon-accent);font:600 .75rem/1.3 var(--font-mono,monospace);letter-spacing:.08em;grid-template-columns:3rem minmax(0,1fr) 9rem 1.5rem;align-items:center;gap:1rem;padding:.25rem 1.25rem;display:grid;position:relative}.archive-date-label{text-align:right}.archive-heading-title{grid-column:1/3;align-items:center;gap:.65rem;display:flex}.archive-date-label{grid-column:3}.archive-heading:after{content:"";background:linear-gradient(45deg,#0000 calc(50% - 1px),#ec8bce 50%,#0000 calc(50% + 1px));width:16px;height:16px;position:absolute;top:0;right:0}.archive-count{color:#ec8bce;font-variant-numeric:tabular-nums}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry>*{z-index:1;position:relative}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry>.archive-copy{z-index:auto;position:static}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry:after{content:"";clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,10px 100%,0 calc(100% - 10px));opacity:0;pointer-events:none;background:linear-gradient(90deg,#2abce04d,#1f80ab1f);position:absolute;inset:4px 0}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry:is(:hover,:focus-within):after{opacity:1}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry:is(:hover,:focus-within):before{width:3px;top:4px;bottom:4px}body.cyber-page .blog-browser[data-view=list] .blog-cards>li>.blog-entry:focus-within{outline:2px solid var(--neon-accent);outline-offset:-2px}@media (width<=720px){body.cyber-page .blog-browser[data-view=list] .archive-heading{grid-template-columns:2rem minmax(0,1fr) 1rem;gap:.6rem;padding-inline:.8rem}.archive-date-label{display:none}body.cyber-page .blog-browser[data-view=list] .blog-cards .date{text-align:left}}body.cyber-page .pagination-wrap{--pg-accent:var(--neon-accent);--pg-border:var(--neon-border);--pg-fg:#d4c4e8;--pg-bg:var(--neon-bg);--pg-glow:var(--neon-glow);justify-items:center;gap:.8rem;margin-top:2.4rem;display:grid}body.cyber-page .pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}body.cyber-page .pagination .pg-item{--pg-cut:7px;clip-path:polygon(var(--pg-cut) 0, 100% 0, 100% calc(100% - var(--pg-cut)), calc(100% - var(--pg-cut)) 100%, 0 100%, 0 var(--pg-cut));min-width:2.4rem;color:var(--pg-fg);border:1px solid var(--pg-border);text-shadow:0 0 10px #d698e233;--item-accent:var(--neon-accent,var(--pg-accent));--item-border:var(--neon-border,var(--pg-border));--item-bg:var(--neon-bg,var(--pg-bg));--item-glow:var(--neon-glow,var(--pg-glow));border-color:var(--item-border);background:#09081094;border-radius:0;justify-content:center;align-items:center;padding:.52rem .82rem;text-decoration:none;transition:transform .2s,box-shadow .25s,border-color .25s,background .25s;display:inline-flex;position:relative}body.cyber-page .pagination .pg-item:before{content:"";pointer-events:none;background:linear-gradient(135deg, transparent calc(50% - 1px), var(--cut-border,var(--item-border)) 50%, transparent calc(50% + 1px)) top left / var(--pg-cut) var(--pg-cut) no-repeat, linear-gradient(135deg, transparent calc(50% - 1px), var(--cut-border,var(--item-border)) 50%, transparent calc(50% + 1px)) bottom right / var(--pg-cut) var(--pg-cut) no-repeat;position:absolute;inset:-1px}body.cyber-page .pagination .pg-item:hover,body.cyber-page .pagination .pg-item:focus-visible{--cut-border:var(--item-accent);border-color:var(--item-accent);box-shadow:inset 0 0 12px var(--item-glow);outline:none;transform:translateY(-1px)}body.cyber-page .pagination .pg-item.current{--cut-border:var(--item-accent);background:var(--item-bg);border-color:var(--item-accent);color:#f6e5fc;box-shadow:inset 0 0 14px var(--item-glow)}body.cyber-page .pagination .pg-item.pg-nav{padding-inline:.92rem}body.cyber-page .pagination .pg-item.pg-ellipsis{pointer-events:none;opacity:.72;border-style:dashed}body.cyber-page .pagination-jump{background:#08080e9e;border:1px solid #c69ce052;border-radius:8px;align-items:center;gap:.52rem;padding:.42rem .56rem;display:inline-flex}body.cyber-page .pagination-jump-label{letter-spacing:.02em;color:#b098c9;font-size:.86rem}body.cyber-page .pagination-jump-input{color:#e6dbf1;background:#100e18e6;border:1px solid #c69ce06b;border-radius:5px;width:4.2rem;padding:.32rem .4rem;font-size:.94rem}body.cyber-page .pagination-jump-input:focus{border-color:var(--pg-accent);box-shadow:0 0 10px var(--pg-glow);outline:none}body.cyber-page .pagination-jump-btn{color:#efe3f8;white-space:nowrap;cursor:pointer;background:#7a459040;border:1px solid #c69ce080;border-radius:5px;justify-content:center;align-items:center;min-width:2.7rem;padding:.34rem .62rem;font-size:.88rem;font-weight:600;line-height:1;display:inline-flex}body.cyber-page .pagination-jump-btn:hover{border-color:var(--pg-accent);box-shadow:0 0 12px var(--pg-glow)}@media (width<=720px){body.cyber-page .pagination{gap:.36rem}body.cyber-page .pagination .pg-item{min-width:2rem;padding:.42rem .62rem;font-size:.86rem}body.cyber-page .pagination-jump{gap:.42rem}body.cyber-page .pagination-jump-label{font-size:.78rem}body.cyber-page .pagination-jump-input{width:3.5rem;font-size:.84rem}}