*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a14;--bg2:#12121e;--bg3:#1a1a2e;--text:#e8e8f0;--text2:#9090a8;--server:#9d4edd;--server-dim:#4a1a7a;--client:#00d4ff;--client-dim:#004d5e;--gold:gold;--gold-dim:#7a6600;--stash:#0f8;--stash-dim:#042;--real:#58f;--dummy-stripe:#2a2a3e;--border:#2a2a3e;--radius:6px;--font:"Segoe UI", system-ui, sans-serif;--mono:"Cascadia Code", "Fira Code", monospace}[data-theme=light]{--bg:#f4f4fa;--bg2:#e8e8f4;--bg3:#dcdcee;--text:#1a1a2e;--text2:#44445a;--server:#7b2fe0;--client:#09c;--stash:#00994d;--border:#c4c4d4;--dummy-stripe:#d8d8ee;--server-dim:#c8a0f0;--client-dim:#a0e8f8;--stash-dim:#a0f0cc;--gold-dim:#f0d060;--real:#25d}html{font-size:15px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}.skip-link{background:var(--client);color:#000;border-radius:var(--radius);z-index:1000;padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:top .15s;position:absolute;top:-3rem;left:.5rem}.skip-link:focus{top:.5rem}:focus-visible{outline:2px solid var(--client);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}header{background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.8rem 1.5rem;display:flex}header h1{letter-spacing:.02em;font-size:1.15rem;font-weight:700}header h1 span.accent{color:var(--server)}header h1 span.accent2{color:var(--client)}.theme-toggle{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:.3rem .8rem;font-size:.85rem}nav{background:var(--bg2);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}nav::-webkit-scrollbar{display:none}.nav-tab{color:var(--text2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.7rem 1.2rem;font-size:.88rem;transition:color .15s,border-color .15s}.nav-tab:hover{color:var(--text)}.nav-tab.active{color:var(--client);border-bottom-color:var(--client)}main{max-width:1100px;margin:0 auto;padding:1.5rem 1rem}section.exhibit{display:none}section.exhibit.active{display:block}h2{color:var(--client);margin-bottom:.4rem;font-size:1.3rem}h3{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;margin:1.2rem 0 .4rem;font-size:1rem}p{color:var(--text2);margin-bottom:.8rem}p strong{color:var(--text)}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);margin:.8rem 0;padding:1rem 1.2rem}.two-col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:680px){.two-col{grid-template-columns:1fr}}.panel-server{border-color:var(--server-dim)}.panel-client{border-color:var(--client-dim)}.panel-label{text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;font-size:.72rem;font-weight:700}.panel-label.server{color:var(--server)}.panel-label.client{color:var(--client)}button.btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--bg3);color:var(--text);cursor:pointer;min-width:2.75rem;min-height:2.75rem;padding:.45rem 1rem;font-size:.88rem;transition:background .15s}button.btn:hover{background:var(--border)}button.btn:disabled{opacity:.4;cursor:not-allowed}button.btn.primary{background:var(--server-dim);border-color:var(--server);color:#fff}button.btn.primary:hover{background:var(--server)}button.btn.accent{background:var(--client-dim);border-color:var(--client);color:#fff}button.btn.accent:hover{background:var(--client)}.btn-row{flex-wrap:wrap;gap:.5rem;margin:.8rem 0;display:flex}.status-bar{font-family:var(--mono);background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--stash);min-height:2.2rem;margin:.6rem 0;padding:.5rem .8rem;font-size:.8rem}.tree-container{padding:.5rem 0;overflow-x:auto}.tree-svg-wrap{min-width:600px}svg.oram-tree{width:100%;height:auto;display:block}.bucket-rect{rx:4;ry:4;stroke-width:1.5px;fill:var(--bg3);stroke:var(--border);cursor:pointer;transition:stroke .2s}.bucket-rect.on-path{stroke:var(--gold);stroke-width:2.5px;filter:drop-shadow(0 0 6px var(--gold-dim))}.block-slot{rx:2;ry:2}.block-real{fill:var(--real);opacity:.85}.block-dummy{fill:var(--dummy-stripe)}.block-dummy-server{fill:var(--server-dim);opacity:.4}.block-active{fill:var(--gold)}.bucket-label{font-family:var(--mono);fill:var(--text2);font-size:9px}.block-id-label{font-family:var(--mono);fill:#fff;font-size:7px}.step-list{counter-reset:steps;list-style:none}.step-item{counter-increment:steps;opacity:.35;gap:.8rem;margin-bottom:.7rem;transition:opacity .3s;display:flex}.step-item.active{opacity:1}.step-item.done{opacity:.6}.step-num{background:var(--bg3);border:1.5px solid var(--border);width:1.6rem;height:1.6rem;font-size:.75rem;font-family:var(--mono);color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-item.active .step-num{background:var(--client-dim);border-color:var(--client);color:var(--client)}.step-item.done .step-num{background:var(--stash-dim);border-color:var(--stash);color:var(--stash)}.step-body{padding-top:.1rem}.step-title{color:var(--text);font-size:.9rem;font-weight:600}.step-detail{color:var(--text2);font-size:.82rem;font-family:var(--mono)}.access-log{font-family:var(--mono);scrollbar-width:thin;max-height:280px;font-size:.8rem;overflow-y:auto}.access-row{border-bottom:1px solid var(--border);grid-template-columns:2rem 1fr;gap:.4rem;padding:.3rem 0;font-size:.78rem;display:grid}@media (min-width:500px){.access-row{grid-template-columns:2rem 1fr 1fr}}.acc-num{color:var(--text2)}.acc-server{color:var(--server)}.acc-client{color:var(--client)}.costs-wrap{-webkit-overflow-scrolling:touch;margin:.8rem 0;overflow-x:auto}table.costs{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.87rem}table.costs th{background:var(--bg3);text-align:left;color:var(--text2);border-bottom:2px solid var(--border);padding:.5rem .8rem;font-weight:600}table.costs td{border-bottom:1px solid var(--border);color:var(--text);padding:.45rem .8rem}table.costs td:first-child{color:var(--text2);font-weight:500}table.costs tr:hover td{background:var(--bg3)}.stats-row{font-family:var(--mono);flex-wrap:wrap;gap:1rem;padding:.5rem 0;font-size:.82rem;display:flex}.stat{flex-direction:column;display:flex}.stat-label{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem}.stat-value{color:var(--text);font-weight:700}.stat-value.server-color{color:var(--server)}.stat-value.client-color{color:var(--client)}.stat-value.stash-color{color:var(--stash)}.input-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.6rem 0;display:flex}.input-row label{color:var(--text2);font-size:.85rem}.input-row input[type=number],.input-row input[type=text]{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);width:5rem;color:var(--text);font-family:var(--mono);padding:.35rem .5rem;font-size:.88rem}.stash-grid{flex-wrap:wrap;gap:.4rem;min-height:2.5rem;margin:.4rem 0;display:flex}.stash-block{background:var(--stash-dim);border:1px solid var(--stash);font-family:var(--mono);color:var(--stash);border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.scenario-wrap{-webkit-overflow-scrolling:touch;margin:.8rem 0;overflow-x:auto}.scenario{background:var(--bg3);border-left:3px solid var(--server);font-family:var(--mono);color:var(--text);border-radius:0 var(--radius) var(--radius) 0;white-space:pre;min-width:-moz-fit-content;min-width:fit-content;padding:.8rem 1rem;font-size:.82rem;line-height:1.7}.scenario.client-border{border-left-color:var(--client)}@keyframes path-pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.on-path{animation:1.4s ease-in-out infinite path-pulse}.crosslinks{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.crosslink{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);padding:.3rem .8rem;font-size:.82rem;text-decoration:none}.crosslink:hover{border-color:var(--client);color:var(--client)}@media (max-width:480px){header h1{font-size:1rem}main{padding:1rem .7rem}}