:root{--paper: #f7f9f7;--panel: #ffffff;--ink: #10201a;--muted: #5a6b63;--line: #dde5df;--accent: #00a87e;--accent-ink: #00614a;--accent-soft: #e2f5ee;--dark: #0c1613;--danger: #c04a3a;--radius: 8px;--mono: "IBM Plex Mono", ui-monospace, monospace;--display: "Space Grotesk", sans-serif;--body: "Inter", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}h1,h2,h3{font-family:var(--display);line-height:1.12;margin:0 0 .5em}a{color:var(--accent-ink)}code,.hash-code,input,textarea{font-family:var(--mono)}button{font-family:var(--body);cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.5rem;padding:.7rem clamp(1rem,4vw,3rem);background:#f7f9f7eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:700;font-size:1.15rem;color:var(--ink);text-decoration:none}.brand-mark{width:22px;height:22px;color:var(--accent)}.topnav{display:flex;align-items:center;gap:1.1rem;margin-left:auto}.topnav a{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:500}.topnav a:hover{color:var(--ink)}.net-switch{position:relative;display:inline-flex}.net-badge{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.22rem .6rem;border-radius:999px;text-transform:uppercase;cursor:pointer}.net-confirm{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:240px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;box-shadow:0 8px 24px #10201a24}.net-confirm p{margin:0 0 .7rem;font-size:.82rem;color:var(--ink);line-height:1.4}.net-confirm-actions{display:flex;gap:.5rem}.net-badge--testnet,.net-badge--devnet{background:#fff1c2;color:#6b4c00;border:1px solid #e8c65a}.net-badge--mainnet{background:transparent;color:var(--muted);border:1px solid var(--line);font-weight:600}.connect-btn{border:1.5px solid var(--ink);background:transparent;color:var(--ink);border-radius:999px;padding:.5rem 1.1rem;font-weight:600;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}.connect-btn:hover{background:var(--ink);color:var(--paper)}.connect-btn.is-connected{background:var(--accent);border-color:var(--accent);color:#fff;font-family:var(--mono);font-size:.82rem}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;padding:clamp(2.5rem,7vw,5.5rem) clamp(1rem,4vw,3rem) 3rem;max-width:1180px;margin:0 auto;align-items:center}.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 .8rem}.hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700}.lede{color:var(--muted);max-width:46ch}.hero-actions{display:flex;gap:.8rem;margin-top:1.4rem}.btn{display:inline-block;border-radius:var(--radius);font-weight:600;font-size:.93rem;padding:.65rem 1.25rem;text-decoration:none;border:1.5px solid transparent;transition:filter .15s,background .15s}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{filter:brightness(1.35)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{border-color:var(--line);background:var(--panel);color:var(--ink)}.btn-ghost:hover{border-color:var(--ink)}.btn-small{font-size:.8rem;padding:.4rem .8rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.4rem;box-shadow:0 1px 2px #10201a0a}.panel-label{font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .8rem}.dropzone{border:1.5px dashed var(--line);border-radius:var(--radius);padding:2rem 1rem;text-align:center;color:var(--muted);transition:border-color .15s,background .15s;cursor:pointer}.dropzone.slim{padding:1rem;margin-top:1rem}.dropzone p{margin:.2rem 0}.dropzone .hint{font-size:.8rem}.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}.fp-strip{display:flex;height:14px;border-radius:3px;overflow:hidden;margin:.6rem 0 .35rem;min-width:160px}.fp-strip span{flex:1}.fp-strip.small{height:8px;margin:.25rem 0}.hash-code{display:block;font-size:.74rem;word-break:break-all;color:var(--muted)}.hash-out{margin-top:1rem}.hash-out .btn{margin-top:.7rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line);margin:2rem 0 0}.feature{background:var(--paper);padding:2rem clamp(1rem,3vw,2.5rem)}.feature h3{font-size:1.05rem}.feature p{color:var(--muted);font-size:.93rem;margin:0}.workmask{max-width:900px;margin:0 auto;padding:3.5rem clamp(1rem,4vw,2rem) 0}.mask-head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.mask-head h2{font-size:1.6rem}.gate-note{color:var(--muted);font-size:.88rem;margin:0}.create-panel.is-locked{opacity:.55;pointer-events:none}.form-row{margin-bottom:1rem}.form-row label{display:block;font-weight:600;font-size:.88rem;margin-bottom:.3rem}.form-row .opt{font-weight:400;color:var(--muted)}input[type=text],input[type=url],textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .75rem;font-size:.88rem;background:var(--paper);color:var(--ink)}input:focus,textarea:focus{border-color:var(--accent);outline:none}.src-tabs{display:flex;gap:.4rem;flex-wrap:wrap;margin:1.2rem 0 .8rem}.src-tab{border:1px solid var(--line);background:var(--paper);color:var(--muted);border-radius:999px;padding:.38rem .9rem;font-size:.84rem;font-weight:500}.src-tab.is-active{background:var(--dark);border-color:var(--dark);color:#fff}.src-pane{display:none;padding:.4rem 0 .8rem}.src-pane.is-active{display:block}.src-pane .hint{font-size:.8rem;color:var(--muted);margin:.5rem 0 0}.src-pane input,.src-pane textarea{margin-bottom:.6rem}.manifest{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.manifest-head p{margin:0;font-size:.9rem}.file-list{list-style:none;margin:1rem 0;padding:0;max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius)}.file-list li{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:center;padding:.45rem .75rem;font-size:.78rem;border-bottom:1px solid var(--line);font-family:var(--mono)}.file-list li:last-child{border-bottom:0}.file-list .fhash{color:var(--muted)}.file-list .rm{border:0;background:none;color:var(--danger);font-size:.9rem}.storage-mode{display:flex;flex-direction:column;gap:.3rem;margin:.8rem 0;font-size:.88rem}.storage-mode .hint{color:var(--muted);font-size:.8rem}.submit-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:.6rem}.status{font-size:.85rem;color:var(--accent-ink);font-family:var(--mono)}.status.err{color:var(--danger)}.link-btn{font-size:.85rem;color:var(--accent-ink);text-decoration:none;font-weight:600}.link-btn:hover{text-decoration:underline}.version-banner{background:var(--accent-soft);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;font-size:.85rem;line-height:1.5;margin-bottom:1rem;color:var(--ink)}.version-banner strong{color:var(--accent-ink)}.permanence-note{font-size:.78rem;line-height:1.5;color:#6b4c00;background:#fff1c2;border:1px solid #e8c65a;border-radius:var(--radius);padding:.55rem .8rem;margin:.8rem 0}.inline-confirm,.withdraw-confirm{border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;margin-top:.8rem;background:var(--paper)}.inline-confirm p,.withdraw-confirm p{margin:0 0 .6rem;font-size:.85rem;line-height:1.5;white-space:pre-line}.withdraw-confirm label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.8rem}.withdraw-confirm input[type=text]{margin-top:.35rem}.cell-diagram{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;margin:.5rem 0 1rem}.cell-node{width:1.7em;height:1.7em;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-family:var(--mono);border:1.5px solid var(--line);background:var(--panel)}.cell-node.live{background:var(--accent);border-color:var(--accent);color:#fff}.cell-node.consumed{background:#f3e3e0;border-color:var(--danger);color:var(--danger)}.cell-node.pending{background:#fff1c2;border-color:#e8c65a;color:#6b4c00}.cell-link{color:var(--muted);font-size:.85rem}.search-row{display:flex;gap:.6rem}.search-row input{flex:1}.results{margin-top:1.2rem;display:flex;flex-direction:column;gap:.7rem}.result-card{display:block;border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1rem;text-decoration:none;color:var(--ink);transition:border-color .15s}.result-card:hover{border-color:var(--accent)}.result-card .rc-title{font-weight:600}.result-card .rc-meta{font-size:.78rem;color:var(--muted);font-family:var(--mono)}.badge{display:inline-block;border-radius:4px;font-size:.7rem;font-weight:600;padding:.1rem .45rem;font-family:var(--mono);vertical-align:middle;margin-left:.4rem}.badge.live{background:var(--accent-soft);color:var(--accent-ink)}.badge.dead{background:#f3e3e0;color:var(--danger)}.badge.match{background:var(--dark);color:#7dffd4}.badge.pending{background:#fff1c2;color:#6b4c00}.badge.provenance.idx{background:var(--accent-soft);color:var(--accent-ink)}.badge.provenance.dev{background:#eef1ef;color:var(--muted)}.kv{display:grid;grid-template-columns:160px 1fr;gap:.4rem .8rem;font-size:.87rem;margin:1rem 0}.kv dt{color:var(--muted);font-weight:500}.kv dd{margin:0;font-family:var(--mono);word-break:break-all}.version-timeline{list-style:none;margin:.8rem 0 1.2rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.version-timeline li{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.5rem .75rem;border:1px solid var(--line);border-radius:var(--radius);font-size:.8rem}.version-timeline li.is-live{border-color:var(--accent);background:var(--accent-soft)}.version-timeline .vt-no{font-family:var(--mono);font-weight:700;min-width:2.4em}.version-timeline .vt-tx{font-family:var(--mono);color:var(--accent-ink);text-decoration:none;word-break:break-all}.version-timeline .vt-tx:hover{text-decoration:underline}.version-timeline .vt-time{margin-left:auto;color:var(--muted);font-family:var(--mono)}.code-block{background:var(--dark);color:#d7ffe9;font-family:var(--mono);font-size:.78rem;line-height:1.5;padding:.9rem 1rem;border-radius:var(--radius);overflow-x:auto;white-space:pre;margin:.9rem 0}.howto{background:var(--dark);color:#e8f1ec;margin-top:4rem;padding:3.5rem clamp(1rem,4vw,3rem)}.howto h2{color:#fff;max-width:900px;margin:0 auto .5rem}.steps{max-width:900px;margin:1.5rem auto;padding-left:1.2rem;display:grid;gap:1rem}.steps strong{color:#7dffd4}.howto .fine{max-width:900px;margin:0 auto;color:#9db4aa;font-size:.85rem}.footer{padding:2rem clamp(1rem,4vw,3rem);color:var(--muted);font-size:.88rem}.footer .fine{font-size:.78rem}.legal-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.8rem}.legal-links a{color:var(--muted);font-size:.8rem;text-decoration:none}.legal-links a:hover{color:var(--ink);text-decoration:underline}.legal-page{max-width:760px;margin:0 auto;padding:3rem clamp(1rem,4vw,2rem) 4rem}.legal-page h1{font-size:1.8rem}.legal-page h2{font-size:1.15rem;margin-top:2rem}.legal-page p,.legal-page li{color:var(--ink);font-size:.95rem}.legal-page .lede{color:var(--muted)}.legal-page .fill-in{background:#fff1c2;border:1px solid #e8c65a;border-radius:4px;padding:.05em .4em;font-family:var(--mono);font-size:.85em;color:#6b4c00}.legal-page .back-link{display:inline-block;margin-bottom:1.5rem}@media(max-width:860px){.hero{grid-template-columns:1fr;gap:2rem}.features,.kv{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}