:root{--bg:#0a1420;--panel:#0f1c2ceb;--panel-2:#132438;--paper:#f1f6f8;--fg:#eaf4f8;--fg-dim:#9ab7c4;--accent:#3867cc;--ice:#8fd0dc;--line:#5880cc4d;--bad:#ff6a7a}@font-face{font-family:Ice Cold;src:url(/fonts/Ice-Cold-Solid-LH.otf)format("opentype");font-display:swap;font-style:normal;font-weight:400}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0}body{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(circle at top,#4e92ab33,#0000 32%),radial-gradient(80% 60% at 50% 35%,#122b40 0%,#0a1420 60%,#050a12 100%);position:fixed;inset:0}body:after{content:"";mix-blend-mode:multiply;pointer-events:none;z-index:100;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px);position:fixed;inset:0}a{color:inherit}button,input{font:inherit}.landing-shell{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.landing-panel{border:1px solid var(--line);background:linear-gradient(#0f1c2cf2,#070e16eb);width:min(100%,760px);padding:40px 32px;box-shadow:inset 0 0 0 1px #8fd0dc1a,0 0 24px #3867cc2e,0 16px 40px #00000073}.landing-kicker,.landing-notes,.gate-eyebrow,.gate-status,.reader-controls,.back-link,.header-tag{text-transform:uppercase}.landing-kicker,.header-tag,.gate-eyebrow,.back-link,.reader-controls,.gate-status{letter-spacing:.22em}.landing-kicker{color:var(--fg-dim);margin:0 0 18px;font-size:12px}.landing-inline-link{color:inherit;text-decoration:none;transition:color .15s,text-shadow .15s}.landing-inline-link:hover,.landing-inline-link:focus-visible{color:var(--fg);text-shadow:0 0 12px #8fd0dc59;outline:none}.landing-title{letter-spacing:.03em;color:var(--ice);text-shadow:0 0 18px #8fd0dc52;margin:0;font-family:Ice Cold,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95}.landing-copy{max-width:44rem;color:var(--fg-dim);margin:20px 0 0;font-size:.95rem;line-height:1.8}.landing-actions,.gate-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-actions{margin-top:28px}.landing-notes{color:var(--fg-dim);letter-spacing:.18em;flex-wrap:wrap;gap:14px;margin-top:28px;font-size:11px;display:flex}.btn{appearance:none;border:1px solid var(--accent);min-height:42px;color:var(--fg);letter-spacing:.24em;text-transform:uppercase;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:9px 22px;font-size:11px;text-decoration:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover,.btn:focus-visible{background:var(--accent);color:#fff;outline:none;box-shadow:0 0 16px #3867cc8c}.btn.ghost{border-color:var(--line);color:var(--fg-dim)}.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--panel-2);color:var(--fg);box-shadow:none}.zine-header{z-index:2;border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:16px 22px;display:grid;position:relative}.back-link{width:max-content;color:var(--fg-dim);border-bottom:1px solid #0000;justify-self:start;align-items:center;font-size:12px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.back-link:hover,.back-link:focus-visible{color:var(--fg);border-bottom-color:currentColor;outline:none}.zine-title{letter-spacing:.28em;max-width:min(100%,44rem);color:var(--ice);text-shadow:0 0 10px #8fd0dc66;text-align:center;text-wrap:balance;flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:.1em .36em;margin:0;font-size:13px;font-weight:600;line-height:1.35;display:flex}.zine-title-link{color:inherit;text-decoration:none;transition:color .15s,text-shadow .15s;display:inline-block}.zine-title-link:hover,.zine-title-link:focus-visible{color:var(--fg);text-shadow:0 0 14px #8fd0dc73;outline:none}.zine-title-separator{color:inherit}.header-tag{color:var(--fg-dim);text-align:right;justify-self:end;font-size:10px}.zine-main{z-index:2;flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100vh - 72px);padding:16px 18px 28px;display:flex;position:relative}.gate{background:var(--panel);border:1px solid var(--line);flex-direction:column;align-items:center;gap:22px;width:min(100%,520px);padding:36px 26px;transition:opacity .25s;display:flex;box-shadow:inset 0 0 0 1px #8fd0dc1a,0 0 24px #3867cc2e,0 8px 28px #00000073}.gate.shattering{pointer-events:none;opacity:0}.gate-title{letter-spacing:.22em;color:var(--ice);text-align:center;text-shadow:0 0 14px #8fd0dc8c;margin:0;font-size:20px}.gate-blurb{max-width:360px;color:var(--fg-dim);letter-spacing:.06em;text-align:center;margin:0;font-size:12px;line-height:1.6}.code-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.code-cell{border:1px solid var(--line);width:46px;height:58px;color:var(--ice);text-align:center;text-transform:uppercase;caret-color:var(--ice);background:#050a12;font-size:26px;font-weight:600;transition:border-color .15s,box-shadow .15s,color .15s,transform .15s;box-shadow:inset 0 0 0 1px #8fd0dc1f,0 0 12px #3867cc2e}.code-cell:focus{border-color:var(--ice);outline:none;box-shadow:inset 0 0 0 1px #8fd0dc66,0 0 16px #8fd0dc59}.code-cell.bad{color:var(--bad);border-color:var(--bad);animation:.32s shake}.gate-status{min-height:14px;color:var(--fg-dim);font-size:11px}.gate-status.ok{color:var(--ice)}.gate-status.err{color:var(--bad)}.reader{flex-direction:column;align-items:center;gap:8px;width:100%;display:none}.reader.show{display:flex}.reader.is-expanded{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-overflow-scrolling:touch;background:#050a12f2;justify-content:flex-start;padding:12px 10px 10px;position:fixed;inset:0;overflow-y:auto}.reader-frame{width:min(100%, var(--reader-frame-width,920px));background:var(--panel);border:1px solid var(--line);padding:6px;position:relative;box-shadow:inset 0 0 0 1px #8fd0dc1a,0 0 24px #3867cc2e,0 8px 28px #00000073}.reader.is-expanded .reader-frame{width:min(100%, var(--reader-frame-width,1480px));border-color:#5880cc38;padding:2px}#flipbook{margin:0 auto}#flipbook .page,#flipbook .stf__item{background:var(--paper);justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #8fd0dc14}#flipbook canvas,#flipbook img{background:var(--paper);image-rendering:auto;display:block}.reader-scroll-fallback{flex-direction:column;gap:12px;display:flex}.reader-loading{text-align:center;width:100%;color:var(--fg-dim);padding:80px 0;font-size:11px}.reader-controls{width:min(100%, var(--reader-frame-width,920px));z-index:3;color:var(--fg-dim);flex-direction:row;justify-content:space-between;align-items:center;gap:18px;padding:8px 0 0;font-size:11px;display:flex;position:sticky;bottom:8px}.reader.is-expanded .reader-controls{width:min(100%, var(--reader-frame-width,1480px));padding-bottom:8px}.reader-controls-group{justify-content:flex-start;align-items:center;gap:14px;display:flex}.reader-controls-group-view{justify-content:flex-end}.pages-form{border:1px solid var(--line);min-height:42px;color:var(--ice);font-variant-numeric:tabular-nums;letter-spacing:.18em;background:#050a12b3;align-items:center;gap:12px;padding:0 18px;display:inline-flex;box-shadow:inset 0 0 0 1px #8fd0dc14,0 0 12px #3867cc1a}.pages-form:focus-within{border-color:#8fd0dca6;box-shadow:inset 0 0 0 1px #8fd0dc2e,0 0 16px #8fd0dc2e}.pages-input{width:3ch;min-width:3ch;color:inherit;text-align:right;font:inherit;letter-spacing:inherit;font-variant-numeric:inherit;background:0 0;border:0;border-bottom:1px solid #0000;padding:0}.pages-input:focus{text-shadow:0 0 10px #8fd0dc59;border-bottom-color:#8fd0dc99;outline:none}.pages-separator,.pages-total{color:inherit}.reader-rendering{width:min(100%, var(--reader-frame-width,920px));color:var(--fg-dim);letter-spacing:.18em;text-align:left;font-size:10px;line-height:1.2}.reader.is-expanded .reader-rendering{width:min(100%, var(--reader-frame-width,1480px))}.shards{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.shard{will-change:transform, opacity;background:linear-gradient(135deg,#8fd0dcd9,#3867cc99 60%,#0a1420e6);border:1px solid #eaf4f866;animation:1.1s cubic-bezier(.4,.05,.6,1) forwards shatter;position:absolute;transform:translate(0)rotate(0)scale(1);box-shadow:0 0 18px #8fd0dc66}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes shatter{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{transform:var(--shard-end);opacity:0}}@media (max-width:720px){.landing-panel{padding:28px 20px}.landing-title{font-size:clamp(2rem,10vw,3rem)}.zine-header{grid-template-columns:1fr;justify-items:center;gap:10px;padding:12px 14px 10px}.back-link{width:max-content}.zine-title{letter-spacing:.16em;flex-direction:column;gap:4px;max-width:100%;font-size:10px;line-height:1.45}.zine-title-separator,.header-tag{display:none}.zine-main{padding:12px 10px 24px}.gate{gap:18px;padding:26px 16px}.gate-title{letter-spacing:.2em;font-size:16px}.code-cell{width:40px;height:52px;font-size:22px}.reader-frame{padding:4px}.reader-controls{flex-direction:column;justify-content:center;gap:10px;width:100%;bottom:6px}.reader.is-expanded{padding:10px 6px 12px}.reader-controls-group{justify-content:center;gap:10px;width:100%}.reader-controls-group-nav .btn{letter-spacing:.18em;min-width:112px;padding:9px 14px}.reader-controls-group-view .btn{min-width:140px}.pages-form{min-width:0;padding:0 14px}.pages-input{width:2ch;min-width:2ch}.reader-rendering{text-align:center;width:100%}}