*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a14;--bg2:#12121e;--bg3:#1a1a2e;--text:#e8e8f0;--text2:#9090a8;--server:#bb86fc;--server-dim:#4a1a7a;--client:#00d4ff;--client-dim:#004d5e;--gold:gold;--gold-dim:#7a6600;--stash:#0f8;--stash-dim:#042;--real:#58f;--real-fill:#1f3fa8;--ink-client:var(--client);--dummy-stripe:#2a2a3e;--border:#2a2a3e;--radius:6px;--font:"Segoe UI", system-ui, sans-serif;--mono:"Cascadia Code", "Fira Code", monospace;--on-accent:#fff;--btn-primary-bg:var(--server-dim);--btn-primary-bg-hover:#6a2ba8;--btn-accent-bg:var(--client-dim);--btn-accent-bg-hover:#00697d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--btn-primary-bg:#7b2fe0;--btn-primary-bg-hover:#6a1fc0;--btn-accent-bg:#006a94;--btn-accent-bg-hover:#005478;--bg:#f4f4fa;--bg2:#e8e8f4;--bg3:#dcdcee;--text:#1a1a2e;--text2:#44445a;--server:#7b2fe0;--client:#006a94;--stash:#006d37;--border:#c4c4d4;--real-fill:#1f3fa8;--ink-client:#005a80;--dummy-stripe:#d8d8ee;--server-dim:#c8a0f0;--client-dim:#a0e8f8;--stash-dim:#a0f0cc;--gold-dim:#f0d060;--real:#25d}html{background-color:var(--bg);font-size:15px}body{font-family:var(--font);background-color: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}.cl-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,4vw,3rem);margin:clamp(1rem,3vw,2rem) 0 1.5rem;display:flex}.cl-hero-main{flex:22rem;min-width:min(100%,20rem)}.cl-hero-title{letter-spacing:.01em;color:var(--text);margin:0;font-size:clamp(1.6rem,3.8vw,2.7rem);font-weight:700;line-height:1.1}.cl-hero-sub{letter-spacing:.01em;color:var(--text2);opacity:.85;margin:.4rem 0 0;font-size:clamp(.9rem,1.6vw,1.05rem)}.cl-hero-desc{color:var(--text2);max-width:60ch;margin:.55rem 0 0;font-size:1rem;line-height:1.5}.cl-hero-why{border:1px solid var(--border);background:color-mix(in oklab,var(--client) 6%,transparent);border-radius:10px;flex:0 min(40%,26rem);min-width:min(100%,15rem);padding:.85rem 1.05rem}.cl-hero-why-label{letter-spacing:.14em;color:var(--text);font-size:.68rem;font-weight:700;display:block}.cl-hero-why-text{color:var(--text);margin:.35rem 0 0;font-size:.95rem;line-height:1.5}@media (max-width:640px){.cl-hero{flex-direction:column}.cl-hero-why{flex-basis:auto;width:100%}}.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}#app nav{background:var(--bg2);border-bottom:1px solid var(--border);scrollbar-width:none;display:flex;overflow-x:auto}#app 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(--btn-primary-bg);border-color:var(--server);color:var(--on-accent)}button.btn.primary:hover{background:var(--btn-primary-bg-hover)}button.btn.accent{background:var(--btn-accent-bg);border-color:var(--client);color:var(--on-accent)}button.btn.accent:hover{background:var(--btn-accent-bg-hover)}.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-fill)}.block-dummy{fill:var(--dummy-stripe)}.block-dummy-server{fill:var(--server-dim);opacity:.55}.block-offpath{fill:var(--bg);stroke:var(--border);stroke-width:.5px;opacity:.9}.block-active{fill:var(--gold)}.block-focus{fill:var(--gold);stroke:var(--gold);stroke-width:1px}.bucket-label{font-family:var(--mono);fill:var(--text2);font-size:9px}.block-id-label{font-family:var(--mono);fill:#fff;font-size:8px;font-weight:700}.block-id-label.dummy{fill:var(--text);font-weight:400}@keyframes block-focus-pulse{0%,to{opacity:1}50%{opacity:.45}}.block-focus{animation:.9s ease-in-out 2 block-focus-pulse}.lg{text-align:center;min-width:1.8rem;font-family:var(--mono);vertical-align:baseline;background:var(--bg3);border-radius:3px;padding:0 .3rem;font-size:.72rem;font-weight:700;display:inline-block}.lg-real{border:1px solid var(--real);color:var(--ink-client)}.lg-dummy{border:1px solid var(--border);color:var(--text2)}.lg-opaque{border:1px dashed var(--border);min-width:1.1rem;height:.9rem}.pm-caption{color:var(--text2);margin:0 0 .5rem;font-size:.8rem;line-height:1.5}.pm-scroll{scrollbar-width:thin;max-height:14rem;overflow-y:auto}.pm-table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.8rem}.pm-table th[scope=col]{text-align:left;z-index:1;background:var(--bg3);color:var(--text2);border-bottom:1px solid var(--border);padding:.35rem .6rem;font-weight:700;position:sticky;top:0}.pm-table th[scope=row]{text-align:left;color:var(--client);padding:.3rem .6rem;font-weight:700}.pm-table td{color:var(--text);border-bottom:1px solid var(--border);padding:.3rem .6rem}.pm-row.pm-focus th[scope=row],.pm-row.pm-focus td{background:var(--bg3)}.pm-row.pm-focus th[scope=row]{color:var(--ink-client);box-shadow:inset 3px 0 0 var(--gold)}.pm-old{color:var(--text2);text-decoration:line-through}.pm-arrow{color:var(--text);font-weight:700}.pm-new{color:var(--stash);font-weight:700;animation:.6s ease-out pm-new-in}@keyframes pm-new-in{0%{opacity:0;transform:translate(-.3rem)}to{opacity:1;transform:none}}.ei-list{font-family:var(--mono);margin:.6rem 0 0;padding:0;font-size:.78rem;list-style:none}.ei-row{border-bottom:1px solid var(--border);padding:.3rem .5rem;line-height:1.5}.ei-row.ei-focus{background:var(--bg3);box-shadow:inset 3px 0 0 var(--gold);border-radius:4px}.ei-block{color:var(--ink-client);font-weight:700}.ei-bucket{color:var(--stash);font-weight:700}.ei-note{color:var(--text2)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.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)}.footer-link{color:var(--client);text-decoration:underline}@media (max-width:480px){main{padding:1rem .7rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.on-path,.block-focus,.pm-new{animation:none!important}}