:root{--color-bg:#0a0e14;--color-bg-surface:#111827;--color-bg-card:#141c2b;--color-bg-panel:#0f1520;--color-teal:#00d4b8;--color-teal-dim:#00d4b826;--color-teal-20:#00d4b833;--color-s1:#f5a623;--color-s1-dim:#f5a6231f;--color-s2:#ff6b4a;--color-s2-dim:#ff6b4a1f;--color-text:#e8edf2;--color-muted:#6b7a8d;--color-border:#00d4b81f;--color-danger:#ff4a4a;--color-bit-0:#1a2030;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--font-heading:"Syne", system-ui, sans-serif;--font-body:system-ui, -apple-system, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:80ms ease-out;--transition-med:.3s ease-out;--transition-slow:.5s ease-out;--max-width:1100px;--section-gap:80px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}a{color:var(--color-teal);transition:opacity var(--transition-fast);text-decoration:none}a:hover{opacity:.8}em{font-style:italic}strong{font-weight:700}.mono{font-family:var(--font-mono)}.teal{color:var(--color-teal)}.server1-color{color:var(--color-s1)}.server2-color{color:var(--color-s2)}.danger-color{color:var(--color-danger)}.s1-dim{color:#f5a623a6}.s2-dim{color:#ff6b4aa6}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#0a0e14f2;position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:14px 20px;display:flex}.header-brand{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.brand-title{font-family:var(--font-heading);color:var(--color-teal);letter-spacing:-.02em;font-size:1.25rem;font-weight:800}.brand-tagline{font-family:var(--font-mono);color:var(--color-muted);letter-spacing:.03em;font-size:.72rem}.header-links{align-items:center;gap:20px;display:flex}.header-link{color:var(--color-muted);font-size:.85rem;font-family:var(--font-mono);transition:color var(--transition-fast);align-items:center;gap:6px;display:flex}.header-link:hover{color:var(--color-teal);opacity:1}.icon-github{flex-shrink:0}.section-inner{max-width:var(--max-width);margin:0 auto;padding:60px 20px}.section-title{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.02em;margin-bottom:8px;font-size:1.6rem;font-weight:700}.section-subtitle{color:var(--color-muted);margin-bottom:32px;font-size:.9rem}.section-hero{border-bottom:1px solid var(--color-border);background:radial-gradient(at 70% 40%,#00d4b80a 0%,#0000 60%)}.hero-inner{max-width:var(--max-width);grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin:0 auto;padding:40px 20px 32px;display:grid}.hero-title{font-family:var(--font-heading);color:var(--color-text);letter-spacing:.01em;margin-bottom:28px;font-size:clamp(2rem,5vw,3.2rem);font-style:normal;font-weight:700;line-height:1.15}.hero-paragraphs p{color:#e8edf2cc;margin-bottom:16px;font-size:.975rem;line-height:1.7}.hero-paragraphs p:last-child{margin-bottom:0}.hero-diagram{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:32px 24px}.diagram-inner{flex-direction:column;align-items:center;gap:16px;display:flex}.diagram-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;min-width:100px;padding:12px 20px}.diagram-label{font-family:var(--font-heading);font-size:.9rem;font-weight:700;display:block}.diagram-sub{font-family:var(--font-mono);color:var(--color-muted);margin-top:4px;font-size:.7rem;display:block}.diagram-client .diagram-label{color:var(--color-teal)}.diagram-middle{flex-direction:column;align-items:stretch;gap:10px;width:100%;display:flex}.diagram-queries,.diagram-responses{justify-content:space-around;gap:8px;display:flex}.diagram-query-label,.diagram-response-label{font-family:var(--font-mono);text-align:center;flex:1;font-size:.7rem}.s1-label{color:var(--color-s1)}.s2-label{color:var(--color-s2)}.diagram-servers{justify-content:center;gap:16px;display:flex}.diagram-server{flex:1;max-width:140px}.server1-box{border-color:#f5a6234d}.server1-box .diagram-label{color:var(--color-s1)}.server2-box{border-color:#ff6b4a4d}.server2-box .diagram-label{color:var(--color-s2)}.diagram-result-box{border-color:#00d4b84d;width:100%;padding:14px 20px}.diagram-xor-eq{font-family:var(--font-mono);font-size:.9rem;font-weight:700;display:block}.section-catalog{border-bottom:1px solid var(--color-border)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.book-card{background:var(--color-bg-card);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #ffffff0f;padding:12px;position:relative}.book-card:hover{background:#16202f;border-color:#00d4b84d;transform:translateY(-1px)}.book-card.selected{border-color:var(--color-teal);box-shadow:0 0 0 1px var(--color-teal-20);background:#00d4b80f}.book-card.flash-s1{border-color:var(--color-s1);background:#f5a62326}.book-card.flash-s2{border-color:var(--color-s2);background:#ff6b4a26}.book-id-badge{font-family:var(--font-mono);color:var(--color-muted);background:#ffffff0d;border-radius:3px;margin-bottom:6px;padding:1px 5px;font-size:.65rem;display:inline-block}.book-title{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.82rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.book-author{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:.72rem;overflow:hidden}.book-genre-pill{font-family:var(--font-mono);color:var(--color-teal);background:var(--color-teal-dim);border-radius:20px;padding:2px 7px;font-size:.62rem;display:inline-block}.catalog-status{margin-bottom:20px}.selected-status{font-family:var(--font-mono);color:var(--color-muted);background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 16px;font-size:.85rem;display:flex}.status-icon{color:var(--color-teal)}.catalog-actions{gap:12px;display:flex}.catalog-toggle-btn{margin-bottom:16px;padding:6px 14px;font-size:.8rem}.btn{font-family:var(--font-mono);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;border:none;padding:12px 24px;font-size:.85rem;font-weight:700}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-teal);color:var(--color-bg)}.btn-primary:hover:not(:disabled){background:#00f0d0;transform:translateY(-1px);box-shadow:0 4px 20px #00d4b84d}.btn-secondary{color:var(--color-teal);background:#00d4b826;border:1px solid #00d4b84d}.btn-secondary:hover:not(:disabled){background:#00d4b840}.btn-outline{color:var(--color-muted);background:0 0;border:1px solid #ffffff1f}.btn-outline:hover:not(:disabled){color:var(--color-text);border-color:#ffffff40}.section-visualizer{border-bottom:1px solid var(--color-border);background:radial-gradient(at 20% 60%,#00d4b808 0%,#0000 50%)}.phase-panel{margin-top:32px;animation:.3s ease-out both phaseReveal}@keyframes phaseReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.phase-visible{display:block}.phase-hidden{display:none}.idle-hint{color:var(--color-muted);background:var(--color-bg-panel);border:1px dashed var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:24px 28px;font-size:.95rem}.phase-header{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.step-badge{font-family:var(--font-mono);color:var(--color-bg);background:var(--color-teal);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:700}.step-badge-s1{background:var(--color-s1)}.step-badge-s2{background:var(--color-s2)}.step-badge-done{color:var(--color-teal);background:#00d4b833}.phase-title{font-family:var(--font-heading);color:var(--color-text);font-size:1.15rem;font-weight:700}.mask-panels{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.mask-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.mask-panel-header{font-family:var(--font-mono);align-items:center;gap:8px;margin-bottom:16px;font-size:.8rem;font-weight:700;display:flex}.server1-header{color:var(--color-s1)}.server2-header{color:var(--color-s2)}.server-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.s1-dot{background:var(--color-s1)}.s2-dot{background:var(--color-s2)}.bit-grid{grid-template-columns:repeat(8,14px);gap:4px;margin-bottom:14px;display:grid}.bit-square{width:14px;height:14px;transition:background var(--transition-fast);border-radius:3px}.bit-0{background:var(--color-bit-0)}.bit-highlight{box-shadow:0 0 0 2px var(--color-teal), 0 0 8px #00d4b880;z-index:1;position:relative}@keyframes bitAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.mask-hex-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mask-hex-label{font-family:var(--font-mono);color:var(--color-muted);font-size:.72rem}.mask-hex{word-break:break-all;font-size:.75rem}.differing-bit-note{color:var(--color-muted);background:var(--color-teal-dim);border:1px solid var(--color-teal-20);border-radius:var(--radius-md);padding:16px 20px;font-size:.875rem;line-height:1.7}.server-compute-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.s1-panel{border-color:#f5a62333}.s2-panel{border-color:#ff6b4a33}.compute-label{font-family:var(--font-mono);margin-bottom:12px;font-size:.8rem;font-weight:700}.xor-chain-container{word-break:break-all;color:var(--color-text);margin-bottom:16px;font-size:.78rem;line-height:1.6;overflow-x:auto}.xor-chain{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.xor-op{color:var(--color-teal);padding:0 2px;font-weight:700}.xor-term{color:var(--color-text);cursor:help;border-bottom:1px dotted var(--color-muted)}.xor-term:hover{color:var(--color-teal)}.xor-eq{color:var(--color-muted)}.xor-empty{color:var(--color-muted);font-style:italic}.response-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.response-label{font-family:var(--font-mono);font-size:.78rem;font-weight:700}.response-hex{font-family:var(--font-mono);font-size:.78rem}.hex-display{font-family:var(--font-mono);border-radius:var(--radius-sm);letter-spacing:.08em;background:#ffffff0a;padding:4px 8px;font-size:.8rem}.reconstruct-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}.xor-animation-row{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:24px;display:flex}.xor-anim-item{flex-direction:column;gap:6px;display:flex}.xor-anim-label{font-family:var(--font-mono);font-size:.72rem;font-weight:700}.xor-anim-op{font-family:var(--font-mono);color:var(--color-teal);align-self:flex-end;padding-bottom:4px;font-size:1.2rem;font-weight:700}.title-reveal-area{text-align:center}.title-reveal-label{font-family:var(--font-mono);color:var(--color-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:.78rem}.title-reveal{font-family:var(--font-mono);color:var(--color-teal);word-break:break-word;min-height:2rem;margin-bottom:16px;font-size:1.5rem;font-weight:700}.correctness-badge{color:var(--color-teal);font-family:var(--font-mono);background:#00d4b826;border:1px solid #00d4b84d;border-radius:20px;padding:6px 18px;font-size:.82rem;font-weight:700;animation:.3s ease-out badgePop;display:inline-block}@keyframes badgePop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.privacy-summary{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.privacy-col{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px}.s1-privacy{border-color:#f5a62333}.s2-privacy{border-color:#ff6b4a33}.privacy-col-header{font-family:var(--font-mono);margin-bottom:10px;font-size:.8rem;font-weight:700}.indices-list{word-break:break-all;min-height:40px;margin-bottom:10px;font-size:.75rem;line-height:1.8}.privacy-count{font-family:var(--font-mono);color:var(--color-muted);margin-bottom:8px;font-size:.72rem}.privacy-verdict{color:var(--color-muted);font-size:.8rem;line-height:1.5}.privacy-conclusion{color:#e8edf2d9;background:var(--color-teal-dim);border:1px solid var(--color-teal-20);border-radius:var(--radius-md);margin-bottom:24px;padding:16px 20px;font-size:.9rem;line-height:1.7}.phase-actions{flex-wrap:wrap;gap:12px;display:flex}.section-comparison{border-bottom:1px solid var(--color-border)}.toggle-row{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;width:fit-content;margin-bottom:24px;display:flex;overflow:hidden}.toggle-btn{font-family:var(--font-mono);cursor:pointer;color:var(--color-muted);transition:all var(--transition-fast);background:0 0;border:none;padding:10px 20px;font-size:.8rem;font-weight:700}.toggle-btn.toggle-active{background:var(--color-teal);color:var(--color-bg)}.toggle-btn:not(.toggle-active):hover{color:var(--color-text);background:#ffffff0d}.comparison-panel{margin-bottom:20px}.cmp-panel{background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}.cmp-panel-label{font-family:var(--font-mono);align-items:center;gap:8px;margin-bottom:12px;font-size:.8rem;font-weight:700;display:flex}.cmp-code{border-radius:var(--radius-sm);white-space:nowrap;color:var(--color-text);background:#0000004d;border:1px solid #ffffff0f;margin-bottom:12px;padding:12px 16px;font-size:.82rem;line-height:1.5;display:block;overflow-x:auto}.cmp-note{color:var(--color-muted);font-size:.83rem;line-height:1.6}.comparison-footer-note{color:var(--color-muted);font-size:.85rem;line-height:1.6}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-panel)}.footer-inner{max-width:var(--max-width);flex-direction:column;gap:16px;margin:0 auto;padding:48px 20px;display:flex}.footer-author{color:var(--color-text);font-size:.875rem;line-height:1.6}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-links a{font-family:var(--font-mono);color:var(--color-muted);transition:color var(--transition-fast);font-size:.8rem}.footer-links a:hover{color:var(--color-teal)}.footer-protocol{color:var(--color-muted);font-size:.82rem;line-height:1.6}.footer-scripture{color:var(--color-muted);border-left:3px solid #00d4b84d;margin-top:8px;padding:8px 0 8px 16px;font-size:.82rem;font-style:italic}.footer-scripture cite{font-style:normal;font-family:var(--font-mono);color:#6b7a8db3;margin-top:4px;font-size:.75rem;display:block}@media (width<=767px){.hero-inner{grid-template-columns:1fr;gap:40px;padding:48px 16px 40px}.mask-panels{grid-template-columns:1fr;gap:16px}.privacy-summary{grid-template-columns:1fr}.xor-animation-row{flex-direction:column;align-items:flex-start;gap:10px}.xor-anim-op{align-self:auto;padding-bottom:0}.header-inner{flex-direction:column;align-items:flex-start;gap:8px}.header-links{gap:12px}.brand-tagline{display:none}.section-inner{padding:40px 16px}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.diagram-servers{flex-wrap:wrap}.phase-actions{flex-direction:column}.phase-actions .btn{width:100%}.title-reveal{font-size:1.1rem}.toggle-row{width:100%}.toggle-btn{flex:1}}@media (width>=768px){.hero-inner{grid-template-columns:1fr 1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#6b7a8d66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6b7a8db3}