:root{--ink: #15171C;--indigo: #1E2A4A;--indigo-2: #2C3C66;--bone: #F4F1E9;--bone-2: #EAE5D8;--paper: #FBFAF6;--clay: #B8542F;--saffron: #E0A23B;--sage: #5E7259;--sage-2: #43543F;--line: #D8D2C4;--line-ink: rgba(244,241,233,.16);--text: #1B1E25;--text-soft: #565B66;--text-invert: #F4F1E9;--danger: #A33425;--ok: #5E7259;--r-sm: 4px;--r: 8px;--r-lg: 14px;--shadow: 0 1px 2px rgba(21,23,28,.06), 0 8px 28px rgba(21,23,28,.06);--shadow-lg: 0 20px 60px rgba(21,23,28,.18);--display: "Fraunces", Georgia, serif;--body: "Public Sans", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--maxw: 1180px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--body);color:var(--text);background:var(--paper);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[dir=rtl] body{font-family:Public Sans,Noto Naskh Arabic,system-ui,sans-serif}h1,h2,h3,h4{font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:-.01em;margin:0 0 .4em}h1{font-size:clamp(2.4rem,5vw,4.1rem);font-weight:600}h2{font-size:clamp(1.7rem,3vw,2.5rem)}h3{font-size:1.3rem}p{margin:0 0 1rem}a{color:var(--clay);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--mono);font-variant-ligatures:none}.eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--clay);margin:0 0 1rem}.muted{color:var(--text-soft)}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}.stack>*+*{margin-top:1rem}.grid{display:grid;gap:1.5rem}.center{text-align:center}.btn{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-family:var(--body);font-weight:600;font-size:.96rem;padding:.72rem 1.3rem;border-radius:var(--r);border:1px solid transparent;transition:transform .12s ease,box-shadow .2s ease,background .2s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--clay);color:#fff}.btn-primary:hover{background:#9f4626;text-decoration:none}.btn-ink{background:var(--ink);color:var(--text-invert)}.btn-ink:hover{background:#23262f;text-decoration:none}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn-ghost:hover{background:var(--bone-2);text-decoration:none}.btn-saffron{background:var(--saffron);color:#2a2412}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.45rem .8rem;font-size:.85rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem;box-shadow:var(--shadow)}.panel{background:var(--bone);border:1px solid var(--line);border-radius:var(--r-lg);padding:1.4rem}.tag{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;padding:.2rem .55rem;border-radius:100px;background:var(--bone-2);color:var(--text-soft);border:1px solid var(--line)}.tag-ok{background:#5e725924;color:var(--sage-2);border-color:#5e72594d}.tag-warn{background:#b8542f1f;color:var(--clay);border-color:#b8542f4d}.tag-tier1{background:#a334251f;color:var(--danger);border-color:#a3342559}label.field{display:block;margin-bottom:1rem}label.field>span{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}input,select,textarea{width:100%;font-family:var(--body);font-size:1rem;color:var(--text);padding:.7rem .8rem;border:1px solid var(--line);border-radius:var(--r);background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--indigo-2);outline-offset:1px;border-color:var(--indigo-2)}textarea{min-height:110px;resize:vertical}.chain{position:relative;padding-left:2.2rem}.chain-link{position:relative;padding:.9rem 0}.chain-link:before{content:"";position:absolute;left:-1.5rem;top:1.3rem;bottom:-1.3rem;width:2px;background:repeating-linear-gradient(to bottom,var(--saffron) 0 6px,transparent 6px 12px)}.chain-link:last-child:before{display:none}.chain-node{position:absolute;left:-2.05rem;top:1.05rem;width:1.1rem;height:1.1rem;border-radius:50%;background:var(--paper);border:2px solid var(--clay)}.chain-node.done{background:var(--sage);border-color:var(--sage)}.chain-node.active{border-color:var(--saffron);box-shadow:0 0 0 4px #e0a23b33}.hashpill{font-family:var(--mono);font-size:.7rem;color:var(--text-soft);background:var(--bone-2);padding:.1rem .4rem;border-radius:4px}[dir=rtl] .chain{padding-left:0;padding-right:2.2rem}[dir=rtl] .chain-link:before{left:auto;right:-1.5rem}[dir=rtl] .chain-node{left:auto;right:-2.05rem}.row{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}.between{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.divider{height:1px;background:var(--line);border:0;margin:1.5rem 0}.skeleton{background:linear-gradient(90deg,var(--bone-2) 25%,var(--bone) 37%,var(--bone-2) 63%);background-size:400% 100%;animation:sh 1.4s ease infinite;border-radius:var(--r)}@keyframes sh{0%{background-position:100% 0}to{background-position:-100% 0}}.offline-banner{background:var(--ink);color:var(--saffron);font-family:var(--mono);font-size:.8rem;text-align:center;padding:.4rem;letter-spacing:.04em}:focus-visible{outline:2px solid var(--indigo-2);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}