@keyframes jh-vt-ink-out{0%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(6px);transform:scale(1.012)}}@keyframes jh-vt-ink-in{0%{opacity:0;filter:blur(5px);transform:scale(1.006)}to{opacity:1;filter:blur(0);transform:scale(1)}}img{max-width:100%}code,kbd,samp,pre{font-family:var(--font-mono)}html,body,#root{margin:0;padding:0;height:100%;background:var(--paper);color:var(--ink);font-family:var(--font-serif);line-height:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-image:radial-gradient(at 10% 10%,rgba(184,150,87,.1),transparent 40%),radial-gradient(at 90% 80%,rgba(181,58,48,.06),transparent 40%),radial-gradient(at 50% 50%,rgba(255,255,255,.4),transparent 60%);background-color:var(--paper)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,rgba(26,26,26,.02) 0px,rgba(26,26,26,.02) 1px,transparent 1px,transparent 3px);z-index:0;transform:translateZ(0)}#root{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}::view-transition{background:var(--paper)}::view-transition-old(root){animation:jh-vt-ink-out var(--dur-slow) var(--ease-in) both}::view-transition-new(root){animation:jh-vt-ink-in var(--dur-slower) var(--ease-out) .1s both}a{color:inherit;text-decoration:none}a:not([class]){color:var(--cinnabar);border-bottom:1px dotted currentColor;transition:opacity var(--dur-fast) var(--ease-std)}a:not([class]):hover{opacity:.7}button{cursor:pointer;border:1px solid var(--ink);background:var(--paper-cream);color:var(--ink);padding:.4rem 1rem;font-size:.92rem;letter-spacing:.05em;transition:background-color var(--dur-fast) var(--ease-std),color var(--dur-fast) var(--ease-std),border-color var(--dur-fast) var(--ease-std),transform var(--dur-fast) var(--ease-std),box-shadow var(--dur-fast) var(--ease-std);position:relative}button:not([class]):hover:not(:disabled){background:var(--paper-soft);transform:translateY(-1px);box-shadow:var(--elevation-md)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--cinnabar);border-color:var(--cinnabar);color:var(--paper)}button.primary:hover:not(:disabled){background:var(--cinnabar-dark);border-color:var(--cinnabar-dark);transform:translateY(-1px);box-shadow:var(--elevation-lg)}button.ghost{background:transparent;border-color:var(--line)}button.ghost:hover:not(:disabled){background:var(--paper-soft);color:var(--ink);border-color:var(--ink);transform:translateY(-1px);box-shadow:var(--elevation-md)}input,textarea,select{background:var(--paper-cream);border:1px solid var(--line);padding:.4rem .7rem;font-size:.95rem;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}textarea{font-family:var(--font-mono);font-size:.85rem;line-height:1.4}