/* Copyright (C) 2026 Ho So Den contributors. SPDX-License-Identifier: AGPL-3.0-only */
:root{color-scheme:dark;--bg:#111313;--panel:#191c1b;--line:#303432;--muted:#949c96;--text:#eceee7;--red:#ef5548;--mono:'IBM Plex Mono',monospace;--sans:'Be Vietnam Pro',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:5px}button{border:0}header,main,footer{max-width:1440px;margin:auto}.header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 64px;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;gap:13px;align-items:center;font-weight:800;letter-spacing:1.5px;font-size:19px}.brand small{display:block;font:8px var(--mono);color:var(--muted);letter-spacing:2px;margin-top:6px}.brand-mark{display:flex;align-items:center;font:800 23px var(--sans);width:43px;height:43px;border:1px solid var(--red);color:var(--red);letter-spacing:-5px;padding-left:5px}.brand-mark span{transform:translateY(5px)}nav{display:flex;align-items:center;gap:31px;font-size:12px}nav button{padding:0;background:none;color:var(--muted);display:flex;gap:8px;align-items:center}nav .active{position:relative}nav .active:after{content:'';position:absolute;bottom:-43px;left:0;right:0;height:2px;background:var(--red)}.button-quiet{padding:12px 17px;border:1px solid #444a46;background:none;font-size:12px}.button-quiet span{margin-left:18px}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#8aa88c}.hero{display:grid;grid-template-columns:1.1fr 1fr;padding:67px 64px 57px;gap:25px;min-height:560px}.eyebrow{font:10px var(--mono);letter-spacing:1.5px;display:flex;gap:11px;align-items:center}.red-line{width:23px;height:2px;background:var(--red)}h1{font-size:clamp(48px,5.4vw,77px);letter-spacing:-4px;line-height:1.17;margin:28px 0 22px;font-weight:650}h1 em{font-style:normal;color:var(--red)}.hero-copy>p{font-size:15px;line-height:1.9;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:29px}.button-primary{background:var(--red);color:#191716;padding:16px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;font-weight:650}.button-primary:hover{background:#ff7468}.text-button{background:none;padding:6px 0;font-size:11px;display:inline-flex;gap:14px;align-items:center}.text-button:hover{color:var(--red)}.hero-foot{display:flex;gap:9px;align-items:center;margin-top:45px;font:8px var(--mono);letter-spacing:.8px;color:var(--muted)}.separator{color:#505650;margin:0 3px}.evidence-scene{position:relative;min-height:432px;display:grid;place-items:center;overflow:hidden}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:31px 31px;mask-image:radial-gradient(ellipse,black,transparent 75%)}.scene-coordinate,.scene-bottom{position:absolute;font:8px var(--mono);color:#727b72;letter-spacing:1px}.scene-coordinate{top:3px;right:4px}.scene-bottom{bottom:0;right:5px}.file-back{position:absolute;width:280px;height:330px;background:#383b31;transform:rotate(10deg) translate(12px,-7px);border:1px solid #565a48}.case-file{background:#c2beaa;color:#292c26;width:286px;height:349px;padding:23px 25px;position:relative;transform:rotate(-8deg);box-shadow:0 16px 35px #0004;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#33333305 4px)}.case-file:before{content:'';position:absolute;width:98px;height:14px;background:#c2beaa;top:-13px;left:0;clip-path:polygon(0 0,88% 0,100% 100%,0 100%)}.file-top{display:flex;justify-content:space-between;align-items:start;font:10px var(--mono);line-height:1.7}.file-top b{font-size:6px;letter-spacing:1px}.file-cross{font-size:26px;line-height:1}.file-rule{height:1px;background:#717565;margin:13px 0 22px}.file-number{font:9px var(--mono);letter-spacing:1px;margin-bottom:11px}.file-title{font-size:22px;font-weight:800;line-height:1.45;letter-spacing:-1px}.redacted{display:grid;gap:7px;margin-top:20px}.redacted i{height:7px;background:#55584d;width:160px}.redacted i:nth-child(2){width:130px}.redacted i:nth-child(3){width:151px}.file-stamp{position:absolute;right:13px;bottom:57px;transform:rotate(-7deg);border:2px solid #934c40;color:#934c40;padding:8px;font:bold 11px var(--mono);text-align:center;letter-spacing:1px}.file-stamp small{font-size:6px}.file-bottom{position:absolute;bottom:18px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center}.file-bottom>span{font:5px var(--mono)}.barcode{width:64px;height:21px;background:repeating-linear-gradient(90deg,#363b31 0 2px,transparent 2px 4px,#363b31 4px 5px,transparent 5px 8px)}.proof-note{position:absolute;bottom:26px;left:20px;right:19px;padding:16px 18px;background:#1c201e;border:1px solid #444b43;display:flex;gap:13px;align-items:center;font-size:11px}.proof-note small{display:block;color:var(--muted);font:8px var(--mono);margin-top:5px}.proof-note>span:last-child{margin-left:auto;color:var(--muted)}.proof-icon{font-size:23px;color:#9faf94}.demo-strip{margin:0 64px;display:flex;align-items:center;gap:20px;padding:17px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.tiny-label{font:8px var(--mono);color:var(--red);white-space:nowrap}.demo-strip p{margin:0;line-height:1.7}.demo-strip strong{font-weight:500;color:#c5c9bd}.desktop-only{font:8px var(--mono);white-space:nowrap;margin-left:auto}.archive{padding:55px 64px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:29px}.section-heading .eyebrow{color:var(--muted);font-size:9px}h2{font-size:30px;letter-spacing:-1.2px;font-weight:500;margin:13px 0 0}.count{vertical-align:top;margin-left:13px;font:11px var(--mono);color:var(--red);letter-spacing:0}.section-heading>p{color:var(--muted);font-size:11px;margin-bottom:5px}.archive-toolbar{display:flex;gap:17px}.search{display:flex;align-items:center;border:1px solid var(--line);padding:0 16px;gap:12px;flex:1;min-width:0;background:#171a18;height:49px}.search>span{font-size:26px;color:var(--muted)}.search input{width:100%;color:var(--text);background:transparent;border:0;outline:none;font-size:12px}.search input::placeholder{color:#858b84}.search kbd{font:11px var(--mono);border:1px solid #41473f;padding:2px 6px;color:var(--muted)}.sort{border:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 12px;font-size:10px}.sort>span{color:var(--muted)}.sort select{border:0;background:var(--bg);font-size:11px;padding:5px;color:var(--text)}.filter-row{display:flex;align-items:center;justify-content:space-between;margin:24px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:none;color:var(--muted);font-size:10px;padding:8px 13px;border:1px solid transparent}.filters button.selected{color:var(--text);background:#252a25;border-color:#3c443a}.filters button span{font:8px var(--mono);margin-left:7px;color:#b8c2b1}.result-count{font:9px var(--mono);color:var(--muted)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.case-card{border:1px solid var(--line);background:#161917;transition:border-color .2s;cursor:pointer;text-align:left;padding:0;display:flex;flex-direction:column;min-width:0}.case-card:hover{border-color:#7b8676}.case-art{height:167px;position:relative;overflow:hidden;background:#232823;isolation:isolate;width:100%}.case-art:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000018 3px 4px);pointer-events:none}.art-label{position:absolute;top:13px;left:13px;font:8px var(--mono);padding:5px 7px;color:#d9dfd2;background:#131812d9;z-index:2}.art-index{position:absolute;bottom:11px;right:12px;font:8px var(--mono);color:#a0ab97;z-index:2}.art-caption{position:absolute;bottom:12px;left:13px;font:7px var(--mono);letter-spacing:1.5px;color:#b1bca7;z-index:2}.art-building{background:linear-gradient(140deg,#3d493d,#151d17)}.building{position:absolute;width:61%;height:220px;left:23%;top:29px;transform:skewY(-11deg);border:5px solid #65745d;background:repeating-linear-gradient(90deg,transparent 0 16px,#5c6e54 16px 19px),repeating-linear-gradient(0deg,#17251b 0 14px,#78836a 14px 18px)}.art-network{background:#202b29}.network-orbit{position:absolute;left:50%;top:50%;width:145px;height:145px;border:1px solid #718078;transform:translate(-50%,-50%) rotate(30deg);border-radius:50%}.network-orbit:before,.network-orbit:after{content:'';position:absolute;inset:20px -40px;border:1px solid #6e8479;border-radius:50%;transform:rotate(50deg)}.network-orbit:after{transform:rotate(-45deg)}.network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:39px var(--mono);color:#a1b7a3}.art-factory{background:linear-gradient(#485144,#263127)}.factory{position:absolute;width:90%;height:57px;background:#162017;bottom:0;left:5%;clip-path:polygon(0 30%,15% 0,15% 30%,30% 0,30% 30%,50% 0,50% 30%,100% 30%,100% 100%,0 100%)}.chimney{position:absolute;width:15px;height:100px;background:#1a241a;bottom:35px;left:39%;box-shadow:44px 19px #1a241a,91px -4px #1a241a}.art-document{background:#3b3c30}.paper-art{position:absolute;top:25px;left:31%;width:130px;height:174px;background:#a2a08a;transform:rotate(12deg);padding:23px 15px}.paper-art i{display:block;background:#4f5544;height:5px;margin-bottom:10px}.paper-art i:nth-child(2n){width:70%}.art-grid{background:linear-gradient(130deg,#22302c,#3a4740)}.grid-art{position:absolute;width:155px;height:155px;left:28%;top:20px;border:1px solid #809084;transform:rotate(35deg);background:repeating-linear-gradient(90deg,transparent 0 24px,#76857766 24px 25px),repeating-linear-gradient(0deg,transparent 0 24px,#76857766 24px 25px)}.art-boxes{background:#3b4034}.boxes-art{position:absolute;top:31px;left:28%;width:89px;height:89px;border:1px solid #a3a88c;transform:skewY(-17deg);box-shadow:43px 31px 0 -1px #343d2e,43px 31px 0 0 #9ca88d,-42px 44px 0 -1px #343d2e,-42px 44px 0 0 #9ca88d}.card-content{padding:20px 19px 17px;display:flex;flex-direction:column;flex:1}.card-meta{font:8px var(--mono);color:var(--muted);display:flex;justify-content:space-between;gap:8px}.card-meta .status{color:#b2bfa7}.case-card h3{font-size:17px;font-weight:500;line-height:1.55;letter-spacing:-.5px;margin:13px 0 8px}.case-card p{font-size:11px;color:var(--muted);line-height:1.8;margin:0 0 21px}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;font:9px var(--mono);color:#a3ab9e;margin-top:auto}.card-footer .arrow{font-size:19px;color:#d3d9cb}.empty{grid-column:1/-1;text-align:center;padding:50px;color:var(--muted);border:1px dashed var(--line)}.archive-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:10px;color:var(--muted)}.archive-bottom .text-button{color:var(--text)}.manifesto{display:grid;grid-template-columns:1fr 3fr;padding:53px 0;margin:62px 64px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:25px}.manifesto-number{font:9px var(--mono);color:var(--muted);padding-top:7px}.manifesto h2{font-size:31px;line-height:1.5;margin:0}.manifesto h2 span{color:var(--muted)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin-top:33px}.trust-symbol{font:10px var(--mono);color:var(--red)}.trust-grid h3{font-size:12px;font-weight:500;margin:17px 0 9px}.trust-grid p{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.support{padding:53px 64px 58px;display:flex;align-items:center;justify-content:space-between;gap:25px}.support .eyebrow{color:var(--muted);font-size:8px}.support h2{font-size:27px;line-height:1.55}.support p{font-size:11px;color:var(--muted);line-height:1.8}.support-action{display:grid;gap:15px}.support-action>span{font:8px var(--mono);color:var(--muted);text-align:center}.support-action strong{font:600 11px var(--sans);color:#c8d1c1;margin-left:6px}footer{padding:29px 64px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.footer-brand{font-size:12px;font-weight:700;letter-spacing:1px;color:var(--text)}.footer-brand span{display:block;font:8px var(--mono);color:var(--muted);margin-top:7px;letter-spacing:0}.footer-chain{font:9px var(--mono);display:flex;align-items:center;gap:8px}
dialog{background:#191d19;color:var(--text);border:1px solid #495144;padding:26px;max-width:650px;width:calc(100% - 32px);max-height:88vh;overflow:auto}dialog::backdrop{background:#050805c9;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:25px}.modal-top .eyebrow{color:var(--muted);font-size:9px}.close{background:none;font-size:27px;padding:0 7px;color:var(--muted)}dialog h2{font-size:27px;line-height:1.5;letter-spacing:-.7px;margin:0 0 16px}dialog p,dialog li{font-size:12px;line-height:1.9;color:#b0b9a8}dialog ul{padding-left:18px}.notice{padding:13px 15px;border-left:2px solid var(--red);background:#252b23;font-size:11px;line-height:1.8;color:#c5cebe;margin:19px 0}.detail-tags{font:9px var(--mono);color:#a9bca0;margin-bottom:15px}.detail-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-top:25px;overflow:auto}.detail-tabs button{background:none;white-space:nowrap;padding:11px 0;font-size:11px;color:var(--muted);border-bottom:2px solid transparent}.detail-tabs button.selected{color:var(--text);border-color:var(--red)}.tab-content{padding-top:17px}.timeline{border-left:1px solid #56634f;padding-left:20px;margin:12px 0}.timeline div{margin-bottom:23px}.timeline small{color:var(--red);font:9px var(--mono)}.timeline h3{font-size:12px;font-weight:500}.timeline p{font-size:11px}.form-label{display:block;font-size:11px;margin:19px 0 9px}.form-input{width:100%;padding:14px;background:#10160f;border:1px solid #46503f;color:var(--text);font-size:13px}.full{width:100%;margin-top:19px}.fine{font-size:10px!important;color:var(--muted)!important}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.plan{background:#22291f;border:1px solid #43503b;padding:16px 8px;color:var(--text);font:19px var(--mono)}.plan small{display:block;font:9px var(--sans);color:var(--muted);margin-top:8px}.plan.selected{border-color:var(--red);color:var(--red)}.kv{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px}.kv span:first-child{color:var(--muted)}.kv span:last-child{text-align:right}.source-item{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.source-item small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.status-message{min-height:20px;font-size:11px;color:#b6cda7;margin-top:13px;line-height:1.8}
@media(min-width:1441px){body{border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:1440px;margin:auto}}
@media(max-width:1100px){.header{padding:0 32px}nav{gap:18px}.hero{padding:50px 32px;grid-template-columns:1.15fr 1fr}.hero-actions{gap:15px;flex-wrap:wrap}.hero-foot{font-size:7px;gap:6px}.demo-strip{margin:0 32px}.archive{padding:42px 32px 0}.case-grid{gap:16px}.manifesto{margin:50px 32px 0;grid-template-columns:1fr 3fr}.support{padding:45px 32px}footer{padding:28px 32px}.card-meta{font-size:7px}.desktop-only{display:none}}
@media(max-width:800px){.header{height:85px;padding:0 24px}nav{display:none}.brand{font-size:16px}.hero{grid-template-columns:1fr;padding:44px 24px 30px;gap:35px}.hero-copy{max-width:600px}h1{font-size:64px}.hero-foot{font-size:8px;margin-top:28px}.evidence-scene{min-height:390px;max-width:500px;width:100%;margin:auto}.scene-coordinate{right:10px}.proof-note{bottom:12px}.scene-bottom{display:none}.demo-strip{margin:0 24px;gap:12px}.archive{padding:39px 24px 0}.case-grid{grid-template-columns:repeat(2,1fr)}.section-heading>p{display:none}.manifesto{grid-template-columns:1fr;margin:45px 24px 0;padding:30px 0}.support{padding:36px 24px;align-items:start;flex-direction:column}.support-action{width:100%;max-width:310px}footer{padding:25px 24px;flex-wrap:wrap}.archive-toolbar{flex-wrap:wrap}.search{flex-basis:100%}.sort{height:39px;margin-left:auto}.filter-row{margin-top:17px}.result-count{display:none}.filters{gap:1px}.filters button{padding:8px 10px}.card-meta{font-size:8px}.trust-grid{gap:18px}.support h2{font-size:26px}}
@media(max-width:480px){h1{font-size:52px;letter-spacing:-3px}.hero-copy>p{font-size:13px}.hero-actions{gap:15px}.hero-actions .text-button{font-size:10px}.hero-foot{font-size:6px;letter-spacing:.3px}.hero .eyebrow{font-size:8px}.case-grid{grid-template-columns:1fr}.case-art{height:190px}.case-card h3{font-size:19px}.case-card p{font-size:12px}.card-meta{font-size:9px}.trust-grid{grid-template-columns:1fr;gap:25px}.trust-grid h3{margin-top:10px}.manifesto h2{font-size:27px}.archive-bottom{align-items:start;gap:15px}.archive-bottom>span{max-width:170px;line-height:1.7}.footer-chain{display:none}footer>p{font-size:8px}.login{font-size:10px;padding:10px}.login span{margin-left:8px}.brand small{font-size:6px}.brand-mark{width:36px;height:36px;font-size:20px}.brand{gap:9px;font-size:14px}.demo-strip{align-items:start}.tiny-label{padding-top:4px}.plans{gap:6px}.plan{font-size:16px}dialog{padding:19px}.detail-tabs{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}