:root{--font-text: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--2: .6875rem;--step--1: .8125rem;--step-0: .9375rem;--step-1: 1.125rem;--step-2: 1.5rem;--step-3: 2.125rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-pill: 999px;--rail-height: 10px;--dur: .18s;--ease: cubic-bezier(.2, .7, .3, 1)}html[data-theme=paper]{--bg: #e7eae3;--bg-grain: rgba(20, 24, 26, .025);--surface: #fbfcf9;--surface-2: #f1f4ec;--surface-3: #e5e9df;--line: #d3d9cc;--line-strong: #b9c2b0;--ink: #14181a;--ink-soft: #59635d;--ink-faint: #8b958d;--accent: #0e6b4e;--accent-hover: #0a5540;--accent-ink: #fbfcf9;--accent-wash: rgba(14, 107, 78, .09);--credit: #0e6b4e;--debit: #a33a24;--staged: #8a6410;--staged-wash: rgba(138, 100, 16, .1);--shadow-card: 0 1px 2px rgba(20, 24, 26, .05), 0 8px 24px -16px rgba(20, 24, 26, .22);--shadow-pop: 0 24px 60px -24px rgba(20, 24, 26, .35);--tint-1: #0e6b4e;--tint-2: #2f5d8c;--tint-3: #8a4b7a;--tint-4: #a3652a;--tint-5: #4a6b23;--tint-6: #7a4032;--scrim: rgba(20, 24, 26, .36)}html[data-theme=umber]{--bg: #191310;--bg-grain: rgba(255, 240, 224, .02);--surface: #221a16;--surface-2: #2b211b;--surface-3: #352921;--line: #3c2e26;--line-strong: #513e33;--ink: #f2e8de;--ink-soft: #ac9887;--ink-faint: #8a7768;--accent: #cd8f42;--accent-hover: #dda155;--accent-ink: #1c1410;--accent-wash: rgba(205, 143, 66, .14);--credit: #83b997;--debit: #e08268;--staged: #dcab4e;--staged-wash: rgba(220, 171, 78, .14);--shadow-card: 0 1px 0 rgba(255, 235, 214, .03), 0 12px 32px -20px rgba(0, 0, 0, .8);--shadow-pop: 0 30px 70px -20px rgba(0, 0, 0, .75);--tint-1: #cd8f42;--tint-2: #7fa8c4;--tint-3: #c58ab0;--tint-4: #a8b878;--tint-5: #d59a86;--tint-6: #93a5cf;--scrim: rgba(10, 7, 5, .62)}html[data-theme=cobalt]{--bg: #061630;--bg-grain: rgba(180, 214, 255, .025);--surface: #0b2245;--surface-2: #102c55;--surface-3: #163767;--line: #1d3f70;--line-strong: #2b5591;--ink: #e8effb;--ink-soft: #96abc9;--ink-faint: #7189ab;--accent: #4380ff;--accent-hover: #5a91ff;--accent-ink: #041028;--accent-wash: rgba(67, 128, 255, .16);--credit: #2fc79b;--debit: #ff7f6c;--staged: #86aaff;--staged-wash: rgba(134, 170, 255, .14);--shadow-card: 0 1px 0 rgba(200, 224, 255, .05), 0 14px 34px -22px rgba(0, 8, 24, .9);--shadow-pop: 0 30px 70px -20px rgba(0, 6, 20, .85);--tint-1: #4380ff;--tint-2: #2fc79b;--tint-3: #b28bff;--tint-4: #ffb055;--tint-5: #ff7f9f;--tint-6: #5ad3e8;--scrim: rgba(2, 8, 20, .66)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(var(--bg-grain) 1px,transparent 1px);background-size:4px 4px;color:var(--ink);font-family:var(--font-text);font-size:var(--step-0);line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent-wash)}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{max-width:1260px;margin:0 auto;padding:var(--sp-5) var(--sp-5) var(--sp-7)}@media (max-width: 640px){.shell{padding:var(--sp-4) var(--sp-3) var(--sp-6)}}.eyebrow{font-family:var(--font-mono);font-size:var(--step--2);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--line)}.card__title{font-size:var(--step-0);font-weight:600;letter-spacing:-.01em}.card__body{padding:var(--sp-4)}.card__body--flush{padding:0}.topbar{display:flex;align-items:center;gap:var(--sp-4);flex-wrap:wrap;padding-bottom:var(--sp-5)}.topbar__brand{display:flex;align-items:center;gap:var(--sp-3);margin-right:auto;min-width:0}.mark{width:34px;height:34px;flex:none;border-radius:var(--r-sm);background:var(--ink);color:var(--bg);display:grid;place-items:center}.mark svg{width:20px;height:20px}.topbar__name{font-family:var(--font-mono);font-size:var(--step-0);font-weight:600;letter-spacing:-.04em;line-height:1.1}.topbar__trip{display:block;font-family:var(--font-text);font-size:var(--step--1);letter-spacing:0;color:var(--ink-soft);background:none;border:1px solid transparent;border-radius:var(--r-sm);padding:1px 4px;margin-left:-5px;width:100%;max-width:320px}.topbar__trip:hover{border-color:var(--line)}.topbar__trip:focus{outline:none;border-color:var(--accent);background:var(--surface);color:var(--ink)}.themes{display:flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill)}.themes__btn{border:0;background:transparent;padding:5px 12px;border-radius:var(--r-pill);font-size:var(--step--1);font-weight:500;color:var(--ink-soft);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.themes__btn:hover{color:var(--ink)}.themes__btn[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);border-radius:var(--r-md);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);padding:7px 13px;font-size:var(--step--1);font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--quiet{border-color:transparent;background:transparent;color:var(--ink-soft)}.btn--quiet:hover{background:var(--surface-2);color:var(--ink)}.btn--danger{border-color:transparent;background:transparent;color:var(--debit)}.btn--danger:hover{background:var(--surface-2)}.btn--block{width:100%}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn svg{width:15px;height:15px}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;margin-bottom:var(--sp-4)}@media (max-width: 760px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.summary__cell{background:var(--surface);padding:var(--sp-4)}.summary__value{display:block;font-family:var(--font-mono);font-size:var(--step-1);font-weight:500;letter-spacing:-.05em;margin-top:2px}.summary__note{display:block;font-size:var(--step--1);color:var(--ink-soft);margin-top:2px}.grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--sp-4);align-items:start}@media (max-width: 1080px){.grid{grid-template-columns:minmax(0,1fr)}}.stack{display:grid;gap:var(--sp-4)}.tabs{display:flex;gap:var(--sp-1)}.tabs__btn{border:0;background:transparent;padding:4px 10px;border-radius:var(--r-pill);font-size:var(--step--1);font-weight:500;color:var(--ink-soft);cursor:pointer}.tabs__btn[aria-selected=true]{background:var(--accent-wash);color:var(--accent)}.rows{display:grid}.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);cursor:pointer;background:transparent;border-left:0;border-right:0;border-top:0;text-align:left;width:100%;transition:background var(--dur) var(--ease)}.row:last-child{border-bottom:0}.row:hover{background:var(--surface-2)}.row__main{min-width:0}.row__title{font-weight:550;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__meta{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin-top:5px;font-size:var(--step--1);color:var(--ink-soft)}.row__amount{font-family:var(--font-mono);font-size:var(--step-0);font-weight:500;letter-spacing:-.05em;text-align:right}.row__sub{display:block;font-family:var(--font-text);font-size:var(--step--2);letter-spacing:0;color:var(--ink-faint);margin-top:3px}.dot{width:3px;height:3px;border-radius:50%;background:var(--line-strong);flex:none}.who{display:inline-flex;align-items:center;gap:6px}.avatar{width:20px;height:20px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:8px;font-weight:600;letter-spacing:-.02em;color:var(--surface);background:var(--tint-1)}.avatar--lg{width:28px;height:28px;font-size:10px}.avatar[data-tint="1"]{background:var(--tint-1)}.avatar[data-tint="2"]{background:var(--tint-2)}.avatar[data-tint="3"]{background:var(--tint-3)}.avatar[data-tint="4"]{background:var(--tint-4)}.avatar[data-tint="5"]{background:var(--tint-5)}.avatar[data-tint="6"]{background:var(--tint-6)}.stack-avatars{display:inline-flex;align-items:center}.stack-avatars .avatar{margin-right:-6px;box-shadow:0 0 0 1.5px var(--surface)}.stack-avatars .avatar:last-child{margin-right:0}.tag{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.02em;padding:2px 7px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--ink-soft)}.rail__axis{display:grid;grid-template-columns:1fr 1fr;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:0 0 var(--sp-3);border-bottom:1px dashed var(--line);margin-bottom:var(--sp-2)}.rail__axis span:last-child{text-align:right}.rail__row{display:grid;grid-template-columns:92px minmax(0,1fr) 84px;align-items:center;gap:var(--sp-3);padding:7px 0;background:transparent;border:0;border-radius:var(--r-sm);width:100%;cursor:pointer;text-align:left}.rail__row:hover .rail__name{color:var(--ink)}.rail__row:hover .rail__track{background:var(--surface-3)}.rail__name{display:flex;align-items:center;gap:6px;font-size:var(--step--1);color:var(--ink-soft);min-width:0}.rail__name b{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail__track{position:relative;height:var(--rail-height);background:var(--surface-2);border-radius:var(--r-pill);transition:background var(--dur) var(--ease)}.rail__zero{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:var(--line-strong)}.rail__bar{position:absolute;top:0;bottom:0;border-radius:var(--r-pill);transition:width var(--dur) var(--ease)}.rail__bar--debit{right:50%;background:var(--debit)}.rail__bar--credit{left:50%;background:var(--credit)}.rail__value{font-family:var(--font-mono);font-size:var(--step--1);font-weight:500;letter-spacing:-.05em;text-align:right}.rail__value--debit{color:var(--debit)}.rail__value--credit{color:var(--credit)}.rail__value--flat{color:var(--ink-faint)}.transfer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px dashed var(--staged);background:var(--staged-wash);border-radius:var(--r-md)}.transfer+.transfer{margin-top:var(--sp-2)}.transfer__people{display:flex;align-items:center;gap:6px;font-size:var(--step--1);min-width:0}.transfer__arrow{color:var(--ink-faint);flex:none}.transfer__amount{font-family:var(--font-mono);font-size:var(--step-0);font-weight:500;letter-spacing:-.05em;color:var(--staged)}.settle__actions{display:grid;grid-template-columns:1fr auto;gap:var(--sp-2);margin-top:var(--sp-4)}.settled{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--credit);border-radius:var(--r-md);color:var(--credit);font-size:var(--step--1)}.settled svg{width:18px;height:18px;flex:none}.people{display:grid;gap:2px}.people__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-2);padding:3px 0}.people__input{background:transparent;border:1px solid transparent;border-radius:var(--r-sm);padding:3px 6px;font-size:var(--step--1);width:100%}.people__input:hover{border-color:var(--line)}.people__input:focus{outline:none;border-color:var(--accent);background:var(--surface-2)}.people__add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--line)}.icon-btn{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:var(--r-sm);background:transparent;color:var(--ink-faint);cursor:pointer}.icon-btn:hover{background:var(--surface-3);color:var(--ink)}.icon-btn svg{width:14px;height:14px}.field{display:grid;gap:6px}.field__label{font-size:var(--step--1);font-weight:550;color:var(--ink-soft)}.field__hint{font-size:var(--step--2);color:var(--ink-faint)}.field__error{font-size:var(--step--2);color:var(--debit)}.input{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:9px 11px;width:100%;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.input--mono{font-family:var(--font-mono);letter-spacing:-.04em}.input--invalid{border-color:var(--debit)}.form-grid{display:grid;gap:var(--sp-4)}.form-grid--2{grid-template-columns:1fr 1fr}@media (max-width: 560px){.form-grid--2{grid-template-columns:1fr}}.segmented{display:flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.segmented__btn{flex:1;border:0;background:transparent;padding:6px 8px;border-radius:var(--r-sm);font-size:var(--step--1);color:var(--ink-soft);cursor:pointer}.segmented__btn[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:550;box-shadow:0 1px 2px #0000001a}.picker{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.picker__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:7px 10px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:var(--step--2);color:var(--ink-soft)}.picker__row{display:grid;grid-template-columns:18px auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);padding:7px 10px;cursor:pointer}.picker__row+.picker__row{border-top:1px solid var(--line)}.picker__row:hover{background:var(--surface-2)}.picker__row input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.picker__name{font-size:var(--step--1)}.picker__side{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:-.03em;color:var(--ink-soft)}.picker__num{width:74px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:3px 7px;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:-.04em;text-align:right}.picker__num:focus{outline:none;border-color:var(--accent)}.picker__foot{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-top:1px solid var(--line);background:var(--surface-2);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:-.03em}.picker__foot--off{color:var(--debit)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);display:grid;place-items:center;padding:var(--sp-4);z-index:40;animation:fade var(--dur) var(--ease)}.dialog{width:min(560px,100%);max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);animation:rise .22s var(--ease)}.dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}.dialog__title{font-size:var(--step-1);font-weight:600;letter-spacing:-.02em}.dialog__body{padding:var(--sp-4)}.dialog__foot{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-4);border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--surface)}.dialog__foot .btn--primary{margin-left:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--surface);border-left:1px solid var(--line-strong);box-shadow:var(--shadow-pop);z-index:45;display:flex;flex-direction:column;animation:slide .24s var(--ease)}.drawer__head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--line)}.drawer__body{padding:var(--sp-4);overflow-y:auto;flex:1}.drawer__total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-top:1px solid var(--line);background:var(--surface-2)}.drawer__total b{font-family:var(--font-mono);font-size:var(--step-2);font-weight:500;letter-spacing:-.06em}.trace{display:grid}.trace__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px dashed var(--line)}.trace__label{font-size:var(--step--1);font-weight:550}.trace__detail{font-size:var(--step--2);color:var(--ink-soft);margin-top:3px}.trace__effect{font-family:var(--font-mono);font-size:var(--step--1);font-weight:500;letter-spacing:-.05em;text-align:right}.trace__effect--credit{color:var(--credit)}.trace__effect--debit{color:var(--debit)}.empty{padding:var(--sp-6) var(--sp-4);text-align:center}.empty__title{font-weight:600;letter-spacing:-.01em}.empty__body{font-size:var(--step--1);color:var(--ink-soft);max-width:34ch;margin:6px auto var(--sp-4)}.note{font-size:var(--step--1);color:var(--ink-soft)}.toast{position:fixed;left:50%;bottom:var(--sp-5);transform:translate(-50%);background:var(--ink);color:var(--bg);padding:9px 16px;border-radius:var(--r-pill);font-size:var(--step--1);font-weight:500;box-shadow:var(--shadow-pop);z-index:60;animation:rise .2s var(--ease)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes slide{0%{transform:translate(24px);opacity:0}}.direction{display:grid;gap:6px;padding:var(--sp-3) var(--sp-4);background:var(--accent-wash);border:1px solid var(--line);border-radius:var(--r-md)}.direction__line{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:var(--step-0)}.direction__line b{font-weight:600;letter-spacing:-.01em}.direction__verb{color:var(--ink-soft)}.direction__amount{margin-left:auto;font-family:var(--font-mono);font-weight:500;letter-spacing:-.05em;color:var(--accent)}.direction__after{font-size:var(--step--2);color:var(--ink-soft)}.status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.02em;color:var(--ink-soft)}.status__dot{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);flex:none}.status--on .status__dot{background:var(--credit);box-shadow:0 0 0 3px var(--accent-wash);animation:pulse-dot 2.4s var(--ease) infinite}.status--on{color:var(--credit)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 var(--accent-wash)}50%{box-shadow:0 0 0 4px var(--accent-wash)}}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--r-pill);background:var(--accent-wash);color:var(--accent);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.01em}.code{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:-.03em;background:var(--surface-3);padding:1px 5px;border-radius:4px}.activity{display:grid;gap:1px;max-height:220px;overflow-y:auto}.activity__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:var(--sp-2);padding:6px 0;border-bottom:1px dashed var(--line);animation:rise .2s var(--ease)}.activity__name{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:-.03em;color:var(--accent)}.activity__summary{font-size:var(--step--1);color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity__time{font-family:var(--font-mono);font-size:var(--step--2);color:var(--ink-faint)}.agent__actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-3)}.manifest{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line);max-height:340px;overflow-y:auto}.manifest__row+.manifest__row{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--line)}.manifest__head{display:flex;align-items:center;gap:var(--sp-2)}.chip{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:4px}.chip--read{background:var(--surface-3);color:var(--ink-soft)}.chip--write{background:var(--staged-wash);color:var(--staged)}.manifest__desc{font-size:var(--step--2);color:var(--ink-soft);margin-top:5px;line-height:1.45}.manifest__inputs{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.pill{font-family:var(--font-mono);font-size:9px;letter-spacing:-.02em;padding:2px 6px;border-radius:4px;border:1px solid var(--line);color:var(--ink-faint)}.pill--req{border-color:var(--accent);color:var(--accent)}.row--pulse{animation:pulse-row 1.6s var(--ease)}@keyframes pulse-row{0%{background:var(--accent-wash)}70%{background:var(--accent-wash)}to{background:transparent}}.beacon{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 10px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-2);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.beacon:hover{border-color:var(--line-strong)}.beacon__dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--ink-faint)}.beacon__label{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:-.02em;color:var(--ink-soft)}.beacon--live .beacon__dot{background:var(--credit)}.beacon--live .beacon__label{color:var(--ink-soft)}.beacon--busy{border-color:var(--accent);background:var(--accent-wash)}.beacon--busy .beacon__dot{background:var(--accent);animation:beacon-throb .9s var(--ease) infinite}.beacon--busy .beacon__label{color:var(--accent)}@keyframes beacon-throb{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}.card--flash{animation:card-flash 1.7s var(--ease)}@keyframes card-flash{0%{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}60%{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}to{border-color:var(--line);box-shadow:var(--shadow-card)}}.learn__crumb{display:block;font-size:var(--step--1);color:var(--ink-soft)}.learn__hero{max-width:68ch;padding-bottom:var(--sp-6)}.learn__title{font-size:var(--step-3);font-weight:600;letter-spacing:-.035em;line-height:1.08;margin:var(--sp-3) 0 var(--sp-4)}.learn__lede{font-size:var(--step-1);line-height:1.55;color:var(--ink-soft)}.learn__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:var(--sp-5);background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}@media (max-width: 760px){.learn__facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.learn__facts>div{background:var(--surface);padding:var(--sp-4);display:grid;gap:2px}.learn__facts b{font-family:var(--font-mono);font-size:var(--step-1);font-weight:500;letter-spacing:-.05em}.learn__fact-note{font-size:var(--step--2);color:var(--ink-faint);line-height:1.4}.learn__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--sp-4);align-items:start}@media (max-width: 1080px){.learn__grid{grid-template-columns:minmax(0,1fr)}}.learn__foot{display:flex;justify-content:center;padding:var(--sp-7) 0 var(--sp-4)}.pre{font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:-.03em;line-height:1.7;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);margin:0;overflow-x:auto;white-space:pre;color:var(--ink-soft)}.prompt+.prompt{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--line)}.prompt__text{font-size:var(--step--1);padding:var(--sp-3);border-left:2px solid var(--accent);background:var(--surface-2);border-radius:0 var(--r-sm) var(--r-sm) 0}.prompt__result{font-size:var(--step--2);color:var(--ink-soft);margin-top:7px;line-height:1.5}.steps{margin:0;padding-left:1.2em;font-size:var(--step--1);color:var(--ink-soft);line-height:1.6}.steps li+li{margin-top:var(--sp-2)}