@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lora:ital,wght@0,500;1,500&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#faf8f5;color:#1c1917;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.serif{font-family:Lora,Georgia,serif}.top-nav{background:#fff;border-bottom:1px solid #e8e3db;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:#1c1917}.nav-logo .origin-dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#14b8a6 0% 28%,#1f2d4a 35%,#0f1827);box-shadow:inset -2px -2px 4px #ffffff14}.nav-actions{display:flex;align-items:center;gap:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;border:1px solid #d4ccc0;background:#fff;color:#44403c;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s;font-family:inherit;white-space:nowrap}.btn:hover{background:#f5f0e8;border-color:#a8a29e;color:#1c1917}.btn-primary{background:#1f2d4a;border:1px solid #1f2d4a;color:#fff}.btn-primary:hover{background:#2a3a5e;border-color:#2a3a5e;color:#fff}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem}.btn-sm{padding:.3rem .65rem;font-size:.75rem}.card{background:#fff;border:1px solid #e8e3db;border-radius:10px;padding:1.5rem;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:#c9c1b4;box-shadow:0 2px 12px #1c19170a}.container{max-width:980px;margin:0 auto;padding:0 2rem}.field{margin-bottom:1rem}.field label{display:block;font-size:.75rem;color:#78716c;margin-bottom:.35rem;font-weight:500}.field input,.field textarea,.field select{width:100%;padding:.6rem .85rem;background:#fff;border:1px solid #d4ccc0;border-radius:6px;color:#1c1917;font-size:.9rem;font-family:inherit}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:#1f2d4a;box-shadow:0 0 0 3px #1f2d4a1a}.field textarea{min-height:80px;resize:vertical}.mono{font-family:SF Mono,Fira Code,Menlo,monospace;font-size:.78rem;color:#57534e;word-break:break-all}.dropzone{border:2px dashed #c9c1b4;border-radius:12px;padding:3rem 2rem;text-align:center;background:#fff;transition:all .2s;cursor:pointer}.dropzone:hover,.dropzone.over{border-color:#1f2d4a;background:#f5f0e8}.dropzone .icon{font-size:2.5rem;margin-bottom:.5rem}.dropzone h3{font-size:1.05rem;margin-bottom:.4rem;color:#1c1917}.dropzone p{font-size:.85rem;color:#78716c}.modal-overlay{display:none;position:fixed;inset:0;background:#1c191766;backdrop-filter:blur(4px);z-index:100;justify-content:center;align-items:center}.modal-overlay.open{display:flex}.modal{background:#fff;border:1px solid #e8e3db;border-radius:12px;padding:1.75rem;width:90%;max-width:520px;box-shadow:0 25px 60px #1c191726;max-height:90vh;overflow-y:auto}.modal h2{font-size:1.15rem;margin-bottom:1.25rem;font-weight:600}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem}.chain{position:relative;padding-left:2rem}.chain:before{content:"";position:absolute;left:.6rem;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(180deg,#1f2d4a,#c9c1b4)}.chain-node{position:relative;margin-bottom:1.5rem}.chain-node:before{content:"";position:absolute;left:-1.6rem;top:1rem;width:14px;height:14px;border-radius:50%;background:#1f2d4a;border:3px solid #faf8f5;box-shadow:0 0 0 1px #1f2d4a}.chain-node.unanchored:before{background:#d97706;box-shadow:0 0 0 1px #d97706}.badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-anchored{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.badge-pending{background:#fffbeb;color:#d97706;border:1px solid #fef3c7}.badge-public{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.badge-private{background:#f5f0e8;color:#78716c;border:1px solid #e8e3db}@media (max-width: 768px){.top-nav{padding:.85rem 1rem}.container{padding:0 1rem}.modal{width:95%;padding:1.25rem}}
