body { max-width: 70ch; margin-inline: auto; } .sitenav { margin-block-end: 1.5rem; padding-block-end: 0.5rem; border-bottom: 1px solid currentColor; } .sitenav ul { list-style: none; display: flex; flex-wrap: wrap; gap: 1rem; margin: 0; padding: 0; } .sitenav [aria-current="page"] { font-weight: bold; } .langpicker { text-align: right; font-size: 0.8rem; margin-block-end: 0.35rem; } .langpicker a, .langpicker [aria-current="page"] { margin-inline-start: 0.7rem; } .langpicker [aria-current="page"] { font-weight: bold; } .tab { display: none; } .tab:target { display: block; } .tabs:not(:has(:target)) #zec { display: block; } .charts-css.column { display: block; max-width: 36rem; margin-block: 1rem; overflow-x: auto; } .charts-css.column caption { caption-side: top; text-align: start; font-weight: bold; padding-bottom: 0.25rem; display: block; } .charts-css.column tbody { display: flex; align-items: stretch; gap: 0.5rem; height: 13rem; border-bottom: 1px solid currentColor; } .charts-css.column tbody tr { flex: 1 1 0; min-width: 3.25rem; display: grid; grid-template-rows: 1fr auto; } .charts-css.column td { grid-row: 1; align-self: end; height: calc(var(--size, 0) * 100%); background: var(--bar-color, #5a3eaf); border-radius: 3px 3px 0 0; display: flex; align-items: flex-start; justify-content: center; } .charts-css.column th { grid-row: 2; font-weight: normal; font-size: 0.72rem; text-align: center; padding-top: 0.25rem; word-break: break-word; } .charts-css.column .data { font-size: 0.7rem; color: #fff; padding: 0.1rem 0.2rem; white-space: nowrap; } .charts-css.column.volume-chart td:hover .data { font-size: 0.85rem; font-weight: bold; outline: 1px solid currentColor; } .charts-css.column.ref-line tbody { position: relative; } .charts-css.column.ref-line td { height: calc(var(--size, 0) * 80%); } .charts-css.column.ref-line tbody::after { content: ""; position: absolute; left: 0; right: 0; bottom: calc(var(--ref, 1) * 100%); border-top: 2px dashed currentColor; pointer-events: none; } .history h3 { font-size: 1rem; margin-block: 1.25rem 0.25rem; } .history h4 { font-size: 0.8rem; font-weight: normal; margin-block: 0.75rem 0.25rem; } .history-empty { font-style: italic; } .history-chart { display: grid; grid-template-columns: 3.5rem 1fr 3.5rem; grid-template-rows: 14rem 5rem auto; gap: 0.25rem; max-width: 44rem; margin-block: 0.5rem 1.5rem; grid-template-areas: "data-1-axis stocks data-2-axis" "data-1-axis volume data-2-axis" "primary-axis primary-axis primary-axis"; } .history-chart .charts-css { display: block; width: 100%; height: 100%; position: relative; } .history-chart .charts-css.area, .history-chart .charts-css.line { grid-area: stocks; } .history-chart .charts-css.column { grid-area: volume; max-width: none; margin-block: 0; } .history-chart .primary-axis { grid-area: primary-axis; font-size: 0.68rem; text-align: center; padding-top: 0.25rem; border-top: 1px solid currentColor; } .history-chart .data-1-axis { grid-area: data-1-axis; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 0.68rem; text-align: center; align-self: center; } .history-chart .data-2-axis { grid-area: data-2-axis; writing-mode: vertical-rl; font-size: 0.68rem; text-align: center; align-self: center; } .history-chart .charts-css.area tbody, .history-chart .charts-css.line tbody { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 100%; } .history-chart .charts-css.area tbody tr, .history-chart .charts-css.line tbody tr { position: relative; flex: 1 1 0; min-width: 0; } .history-chart .charts-css.area td, .history-chart .charts-css.line td { position: absolute; inset: 0; } .history-chart .charts-css.area td::before, .history-chart .charts-css.line td::before { content: ""; position: absolute; inset: 0; } .history-chart .charts-css.area td::before { z-index: -1; background: linear-gradient(rgba(90, 62, 175, 0.30), rgba(90, 62, 175, 0)); clip-path: polygon(0% calc(100% * (1 - var(--start, var(--size)))), 100% calc(100% * (1 - var(--size))), 100% 100%, 0% 100%); } .history-chart .charts-css.line { --line-size: 2px; } .history-chart .charts-css.line td::before { clip-path: polygon(0% calc(100% * (1 - var(--start, var(--size)))), 100% calc(100% * (1 - var(--size))), 100% calc(100% * (1 - var(--size)) - var(--line-size)), 0% calc(100% * (1 - var(--start, var(--size))) - var(--line-size))); } .history-chart .charts-css.line.src-bitfinex td::before { background: #2e8b57; } .history-chart .charts-css.line.src-kraken td::before { background: #4060d0; } .history-chart .charts-css.line.src-coinbase td::before { background: #d07000; } .history-chart .charts-css.line.src-binance td::before { background: #b03090; } .history-chart .charts-css.line.src-coingecko td::before { background: #707070; } .history-chart .charts-css.line td.gap::before, .history-chart .charts-css.area td.gap::before { content: none; } .history-chart .charts-css.column tbody { display: flex; flex-direction: row; align-items: flex-end; gap: 1px; width: 100%; height: 100%; border-bottom: 0; } .history-chart .charts-css.column tbody tr { flex: 1 1 0; min-width: 0; display: flex; align-items: flex-end; } .history-chart .charts-css.column td { width: 100%; height: calc(var(--size, 0) * 100%); background: #9a8fc0; border-radius: 0; } .history-chart .charts-css .data { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; } .charts-css.bar { display: block; max-width: 36rem; margin-block: 1rem; } .charts-css.bar caption { caption-side: top; text-align: start; font-weight: bold; padding-bottom: 0.25rem; } .charts-css.bar tbody { display: block; } .charts-css.bar tr { display: grid; grid-template-columns: 11rem 1fr 4.5rem; gap: 0.5rem; align-items: center; margin-block: 3px; } .charts-css.bar th { font-weight: normal; font-size: 0.72rem; text-align: start; overflow-wrap: anywhere; } .charts-css.bar td.bar { position: relative; height: 1rem; } .charts-css.bar td.bar::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: calc(var(--size, 0) * 100%); background: #5a3eaf; border-radius: 3px; } .charts-css.bar td.val { text-align: end; font-size: 0.72rem; font-variant-numeric: tabular-nums; } .node-chart { max-width: 40rem; margin-block: 0.5rem 1.5rem; } .node-chart figcaption { font-size: 0.85rem; font-weight: bold; margin-block: 0.75rem 0.25rem; } .node-plot { display: grid; height: 10rem; border-bottom: 1px solid currentColor; } .node-plot .charts-css { grid-area: 1 / 1; display: block; width: 100%; height: 100%; position: relative; } .node-plot .charts-css.line tbody { display: flex; flex-direction: row; align-items: stretch; width: 100%; height: 100%; } .node-plot .charts-css.line tbody tr { position: relative; flex: 1 1 0; min-width: 0; } .node-plot .charts-css.line td { position: absolute; inset: 0; } .node-plot .charts-css.line { --line-size: 2px; } .node-plot .charts-css.line td::before { content: ""; position: absolute; inset: 0; clip-path: polygon(0% calc(100% * (1 - var(--start, var(--size)))), 100% calc(100% * (1 - var(--size))), 100% calc(100% * (1 - var(--size)) - var(--line-size)), 0% calc(100% * (1 - var(--start, var(--size))) - var(--line-size))); } .node-plot .charts-css.line.ds-1 td::before { background: #2e8b57; } .node-plot .charts-css.line.ds-2 td::before { background: #4060d0; } .node-plot .charts-css.line td.gap::before { content: none; } .node-axis { display: flex; justify-content: space-between; font-size: 0.68rem; padding-top: 0.25rem; } .node-plot .charts-css .data { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); border: 0; } ol.timeline { --timeline-accent: currentColor; list-style: none; position: relative; padding-left: 2.6rem; scroll-snap-type: y proximity; } ol.timeline::before { content: ""; position: absolute; left: 0.82rem; top: 0.4rem; bottom: 0.4rem; width: 3px; border-radius: 3px; opacity: 0.55; background: linear-gradient(to bottom, transparent 0, var(--timeline-accent) 7%, var(--timeline-accent) 93%, transparent 100%); } ol.timeline > li { position: relative; margin: 0 0 1.6rem 0; padding: 0.7rem 0.9rem; border: 1px solid transparent; border-radius: 7px; scroll-snap-align: start; } ol.timeline > li::before { content: ""; position: absolute; left: -2.05rem; top: 0.95rem; width: 13px; height: 13px; border-radius: 50%; background: var(--timeline-accent); box-shadow: 0 0 7px var(--timeline-accent); } ol.timeline > li:hover, ol.timeline > li:focus-within, ol.timeline > li:target { transform: scale(1.02); border-color: var(--timeline-accent); box-shadow: 0 0 0 1px var(--timeline-accent), 0 0 14px var(--timeline-accent); } @media (prefers-reduced-motion: no-preference) { ol.timeline > li { transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease; } ol.timeline > li::before { animation: zs-timeline-node-pulse 3.2s ease-in-out infinite; } @keyframes zs-timeline-node-pulse { 0%, 100% { box-shadow: 0 0 6px var(--timeline-accent); } 50% { box-shadow: 0 0 13px var(--timeline-accent); } } } .home { margin-block: 1.5rem; } .home-hero { margin-block: 1rem 1.75rem; } .home-hero .tagline { margin-block: 0 0.4rem; } .home-hero p { margin-block: 0.5rem; } .home-sections { list-style: none; padding: 0; margin-block: 1.75rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; align-items: stretch; } .home-sections > li { display: flex; flex-direction: column; padding: 0.9rem 1.1rem; border: 1px solid currentColor; border-radius: 8px; } .home-sections h3 { margin-block: 0 0.3rem; } .home-sections h3 a { text-decoration: none; } .home-sections .sec-desc { margin-block: 0; font-size: 0.9rem; opacity: 0.85; } .home-notes { margin-block-start: 2rem; } .home-notes p { font-size: 0.85rem; margin-block: 0.55rem; } .home-foot { opacity: 0.7; } body { max-width: min(84ch, 94vw); padding: 1.5rem clamp(1rem, 4vw, 3rem) 3rem; } .sitenav ul { gap: 0; } .sitenav li { flex: 1 1 0; display: flex; } .sitenav a, .sitenav [aria-current="page"] { flex: 1; text-align: center; padding: 0.3em 0.4em; } table:not(.charts-css) { display: block; overflow-x: auto; max-width: 100%; border-collapse: collapse; font-size: 0.85rem; margin-block: 0.7rem 1.4rem; } table:not(.charts-css) caption { text-align: start; font-weight: bold; padding-bottom: 0.3rem; } table:not(.charts-css) th, table:not(.charts-css) td { white-space: nowrap; } table:not(.charts-css) th { text-align: start; font-size: 0.78rem; letter-spacing: 0.02em; border-block-end: 1px solid currentColor; padding: 0.25rem 0.5rem; } table:not(.charts-css) td { padding: 0.22rem 0.5rem; border-block-end: 1px solid currentColor; font-variant-numeric: tabular-nums; } table:not(.charts-css) tr:hover td { outline: 1px solid currentColor; } table:not(.charts-css) tr.summary td { border-block-start: 1px solid currentColor; font-weight: bold; } .news-pagination ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0.3rem; padding: 0; margin: 1.5rem 0; } .news-pagination li { flex: 1 1 0; display: flex; } .news-pagination a, .news-pagination [aria-current="page"] { flex: 1; text-align: center; padding: 0.2em 0.4em; border: 1px solid currentColor; text-decoration: none; } .news-pagination a:hover, .news-pagination a:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; } .news-pagination [aria-current="page"] { font-weight: bold; border-width: 2px; } .themepicker { box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap; gap: 0.4rem; margin-block-start: 2rem; padding-top: 1rem; border-top: 1px solid currentColor; } .themepicker a { flex: 1 1 0; text-align: center; margin: 0; padding: 0.3em 0.4em; border: 1px solid currentColor; text-decoration: none; } .themepicker a:hover, .themepicker a:focus-visible { outline: 2px solid currentColor; outline-offset: 1px; } .themepicker a.t-default { font-weight: bold; border-width: 2px; } .charts-css caption, .node-chart figcaption { width: 100%; } .charts-css.column, .charts-css.bar, .history-chart, .node-chart, .node-plot { max-width: 100%; } .node-plot .charts-css .data, .history-chart .charts-css .data { position: absolute; top: 0; left: 50%; transform: translateX(-50%); margin-top: 2px; width: auto; height: auto; padding: 0.04em 0.35em; clip-path: none; overflow: visible; background: #fff; color: #000; border: 1px solid currentColor; font-size: 0.7rem; line-height: 1.3; white-space: nowrap; opacity: 0; pointer-events: none; z-index: 20; } .node-plot .charts-css td:hover .data, .node-plot .charts-css td:focus-within .data, .history-chart .charts-css td:hover .data, .history-chart .charts-css td:focus-within .data { opacity: 1; } /* network-address footer (ZS-221) — SHARED row layout (inherited by every theme except plain) */ .netfooter { margin-top: 3rem; font-size: 0.9rem; text-align: center; } .netaddr { list-style: none; display: flex; flex-wrap: nowrap; width: 100%; gap: 0; margin: 0; padding: 0; } .netaddr li { flex: 1 1 0; margin: 0; text-align: center; min-width: 0; } .nf-source { margin: 0.6rem 0 0; font-size: 0.74em; opacity: 0.6; } /* ============================================================================ matrix — "digital rain decode terminal" (preview-opus exemplar) Topic: The Matrix (1999) — reality rendered as falling green code; the choice to see the truth (the red pill). Layout intentionally DIVERGES from pipboy: left-aligned masthead with the "Wake up..." prompt, a full-viewport katakana rain behind translucent "decoded" panels, and the eduhome reversed so the figure dissolves on the LEFT while the section index decrypts as a numbered directory on the RIGHT. One single non-green accent — the red pill — marks "you are here" (you took the red pill; you see where you stand). Pure CSS within I-1: gradients / clip-path / box-shadow / pseudo-elements / counters / Unicode only — no url(), @import, @font-face, @property, data:, image-funcs. All motion gated behind prefers-reduced-motion. Aesthetic (Z-8): the monochrome-green discipline is the whole point — one phosphor, one truth. ============================================================================ */ :root { --mx: #00ff41; /* matrix green — primary text/UI */ --mx-bright: #c8ffd4; /* highlight / emphasis */ --mx-dim: #1fa64a; /* secondary / labels */ --mx-faint: rgba(0, 255, 65, 0.08); --mx-glow: rgba(0, 255, 65, 0.55); --mx-panel: rgba(0, 16, 7, 0.82); /* translucent "decoded window" over the rain */ --mx-body: #5bd17f; /* soft-phosphor body prose + ordinary links (~10.9:1 on black; AAA) */ --mx-head: #aaffc4; /* calm light-phosphor section headlines h2/h3 (AAA) */ --mx-head-glow: 0 0 4px rgba(170,255,196,0.30); /* softened 4px headline glow (the saturated 7px glare was rejected) */ --pill: #ff8a8a; /* the red pill — calm salmon; salience carried by the FRAME, not loud text (a11y: survives red/green colour-blindness, comfortable beside the green) */ --pill-glow: rgba(255, 138, 138, 0.5); /* decorative glow — title glitch ghost, footer pills */ --pill-soft: rgba(255, 138, 138, 0.22); /* soft current-item text halo */ --pill-edge: rgba(255, 138, 138, 0.72); /* current-item frame: border */ --pill-fill: rgba(255, 138, 138, 0.11); /* current-item frame: fill */ --pill-ring: 0 0 0 1px rgba(255,138,138,0.28), 0 0 11px rgba(255,138,138,0.26); /* current-item frame: outer glow ring */ } /* ---- Screen ground + reading measure ------------------------------------ */ html { background: #000; } /* ---- Glint layer: sparse bright glyphs that flare ~1.5s, behind the rain --- */ html::before { content: "ｽﾄ9ｶｼﾑｱｸ3ｾﾝｴｺｹﾏｶｼﾚｴｹｴｳﾜﾄﾎ1ﾒﾙﾑﾅﾈ72ﾎﾂ4ﾊ1ﾕﾄﾇ7ﾋﾊ2ﾛﾛﾉｷﾌﾇｿ9ﾃｴｹﾅ0ｶｸﾗｳﾓ9ｸﾔｴﾅﾌﾊﾍｺﾊﾖﾃﾃﾑｴ7ﾜ96ﾃﾈﾂﾔ4ﾍ4ｳﾍﾃｻﾗﾈ6ﾆｽ2ﾚｼﾔﾃﾐ9ｶ2ｲ2ﾗﾓﾍｷﾜﾁﾙｶﾐｳﾉ5ﾙﾌﾖ0ﾙｱ5ﾝｻﾀﾐﾀﾐ4ｹｷ7ｸﾔﾗﾝ2ｼｹ25ﾆﾕ3ｿﾅｷﾖｵﾝﾇﾎﾀﾖﾃﾚﾊﾄﾉﾔｻﾕﾆﾄｹ0ｼｿﾇﾛﾍｵﾓﾛｸﾂﾐ34ﾜｺｷ0ｺﾔﾄﾝﾙｻ59ﾘｼﾚﾛﾋ8ﾌﾛ2ｵｵ9ﾆｲﾒ8ﾒ7ﾗﾂﾍｲﾛｱ6ﾚﾌﾋﾏ0ﾒｱﾃﾉｽﾗﾄｳ0ﾓﾓﾒﾓﾁｹﾁﾓﾈﾔ3ﾗｸﾉﾎｽ5ﾃｽﾁﾏ6ｸﾛ5ﾜﾔｲ806ﾜﾚｲｲﾀｷﾚｿﾏﾜ01ﾕﾎﾊﾗﾊ1ﾐｽﾒﾇﾉﾍｳﾇﾁﾍｱﾆﾑ1ﾅﾊﾀﾐｷﾁ6ﾒｺﾖｾｴ9ﾄｴﾓﾊﾔ0ﾄ4ﾅﾛﾈﾑｿ0ｲﾇﾔｺﾏﾂｹﾎｿﾁﾄﾀﾅｿﾍﾖｾﾀ4ｳﾁﾌｼﾌｽﾂ4ﾆﾋﾃﾛｿﾓｸﾒ6ﾋ4ｼｹﾂﾕﾌｼ9ﾕﾚﾕﾑｽﾒﾃﾃﾒｽｹ7ｹﾉｸﾇﾙﾏﾋｲﾋﾐｵﾖﾉﾆ7ｼﾘ187ﾉﾇﾇﾏ75ﾇｺﾄ7ﾓ4ｵ0ﾉｳｱﾂﾐﾈｷﾁ3ｲﾚｼﾙﾕ084ｼﾙ0ﾄﾂ822ｺﾑｼ5ﾆｼﾃｴ2ﾈﾚﾏ9ｹﾉｼﾏｼｿ9ﾕｲｷ59ﾈﾓﾆﾏﾊﾋｵﾀｺﾒｱﾛﾙ5ﾐ5ﾌﾇﾈ4ﾂ1ﾎﾇ4ｻﾈﾆﾌﾗﾜﾗﾇﾚﾓ7ｽﾗﾃﾂﾘﾝｶﾄｴｽｹﾕｿﾆｺﾑｾﾀ3ﾂﾙﾈｼﾝﾃｵﾄｵﾓｻﾓﾇ8ﾓｼ8ﾕﾜｵﾊ8ﾐ0ﾕﾝﾂﾊﾗﾘﾘﾆｺｹﾙｾ1ｱﾍｳﾚﾜﾋｺﾄﾂﾏｷｳﾖﾃｴ5ﾆﾉﾖﾑｽ44ﾔｻﾎﾀﾉ051ﾖｸﾌｸｼﾅﾙﾌﾕﾌﾘﾂﾉｼｲﾅｲﾓﾍﾇｽﾅ3ｷﾝ8ﾎｵｱｾｶ0ﾚｾﾇ8ﾀｸ2ﾁ9ｻﾛ4ﾋﾌｾﾏｴﾈﾇﾎﾚｹﾃﾆﾑｳｽﾉﾂﾅ5ﾗｽｱﾝﾙ8ﾒﾝｾﾘｼｲﾏﾝﾝｺﾂﾂﾆﾆ4ﾗﾘﾒﾙｷﾁﾎｶｽｽ2ｻ9ｱﾉｼﾃ11ﾊ7ｽﾜｳﾈﾆｵﾇｶﾏﾉﾊ6ｲﾅｹｱｱｳｵ6ｷﾗｾﾘ8ﾛｱﾄﾕｳｱﾑｷｼｼﾌﾏﾚ8ﾆﾃﾉﾌｿﾍ2ﾝﾅﾑﾝﾏﾍﾑﾚﾙｳｾﾅｴﾑﾇﾍｼﾋﾒｻｾﾛﾅｴｸﾋｴﾙｷﾛﾉ0ﾒﾐﾅﾛｽ5ﾋ5ｳ21ﾎﾈﾘ7ﾊﾜ8ﾓﾛﾕﾓﾉｹｾﾓﾖﾏｿｾﾁﾓ5ﾗ0ﾄ6ﾈｹ3ﾋｲﾊﾌﾗﾝﾗﾑｽﾕ76ﾃﾏｸﾌﾃﾝﾝｵﾋﾍﾓﾅﾜｶﾃｶ0ﾌﾙｸﾐ63ｹ1ﾀﾐﾊﾉ3ﾀ1ﾉ5ﾃﾅｻﾜ8ﾉﾆﾑ8ｲﾜﾒ4ｲ3ﾔ38ｴﾈ1ﾐ4ｻﾌｹﾑｼｼｵﾎﾈｽ1ﾚﾎｵｻｼﾝｺｴｷﾜ7ｳ5ﾁﾛｾﾆｷｻﾛﾌﾇﾗ0ﾌﾘﾘﾗﾊﾈ9ﾜﾘｲｻﾀﾊﾆ0ｳｱｽﾜﾁｷﾋﾄﾅﾙﾄｻﾈﾄﾌ55ｽ8ﾊｷﾖ4ﾃﾇ98ｿ2ﾝ4ｴﾃ2ﾊ4ｴｼｵｶﾝｼ8ﾌｹｾｵﾕｻﾝﾜﾋｽｾﾔｿｺﾇｶﾔｲﾖｴﾎﾐﾁｴﾆﾏﾍ2ﾛﾝﾕﾁ5ﾍﾂｺ8ｼｼｻ7ﾃ9ﾓｱ3ﾜｶﾄﾀﾔｻ4ﾘ5ﾏﾍｺ8ﾗﾅ7ｷｹｹﾙﾜ4ﾔﾃｸﾙ86ｺｹﾓ4ﾇ5ﾜﾂｶﾊ2ｴﾛﾋﾖﾌﾐｶﾘﾓｶﾅｴｼﾋﾌﾎﾙ9ｻｱﾗﾁﾇｺｶﾚ9ｿｱﾚ6ｸｺ1ｷ7ﾁ55ﾓｱｴｽﾇﾀﾍｵ842ｶｼﾋﾎ5ﾊ8ﾛｾﾗﾇﾖﾎﾋﾇﾓ9ﾜﾍ5ｷ5ﾂﾉﾁﾝ7ﾓﾆｶﾄﾄｼｶﾏｴﾅﾅﾚ2ｶｽﾚｿﾛ4ｽﾎｷﾜﾚｵ0ｽｶﾅﾅ16ﾅﾚ0ﾈｽｳﾄﾅﾘﾀﾛﾛｺﾊ0ｺﾋｵﾖﾄｼﾋﾊｵﾍ97ﾊ7ﾘ7ﾄ540ｾﾚﾃﾏﾐ3ﾜﾁｹｱﾌｹﾜ5ﾘ3ｵｿ1ﾗﾗﾇ78ﾏﾚﾓﾘﾚﾙｸﾎﾜﾅﾑﾈﾙﾛﾉﾔｴﾕｶｱ2ﾊﾐﾒﾌｱﾗｴｳﾛﾔｿﾏﾜﾄﾆﾓ4ｺﾉｲｿｳ1ｶｼ1ﾌﾚﾔﾇﾝﾑﾒﾔｼｲｼｿﾌﾖﾗｹﾚﾌﾎｺﾒ3ﾂ0ｳﾛﾎﾕﾑﾒｵﾚｵ9ｹｴｺﾄﾖﾝｵﾄﾒｱ2ﾔﾇﾆｻ6ﾉﾂﾖﾒ8ｲﾑ3ｳﾈ0ﾃｷｳｸ2ｸﾕﾐｻ1ﾐｶﾌﾔﾕﾆﾓ4ﾕｵﾌﾕｳﾎｵ8ﾐｹﾛｶｳﾓﾄﾇ66ｲﾊﾄｹﾅｶｿﾋﾍ8ﾖﾊﾌﾎｹﾗﾃｵｶｾﾍｼﾅﾀﾕﾗﾘｼ2ﾄﾀﾀ69ﾘﾉﾁﾀｸｹﾜﾊｱ4ﾂﾀﾓﾒｼ97ﾂﾜ68ﾐﾐｴｸ6ﾛﾈﾝ81ｿｷﾇﾂﾎﾌｶﾌｼ1ﾅｵｺｾﾅ27ﾝ3ﾘｾﾌﾆｵﾆｱﾂ3ｽﾄ2ｳｳﾔｶﾘ4ﾑ0ｶｽｷｽﾉﾏﾍﾒ4ﾗﾇｼﾛｴｾﾓﾝﾝﾋﾎﾊ4ｶｳ5ｵ3ｱﾉﾈﾊﾒ4ﾍｾﾘｱﾕﾄｺﾋﾗﾗｾ4ﾆﾂｺﾗﾈｱﾆｼ7ﾆﾕ3ｳ4ｱﾓﾑﾃｾﾘｴ47ﾜﾍﾋｼﾍ3ｷﾏ60ﾚﾙﾌﾐｾﾑｽﾙｹﾓﾆﾄｲﾔｶｷｾﾁﾊﾛｱﾘﾚｿｲ5ﾎｶﾄｸﾕｳ3ﾌﾚｿﾃﾚﾝｸｻﾅﾚﾄﾂ1ﾄ2ﾓ2ﾂﾛﾊｽﾀﾄｽｼﾃﾋﾄﾒﾝﾂﾘｽﾝﾌﾉ3ｻ6ｺｶｲﾅｵ5ｴﾍｿﾂﾏｺﾔﾜ617ﾐﾍﾏﾜﾙ9ﾚ2ﾆﾐｼﾗ3ｿｽﾔﾁｷ7ｷ1ﾂﾒﾃｳﾋﾛﾘﾓﾊ2ﾕﾙｱ0ｴ7ﾁﾎｿｳﾚ0ｾﾝ2ｺﾌﾊｼﾐｻﾚﾖﾙﾅ7ﾖ0ﾀﾆﾜｸﾉﾘﾛﾏﾄﾂﾘﾉｲﾘ2772ｱｴｲﾒｳｼﾒ51ﾃｱｾﾄﾐﾋﾑﾌｽｿｴﾃﾆｳﾂ6ﾐﾒﾚ86ｻｹｸ8ｶｳ6ｱ398ﾉﾚ3ﾉ6ﾈｺﾇﾛﾈｵｲｿﾎ0ｴｸﾐﾌ7ﾐﾝｺﾆｶ9ﾒｽｶﾛｴｷｺ90ﾚ0ﾘ6ﾊｱﾔ1ﾙﾌ7ﾃﾓﾕｷｴｾﾑﾖﾂｳﾘﾂﾅﾑ0ﾎｵﾝｽ82ﾄﾒﾉﾄﾜｾ8ﾋﾆｺﾉﾎ2ﾍｲ1ﾂｽ3ｸ16ﾐｽﾙ95ﾕﾗﾓ0ﾛｷｶﾘﾐ9ﾓﾐﾄﾋﾃｷ8ﾕ4ｾｱ8ﾔﾌﾂｻﾗｷﾁ615ﾃﾖﾍﾌﾃｾﾐ1ﾑﾜﾕｾｷｴｼﾃ2ﾃﾒｴﾛﾀ93ｽ7ﾜﾕｱｿ2ｿｱﾎﾄﾓｹﾌﾀﾖｵﾆﾇ4ﾘ9ﾚｻﾃﾈﾍｷｴﾇ2ﾐｵﾅｴﾂｴﾑ8ｺ8ｽﾕ40ﾆﾇﾍｶﾔﾀﾂﾃﾖ2ﾏﾅ1ｶｼｹﾂﾂ4ﾎﾖ8ﾁﾔ3ｵ37ﾕﾃｺﾋﾝﾔﾈｸﾄﾛﾆ8ｴ6ﾙｹｼﾅﾘﾜﾋﾓ52ﾋﾐﾇﾍｵｲﾑｴｺﾃｷｾﾆ1ｼﾛ8ｼｷｶﾉﾁﾑﾋｵｾ4ｱ9ﾍｺﾛｵｽﾅﾖﾀﾓ9ﾜﾜﾊﾃｴ2ﾒﾆﾜ4ﾍｸｱﾄﾙｺﾁﾖ6ﾔﾅｼ6ﾗﾑﾌ48ﾕﾜ5ﾜﾁ5ｷﾋ39ｽﾀﾄﾋﾗ7ｽﾊｱﾏﾊﾇﾌﾈｼﾎﾍｲﾏ3ﾓｹﾀﾎﾓﾕｸﾘｱｸﾇｶｼｹｱﾘ0ﾕﾃﾕﾃﾁﾙﾒｴｷﾅﾊﾔﾗﾀ1ｳ8ｷ7ﾗﾁﾍ7ﾉﾗﾔﾂﾍﾛｼﾜｶﾚﾖﾗｹﾗﾌﾀｷﾗｱﾍﾆﾊｴﾕﾓｴﾍﾃﾁｷﾍﾆﾃｼﾄﾐﾃﾆｵﾑｲｴｸ30ﾁﾐｸｽﾌﾌﾜﾀｵﾃｲ59ｷﾋｳｲﾇｹﾕﾐｴﾑｴﾍ14ｻ0ﾝﾜ9ﾅﾆﾁﾜｱﾀﾇ0ﾝ5ｶ0ﾅﾂﾚｱﾈﾂﾅﾋﾝｷｻﾜ5ﾖﾉﾛ2ﾆﾝ5ｼﾁﾂｳﾎﾂ0ﾊﾆﾎ6ﾝ9ﾀ1ｾ8ﾝﾛﾉﾝﾐﾗﾑﾏﾓ4ﾏ2ﾝｺｹ0ﾜﾖﾁｲﾝﾁﾅﾎｴﾎﾖ8ﾊｾﾌｳﾁｵｳﾐﾁﾛｽ6ﾆﾑﾆｹﾍﾓ68ｿﾁｽﾁｱﾄｻｿﾀｵﾃｵ1ﾘﾙﾀﾇﾖﾅﾙ62ﾉｱｴｲｼｺｿﾘｻﾇｿｲﾐｳ6ｸｾｿﾄｺｲﾕﾔﾄﾅﾝﾒﾒ0ﾀ39ﾖﾌ3ﾈﾁﾊﾜ10ﾓﾘﾒﾆﾁ4ﾛｵｾﾄﾄﾏﾗﾕﾐﾝﾋﾀﾅﾔﾁｴ8ﾑ2ﾍ4ｿﾖﾅｹｼﾅﾊﾜﾓﾙﾉｱ96ﾌﾑｵﾝｺｴﾅﾇｾﾅﾈｳﾗﾕｳｳ8ｿﾁ3ﾃ35ﾄｾ5ｱｸ6ｶﾕﾌ5ｲﾒ7ﾙﾂﾅ7ﾔﾘｵ0ｱｾﾅｱ8ﾚｼﾗﾋｴ9ｴｻﾝﾆﾆｼﾓﾁﾇﾄ9ﾖ8ｼｹｶｼﾑ6ｷ3ﾌﾊｷ5ｶｲﾃﾇｻﾁﾖｻｶｽ6ｿ58ｲﾐ99ﾌﾝﾖｻｱ9ﾐﾙｷｲﾖﾐﾍ7ｵﾖ5ｹﾏﾗ68ﾓ0ﾇ5ﾋｵﾋｹ27ｳｳｴ1ﾁｸ6ｾｲｻｷﾖﾏｲﾂﾙｼｻｾｽﾖｵ28ﾔﾐﾂｺﾊｶ8ﾚ4ﾒﾙﾃ289ﾎｶﾗﾒｺﾅｴ0"; position: fixed; left: 0; right: 0; top: 0; height: 200%; z-index: -1; pointer-events: none; writing-mode: vertical-rl; text-orientation: upright; font-family: ui-monospace, "DejaVu Sans Mono", monospace; font-size: 18px; line-height: 4.4; letter-spacing: 1.7em; word-break: break-all; color: var(--mx-bright); opacity: 0; text-shadow: 0 0 8px var(--mx-glow), 0 0 16px var(--mx-glow); overflow: hidden; user-select: none; } body { max-width: min(86ch, 95vw); margin-inline: auto; padding: 2.2rem clamp(1rem, 4vw, 3rem) 4rem; font-family: ui-monospace, "Cascadia Mono", "DejaVu Sans Mono", Menlo, Consolas, monospace; font-size: 1.0rem; line-height: 1.6; color: var(--mx-body); background-color: transparent; position: relative; z-index: 0; } /* ---- Digital rain: full-viewport falling green code (decorative) --------- Full coverage comes from gradients (column rails + falling dashes) so the effect never depends on glyph count or font metrics; the katakana string is a right-edge flavor accent over the top. Behind everything, dimmed, so the translucent panels read as windows "decoded" out of the code stream. */ body::before { content: "ﾐﾈﾜﾆ0ﾕｳﾌﾚ2ｱﾇｱﾀﾚﾂﾀﾏﾐ2ﾂｲﾉﾌﾔｹﾁﾑﾙ9ﾋｿｷﾍ8ﾝｾﾄﾋﾚﾄ3ｺﾀﾛﾝﾍﾐﾕﾆｵﾔｿ4ﾐﾅﾛﾆﾑﾏ7ﾅﾈﾂﾒｺ8ｺﾏｼﾍｸ6ﾋﾖﾛ8ﾅﾍﾉ0ﾅｾ54ﾄ61ﾚｽｺ9ｳﾒﾃ09ｴﾇﾛﾄｹﾝ4ﾉｸﾑｾﾇｶｳﾅﾔﾍｻｳ53ﾓﾇﾏｹ97ﾍｻｲ1ﾁﾏ5ﾐｸ7ﾔｴ20ﾖ8ﾎ4ﾙｿｲ0ﾎｴﾕﾍﾒｸ6ﾄﾈ6ﾁﾌﾘｻｵｽｶﾖ28ﾕｺｿﾗﾊﾅﾍﾃｶﾒﾉﾊ5ﾆﾈ4ﾈﾝﾚﾊ3ｳﾌｽﾙ883ﾐ0ﾆ3ﾒｴｽﾇﾗﾛﾇﾚﾍﾒｺﾃﾇﾄﾆﾜﾏｿﾅｶｾﾁﾇ4ﾚﾎﾔﾛﾉｺｳ7ﾓﾃｻｱﾇｷ82ﾋﾝﾝﾝﾆﾕﾙ8ﾍﾓｾﾐﾅ2ﾌﾇ1ﾝｶ1ﾂｿｳｴﾖﾑｶｴﾃﾏﾆﾉ3ﾊｽ6ﾖﾊｱｷﾛｲﾃｺﾕｳﾕﾈﾈｻ1ﾏﾚﾜﾜﾓ4ﾋ9ﾑ7ﾂｲｷﾕ3ｶﾚｷﾚﾊｼﾑﾄｽ370ﾙﾚﾜｸｱﾍｶﾑｹ7ﾚﾈｺﾁﾀ1ﾕｶﾊ47ﾀｲ8ﾁｴﾔﾜｱ42ﾝｼﾜﾐﾃﾗﾃﾈｺﾅ40ﾅﾀｷｱﾕﾜﾖｼ306ｽﾇﾒｶｻｳﾐﾔﾙﾙｳ7ﾃｴﾇ0ﾛﾕ5ｹｶｿﾚﾘﾅｿﾏｽﾍﾈﾏﾔｲﾏｻｳﾇﾑ49ﾇﾜﾃｵ6ﾁﾒﾌﾋ25ﾛｸｶ0ﾇﾐ9ﾀｽ070ﾜﾊ9ｿﾚﾛﾈｱｿｼｱﾔﾏｹﾒﾆｵﾐ7ﾖ3ｸﾔﾁﾁｴｶｾﾘﾉｷ1ﾉﾄｿｽﾆﾖｵ7ﾛ72ｻｴｷｲﾑﾀ1ｿﾗﾖﾇﾈﾛﾅﾜ9ﾅｶﾂﾆﾒﾕﾘｱﾕｻ3ｵｷﾍﾋﾉｸｻｴﾔﾕﾙ0ﾜﾔｼｸﾌﾔﾇｻｼﾁｵﾌﾘ8ﾘﾑﾁﾃﾚﾊﾛﾉ7ｴﾍｴｴｶﾂｳｴﾁｹﾒ2ﾒｼﾄｴｻﾙﾏﾙﾆｶﾁﾝﾙ0ﾈﾚﾉ8ｹﾍﾀﾊﾙｺｼﾈﾏｶｱﾔﾓﾄ9ｸ7ｲｼ3ｸﾉﾏﾁﾍﾄｺ7ｴﾗｸﾏｲ25ｶｶﾂﾋ3ﾚﾒｾ6ｹ9ﾂﾖﾋｹ5ﾖﾗ7ｸﾅｷﾀﾇｻﾜﾗﾛ56ﾝｾｶﾀ43ﾄﾎｶﾙﾒﾑ5ﾙﾋｴﾀ7ﾌ1ｵｹﾒﾆ55ﾈﾃｺ6ﾊｿﾉﾜﾃﾑ5ﾋﾀﾑﾛｽﾓｽﾑｿﾊﾓ6840ﾘﾙｷｻﾐﾘｽ14ﾏ37ｲﾃﾎ9ﾉﾚｹ6ﾝ7ﾆﾑﾑｲﾂﾕﾆｷ01ﾄﾔｾｺﾎｿﾛ68ﾘﾓｳﾜﾆﾃﾖ29ﾊｶｵﾇｹｶｳｲﾜﾗ1ｲﾒﾀｵﾍﾓｿｲﾏﾖﾑｵｶﾉﾂﾈｻｳﾊﾉｷｽﾊﾖﾀｵｷｼｸｶﾑﾋﾁｾﾗﾁﾐﾈｱｾﾜｻﾜﾍｱ1ｺ19ﾑ4ｾﾗｽﾖﾆﾝﾛﾕﾔﾐﾍﾗｺｵｷ1ｾﾈﾝﾊﾒﾕﾖ3ﾔｶﾃﾚﾇﾎﾝ5ﾉﾔｴ8ﾌｻ5ﾊﾍ7ﾒｱﾛ7ﾍｷﾍｳ9ﾋﾊﾇｼﾉｸ4ﾋﾁﾗﾎｼ5ﾎﾙｳﾑﾊﾄﾔﾕﾎｾｺｱ0ﾀ32ﾜﾜ7ｾﾕﾗ87ﾜﾃﾒ1ﾚﾘﾆ7ﾅﾓﾁﾔﾋｱﾊﾄｴﾀﾎﾍﾓｹｲﾅｳ1ﾖﾌｽﾊﾜ0ﾋｹﾐｽﾁｴｹﾌﾄｵﾘ9ﾖｴﾏﾍｾｱｵﾆﾓｹ8ﾄﾆﾏｼｿ535ﾕ5ｿ9ｵﾐﾚﾖｿｾﾙ7ﾃｺｼﾘ1ﾑｾﾈｳﾜﾄｴ6ｱ1ﾃ3ﾈﾓ9ﾋﾔﾆｱﾒﾙﾚﾁﾂﾇﾃｻ4ﾍ2485ﾉｾﾗｾｵｵﾈｹｳﾓﾙ7ｶｲﾋﾍﾈｴﾝﾇ9ﾋｼﾚﾌｸﾚｿﾇﾋﾕﾇﾔｼﾕ2ﾆﾋ15ｴ6ﾁ2ﾘﾋﾐﾍﾒ0ﾋｻﾇﾅ4ﾂﾘｲﾘ3ﾛﾊ5ｵﾍﾀｽ8ﾑﾝｶ9ｼｷﾏｿﾓﾈﾜﾗﾍｲﾚ458ｱﾖﾑ2ｽ0ｵﾚﾓｿﾒｻｴﾄﾘﾝｳ4ｸﾂﾝｻ61ﾔｻﾕｹｲﾍﾉﾘﾆﾏﾑｺﾊｱﾘﾇﾓ3ﾃﾈﾑﾋ01ﾋｾｸｼ6ﾕｴｶｴﾘ1ｽｲﾁﾔｻｿｻｴﾛﾊﾏﾏ26ﾊ6ﾎｵﾃ6ｻ2ｽｵﾊｵﾖｶ9ﾆｵﾏｲﾍﾕﾈﾑﾂｼﾗ7ﾎﾀ7991ﾃｴﾏ0ﾏｿ0ｷｾﾝｾﾇ5ｺｹ5ｶ2ﾑｱﾕﾏﾈｴ0ﾑﾏ9ﾁﾀｺｽﾍﾂﾔｵ8ﾓﾘｲｱ8693ﾌﾑ9ﾕﾐﾅ7ｱﾃﾄﾀ3ﾏﾘﾗｺﾅﾍｷﾓ4ﾌﾖ5ﾍﾛ4ﾓ8ﾚﾂ1ｹｴｵｴﾍﾜﾝ12ﾃ9ﾇﾋ8ﾄ6ﾃﾛﾆﾆ60ﾈﾈｲｺｳﾊ0ﾝ5ﾓﾀﾇｶｽ02ﾃﾍﾖｲﾓｷﾁ33ｹｶｶ9ﾇﾂﾕﾃﾉ5ｳｵ91ﾁｷｴﾇｷﾜｻｹ3ﾝｹﾛﾙｽｱ6ﾀﾈﾇﾌｵ6ﾖﾊｵｷ9ﾓｺﾗﾏ2ｽｷｾﾖｹ82ﾖ6ﾕﾅﾌﾋｻｱﾅﾐﾑﾎﾝｱ1ﾜﾂ7ﾊﾍﾉﾀｻｸﾋﾓｹｽﾖ1ﾁﾜﾄﾉﾏｽﾒﾗｽﾆﾑ7ﾕｶﾓﾁ6ｻ0ﾘﾍｿﾐﾍｼｴｴﾓ2ﾂﾒ9ﾜﾃﾇｶｷ1ﾚｾﾄﾁｶｻﾉﾓﾍﾅ889ﾅ3ﾕﾔﾙ7ﾎｿﾓﾆﾂﾃﾝｾｲｵﾉﾖﾏﾌﾉｾ96ｵｸｻﾈｱ1ﾐﾐｻﾒ6ﾆ592ｿ0ﾐﾀ3ﾊﾄﾌ4ﾎﾜﾔﾏ9ﾑﾑﾕ9ﾉ05ﾊﾚﾎｶﾎﾙｲﾙﾍｻ9ｱﾚ6ｽﾔﾛﾄ8ｹﾚﾉﾘﾛﾐ8ﾃﾒﾒﾛｴｽﾔｿﾐﾓﾝﾚﾒﾊﾇﾜ8ｼﾌﾍ76ｿ1ﾑﾈﾀﾓﾝﾆｾﾚｶﾆｸ85ﾌｺﾋ8ﾙ81ﾅﾜﾔﾃ82ﾕﾚﾊｼﾑﾙﾂﾁｶｱﾙｵﾁﾈｶﾓﾓ3ﾕｿﾏﾔｸﾁｲ68ﾜﾗﾙｲﾙ6ﾄﾎ0ﾇｴﾚﾔ9ﾘﾍﾅｹﾂｻﾊﾔｲｴｻｱﾁｶﾕﾁｷｵﾌｽｼﾀｷﾐｻｹﾎﾌﾇﾒｶｴ27ﾊﾊﾁﾃｶ15ﾒ26ﾑｱﾚｹﾚ2ﾀ0ｶﾍｴﾃ3ﾂ9ﾑ7ﾊｴﾊｱﾝﾊｱﾅﾒ859ｳｱﾓ83ﾙﾀﾅｼﾗﾀﾛﾆﾖ18ﾀﾚﾑﾋﾎ9ｸｺ22ﾀﾅｻｳﾄﾈﾒﾌﾒﾜ1ﾁﾇﾘﾙ6ｿｱﾅﾏﾚ9ｲｾﾑｵ2ﾃﾑﾑ2ﾁ75ﾈﾃ82ｿﾄﾎｺﾕﾈﾁﾍﾒｵｹ1ｶｵ9ﾖﾌ12ﾖﾔｵﾕ7ﾃﾏｷｳﾋｶ22ﾚｿﾛ1ﾉ2ﾐﾈﾈ4ﾀ8ﾂﾈｶﾘｻｲｶｶﾈﾙﾗﾇｾｵﾀﾝｹ3ｼﾌｲﾛ24ﾇ3ｷ1ﾐｾﾓ2ｷﾚﾅﾀﾏ6ｺﾇﾓﾐﾅｵｶﾘﾕﾓﾄﾍﾗﾎｳ2ｱ86ﾚﾓ2ﾆｺﾑｷ9ﾍｻﾋﾛﾓ4ﾐﾎﾆ5ﾜﾒﾖ4ﾚﾓﾂﾔｻﾙ430ﾊﾐﾄﾜﾋｷｳﾇﾛﾊ8ﾔﾝﾎﾚﾓﾜｳﾒﾐｿﾆﾀﾍ2ﾇｶｸｳｹﾀｱﾑ4ｷﾆﾗ4ﾚﾘｺﾐﾗﾏﾑｾ5ﾉﾈｶｳﾉﾍﾑﾐﾒ0ﾖﾖｲﾇﾍﾋ7ｲﾄﾛﾇﾓﾛﾈ5ｱ3ｹ8ﾎｾﾊ80ﾗ2ﾑｵ9ﾈｲ5ﾜ28ﾚｵﾇﾇﾑｵﾌﾚﾃ17ﾕﾙﾈﾖﾄｵ66ﾚﾋ9ﾌﾗｹｹｼﾅ3ﾖｶﾎﾙﾏ67ｼ9ﾍ1ﾓﾈﾔ8ｹﾎﾈﾅ2ﾃﾎ6ﾍ3ﾘﾆﾕﾂﾗﾂﾐｴﾊﾙﾌｿﾄｱﾖﾚ1ﾏ1ｹﾚ6ﾗｴﾐｹﾁ4ﾔｼ6ﾃｵｿﾜｶｶﾅﾋﾔﾁﾐ8ﾌﾅﾑｼﾃ0ﾖﾛﾆｻｱｹｶﾆｳﾎｺ0ﾓｵﾏﾕﾒ8ｲﾂﾇﾙ7ﾚﾌﾍﾇｺｲｳﾗ1ﾛｼﾑﾃｻﾗﾂﾈﾒﾉﾕﾑｵｺｲ5ﾗﾅﾎｹﾒﾍﾚﾎ4ﾀﾀｴｱﾒ2ｵ0ﾉ3ﾗﾒﾃ2ﾜｶﾖﾌﾃﾁﾁﾎﾝｲﾇﾉｷ9ﾗｶ5ﾈ410ﾁﾈﾒﾝﾎﾌﾛｿ69ｺ5ﾚﾃ7ｺｵﾈｶﾃｾﾗ74ﾇｼﾐ848ﾖ4ﾌ4ﾘﾝﾐﾇｼﾕｼﾔ8ﾚｿｳﾉｹｴ2ﾜﾄﾍｺﾊｵｵﾅﾍﾝｷｷｳﾕﾀｱｲ7ｴ69ﾋﾁｼｽｶｱｺﾁﾊｾﾂﾖｽﾗ7ﾊﾋﾛﾆｳﾓﾐﾖﾃﾆﾉｸﾅﾆﾑﾐ07ﾆﾇﾘｿﾄﾀ9ﾍｺ14ﾇ2ﾕ3ｳﾒﾐﾂｸ8ｿｶﾄﾐﾁ30ﾘ0ｶﾜﾜﾒﾊﾔﾔｾｸﾓﾍﾒﾝﾆﾎｺｲﾈﾏﾐﾌ4ﾛｻﾜｻｸﾐﾉｴﾗﾗﾐ0ﾄﾝｱﾖﾓﾅｲｳﾙﾔ0ﾊﾗ1ｷﾊｷﾉﾀｽﾑﾝﾋｾﾆｻﾘﾔｾｹｹｸﾁﾄ7ﾅﾂﾍｳﾉ6ﾆﾅﾋﾂﾛﾍｺﾊﾑ3ｳｲﾈﾖｳ7ｿﾇ8ﾝｺｸ55ﾗ4ﾍ4ｼﾎｼｱ2ｹ2ﾝ0ﾙﾊﾛｳﾍﾏｸﾅﾀﾎｳﾋｽ7ｱｽｾﾂﾃｺｼ7ｴﾀﾗﾒｼｻﾔﾁﾍｵﾕ7ｷｻ997ｺﾏﾒｻ6ﾇｷｼﾀﾄ7ﾍﾌﾎﾒﾕﾎﾇ2ｶｸ1ﾐﾁ2ﾓ8ﾄﾀｳﾖﾉ4ｼﾝﾍｴﾘ8ｽｿﾈｳｿｽﾁﾉﾎｿｹ4ﾅｶﾀﾌﾗﾚﾐ89ｼﾛ9ﾏ0ﾝﾆ965ﾔﾃﾔｹﾝﾙﾁｼｽﾌﾋﾓﾛｿｴﾋﾗﾘｴﾄﾄﾜｼﾙ1ﾖｾﾄﾌﾇ8ﾑｱｲｶﾂｷｷｱ8ﾀﾎ9ﾒｾﾒﾔｲｷﾐﾑ8ｽｺﾓﾏｼﾉ6ｽﾍ3ｽﾏﾜﾋﾏｸﾌｱｳ08ﾅﾏﾂｿ1ﾝｿ8ﾗｹﾃﾑ28ﾒﾒ5ﾔｻﾘﾔｶ5ﾚﾓﾈﾉﾘｲ5ﾁﾚｻｻﾄｻﾋ5ﾁﾐｽﾎ8ﾆﾕﾐﾀ4ﾆ4ﾉﾜｱﾓﾏﾊｵﾆ945ﾁﾖﾑﾆ39ﾃ2ﾖﾛﾌｿｱﾒﾚﾙﾆﾛﾉﾒﾈﾝﾅﾄﾘ2ﾀ51ﾈﾇﾌｼｲﾁｴｹﾑﾕｺﾖﾒ4ﾒ2ｴｽﾂﾌﾍﾊﾛﾌｱﾝ4ﾓﾛ4ﾕﾖﾜﾌﾕﾎﾖｼﾀ8ｾｵﾈﾒﾙｾﾀﾄﾑｴﾘﾒｾﾉﾁ05ﾃﾊｾﾙｳﾄｳｲﾅﾕﾍ98ｳｵﾅﾉﾋﾜﾒﾍｳﾍﾑﾇ1ﾛﾉﾖ04ﾂﾅﾗﾝ8ｾﾈﾐ9ｺｴﾏｷｳ2ｻﾑｿﾜﾕｼﾏﾁ0ｵｷﾉﾖ4ﾏﾖ6ﾅﾍﾐ7ｽﾑｴﾓｹ6ｲ26ﾉｺｲｸｽﾄｱﾝﾊﾋﾎﾀﾊｶｸﾆ76ﾔﾆ16ｸｱﾌｸ0ﾕｺﾏｴｸ9ﾓｳ58ﾁｱﾖ5ｻﾆｿ4ｽﾀﾚ20ｽｷﾜﾕ8ｷｸｿﾍﾝﾀﾋ36ﾎｶ7ﾗﾜ07ﾓｹﾛｶｱﾁﾂﾕｴﾁｶｸｹﾌﾚｻｷﾀﾚ0ｿﾅﾘﾆﾜｿ5ﾈﾉﾖｼﾋｼﾖﾙ5ﾔﾘｽ6ﾖｵﾈﾏﾛｴｳ2ﾃﾚ1ｵｸ8ﾎｴ8ｹ2ｹ8ｴｵ2ﾝ2ｶﾛﾙﾖﾄ2ﾌﾄﾗｹﾓ9ﾉﾗｹ3ｳ2ﾓｲﾚﾋ9ﾚﾗﾂﾁﾛﾆｾﾀﾐﾐｸ6ｵｽｵ6ﾁｲﾓﾀﾉﾗﾚ7ﾒｲｱｸｻﾂﾐﾔｷ30ﾁﾑﾖｷｱﾛﾏｼﾃﾀﾉﾐﾇﾕﾙﾓﾉｴﾆﾋ3ｹﾉﾂﾖｱﾋ4ｲﾖﾂﾒ9ﾘﾃ1ｻﾗ75ﾇﾁｹﾋｹｽ1ﾁﾙﾅﾗﾖｸﾁﾇﾅ7ﾌｶ4ﾗ2ﾕﾏﾑﾎﾐｻｿｹ18ﾎ25ﾎｷ20ﾝｹﾅｷｲｹﾓｱﾘｿﾝｶﾄｳｺﾙﾝﾔﾅ5ﾌｻｿﾀﾍﾋﾄﾏﾃ07ﾕｳﾅｻｿﾁﾈﾍﾌﾆﾄｵｾﾉﾉﾖﾓｱ4ｼｲｽﾗｻﾎﾘﾖｶｱﾄﾝ8ﾙﾆ5ﾕﾁｹｼ5ﾔﾉ0ｴﾕｺﾃﾙ0ﾀｾﾙﾓ9ﾐ4ﾃﾍﾘ10ｺﾄﾈ67ﾚﾐｽ3ﾍﾐ44ﾘﾌｲﾗﾆｾﾝｱｻﾎﾍﾊﾄｹｶﾛｲﾍﾃｾｳﾆ1ﾓ9ﾄｺﾑ4ﾜｺｲﾉｲｸﾁﾐｼｲﾁ54ﾃｱ0ｳｽﾇｱｽﾍ4ｽﾙﾙｿｷﾓﾝﾂ75ﾑﾑﾐﾗﾃ0ﾒｸ2ﾚﾚﾎﾏﾀﾄﾊｶﾏ5ｲﾅﾐﾛ4ﾓﾉﾁｻｺﾖ92ﾌﾒﾐｳﾃﾁﾀｶﾉﾊｺｶﾛｶﾛﾃｿ052ﾜﾐｵﾄ9ﾁﾏｲ1ﾇ426ｴﾁｾ5ﾂ1ﾌ0ﾁｲﾕﾒｹﾙ5ｾｶｵﾆｼﾂﾂｸ9ﾆｶｴﾁ2ﾃﾕﾖ7ﾍ4ﾊ3ﾅﾛｳﾝﾒ7ﾐﾘﾅﾙﾏﾌ2ﾉｻｶｺ1ｱﾁﾛ3ﾏﾀｻ2ﾖｱ4ﾏﾕﾐ65ﾄｵ06ﾘﾊﾓﾇﾓﾄﾓﾀｵ123ﾇｶﾂｾﾊｾﾇﾐﾓｼｿ6ﾃﾅ48ﾗ6ﾙﾗﾊﾇｼﾑ3ﾛ3ﾃｷﾎﾅﾉｾﾄ22ｱﾙｽｽﾕｿﾀ7ｵ12ﾁﾋﾖ0ﾀｴｼ0ﾙｻﾄｳｽ1ﾒ8ﾛｲｷ8ﾓｻﾏﾄ0ｹｸﾄ6ﾆ7ｾﾁ1ｷﾉﾈｵ2ﾋﾓ34ｹ9ﾔﾏﾗﾘｱ6ﾁｵﾕ4ﾂﾇﾆﾀｼﾓｴﾛｽﾊ2ﾁ1ﾛｼｱﾊﾂｿﾍ5ﾅﾙﾙｷﾄ1ﾒﾊﾘﾆ1ﾔﾃｺﾔｾｾ8ﾘｽｲﾑﾋ7ｸ5ﾓﾎ7ﾐﾚﾘﾛﾇ5ﾜﾅｽ4ｺｼ3ﾐﾆﾋｽﾕﾎ4ﾄﾒﾋｵﾛﾊﾂｳﾐｶｳ7ﾏﾇｿｱｵﾉﾃﾌﾋﾄﾐﾇｴﾅｸﾃﾙﾌﾎ3ﾚﾒ994ﾛｹﾖｵｹﾃﾎﾄﾁｽﾅﾘｴﾅｿ8ﾘｻﾑｷﾔ9ｸﾆﾃﾂﾈ1ﾚﾚﾉﾆ4ﾁﾇﾘﾓﾚﾛﾓｼﾕｳ3ｶﾐﾚﾗﾚﾗｼｷｻﾑｼﾀｵｹﾘｵ7ｴﾗ3ｷｲﾎ0ｽﾗｾﾋｺｱｹ8ﾀ1ｶ6ﾘﾉﾕﾉﾆﾝﾖｾ4ｺﾁｳﾊﾌﾍｽﾕｽﾜ0ﾁﾐﾃﾘ7ﾒｱ9ﾖｹ9ｷﾄﾆﾛ1ｲｶﾋﾐﾖｺﾋﾓ63ﾚﾌｲﾊｵｿﾁ0ﾀﾄﾃ7ﾃﾋｾﾊﾉﾈ4ﾇﾎ1ｽﾆﾐﾎﾝ2ﾗｵﾅﾂ0ﾗｻ5ﾙﾊｲﾖｴﾓ0ｼｳｷｲｲﾚﾙﾂﾀﾒﾓｽﾈﾛﾐ5ﾐﾃ83ｼﾈﾃﾓﾉﾜ35ﾑﾚ9ﾕﾓ93ﾋ2ﾎｸ0ｺ3ﾆﾕﾕ32ｸﾛﾈｽﾙ7ﾝ1ﾁｳｺｳﾍｴｽ02ﾈﾉ3ﾔﾚﾖ6ﾕｹﾒ9ﾚﾕｵｳｵｸｾｵｿﾘﾏ3ﾕ2ﾚﾏｱﾕｹｲﾇﾉ2ｾﾈﾎ6ｸｿﾉﾀｴﾄ6ｴ8ｶｻｻﾒｻﾋﾍﾂﾈﾈｷｸ54ｱﾔｱ4ｷﾚﾒﾀﾏ7ﾂﾇﾀ1ｻﾝﾏｻﾏ11ｾ3ﾗ3ﾋｲ6ﾙﾎﾇﾓｴﾋｹﾖｲ8ﾒｷｷﾑﾛｵﾗｺﾃﾅ4ｽﾛ8ｲﾙﾍ3ﾓｹﾆﾌｲｹｽﾗﾖｲｴ0ﾑﾑﾈｺｱ6ﾁﾑﾍ7ﾌｾ7ﾁｶﾛｹﾈﾉﾁﾎﾃﾊﾂ06ﾍ88ﾚ5ﾀﾊ1ﾗ2ﾇｶﾑｲ7ﾗﾌﾀﾅ1ﾅﾔ3ﾌﾑﾍ7ｾﾆﾏﾖﾈﾎﾄﾕｴﾖ1ｱ26ﾅ03ﾎｶﾑｽｲﾖ4ﾀﾆﾒﾍﾉﾍﾐｿﾏｶ9ｲｾﾇﾚｽｶｳﾍｱﾏ9ﾇﾀ0ﾝ4ｾﾋ3ﾄﾜ7ｼﾄﾂﾔ41ﾇﾆｾﾏｾﾅﾅｸ9ﾗﾈ5ﾈｻｷﾉﾔﾇｳｻﾆｻﾙﾌｹｻﾕｻ7ﾌﾝﾈﾕｶﾉｵﾈﾃﾛﾗﾏ5ｲﾐ3ｷｹｾｴ14ﾔ5ｼｸﾒ1ﾎｿｶﾀｴﾅﾊﾐｾﾓﾏｲﾜﾑ6ｵｿﾋ5ｽﾀﾃﾃｾﾍﾚﾏﾈｽ86ﾃﾊ0ｼﾐｺ3ﾓｾｵﾓﾃｿﾗｹ2ﾎｽ8ｾﾖﾗﾋﾛﾊｵﾋｷﾇｱﾛｿﾒｻﾒｲﾐｿﾙｷﾄｵﾄﾊ7ﾓﾈﾜ8ﾊ3ﾝﾗﾚﾝﾒﾜﾄﾖﾖﾑﾆ6ﾒ8ﾆﾔﾙﾆｸﾉﾅﾒﾗｹｷﾆ8ｾﾙﾈﾕﾅ72ﾒﾔﾘﾐﾒﾙｿｴﾝｼﾃﾎﾈﾗ4ﾅｸﾆ3ﾝﾂﾆ2ﾝﾉｲ0ﾂﾆﾐﾗ9ﾂ48ﾛﾆ9ｿﾆﾁ8ﾍﾉﾔｿｽﾀﾙｴﾕｿｴﾆ6ﾐｷﾑ4ﾐｾｶ8ﾜｾｺｾｶ3ｳﾗﾏｼﾘﾍｺｵﾒｶﾛｻﾑﾌﾅ9ｲｻﾚ4ﾓｵﾖ90ｵｹﾄﾑｽﾄﾛｽﾜﾘｾｳﾚ9ﾍｼﾍ8ﾔｼ6ﾝｸﾒ5ﾅﾛﾔﾜ6ﾒｷｾｹ5ﾙ1ﾅﾖｷｸｽﾈ7ｷ8ﾕﾏｹﾈﾏﾙﾝﾃ9ﾊｿ2ﾏｵﾉ70ﾑｴﾐﾐﾋﾂﾂﾙﾜ7ﾒｸﾌﾂﾍﾉ2ﾁ2ｼ57ﾚｲﾇｳﾂﾈ79ﾓﾎ0ｳﾂｿﾓﾆ2ｽｳ4ｳﾁﾈﾁﾛｱﾅﾖﾕﾙｵｲ4ｷﾍ9ﾎﾄｹﾈｺﾅ4ﾒﾎｴﾏﾐﾁﾈﾊｱﾈ8ﾁｴｿﾘﾍﾔﾖｶﾕｹﾗ60ﾉﾙｻﾉ9ﾅﾈﾈﾂﾌﾄﾀ44ｴｴﾊｴﾀﾂﾅﾌ2ﾚｼﾈ2ﾌﾍﾄｲﾓｻｵｶﾊﾉﾍﾘﾗﾄ7ﾑｺ6ﾂ1ﾇﾄｼﾈｲﾚﾒｱｲﾛ0ﾕﾛｴﾆｼﾊﾓﾓｵｻ1ﾍｱﾜﾃﾎ0ｽｾ7ﾔｿ5ｱｼﾅｲ9ﾄﾎｷﾚ8ﾛｿｸ9ﾅｴﾕｼｾｱｲｳｲﾌﾑﾘﾜｼﾎ1ﾇﾎﾂｿﾔｾｵﾒﾉｽｲﾃﾈﾑ7ﾃﾑｻ1ﾉﾄﾍﾜｼｺﾍﾔ9ﾅﾖﾑﾍｷﾌ6ﾁﾛﾀﾇ666ﾄﾕﾛﾃﾎﾈﾕ40ｱ3ｱﾑﾖﾁﾖ3ｼﾎﾃｼ7ﾆ7ﾏﾆｿﾛﾁﾘｹ956ﾘｲﾅ4ﾃﾇﾓﾛｱﾄﾎｳﾖﾈﾈｱﾛ1ﾀｸﾘﾛﾝﾆｿﾄﾄﾌｲﾀﾜ8ﾍﾋ9ﾅ14ﾌ5ﾒﾋﾛｶｵ20ﾆﾆﾇﾌｲﾒﾆﾀﾝﾂ7ｲｶﾖﾒ9ﾕ0ﾀｱﾓﾉﾔﾑﾗ1ﾏｱﾆﾀﾘﾃﾕﾃ9ｷﾝﾁｼｼﾗｲｿﾍｿｿﾖﾋｿﾔﾎﾂﾘﾄｷｽﾌｳﾏｽﾓﾜｹｶﾌｻ1ｻﾑ9ﾋﾛ7ｹｿ37ﾔｴ3ｶ13ﾅｶｳﾔﾉﾘﾔﾗｲｿﾒｻﾙ3ｷ9ﾝﾊｻ4ﾐﾁﾐﾗｼﾄﾘﾍﾚﾝﾇﾋﾈﾌﾋｽｺｺ7ｿ9ｼ9ﾀｽﾆﾖ8ﾆﾌｵﾎｹ0ｿ1ﾆﾐｶﾕｵ57ﾌｴﾝﾔﾛﾝﾗﾓﾚﾂｴｹｿﾂﾖﾜｶﾖ6ﾓｵｾｺﾏ83ｽﾅﾏﾜﾌｼｹｸｸ7ﾝﾔﾌｻﾙﾋｺﾃｷｷﾎﾊﾙﾇﾚﾍﾈｽﾃﾗﾇｺﾓﾕｶﾊﾊｾﾈ0ﾐﾅﾎﾖﾒﾝﾁﾚﾝｿﾙｼﾍｷﾘﾉﾆﾗﾂﾈﾆｱｾ1ﾛﾎｺｹﾂﾎﾁﾄ4ｴﾁﾝﾕﾚﾛﾙｽﾆﾆﾁﾜﾍﾗ3ﾌ16ﾑｾｻｶ9ﾇｶ8ｳｺ4ﾝｲ38ｴﾆﾒﾇﾎｴｸﾈｿｶﾔﾎﾐｻﾕ316ｺ00ﾜ8ﾈ4ｲﾖﾜﾚﾕｼｱｽｼｽｿﾙｺﾊﾐﾉﾖﾆﾉｳﾑ8ｽ9ｳｽ1ﾓｽﾄｵ8ｺ2ｱﾗﾇｵﾃﾃﾊ4ｼﾝｴ0ﾍﾔﾑ9ｶ0ﾓﾖｲ98ﾑﾀﾇﾏﾕ3ｷ8ﾐｽﾌ8ｶﾒﾂﾛﾒﾘﾈｴ0ﾖﾛｲｻｽ2ﾇﾏﾉﾒ7ﾀｶﾅ39ﾒﾇ2ﾌﾚｱｶﾅｼｾﾊ3ﾕﾂｱﾚｿｴ4ｶ7ﾉ1ﾍ193ﾆﾜｱ0ｷﾑ06ﾔﾋﾅｶﾊﾎｶｳﾅﾙ8034ﾘﾛ4ｽﾃﾔｾ4ﾈﾑｵﾁﾐｶﾍﾑﾌｽﾅﾊﾌｵ2ﾘﾛ5ﾀﾏﾇｾﾗﾎﾏﾓｸﾆﾑﾏｶ7ﾇｶｷﾓ1ﾖｺﾆ6ﾘﾔﾐﾑ7ﾃｸﾛｻ6ﾂﾔｲ2ﾜﾎ5ｸﾕﾜﾇﾈｸﾚﾒﾓﾇ13ｽｲﾂﾀｼ1ﾒﾘﾀｸｳｹ8ｶﾍﾌﾎｴﾎ931ﾍｵﾌﾁﾋ8ﾍﾖ6ｳﾝﾌｼｿﾗｸﾀｷﾅｵﾆﾚﾓｵｶﾜﾃｾﾝｸｸ4ﾔｾﾃﾂﾊ9ﾑﾎﾈ1ｲｴﾂ40ﾊ298ｴﾝﾇｼｵﾚｷﾝﾘｳ0ｿﾒﾃ4ﾔﾌﾎｺﾈｽ8ﾚｹｽｿｸ1ﾈ4ﾙﾅﾈｹﾈ2ｿﾒﾖｾﾑﾜ7ｽｹ9ﾏｷﾊ25836ﾀ8ｽﾝﾐ4ｲ6ﾜｸﾛｻﾁﾃｻﾂｴﾓｽｿﾄｴ0ｴﾐﾅｲｳﾝﾎﾉﾌﾌｻﾏﾓﾍﾉ1ｳｹ94ﾄｽｼｾﾁｷﾖｾ0ﾀﾇﾜｱﾄｱﾌﾑﾅﾉｲﾒｳﾌﾕﾛｺﾛｶﾄｶ3ﾓ6ｴﾅ8ｲ8ﾎﾊｽｺｼﾂﾃﾃ1ｼ2ﾂﾉｵ8ﾑﾍﾜﾖｼｱ3ﾗﾚﾙｲﾈ1ｵｲ8ﾒﾑｾﾔﾔﾛﾜｲｳﾆｼﾕﾛﾎ6ｴ4ｸｸﾚ73ﾓｿﾀ64ｺﾏﾕ3ﾒｳｺ5ｷﾌﾘｽﾔﾍｸﾀ6ﾀﾒﾏﾇｾﾔｹ75ｻｺﾊ3ﾏﾛｻ0ｳﾊ9ﾃｴﾁﾄ7ﾜﾚｽ3ｲｽｱｶﾓﾘﾛｽﾂﾏｼﾏﾝﾗﾋｵ37ﾔｱｽｽﾔﾓﾜ68ｺﾀﾅﾓｴﾗﾃｷ4ﾓﾅﾌｱﾇﾋｴｼ8ﾌﾜﾉｻｻｵﾃｳﾏﾆｶｳ5ｼﾙ1ﾈ6ﾜﾛﾓﾔﾛｾﾐ3ﾏｶｹ8ﾗ9ﾌｹ2ﾉﾎﾘﾀｺｺﾃ8ﾜﾛｼﾇﾖ4ﾎ0ｵﾒｷﾚ7ﾘﾜｶﾏｽﾎﾌｾﾙﾝﾌ0ﾋｹﾖｷﾖ0ﾜﾓﾝｲｸ33ﾃｲﾆｳ8ﾁﾁ128ﾆﾒﾌｿｾｷﾝﾅ8ﾁ41ｽﾜｿ4ﾈﾎ2ﾝｵｶｱﾍ8ﾈｲｳﾈｶ8ｴﾉﾊﾚﾄﾀ48ﾋ8ﾊ1ｿﾉｵﾝｼﾚｾｴｼﾍﾓﾚ9ｿｿﾛﾝﾂﾙﾐﾎｾﾖｶｲﾎﾙｷｼﾈｽﾏｵｲｾﾆﾕﾓ730ｿﾇﾁﾊﾉｲﾂﾄｲﾇﾑｷﾁﾇﾋﾘｼ23ﾉﾐﾐｼｹﾑﾅ9ﾛﾚｺﾈﾃｽｿｸﾊﾓﾉﾉﾃﾉﾄｱﾃﾃﾚ9ﾃ5ﾖﾅﾔｹｼﾈｽｴﾅｴ1ｷﾕﾛ0ｹﾄﾀﾅﾈﾌｵｷｴﾉﾐﾝｱﾅ2ｹﾎﾇﾍｴﾅ2ﾉﾚﾙﾏ3ﾚｶﾆ1ﾐﾓｱｳｵﾓｸﾎｾﾉ4ﾜﾕﾘｷﾋﾉﾑ4ﾋﾍ39ﾇﾒｼﾃﾘｺｴ2ﾋｿﾁﾒ8ﾃ9ﾂｲﾖﾚﾃﾊﾑﾜﾃ41ｹﾔﾋﾆﾏﾎﾒﾒﾖｾｸﾃﾑﾂﾈﾁﾈｽﾕﾓﾌﾙﾖﾐｽﾘｹﾅﾁﾆﾜｽｸﾋ8ﾃ7ﾗﾋ9ｻﾉﾗﾚﾘ7ｳﾙｶｽﾋｴ0ﾃｱｾﾗ37ﾁｱﾅﾙﾄｳﾄｽｶﾆﾇﾅﾇﾒｼｲﾜﾗﾚ4ﾝﾋｸﾂﾌﾓﾜﾕﾉﾂﾎﾘ9ｸ2ｽﾗ9ﾒﾍﾊﾃ1ﾛﾊﾔｹ8ﾂｾ4ﾔﾊｶﾄﾑ3ｾｿ8ﾓﾄ8ﾑ2ﾔ6ｸﾓﾓｺ3ｱﾎﾖﾂ6ｵﾎﾖﾁﾍｷﾒﾛﾜ2ﾘ7ｱ6ﾔ4ﾓﾇﾘｸﾕ5ｾｼﾙﾅﾔﾔｸﾏｲｲﾁﾋﾄｼｸﾃﾜﾍｽｳﾇｿ67ﾎﾜﾏﾔﾁﾄｴ2ﾋﾊﾔﾄﾕﾏｲﾔﾄｷﾀ94ｸﾊ8ﾝｻﾖﾓ45ｿﾋﾔﾁｹﾑﾛﾃﾇｵﾖﾎﾝｻｲﾋﾏﾃﾅﾛﾜﾔﾝｹﾏｽｻﾇﾌｼ7ﾁｼ3ﾔﾏﾍｲﾓﾊｾﾒﾁｳ9ﾎﾇｿﾍｿｴﾙｾｻﾐﾘｹﾌﾒﾙﾆｲﾐ3ｹｴｴ5ﾐｸｷﾉﾐﾙｽｲﾜ5ｻﾋﾗﾏﾜﾗﾒｻﾖｿﾚﾉｷﾉﾒ4ｶ6ﾚ4ﾆ3ｵﾖｿｲﾂｾ8ﾗﾇﾙﾃﾃﾝﾑｷｾﾖﾅﾉｵﾛ886ｱｳｴｱｴ9ﾉﾇﾔﾎﾒ95ﾇ7ﾗｷﾙﾝｱﾎﾋ642ﾝｺﾌｸﾋﾚ1ﾐｲｶﾌ37ｾﾑﾗ89ｼﾌ9ﾌﾒﾜ0ﾐｴﾜ0ﾐ4ﾓ56ﾔﾇﾃｱﾊﾁﾀﾏｵｽ4ｻﾍﾍﾒｱﾄﾔｾｵﾕﾒﾙﾔﾝﾇﾘｿﾅｳｳ2ｼ7ﾖｸﾙﾂ3ﾑｽｳﾈﾁﾔ8ﾗｿﾅｹ5ﾜﾐﾔ0ﾐ3ﾙｲﾓｹｿ0ﾂﾉﾛﾆｼﾂ0ｾﾒﾙｲｶﾏ4ﾋ1ﾇﾎｳｱｹ69ｶｸﾋｳﾁｻﾙﾜ0ﾘ3ﾒｴﾖｳﾆ40ﾉﾏｿｲ2ﾑﾍ25ｲｾ1ﾁｶﾅ610ﾓｶﾜ57ﾋ4ﾕﾏ5ｺﾄｱ6ﾚｽ9ｽｴ5ﾁﾝ5ﾜ1ｹﾓﾜﾆﾝﾎﾜﾑｺﾗｴ9ﾏﾓｷ8ﾈｸｻ1ﾖｶﾃｵﾍﾉ56ﾘﾉﾘﾀﾝﾑｻﾋ3ﾆﾃ84ﾙｾｴ6ﾀﾂﾆﾓﾏﾉﾏﾃｱﾖﾑﾗｸｷﾊ0ｿｺﾀﾆﾚﾙ1ﾐﾐ1ﾃ2ｷｿ6ｶﾔｷｸﾂｽｿｹｺｳｽ0ﾘ8ﾇﾒｸﾔ8ｱﾖﾓﾍﾜﾎｳ581ﾛﾝｾﾃﾛｴﾏﾉﾅ2ｱﾚﾝｹ0ﾕ5ｽﾖﾗｻﾓﾗﾂﾕﾔﾌﾘｶｵﾕｱﾚ3ﾌ6ﾝﾆｻﾓｹﾎﾄｺｽﾓ3ｾﾔｸﾃﾝｴﾆﾌﾅﾙｷﾜﾑﾛﾒｼｸﾑﾏｲﾘﾇｵﾒｶ560ﾍｲｲﾋﾅｱｱﾆｳｽﾉﾓﾛﾅﾘ0ｹﾘﾗ1ｼﾗｿ1ｿｵﾝｶﾎ4ﾜ36ﾙｸﾈﾝｳﾂｾﾚﾖﾘ8ｷﾃﾄ3ﾇ2ｴｷｴ8ﾍｲﾉﾒｽ8ﾗﾐﾕｸﾝﾉﾎﾘｽｼﾅ6ﾃ9ﾁﾉﾖﾍｱﾓﾇ6ﾝｾ87ﾈｳﾕﾐｹﾌﾂﾁ7ｲﾃｳﾉ1ﾙﾅﾏﾅｻｳﾏ8ﾑﾚﾙｵ89ﾂﾚ0ﾒﾔﾘﾂ3ﾖｼ8ﾓｸｹﾘﾊｴﾂﾎ31ﾝﾘｱｾﾉ3ｴﾘﾅ5ｷﾅｸﾈ1ﾘｿｶｾｴﾄ5ﾝｳﾗｹﾘﾃ1ﾌｼｴﾅｸﾒﾔｾｲﾇ5ｲﾄｼｲ1ﾋﾍﾙｾｽｺﾎ8ﾜ90ﾋ4ｶﾅﾖｺﾁﾐｴ4ｸ7ｱ0ｺﾈﾓﾉﾋﾙｷﾂｸｹﾐ58ﾏﾁﾅﾜ9ｻﾌｽｿﾀ7ﾚｹﾚﾀﾖﾄｶﾝﾆﾇｼｴ7ｽ5ﾗﾆ8ｵﾖﾚｿﾑﾄ7ﾄ2ｼﾚｵﾄ5ｷ1ｻｲ4ﾘ4ﾄﾐﾃｶ4ﾖﾓﾗﾛ5ｵﾕﾏ7ｿｴｶﾗﾐﾇﾓﾕｴｶｳﾑｳﾗｺﾘ4ﾚｽｷﾝｲｺﾀﾐｺｴﾛ5ﾒﾃｳﾕﾘﾁ4ﾈｸｴｼﾈﾙﾗｵﾀｱﾝ5ｼｿﾆｸﾌﾑｶｺﾓﾛﾛﾈﾍｵﾄｴ8ﾚｸｸﾋｺｺ8ｸﾖﾓ5ｶﾘﾌﾜﾇﾀ4ｹ5ﾌﾈ2ﾃｻｾ090ﾗ1ﾉｹﾄ3ﾕｳﾏﾃﾂﾅﾛ1ｺｱﾓ7ﾋﾓﾛｷ3ﾐﾈ1ﾊ1ｼﾀﾝﾚﾍｿﾏ2ﾕﾏ8ﾓﾆｾﾂﾙｺﾏｱﾗﾝ0ﾓｸﾄﾖｶﾌ4ﾚﾗﾔﾁｶﾚﾄｻｳﾗｵ2ﾀﾎｻｶﾖｽﾕﾁｹﾈｱﾘﾆｼｸｻｹﾁﾒｺﾉﾋﾀｴﾘｼﾚﾆﾕﾜﾌ7ｵﾌ0ｹ7ﾁﾑｱﾊﾒﾉｲﾈﾓ58ｲ2ｳﾃﾓ6ｷﾈﾍﾓﾈﾂﾉｸﾁﾂｹｸﾜﾜﾔﾁｹｴﾈﾝ8ﾗ9ﾉﾜｾ87ﾔｱﾐﾔ0ﾊ00ｱｺ9ﾂ5ﾘﾔﾂﾖﾋﾕﾆｾﾒﾊｷ1ﾗﾚﾖﾂﾚﾒﾃﾛﾐｴ6ｳﾖﾓ6ｻ8ﾊﾂ903ｽ8ｳﾋﾛｱﾊﾇｽｾｳｸｶｿ284ｾﾊ8ｴｸ5ﾒﾖｴｼ0ﾆﾗﾊﾒｷｾｱ1ﾀﾜｴﾍﾅ6ﾍﾔﾆﾇﾒﾚﾏﾗﾑｼﾌﾋﾙﾄｶﾄﾈﾅﾘ7ﾄﾍﾅ7ｻﾄｲﾋﾍ9ﾉﾜ40ｽﾏﾔ3ﾃﾔﾉｱﾗｻﾜ5ｷﾅ6ﾈｺ2ﾅ7ﾖﾈﾊﾑﾀﾗｵﾉﾑ1ｿﾜﾙｺﾎﾇ3ﾗ9ﾔｳﾓﾇｾﾖｴﾃﾄ41ﾛｼﾐﾃ6ﾍｴｿｹﾉﾒ78ﾉｿｳﾚﾃﾒ3ｾｻｸｷ0ｽﾓﾋﾊﾅﾖﾚｾ9ｺﾚｱﾒｵﾁﾍｼﾒﾅﾆﾌｵﾖﾖﾒ0ﾜ9ﾀﾂﾎ4ﾗ2ﾂｼﾉﾐｽﾐﾋ52ｵ4ｿｸﾓﾕﾛﾗﾔ9ﾙﾜﾏ0ﾆﾕﾎｷ2ｻｹ51ｵｽﾆﾜﾓﾙﾊﾅﾈﾅｽﾚﾑｵﾓ3ﾇ59ﾇﾓｳﾁﾀﾒ7ｺｿｺﾌﾜﾖｼﾗﾁｴﾀﾃﾋﾔﾅﾐﾚﾓﾌ2ﾆﾏﾒｹﾅﾂﾇ89ｿﾂ1ﾎｽﾎﾍﾗｿﾋﾐﾑﾀｴﾔｼｼｼｻｹﾊ42ﾕｾ9ｴﾐ11ﾎｳ9ﾇﾃﾍｹﾑﾇﾖ1ｿｵ7ｵﾝﾂｲﾒ1ﾙﾘﾎﾅｷｳﾋﾔｷ00ﾈ1ﾂﾈﾏﾂﾝﾈｸﾀｻ91ﾊ6ﾜｵｹﾉｽﾎﾋｾﾝﾊﾐﾅ5ｱ161ﾂｹﾜﾒ0ﾙﾒ3ﾊ5ｹﾆﾃｾﾑ7ｽ2ﾙﾀﾇﾚﾃｽﾉﾂｸｽﾆﾛﾙｺｽ2ﾖﾗｺﾛﾖﾐ37ﾆﾀｾﾘﾎﾐﾜﾁﾛﾑﾗ3ﾖｻﾅｴﾋﾙﾌ7ｹﾁﾑﾀﾃﾔﾔｸｷｾｸｽ4ﾌｻﾊﾋﾆﾐﾊ4ﾀﾍ7ｾｵﾌﾘﾜﾏﾃ8ﾓﾇｶ2ﾃﾍﾔﾑﾀﾓﾀﾕﾆﾋﾅｴ3ﾏｹﾌ3ｵ1ｷﾂｼﾃﾝﾝｹﾄ65ﾈﾔﾉﾓﾊ84ｶ4ｳﾆﾊﾌ5ﾓﾀ7ﾏﾊﾈﾏﾎﾍｽ2ｺｾﾍﾒﾁﾋﾄｼﾕﾎｹﾊﾛﾑ0ﾗﾗﾆﾈﾅﾛﾏﾜﾊﾝﾜ42ﾜﾑ2ﾜﾙﾅﾏﾎﾒﾋﾁﾑﾏｲｽﾃ0ﾘﾚ3ﾋ1ｱｳﾀｱﾏ3ﾉﾑﾒﾋﾉﾛ5ｻｱ5ﾙｹｱﾆﾉ2ｼﾘﾆﾙｲｹｼ9ﾔｲﾄﾎｸﾖﾍﾊｾﾄﾀﾋﾉﾜﾔﾋﾚ9ﾁﾝｹｸﾚﾎﾛﾜﾂﾆﾒﾘﾒｵｺﾔﾂﾗ4ｿ78ｻﾘ0ﾛﾒ4ｶﾁ6ｸｻﾓｳﾗﾍﾝ3ｶｹｹｼﾐﾇﾒｱﾏｺ9ﾛｿﾇﾐｳ922ｶｷﾅﾙｱﾚｾﾃｲ00243ﾊ4ﾐｷ2ﾁﾔ91ﾇﾛﾕﾚ60ﾃｸｳｾｽﾇｶｼﾖﾛｿﾒｲﾃﾃﾖﾍﾊｹﾜﾀﾜﾀﾎｶ8ｵ1ﾌﾈﾈ9ﾑ2ｲﾈｴ"; position: fixed; left: 0; right: 0; top: 0; height: 200%; z-index: -2; pointer-events: none; writing-mode: vertical-rl; text-orientation: upright; font-family: ui-monospace, "DejaVu Sans Mono", monospace; font-size: 17px; line-height: 2.3; letter-spacing: 0.42em; word-break: break-all; color: var(--mx); opacity: 0.2; text-shadow: 0 0 6px var(--mx-glow); overflow: hidden; user-select: none; } /* light vignette so the rain dissolves into the dark edges (center stays lit) */ body::after { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: /* reading-column scrim: a single continuous gradient that ramps from fully transparent at the screen edges to full dark right at the content (50% +/- 46ch). The whole gutter is the fade, so the rain dims gradually from the sides into the centre and only reaches full black where the content is */ linear-gradient(to right, transparent 0, rgba(0,0,0,0.72) calc(50% - 46ch), rgba(0,0,0,0.72) calc(50% + 46ch), transparent 100%), linear-gradient(to bottom, rgba(0,0,0,0.85) 0%, transparent 12%, transparent 88%, rgba(0,0,0,0.85) 100%), radial-gradient(ellipse 130% 110% at 50% 40%, transparent 55%, rgba(0,0,0,0.55) 100%); } @media (prefers-reduced-motion: no-preference) { @keyframes mx-fall { from { transform: translateY(-50%); } to { transform: translateY(0); } } body::before { animation: mx-fall 18s linear infinite; } html::before { animation: mx-fall 22s linear infinite, mx-flare 7s ease-in-out infinite; } @keyframes mx-flare { 0%, 42% { opacity: 0.05; } 50% { opacity: 0.6; } 58%, 100% { opacity: 0.05; } } } /* ---- Masthead: the "Wake up, Neo..." prompt + glitch title --------------- */ .masthead { /* prompt spans the top; title + emblem share the row below */ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0 1rem; margin-block: 0.1rem 1.4rem; } .masthead::after { /* matrix's own Neo-shades emblem — a first-party data: SVG. (The shared inline .emblem / atomic raygun was removed in ZS-107 when raygun-gothic was deferred; matrix paints shades here regardless.) */ content: ""; flex: 0 0 auto; order: 1; width: 76px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20120%2044%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linejoin=%22round%22%20stroke-linecap=%22round%22%3E%3Cpath%20fill=%22%2300ff41%22%20d=%22M6%2012%20H52%20Q56%2012%2055%2017%20L50%2033%20Q49%2037%2044%2037%20L20%2037%20Q13%2037%2011%2031%20L5%2016%20Q4%2012%206%2012%20Z%22/%3E%3Cpath%20fill=%22%2300ff41%22%20d=%22M114%2012%20H68%20Q64%2012%2065%2017%20L70%2033%20Q71%2037%2076%2037%20L100%2037%20Q107%2037%20109%2031%20L115%2016%20Q116%2012%20114%2012%20Z%22/%3E%3Cpath%20d=%22M55%2018%20Q60%2014%2065%2018%22/%3E%3Cpath%20d=%22M6%2014%20L1%208%22/%3E%3Cpath%20d=%22M114%2014%20L119%208%22/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; filter: drop-shadow(0 0 6px var(--mx-glow)); } h1 { font-size: 2.1rem; text-transform: uppercase; letter-spacing: 0.16em; text-align: left; color: var(--mx-bright); /* chromatic-split glitch: green core, red-pill ghost left, cyan ghost right */ text-shadow: -2px 0 6px var(--pill-glow), 2px 0 6px rgba(0,255,200,0.5), 0 0 12px var(--mx-glow); margin: 0; } .masthead::before { /* "Wake up, Neo..." prompt — full-width line above the title row */ content: "Follow the white rabbit."; /* home (default); per-section overrides below */ flex: 1 0 100%; order: -1; font-size: 0.66rem; letter-spacing: 0.18em; text-transform: none; color: var(--mx-dim); text-shadow: none; margin-bottom: 0.55rem; } /* ZS-139: the masthead is a flex row; give the langpicker its OWN full-width line above the "Wake up, Neo" prompt (order below ::before's -1) so it never shares the title/emblem row. */ .langpicker { order: -2; flex: 1 0 100%; } /* per-section Matrix line, keyed on the current nav item — the active section is a hrefless , so it is the one section whose sitenav link is ABSENT (pure CSS :has(); Z-8-safe, decorative under engines without :has()). */ body:not(:has(.sitenav a[href$="education/index.html"])) .masthead::before { content: "Wake up, Neo\2026 the truth is in the code."; } body:not(:has(.sitenav a[href$="news/index.html"])) .masthead::before { content: "The Matrix is everywhere."; } body:not(:has(.sitenav a[href$="market.html"])) .masthead::before { content: "How deep does the rabbit hole go?"; } body:not(:has(.sitenav a[href$="node.html"])) .masthead::before { content: "Welcome to the real world."; } h1::after { content: " \2588"; color: var(--mx); } /* solid block caret */ @media (prefers-reduced-motion: no-preference) { @keyframes mx-caret { 0%, 55% { opacity: 1; } 55.01%, 100% { opacity: 0; } } h1::after { animation: mx-caret 1.05s steps(1) infinite; } } h2, h3 { letter-spacing: 0.08em; } h2 { font-size: 1.18rem; text-transform: uppercase; color: var(--mx-head); text-shadow: var(--mx-head-glow); margin-block: 1.7rem 0.5rem; border-inline-start: 2px solid var(--mx-dim); padding-inline-start: 0.6rem; } h2::before { content: "// "; color: var(--mx-dim); } h2 a, h3 a { color: inherit; } /* news-title links wear the headline colour, not the body link colour */ h3 { font-size: 1.0rem; text-transform: uppercase; color: var(--mx-head); text-shadow: var(--mx-head-glow); margin-block: 1.2rem 0.4rem; } h3::before { content: "\03BB "; color: var(--mx-dim); } /* lambda prompt */ /* ---- Links: decrypt-on-hover -------------------------------------------- */ a { color: var(--mx-body); text-decoration: underline; text-underline-offset: 2px; text-decoration-color: var(--mx-dim); } a:visited { color: var(--mx-dim); } a:hover, a:focus-visible { background: var(--mx); color: #000; text-decoration: none; box-shadow: 0 0 10px var(--mx-glow); } :focus-visible { outline: 2px solid var(--mx-bright); outline-offset: 2px; } /* ---- Primary nav: terminal menu bar ------------------------------------- */ .sitenav { border: 1px solid var(--mx-dim); border-inline-start: 2px solid var(--mx); background: var(--mx-panel); box-shadow: inset 0 0 22px rgba(0,255,65,0.05); padding: 0.55rem 0.85rem 0.7rem; margin-block-end: 1.7rem; position: relative; } .sitenav::before { /* shell prompt label on the bar */ content: "guest@zecsite:~$ ls"; display: block; font-size: 0.62rem; letter-spacing: 0.16em; color: var(--mx-dim); margin-bottom: 0.55rem; } .sitenav ul { gap: 0.35rem 0.7rem; align-items: stretch; } /* roomy, wraps cleanly */ .sitenav li { display: flex; } .sitenav a, .sitenav [aria-current="page"] { display: flex; align-items: center; padding: 0.22em 0.75em; text-transform: lowercase; letter-spacing: 0.08em; font-size: 0.92rem; border: 1px solid transparent; } .sitenav a { text-decoration: none; color: var(--mx-dim); } .sitenav a::before { content: "\203A"; color: var(--mx-dim); opacity: 0.55; margin-inline-end: 0.3em; } /* smooth chevron prompt (~4-5px gap to label) */ .sitenav a:hover, .sitenav a:focus-visible { background: var(--mx-faint); color: var(--mx-bright); border-color: var(--mx-dim); text-shadow: 0 0 8px var(--mx-glow); box-shadow: none; } .sitenav [aria-current="page"] { /* red pill = you are here; alert carried by the frame */ color: var(--pill); font-weight: bold; text-shadow: 0 0 5px var(--pill-soft); border-color: var(--pill-edge); background: var(--pill-fill); box-shadow: var(--pill-ring); } .sitenav [aria-current="page"]::before { content: "\25CF"; color: var(--pill); margin-inline-end: 0.3em; } /* red pill marker (~4-5px gap to label) */ /* ---- Education home: REVERSED layout — figure dissolves left, index decrypts right (pipboy put the index left + figure right; the Matrix flips it). --------- */ .eduhome { display: flex; flex-direction: row-reverse; gap: 1.6rem; align-items: stretch; flex-wrap: wrap; margin: 0 0 1.8rem; } /* the section index, as a translucent "decrypted directory" panel ---------- */ .education { flex: 1 1 260px; margin: 0; background: var(--mx-panel); border: 1px solid var(--mx-dim); border-inline-start: 2px solid var(--mx); border-block-start-color: var(--mx); box-shadow: inset 0 0 22px rgba(0,255,65,0.05), 0 0 16px rgba(0,255,65,0.07); padding: 0.9rem 1rem 1rem; position: relative; } .education::before { content: "// SECTORS DECRYPTED"; display: block; font-size: 0.62rem; letter-spacing: 0.18em; color: var(--mx-dim); margin-bottom: 0.6rem; padding-bottom: 0.4rem; border-bottom: 1px dashed var(--mx-dim); } .education ul { display: block; border-block-end: none; padding: 0; margin: 0; counter-reset: sector; } .education li { display: block; margin: 0.1rem 0; counter-increment: sector; } .education li:has([aria-current="page"]) { counter-increment: none; } /* Overview shows the pill, files number from 01 */ .education a, .education [aria-current="page"] { display: block; font-size: 0.9rem; letter-spacing: 0.04em; padding: 0.16em 0.4em; text-transform: none; border: 1px solid transparent; } .education a { text-decoration: none; } /* C7: directory links aren't underlined (sitenav already does this at .sitenav a) */ /* numbered directory listing: "01 ▸ Money" */ .education a::before, .education [aria-current="page"]::before { display: inline-block; width: 4ch; text-align: right; margin-inline-end: 0.55ch; color: var(--mx-dim); font-variant-numeric: tabular-nums; /* fixed marker column: chevron lands in one vertical line for every row */ } .education a::before { content: counter(sector, decimal-leading-zero) "\00A0\00BB"; } .education a:hover, .education a:focus-visible { background: var(--mx-faint); color: var(--mx-bright); border-color: var(--mx-dim); box-shadow: none; } .education [aria-current="page"] { /* the red pill row; alert carried by the frame */ color: var(--pill); font-weight: bold; text-shadow: 0 0 5px var(--pill-soft); border-color: var(--pill-edge); background: var(--pill-fill); box-shadow: var(--pill-ring); } .education [aria-current="page"]::before { color: var(--pill); content: "\25CF\00A0\00BB"; } /* the dissolving figure — matrix paints a per-section first-party data: SVG onto the shared, byte-identical .figure-slot (ZS-086 infra). hidden-then-revealed so ONLY matrix announces it; the slot's role="img" + per-section aria-label live in the shared HTML (a11y, Safest-robust). */ .figure-slot[hidden] { display: block; flex: 0 0 240px; align-self: stretch; min-height: 232px; background: var(--mx-panel); border: 1px solid var(--mx-dim); border-block-start-color: var(--mx); box-shadow: inset 0 0 22px rgba(0,255,65,0.05), 0 0 16px rgba(0,255,65,0.07); background-repeat: no-repeat; background-position: center; background-size: 188px auto; filter: drop-shadow(0 0 5px var(--mx-glow)); } @media (max-width: 44rem) { .figure-slot[hidden] { display: none; } } .figure-slot.figure-index { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linejoin=%22round%22%20stroke-linecap=%22round%22%3E%3Crect%20x=%2244%22%20y=%2236%22%20width=%22132%22%20height=%2298%22%20rx=%228%22/%3E%3Cpath%20d=%22M92%20152%20H128%22/%3E%3Cpath%20d=%22M110%20134%20V152%22/%3E%3Cpath%20d=%22M62%2060%20L74%2070%20L62%2080%22/%3E%3Cpath%20d=%22M84%2082%20H108%22/%3E%3C/g%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%22120%22%20y=%2258%22%20width=%2234%22%20height=%226%22%20opacity=%220.7%22/%3E%3Crect%20x=%22120%22%20y=%2274%22%20width=%2222%22%20height=%226%22%20opacity=%220.55%22/%3E%3Crect%20x=%2284%22%20y=%22100%22%20width=%2240%22%20height=%226%22%20opacity=%220.6%22/%3E%3Crect%20x=%22132%22%20y=%22100%22%20width=%2214%22%20height=%226%22%20opacity=%220.4%22/%3E%3C/g%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2274%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.7%22/%3E%3Crect%20x=%2298%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.85%22/%3E%3Crect%20x=%22122%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.6%22/%3E%3Crect%20x=%22146%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.45%22/%3E%3Crect%20x=%2286%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.5%22/%3E%3Crect%20x=%22110%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.4%22/%3E%3Crect%20x=%22134%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3Crect%20x=%22100%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.3%22/%3E%3Crect%20x=%22122%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"); } .figure-slot.figure-money { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linejoin=%22round%22%20stroke-linecap=%22round%22%3E%3Cpath%20d=%22M48%2084%20L120%2060%20L120%2076%22/%3E%3Crect%20x=%2248%22%20y=%2284%22%20width=%22124%22%20height=%2276%22%20rx=%2212%22/%3E%3Cpath%20d=%22M172%20108%20L140%20108%20Q126%20108%20126%20122%20Q126%20136%20140%20136%20L172%20136%22/%3E%3C/g%3E%3Ccircle%20cx=%22143%22%20cy=%22122%22%20r=%227%22%20fill=%22%2300ff41%22/%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2270%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.7%22/%3E%3Crect%20x=%2294%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.85%22/%3E%3Crect%20x=%22118%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.6%22/%3E%3Crect%20x=%22142%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.45%22/%3E%3Crect%20x=%2284%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.5%22/%3E%3Crect%20x=%22108%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.4%22/%3E%3Crect%20x=%22132%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3Crect%20x=%22100%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.3%22/%3E%3Crect%20x=%22122%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"); } .figure-slot.figure-blockchain { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M44%2050%20L84%2071%20L84%20113%20L44%20134%20L4%20113%20L4%2071%20Z%22/%3E%3Cpath%20d=%22M44%2092%20L4%2071%22/%3E%3Cpath%20d=%22M44%2092%20L84%2071%22/%3E%3Cpath%20d=%22M44%2092%20L44%20134%22/%3E%3Cpath%20d=%22M176%2050%20L216%2071%20L216%20113%20L176%20134%20L136%20113%20L136%2071%20Z%22/%3E%3Cpath%20d=%22M176%2092%20L136%2071%22/%3E%3Cpath%20d=%22M176%2092%20L216%2071%22/%3E%3Cpath%20d=%22M176%2092%20L176%20134%22/%3E%3C/g%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%223.5%22%3E%3Cellipse%20cx=%2293%22%20cy=%2292%22%20rx=%2211%22%20ry=%227%22/%3E%3Cellipse%20cx=%22110%22%20cy=%2292%22%20rx=%2211%22%20ry=%227%22/%3E%3Cellipse%20cx=%22127%22%20cy=%2292%22%20rx=%2211%22%20ry=%227%22/%3E%3C/g%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2274%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.7%22/%3E%3Crect%20x=%2298%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.85%22/%3E%3Crect%20x=%22122%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.6%22/%3E%3Crect%20x=%22146%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.45%22/%3E%3Crect%20x=%2286%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.5%22/%3E%3Crect%20x=%22110%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.4%22/%3E%3Crect%20x=%22134%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3Crect%20x=%22100%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.3%22/%3E%3Crect%20x=%22122%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"); } .figure-slot.figure-zcash { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Cpath%20d=%22M110%2034%20L164%2054%20Q164%20122%20110%20154%20Q56%20122%2056%2054%20Z%22%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M90%2072%20L130%2072%20L90%20116%20L130%20116%22%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%226%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2274%22%20y=%22174%22%20width=%227%22%20height=%227%22%20opacity=%220.7%22/%3E%3Crect%20x=%2298%22%20y=%22174%22%20width=%227%22%20height=%227%22%20opacity=%220.85%22/%3E%3Crect%20x=%22122%22%20y=%22174%22%20width=%227%22%20height=%227%22%20opacity=%220.6%22/%3E%3Crect%20x=%22146%22%20y=%22174%22%20width=%227%22%20height=%227%22%20opacity=%220.45%22/%3E%3Crect%20x=%2286%22%20y=%22196%22%20width=%226%22%20height=%226%22%20opacity=%220.5%22/%3E%3Crect%20x=%22110%22%20y=%22196%22%20width=%226%22%20height=%226%22%20opacity=%220.4%22/%3E%3Crect%20x=%22134%22%20y=%22196%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3Crect%20x=%22110%22%20y=%22216%22%20width=%225%22%20height=%225%22%20opacity=%220.25%22/%3E%3C/g%3E%3C/svg%3E"); } .figure-slot.figure-how-it-works { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Cg%20fill=%22%2300ff41%22%3E%3Cg%20transform=%22rotate(0%20110%2088)%22%3E%3Crect%20x=%22103%22%20y=%2240%22%20width=%2214%22%20height=%2218%22%20rx=%222%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(45%20110%2088)%22%3E%3Crect%20x=%22103%22%20y=%2240%22%20width=%2214%22%20height=%2218%22%20rx=%222%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(90%20110%2088)%22%3E%3Crect%20x=%22103%22%20y=%2240%22%20width=%2214%22%20height=%2218%22%20rx=%222%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(135%20110%2088)%22%3E%3Crect%20x=%22103%22%20y=%2240%22%20width=%2214%22%20height=%2218%22%20rx=%222%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(180%20110%2088)%22%3E%3Crect%20x=%22103%22%20y=%2240%22%20width=%2214%22%20height=%2218%22%20rx=%222%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(225%20110%2088)%22%3E%3Crect%20x=%22103%22%20y=%2240%22%20width=%2214%22%20height=%2218%22%20rx=%222%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(270%20110%2088)%22%3E%3Crect%20x=%22103%22%20y=%2240%22%20width=%2214%22%20height=%2218%22%20rx=%222%22/%3E%3C/g%3E%3Cg%20transform=%22rotate(315%20110%2088)%22%3E%3Crect%20x=%22103%22%20y=%2240%22%20width=%2214%22%20height=%2218%22%20rx=%222%22/%3E%3C/g%3E%3C/g%3E%3Ccircle%20cx=%22110%22%20cy=%2288%22%20r=%2232%22%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22/%3E%3Ccircle%20cx=%22110%22%20cy=%2288%22%20r=%2210%22%20fill=%22%2300ff41%22/%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2274%22%20y=%22174%22%20width=%227%22%20height=%227%22%20opacity=%220.7%22/%3E%3Crect%20x=%2298%22%20y=%22174%22%20width=%227%22%20height=%227%22%20opacity=%220.85%22/%3E%3Crect%20x=%22122%22%20y=%22174%22%20width=%227%22%20height=%227%22%20opacity=%220.6%22/%3E%3Crect%20x=%22146%22%20y=%22174%22%20width=%227%22%20height=%227%22%20opacity=%220.45%22/%3E%3Crect%20x=%2286%22%20y=%22196%22%20width=%226%22%20height=%226%22%20opacity=%220.5%22/%3E%3Crect%20x=%22110%22%20y=%22196%22%20width=%226%22%20height=%226%22%20opacity=%220.4%22/%3E%3Crect%20x=%22134%22%20y=%22196%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3C/g%3E%3C/svg%3E"); } .figure-slot.figure-timeline { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%2252%22%20y=%2244%22%20width=%22116%22%20height=%22104%22%20rx=%228%22/%3E%3Cline%20x1=%2252%22%20y1=%2272%22%20x2=%22168%22%20y2=%2272%22/%3E%3Cline%20x1=%2282%22%20y1=%2236%22%20x2=%2282%22%20y2=%2254%22/%3E%3Cline%20x1=%22138%22%20y1=%2236%22%20x2=%22138%22%20y2=%2254%22/%3E%3Cline%20x1=%2252%22%20y1=%22100%22%20x2=%22168%22%20y2=%22100%22/%3E%3Cline%20x1=%2252%22%20y1=%22124%22%20x2=%22168%22%20y2=%22124%22/%3E%3Cline%20x1=%2290%22%20y1=%2272%22%20x2=%2290%22%20y2=%22148%22/%3E%3Cline%20x1=%22130%22%20y1=%2272%22%20x2=%22130%22%20y2=%22148%22/%3E%3C/g%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2274%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.7%22/%3E%3Crect%20x=%2298%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.85%22/%3E%3Crect%20x=%22122%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.6%22/%3E%3Crect%20x=%22146%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.45%22/%3E%3Crect%20x=%2286%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.5%22/%3E%3Crect%20x=%22110%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.4%22/%3E%3Crect%20x=%22134%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3Crect%20x=%22100%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.3%22/%3E%3Crect%20x=%22122%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"); } .figure-slot.figure-privacy { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M76%2084%20V64%20Q76%2030%20110%2030%20Q144%2030%20144%2064%20V84%22/%3E%3Crect%20x=%2258%22%20y=%2284%22%20width=%22104%22%20height=%2280%22%20rx=%2210%22/%3E%3C/g%3E%3Ccircle%20cx=%22110%22%20cy=%22116%22%20r=%2211%22%20fill=%22%2300ff41%22/%3E%3Cpath%20d=%22M104%20124%20L116%20124%20L120%20144%20L100%20144%20Z%22%20fill=%22%2300ff41%22/%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2270%22%20y=%22176%22%20width=%228%22%20height=%228%22%20opacity=%220.7%22/%3E%3Crect%20x=%2294%22%20y=%22176%22%20width=%228%22%20height=%228%22%20opacity=%220.85%22/%3E%3Crect%20x=%22118%22%20y=%22176%22%20width=%228%22%20height=%228%22%20opacity=%220.6%22/%3E%3Crect%20x=%22142%22%20y=%22176%22%20width=%228%22%20height=%228%22%20opacity=%220.45%22/%3E%3Crect%20x=%2282%22%20y=%22196%22%20width=%227%22%20height=%227%22%20opacity=%220.5%22/%3E%3Crect%20x=%22108%22%20y=%22196%22%20width=%227%22%20height=%227%22%20opacity=%220.4%22/%3E%3Crect%20x=%22132%22%20y=%22196%22%20width=%227%22%20height=%227%22%20opacity=%220.3%22/%3E%3Crect%20x=%2296%22%20y=%22214%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3Crect%20x=%22120%22%20y=%22214%22%20width=%226%22%20height=%226%22%20opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"); } .figure-slot.figure-privacy-under-pressure { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Ccircle%20cx=%2288%22%20cy=%2276%22%20r=%2240%22%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22/%3E%3Cpath%20d=%22M116%20104%20L156%20144%22%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%228%22%20stroke-linecap=%22round%22/%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2264%22%20y=%2258%22%20width=%229%22%20height=%229%22/%3E%3Crect%20x=%2280%22%20y=%2258%22%20width=%229%22%20height=%229%22/%3E%3Crect%20x=%2264%22%20y=%2274%22%20width=%229%22%20height=%229%22/%3E%3Crect%20x=%2280%22%20y=%2274%22%20width=%229%22%20height=%229%22/%3E%3Crect%20x=%2296%22%20y=%2266%22%20width=%229%22%20height=%229%22%20opacity=%220.7%22/%3E%3C/g%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2274%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.7%22/%3E%3Crect%20x=%2298%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.85%22/%3E%3Crect%20x=%22122%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.6%22/%3E%3Crect%20x=%22146%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.45%22/%3E%3Crect%20x=%2286%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.5%22/%3E%3Crect%20x=%22110%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.4%22/%3E%3Crect%20x=%22134%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3Crect%20x=%22100%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.3%22/%3E%3Crect%20x=%22122%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"); } .figure-slot.figure-privacy-and-the-law { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M110%2032%20L168%2064%20H52%20Z%22/%3E%3Cpath%20d=%22M58%2082%20V148%22/%3E%3Cpath%20d=%22M86%2082%20V148%22/%3E%3Cpath%20d=%22M134%2082%20V148%22/%3E%3Cpath%20d=%22M162%2082%20V148%22/%3E%3Cpath%20d=%22M46%2082%20H174%22/%3E%3Cpath%20d=%22M42%20160%20H178%22/%3E%3Cpath%20d=%22M50%20148%20H170%22/%3E%3C/g%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2274%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.7%22/%3E%3Crect%20x=%2298%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.85%22/%3E%3Crect%20x=%22122%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.6%22/%3E%3Crect%20x=%22146%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.45%22/%3E%3Crect%20x=%2286%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.5%22/%3E%3Crect%20x=%22110%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.4%22/%3E%3Crect%20x=%22134%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3Crect%20x=%22100%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.3%22/%3E%3Crect%20x=%22122%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"); } .figure-slot.figure-resources { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20220%20240%22%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M52%2040%20H148%20L168%2060%20V152%20A8%208%200%200%201%20160%20160%20H52%20A8%208%200%200%201%2044%20152%20V48%20A8%208%200%200%201%2052%2040%20Z%22/%3E%3Cpath%20d=%22M68%2040%20V72%20H140%20V40%22/%3E%3Crect%20x=%2284%22%20y=%22100%22%20width=%2248%22%20height=%2252%22%20rx=%224%22/%3E%3C/g%3E%3Crect%20x=%22116%22%20y=%2244%22%20width=%2214%22%20height=%2222%22%20fill=%22%2300ff41%22/%3E%3Cg%20fill=%22none%22%20stroke=%22%2300ff41%22%20stroke-width=%224%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M96%20112%20V140%22/%3E%3Cpath%20d=%22M108%20112%20V140%22/%3E%3Cpath%20d=%22M120%20112%20V140%22/%3E%3C/g%3E%3Cg%20fill=%22%2300ff41%22%3E%3Crect%20x=%2274%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.7%22/%3E%3Crect%20x=%2298%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.85%22/%3E%3Crect%20x=%22122%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.6%22/%3E%3Crect%20x=%22146%22%20y=%22172%22%20width=%227%22%20height=%227%22%20opacity=%220.45%22/%3E%3Crect%20x=%2286%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.5%22/%3E%3Crect%20x=%22110%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.4%22/%3E%3Crect%20x=%22134%22%20y=%22194%22%20width=%226%22%20height=%226%22%20opacity=%220.3%22/%3E%3Crect%20x=%22100%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.3%22/%3E%3Crect%20x=%22122%22%20y=%22214%22%20width=%225%22%20height=%225%22%20opacity=%220.2%22/%3E%3C/g%3E%3C/svg%3E"); } /* current-section markers focusable so keyboard users land on "you are here" */ .sitenav [aria-current="page"]:focus-visible, .education [aria-current="page"]:focus-visible { outline: 2px solid var(--mx-bright); outline-offset: 2px; } /* ZS-116 — recolour the inherited DEFAULT hover value tooltip (page-canvas pair #fff/#000) to matrix green-on-black: the DEFAULT chip would read as a white box on matrix's dark plot. */ .node-plot .charts-css .data, .history-chart .charts-css .data { background: #000; color: var(--mx-bright); border: 1px solid var(--mx); } /* ---- Content body sits in its own decoded window ------------------------- */ h2#main { position: relative; } p { margin-block: 0.8rem; } /* body content lists only — scoped so the bullet chevron never leaks into the .sitenav / .education nav lists (which carry their own markers) */ body > ul { list-style: none; padding-inline-start: 1.4rem; } body > ul li { position: relative; } body > ul li::before { content: "\203A "; color: var(--mx-dim); position: absolute; inset-inline-start: -1.1rem; } strong { color: var(--mx-bright); } code { font-family: inherit; background: var(--mx-faint); border: 1px solid var(--mx-dim); border-radius: 2px; padding: 0 0.25em; color: var(--mx-bright); } /* ---- Timeline (Education) — terminal console log: [NN] > entries --------- */ ol.timeline { counter-reset: ms; list-style: none; position: relative; padding-inline-start: 1.1rem; } ol.timeline::before { content: none; } /* no rail (replaces base) */ ol.timeline > li::before { content: none; display: none; } /* no node dot (replaces base) */ ol.timeline > li { counter-increment: ms; position: relative; background: var(--mx-panel); border: none; border-radius: 0; box-shadow: none; padding: 0.45rem 0.75rem 0.55rem; margin: 0 0 1.0rem; } ol.timeline > li > p > strong:first-child { display: block; color: var(--mx-head); margin-bottom: 0.12rem; } ol.timeline > li > p > strong:first-child::before { content: "[" counter(ms, decimal-leading-zero) "] > "; color: var(--mx); text-shadow: 0 0 6px var(--mx-glow); } @media (prefers-reduced-motion: no-preference) { ol.timeline > li > p > strong:first-child, ol.timeline > li > p > strong:first-child::before { transition: color .25s ease, text-shadow .25s ease; } } ol.timeline > li:hover > p > strong:first-child, ol.timeline > li:focus-within > p > strong:first-child, ol.timeline > li:target > p > strong:first-child { color: var(--mx-bright); text-shadow: 0 0 9px var(--mx-glow), 0 0 2px var(--mx-bright); } ol.timeline > li:hover > p > strong:first-child::before, ol.timeline > li:focus-within > p > strong:first-child::before, ol.timeline > li:target > p > strong:first-child::before { content: "[" counter(ms, decimal-leading-zero) "] >>> "; color: var(--mx-bright); text-shadow: 0 0 10px var(--mx-glow); } /* ---- Footer: "CHOOSE A CONSTRUCT" display-mode picker -------------------- */ .themepicker { /* terminal `ls themes/` — themes as .css files */ margin-block-start: 2.8rem; padding: 0.9rem 1.1rem 1.1rem; border: 1px solid var(--mx-dim); border-inline-start: 2px solid var(--mx); background: var(--mx-panel); columns: 3; column-gap: 1.6rem; } .themepicker::before { column-span: all; content: "guest@zecsite:~$ ls themes/"; display: block; letter-spacing: 0.12em; font-size: 0.64rem; color: var(--mx-dim); margin-bottom: 0.7rem; } .themepicker a { display: block; break-inside: avoid; padding: 0.12em 0.35em; font-size: 0.78rem; letter-spacing: 0.02em; color: var(--mx-dim); text-decoration: none; text-transform: lowercase; border: 1px solid transparent; } .themepicker a::after { content: ".css"; color: var(--mx-dim); opacity: 0.5; } .themepicker a:hover, .themepicker a:focus-visible { background: var(--mx-faint); color: var(--mx-bright); box-shadow: none; } .themepicker a.t-matrix { /* current construct = red pill (you are here) */ color: var(--pill); border-color: var(--pill-edge); background: var(--pill-fill); box-shadow: var(--pill-ring); font-weight: bold; } .themepicker a.t-matrix::after { color: var(--pill); opacity: 0.7; } .themepicker::after { /* the two pills — red truth, blue sleep */ column-span: all; content: ""; display: block; width: 64px; height: 24px; margin: 1.2rem auto 0; border-radius: 12px; background: radial-gradient(circle at 18px 12px, var(--pill) 0 7px, transparent 8px), radial-gradient(circle at 46px 12px, #2b6bff 0 7px, transparent 8px), linear-gradient(#0a0a0a, #0a0a0a); border: 1px solid var(--mx-dim); box-shadow: 0 0 10px var(--pill-glow), inset 0 0 0 1px rgba(0,0,0,0.4); } /* ---- Second glint layer: desync flare (breaks the unison loop) ----------- A 2nd sparse bright field flaring on an 11s period vs html::before's 7s, so the two peaks coincide only every 77s and different gutter regions light up at different times — the no-JS approximation to independent random flares. Cost: one extra ~2.5 KB glyph string in the shared theme.css (revisit for production). */ html::after { content: "ｽﾄ9ｶｼﾑｱｸ3ｾﾝｴｺｹﾏｶｼﾚｴｹｴｳﾜﾄﾎ1ﾒﾙﾑﾅﾈ72ﾎﾂ4ﾊ1ﾕﾄﾇ7ﾋﾊ2ﾛﾛﾉｷﾌﾇｿ9ﾃｴｹﾅ0ｶｸﾗｳﾓ9ｸﾔｴﾅﾌﾊﾍｺﾊﾖﾃﾃﾑｴ7ﾜ96ﾃﾈﾂﾔ4ﾍ4ｳﾍﾃｻﾗﾈ6ﾆｽ2ﾚｼﾔﾃﾐ9ｶ2ｲ2ﾗﾓﾍｷﾜﾁﾙｶﾐｳﾉ5ﾙﾌﾖ0ﾙｱ5ﾝｻﾀﾐﾀﾐ4ｹｷ7ｸﾔﾗﾝ2ｼｹ25ﾆﾕ3ｿﾅｷﾖｵﾝﾇﾎﾀﾖﾃﾚﾊﾄﾉﾔｻﾕﾆﾄｹ0ｼｿﾇﾛﾍｵﾓﾛｸﾂﾐ34ﾜｺｷ0ｺﾔﾄﾝﾙｻ59ﾘｼﾚﾛﾋ8ﾌﾛ2ｵｵ9ﾆｲﾒ8ﾒ7ﾗﾂﾍｲﾛｱ6ﾚﾌﾋﾏ0ﾒｱﾃﾉｽﾗﾄｳ0ﾓﾓﾒﾓﾁｹﾁﾓﾈﾔ3ﾗｸﾉﾎｽ5ﾃｽﾁﾏ6ｸﾛ5ﾜﾔｲ806ﾜﾚｲｲﾀｷﾚｿﾏﾜ01ﾕﾎﾊﾗﾊ1ﾐｽﾒﾇﾉﾍｳﾇﾁﾍｱﾆﾑ1ﾅﾊﾀﾐｷﾁ6ﾒｺﾖｾｴ9ﾄｴﾓﾊﾔ0ﾄ4ﾅﾛﾈﾑｿ0ｲﾇﾔｺﾏﾂｹﾎｿﾁﾄﾀﾅｿﾍﾖｾﾀ4ｳﾁﾌｼﾌｽﾂ4ﾆﾋﾃﾛｿﾓｸﾒ6ﾋ4ｼｹﾂﾕﾌｼ9ﾕﾚﾕﾑｽﾒﾃﾃﾒｽｹ7ｹﾉｸﾇﾙﾏﾋｲﾋﾐｵﾖﾉﾆ7ｼﾘ187ﾉﾇﾇﾏ75ﾇｺﾄ7ﾓ4ｵ0ﾉｳｱﾂﾐﾈｷﾁ3ｲﾚｼﾙﾕ084ｼﾙ0ﾄﾂ822ｺﾑｼ5ﾆｼﾃｴ2ﾈﾚﾏ9ｹﾉｼﾏｼｿ9ﾕｲｷ59ﾈﾓﾆﾏﾊﾋｵﾀｺﾒｱﾛﾙ5ﾐ5ﾌﾇﾈ4ﾂ1ﾎﾇ4ｻﾈﾆﾌﾗﾜﾗﾇﾚﾓ7ｽﾗﾃﾂﾘﾝｶﾄｴｽｹﾕｿﾆｺﾑｾﾀ3ﾂﾙﾈｼﾝﾃｵﾄｵﾓｻﾓﾇ8ﾓｼ8ﾕﾜｵﾊ8ﾐ0ﾕﾝﾂﾊﾗﾘﾘﾆｺｹﾙｾ1ｱﾍｳﾚﾜﾋｺﾄﾂﾏｷｳﾖﾃｴ5ﾆﾉﾖﾑｽ44ﾔｻﾎﾀﾉ051ﾖｸﾌｸｼﾅﾙﾌﾕﾌﾘﾂﾉｼｲﾅｲﾓﾍﾇｽﾅ3ｷﾝ8ﾎｵｱｾｶ0ﾚｾﾇ8ﾀｸ2ﾁ9ｻﾛ4ﾋﾌｾﾏｴﾈﾇﾎﾚｹﾃﾆﾑｳｽﾉﾂﾅ5ﾗｽｱﾝﾙ8ﾒﾝｾﾘｼｲﾏﾝﾝｺﾂﾂﾆﾆ4ﾗﾘﾒﾙｷﾁﾎｶｽｽ2ｻ9ｱﾉｼﾃ11ﾊ7ｽﾜｳﾈﾆｵﾇｶﾏﾉﾊ6ｲﾅｹｱｱｳｵ6ｷﾗｾﾘ8ﾛｱﾄﾕｳｱﾑｷｼｼﾌﾏﾚ8ﾆﾃﾉﾌｿﾍ2ﾝﾅﾑﾝﾏﾍﾑﾚﾙｳｾﾅｴﾑﾇﾍｼﾋﾒｻｾﾛﾅｴｸﾋｴﾙｷﾛﾉ0ﾒﾐﾅﾛｽ5ﾋ5ｳ21ﾎﾈﾘ7ﾊﾜ8ﾓﾛﾕﾓﾉｹｾﾓﾖﾏｿｾﾁﾓ5ﾗ0ﾄ6ﾈｹ3ﾋｲﾊﾌﾗﾝﾗﾑｽﾕ76ﾃﾏｸﾌﾃﾝﾝｵﾋﾍﾓﾅﾜｶﾃｶ0ﾌﾙｸﾐ63ｹ1ﾀﾐﾊﾉ3ﾀ1ﾉ5ﾃﾅｻﾜ8ﾉﾆﾑ8ｲﾜﾒ4ｲ3ﾔ38ｴﾈ1ﾐ4ｻﾌｹﾑｼｼｵﾎﾈｽ1ﾚﾎｵｻｼﾝｺｴｷﾜ7ｳ5ﾁﾛｾﾆｷｻﾛﾌﾇﾗ0ﾌﾘﾘﾗﾊﾈ9ﾜﾘｲｻﾀﾊﾆ0ｳｱｽﾜﾁｷﾋﾄﾅﾙﾄｻﾈﾄﾌ55ｽ8ﾊｷﾖ4ﾃﾇ98ｿ2ﾝ4ｴﾃ2ﾊ4ｴｼｵｶﾝｼ8ﾌｹｾｵﾕｻﾝﾜﾋｽｾﾔｿｺﾇｶﾔｲﾖｴﾎﾐﾁｴﾆﾏﾍ2ﾛﾝﾕﾁ5ﾍﾂｺ8ｼｼｻ7ﾃ9ﾓｱ3ﾜｶﾄﾀﾔｻ4ﾘ5ﾏﾍｺ8ﾗﾅ7ｷｹｹﾙﾜ4ﾔﾃｸﾙ86ｺｹﾓ4ﾇ5ﾜﾂｶﾊ2ｴﾛﾋﾖﾌﾐｶﾘﾓｶﾅｴｼﾋﾌﾎﾙ9ｻｱﾗﾁﾇｺｶﾚ9ｿｱﾚ6ｸｺ1ｷ7ﾁ55ﾓｱｴｽﾇﾀﾍｵ842ｶｼﾋﾎ5ﾊ8ﾛｾﾗﾇﾖﾎﾋﾇﾓ9ﾜﾍ5ｷ5ﾂﾉﾁﾝ7ﾓﾆｶﾄﾄｼｶﾏｴﾅﾅﾚ2ｶｽﾚｿﾛ4ｽﾎｷﾜﾚｵ0ｽｶﾅﾅ16ﾅﾚ0ﾈｽｳﾄﾅﾘﾀﾛﾛｺﾊ0ｺﾋｵﾖﾄｼﾋﾊｵﾍ97ﾊ7ﾘ7ﾄ540ｾﾚﾃﾏﾐ3ﾜﾁｹｱﾌｹﾜ5ﾘ3ｵｿ1ﾗﾗﾇ78ﾏﾚﾓﾘﾚﾙｸﾎﾜﾅﾑﾈﾙﾛﾉﾔｴﾕｶｱ2ﾊﾐﾒﾌｱﾗｴｳﾛﾔｿﾏﾜﾄﾆﾓ4ｺﾉｲｿｳ1ｶｼ1ﾌﾚﾔﾇﾝﾑﾒﾔｼｲｼｿﾌﾖﾗｹﾚﾌﾎｺﾒ3ﾂ0ｳﾛﾎﾕﾑﾒｵﾚｵ9ｹｴｺﾄﾖﾝｵﾄﾒｱ2ﾔﾇﾆｻ6ﾉﾂﾖﾒ8ｲﾑ3ｳﾈ0ﾃｷｳｸ2ｸﾕﾐｻ1ﾐｶﾌﾔﾕﾆﾓ4ﾕｵﾌﾕｳﾎｵ8ﾐｹﾛｶｳﾓﾄﾇ66ｲﾊﾄｹﾅｶｿﾋﾍ8ﾖﾊﾌﾎｹﾗﾃｵｶｾﾍｼﾅﾀﾕﾗﾘｼ2ﾄﾀﾀ69ﾘﾉﾁﾀｸｹﾜﾊｱ4ﾂﾀﾓﾒｼ97ﾂﾜ68ﾐﾐｴｸ6ﾛﾈﾝ81ｿｷﾇﾂﾎﾌｶﾌｼ1ﾅｵｺｾﾅ27ﾝ3ﾘｾﾌﾆｵﾆｱﾂ3ｽﾄ2ｳｳﾔｶﾘ4ﾑ0ｶｽｷｽﾉﾏﾍﾒ4ﾗﾇｼﾛｴｾﾓﾝﾝﾋﾎﾊ4ｶｳ5ｵ3ｱﾉﾈﾊﾒ4ﾍｾﾘｱﾕﾄｺﾋﾗﾗｾ4ﾆﾂｺﾗﾈｱﾆｼ7ﾆﾕ3ｳ4ｱﾓﾑﾃｾﾘｴ47ﾜﾍﾋｼﾍ3ｷﾏ60ﾚﾙﾌﾐｾﾑｽﾙｹﾓﾆﾄｲﾔｶｷｾﾁﾊﾛｱﾘﾚｿｲ5ﾎｶﾄｸﾕｳ3ﾌﾚｿﾃﾚﾝｸｻﾅﾚﾄﾂ1ﾄ2ﾓ2ﾂﾛﾊｽﾀﾄｽｼﾃﾋﾄﾒﾝﾂﾘｽﾝﾌﾉ3ｻ6ｺｶｲﾅｵ5ｴﾍｿﾂﾏｺﾔﾜ617ﾐﾍﾏﾜﾙ9ﾚ2ﾆﾐｼﾗ3ｿｽﾔﾁｷ7ｷ1ﾂﾒﾃｳﾋﾛﾘﾓﾊ2ﾕﾙｱ0ｴ7ﾁﾎｿｳﾚ0ｾﾝ2ｺﾌﾊｼﾐｻﾚﾖﾙﾅ7ﾖ0ﾀﾆﾜｸﾉﾘﾛﾏﾄﾂﾘﾉｲﾘ2772ｱｴｲﾒｳｼﾒ51ﾃｱｾﾄﾐﾋﾑﾌｽｿｴﾃﾆｳﾂ6ﾐﾒﾚ86ｻｹｸ8ｶｳ6ｱ398ﾉﾚ3ﾉ6ﾈｺﾇﾛﾈｵｲｿﾎ0ｴｸﾐﾌ7ﾐﾝｺﾆｶ9ﾒｽｶﾛｴｷｺ90ﾚ0ﾘ6ﾊｱﾔ1ﾙﾌ7ﾃﾓﾕｷｴｾﾑﾖﾂｳﾘﾂﾅﾑ0ﾎｵﾝｽ82ﾄﾒﾉﾄﾜｾ8ﾋﾆｺﾉﾎ2ﾍｲ1ﾂｽ3ｸ16ﾐｽﾙ95ﾕﾗﾓ0ﾛｷｶﾘﾐ9ﾓﾐﾄﾋﾃｷ8ﾕ4ｾｱ8ﾔﾌﾂｻﾗｷﾁ615ﾃﾖﾍﾌﾃｾﾐ1ﾑﾜﾕｾｷｴｼﾃ2ﾃﾒｴﾛﾀ93ｽ7ﾜﾕｱｿ2ｿｱﾎﾄﾓｹﾌﾀﾖｵﾆﾇ4ﾘ9ﾚｻﾃﾈﾍｷｴﾇ2ﾐｵﾅｴﾂｴﾑ8ｺ8ｽﾕ40ﾆﾇﾍｶﾔﾀﾂﾃﾖ2ﾏﾅ1ｶｼｹﾂﾂ4ﾎﾖ8ﾁﾔ3ｵ37ﾕﾃｺﾋﾝﾔﾈｸﾄﾛﾆ8ｴ6ﾙｹｼﾅﾘﾜﾋﾓ52ﾋﾐﾇﾍｵｲﾑｴｺﾃｷｾﾆ1ｼﾛ8ｼｷｶﾉﾁﾑﾋｵｾ4ｱ9ﾍｺﾛｵｽﾅﾖﾀﾓ9ﾜﾜﾊﾃｴ2ﾒﾆﾜ4ﾍｸｱﾄﾙｺﾁﾖ6ﾔﾅｼ6ﾗﾑﾌ48ﾕﾜ5ﾜﾁ5ｷﾋ39ｽﾀﾄﾋﾗ7ｽﾊｱﾏﾊﾇﾌﾈｼﾎﾍｲﾏ3ﾓｹﾀﾎﾓﾕｸﾘｱｸﾇｶｼｹｱﾘ0ﾕﾃﾕﾃﾁﾙﾒｴｷﾅﾊﾔﾗﾀ1ｳ8ｷ7ﾗﾁﾍ7ﾉﾗﾔﾂﾍﾛｼﾜｶﾚﾖﾗｹﾗﾌﾀｷﾗｱﾍﾆﾊｴﾕﾓｴﾍﾃﾁｷﾍﾆﾃｼﾄﾐﾃﾆｵﾑｲｴｸ30ﾁﾐｸｽﾌﾌﾜﾀｵﾃｲ59ｷﾋｳｲﾇｹﾕﾐｴﾑｴﾍ14ｻ0ﾝﾜ9ﾅﾆﾁﾜｱﾀﾇ0ﾝ5ｶ0ﾅﾂﾚｱﾈﾂﾅﾋﾝｷｻﾜ5ﾖﾉﾛ2ﾆﾝ5ｼﾁﾂｳﾎﾂ0ﾊﾆﾎ6ﾝ9ﾀ1ｾ8ﾝﾛﾉﾝﾐﾗﾑﾏﾓ4ﾏ2ﾝｺｹ0ﾜﾖﾁｲﾝﾁﾅﾎｴﾎﾖ8ﾊｾﾌｳﾁｵｳﾐﾁﾛｽ6ﾆﾑﾆｹﾍﾓ68ｿﾁｽﾁｱﾄｻｿﾀｵﾃｵ1ﾘﾙﾀﾇﾖﾅﾙ62ﾉｱｴｲｼｺｿﾘｻﾇｿｲﾐｳ6ｸｾｿﾄｺｲﾕﾔﾄﾅﾝﾒﾒ0ﾀ39ﾖﾌ3ﾈﾁﾊﾜ10ﾓﾘﾒﾆﾁ4ﾛｵｾﾄﾄﾏﾗﾕﾐﾝﾋﾀﾅﾔﾁｴ8ﾑ2ﾍ4ｿﾖﾅｹｼﾅﾊﾜﾓﾙﾉｱ96ﾌﾑｵﾝｺｴﾅﾇｾﾅﾈｳﾗﾕｳｳ8ｿﾁ3ﾃ35ﾄｾ5ｱｸ6ｶﾕﾌ5ｲﾒ7ﾙﾂﾅ7ﾔﾘｵ0ｱｾﾅｱ8ﾚｼﾗﾋｴ9ｴｻﾝﾆﾆｼﾓﾁﾇﾄ9ﾖ8ｼｹｶｼﾑ6ｷ3ﾌﾊｷ5ｶｲﾃﾇｻﾁﾖｻｶｽ6ｿ58ｲﾐ99ﾌﾝﾖｻｱ9ﾐﾙｷｲﾖﾐﾍ7ｵﾖ5ｹﾏﾗ68ﾓ0ﾇ5ﾋｵﾋｹ27ｳｳｴ1ﾁｸ6ｾｲｻｷﾖﾏｲﾂﾙｼｻｾｽﾖｵ28ﾔﾐﾂｺﾊｶ8ﾚ4ﾒﾙﾃ289ﾎｶﾗﾒｺﾅｴ0"; position: fixed; left: 0; right: 0; top: -9%; height: 200%; z-index: -1; pointer-events: none; writing-mode: vertical-rl; text-orientation: upright; font-family: ui-monospace, "DejaVu Sans Mono", monospace; font-size: 18px; line-height: 5.3; letter-spacing: 2.2em; word-break: break-all; color: var(--mx-bright); opacity: 0; text-shadow: 0 0 8px var(--mx-glow), 0 0 16px var(--mx-glow); overflow: hidden; user-select: none; } @keyframes mx-flare2 { 0%, 40% { opacity: 0.04; } 50% { opacity: 0.5; } 60%, 100% { opacity: 0.04; } } @media (prefers-reduced-motion: no-preference) { html::after { animation: mx-fall 26s linear infinite, mx-flare2 11s ease-in-out infinite; } } /* ---- News pager: terminal pager. Styling ONLY — the markup is NewsSection's (a separate ticket). -- */ .news-pagination { border: 1px solid var(--mx-dim); border-inline-start: 2px solid var(--mx); background: var(--mx-panel); padding: 0.55rem 0.85rem; margin-block: 1.7rem; } .news-pagination ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0; padding: 0; align-items: center; } .news-pagination li { display: flex; } .news-pagination a, .news-pagination [aria-current="page"], .news-pagination .news-gap { display: inline-block; padding: 0.18em 0.65em; font-size: 0.85rem; text-transform: lowercase; letter-spacing: 0.04em; border: 1px solid transparent; } .news-pagination a { color: var(--mx-dim); text-decoration: none; } .news-pagination a:hover, .news-pagination a:focus-visible { background: var(--mx-faint); color: var(--mx-bright); box-shadow: none; } .news-pagination [aria-current="page"] { color: var(--pill); font-weight: bold; border-color: var(--pill-edge); background: var(--pill-fill); box-shadow: var(--pill-ring); } /* ---- Overflow guards: wide data tables scroll, charts clamp to the column (design 04). ---- */ table:not(.charts-css) { display: block; overflow-x: auto; } /* ZS-114 — keep market quote-table cells single-line (parity with pipboy Theme.java:514): cells stay one line and the table scrolls horizontally, instead of wrapping venue/price text to multiple rows. */ table:not(.charts-css) th, table:not(.charts-css) td { white-space: nowrap; } /* C11 — widen matrix charts to fill the 86ch body (playbook 09 row C11): DEFAULT's 36rem/44rem/40rem caps beat a bare .charts-css (0,1,0); this group ties each cap per-selector and wins by source order (matrix appended after DEFAULT), matching pipboy (Theme.java:657). */ .charts-css.column, .charts-css.bar, .history-chart, .node-chart, .node-plot { max-width: 100%; } /* ---- Chart bars in matrix phosphor green (ZS-091). Every other theme sets its own bar colour; matrix was the lone theme that didn't, so its bars fell back to DEFAULT's purple. ---- */ .charts-css.column td { --bar-color: rgba(0, 255, 65, 0.42); background: rgba(0, 255, 65, 0.42); box-shadow: 0 0 6px var(--mx-glow); } .charts-css.bar td.bar::before { background: rgba(0, 255, 65, 0.55); box-shadow: 0 0 6px var(--mx-glow); } .history-chart .charts-css.column td { background: rgba(0, 255, 65, 0.40); } .node-plot .charts-css.line.ds-2 td::before { background: repeating-linear-gradient(90deg, var(--mx-dim) 0 3px, transparent 3px 6px); } /* C8: 2nd series dim-green dashed (one-phosphor); DEFAULT ships #4060d0 blue */ /* ZS-114 — CSS-only value tooltips on the history line/area + node time-series (parity with pipboy Theme.java:590-599): lift the sr-only .data into a small phosphor popup on point hover. Matrix was the lone theme without this reveal, so the value stayed screen-reader-only (no tooltip ever). */ .history-chart .charts-css td:hover > .data, .node-plot .charts-css td:hover > .data { position: absolute; left: 50%; bottom: 100%; width: auto; height: auto; margin: 0; padding: 0.08rem 0.3rem; overflow: visible; clip-path: none; transform: translate(-50%, -3px); background: #000; color: var(--mx-bright); border: 1px solid var(--mx); font-size: 0.62rem; line-height: 1.3; white-space: nowrap; box-shadow: 0 0 6px var(--mx-glow); z-index: 6; pointer-events: none; } /* ZS-115 — the node-plot td is position:absolute; inset:0 (fills the full plot height), so the tooltip's `bottom: 100%` pops it above the plot's TOP edge — over the figcaption/label. Reserve top clearance so the popup lands inside the plot box, clearing the label (the drawable area is unchanged; the box grows by the padding under content-box). */ .node-plot { padding-block-start: 1.2rem; } /* ZS-114 — volume-chart x-axis venue labels are UPRIGHT (parity with pipboy, which never rotated): drop the C9 -45° rotation; labels now wrap via DEFAULT `.charts-css.column th { word-break: break-word }`. */ /* ---- Home landing (ZS-112): "red pill" Draft A — interrogation-room hero with two literal pills + a 2x2 crew roster. Replaces the ZS-099 frameless listing. Ports the agreed probe at dev-data/preview/matrix-draft/A-redpill/ (pure CSS within I-1: no url()/font/import/property/data:). The `--crew-edge` accent keys Morpheus (the Educator) as the lead card; the single non-green accent is the red pill (`--pill`), marking "you are here". ------------------------------- */ .home-sections { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1rem; } .home-sections > li { border: 1px solid var(--mx-dim); border-radius: 8px; padding: 1rem 1.1rem; margin-block: 0; } .home-sections > li:first-child { margin-block-start: 0; } .home-sections h3::before { content: none; } .home-sections .sec-desc { padding-left: 0; opacity: 0.85; } .home-choice { margin-block: 1.5rem; } .hero-choice { background: var(--mx-panel); border: 1px solid var(--mx-dim); border-inline-start: 2px solid var(--mx); border-block-start-color: var(--mx); box-shadow: inset 0 0 22px rgba(0,255,65,0.05), 0 0 16px rgba(0,255,65,0.07); padding: 1.4rem 1.6rem 1.6rem; margin-block: 0.5rem 1.8rem; position: relative; } .hero-choice::before { content: ""; position: absolute; inset: 0.4rem; pointer-events: none; border: 1px dashed transparent; box-shadow: 14px 14px 0 -13px var(--mx-dim), -14px 14px 0 -13px var(--mx-dim), 14px -14px 0 -13px var(--mx-dim), -14px -14px 0 -13px var(--mx-dim); } .choice-kicker { font-size: 0.66rem; letter-spacing: 0.2em; color: var(--mx-dim); margin-block: 0 0.7rem; text-transform: uppercase; } .hero-choice .tagline { font-size: 1.65rem; margin-block: 0 0.8rem; text-shadow: var(--mx-head-glow); } .choice-body { max-width: 62ch; } .choice-body strong { color: var(--mx-bright); } .choice-body strong:first-of-type { color: #6ea0ff; text-shadow: 0 0 6px rgba(70,110,255,0.5); } .choice-body strong:last-of-type { color: var(--pill); text-shadow: 0 0 6px var(--pill-glow); } .pills { display: flex; flex-wrap: wrap; gap: 1rem; margin-block: 1.6rem 0.6rem; } .pill { display: flex; flex-direction: column; gap: 0.15rem; min-width: 13rem; flex: 1 1 13rem; padding: 0.7rem 1.3rem; border-radius: 999px; border: 1px solid var(--mx-dim); background: var(--mx-panel); text-decoration: none; text-align: start; font-size: 0.92rem; letter-spacing: 0.06em; position: relative; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } .pill b { font-size: 1.05rem; letter-spacing: 0.14em; } .pill span { font-size: 0.78rem; opacity: 0.78; font-weight: normal; } .pill-red { color: var(--pill); border-color: var(--pill-edge); background: var(--pill-fill); box-shadow: var(--pill-ring); } .pill-red b { color: var(--pill); text-shadow: 0 0 6px var(--pill-glow); } .pill-blue { color: #9db8ff; border-color: rgba(70,110,255,0.55); background: rgba(40,70,160,0.18); box-shadow: 0 0 0 1px rgba(70,110,255,0.25), 0 0 11px rgba(70,110,255,0.22); } .pill-blue b { color: #b9cbff; text-shadow: 0 0 6px rgba(70,110,255,0.5); } .pill::before { content: ""; position: absolute; left: 0.85rem; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; } .pill-red::before { background: var(--pill); box-shadow: 0 0 8px var(--pill-glow); } .pill-blue::before { background: #6ea0ff; box-shadow: 0 0 8px rgba(70,110,255,0.5); } .pill b, .pill span { padding-left: 1.2rem; } .pill:hover, .pill:focus-visible { transform: translateY(-1px); text-decoration: none; } .pill-red:hover, .pill-red:focus-visible { background: rgba(255,138,138,0.2); box-shadow: 0 0 0 1px var(--pill-edge), 0 0 18px var(--pill-glow); } .pill-blue:hover, .pill-blue:focus-visible { background: rgba(70,110,255,0.25); box-shadow: 0 0 0 1px rgba(70,110,255,0.6), 0 0 18px rgba(70,110,255,0.4); } .choice-hint { font-size: 0.82rem; opacity: 0.65; margin-block: 0.4rem 0; } .choice-crew-head { margin-block: 1.8rem 0.6rem; } .crew > li { display: flex; flex-direction: column; gap: 0.3rem; position: relative; overflow: hidden; } .crew > li::before { content: attr(data-role); position: absolute; top: 0.55rem; right: 0.7rem; font-size: 0.58rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--mx-dim); opacity: 0.8; } .role-morpheus { --crew-edge: var(--mx); } .role-trinity { --crew-edge: var(--mx-dim); } .role-tank { --crew-edge: var(--mx-dim); } .role-dozer { --crew-edge: var(--mx-dim); } .crew > li { border-block-start: 2px solid var(--crew-edge); } .crew h3 { margin-block: 0 0.2rem; } .crew h3 a { text-decoration: none; } .crew .sec-desc { flex: 1 1 auto; font-size: 0.9rem; } .role-quote { font-size: 0.85rem; font-style: italic; color: var(--mx-head); margin-block: 0.4rem 0.1rem; padding-block-start: 0.4rem; border-block-start: 1px dashed var(--mx-dim); } .role-name { font-size: 0.72rem; letter-spacing: 0.1em; color: var(--mx-dim); margin-block: 0; } /* footer (ZS-221) — green-ruled row with > prompts; IPFS = red-pill salmon accent */ .netfooter { margin: 2.5rem 0 0; font-family: ui-monospace, "DejaVu Sans Mono", monospace; } .netaddr { border-top: 1px solid var(--mx-dim); border-bottom: 1px solid var(--mx-dim); padding: 0.6rem 0; color: var(--mx); } .netaddr a { color: var(--mx-head); text-shadow: var(--mx-head-glow); letter-spacing: 0.04em; } .netaddr a::before { content: "> "; color: var(--mx-dim); } .netaddr li + li { border-left: 1px solid var(--mx-faint); } .na-ipns a { color: var(--pill); text-shadow: 0 0 6px var(--pill-glow); } .na-ipns a::before { content: "> "; color: var(--pill-edge); } .nf-source a { color: var(--mx-dim); }