html,body,#root{margin:0;padding:0;height:100%;width:100%}body{background:var(--paper, #ffffff);color:var(--ink, #212721);font-family:var(--body, "Roboto", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}input,textarea,select{font-family:inherit;color:inherit}@keyframes tnSkel{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes tnSpin{to{transform:rotate(360deg)}}@keyframes tnBreathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes tnPulseAccent{0%,to{opacity:.05}50%{opacity:.12}}:root{--hugo-blue: #004bc3;--hugo-dark-grey: #212721;--hugo-white: #ffffff;--brand-blue: var(--hugo-blue);--hugo-yellow: #ffd800;--hugo-lite-blue: #59cbe8;--hugo-deep-blue: #002677;--hugo-green: #00b140;--hugo-orange: #ff5c39;--hugo-red: #d6001c;--hugo-pink: #d62598;--n-50: #f7f7f6;--n-100: #efefee;--n-200: #e1e1df;--n-300: #cccbc7;--n-400: #a8a7a2;--n-500: #797874;--n-600: #4d4d49;--n-700: #2f302d;--n-800: var(--hugo-dark-grey);--ink: var(--hugo-dark-grey);--paper: var(--hugo-white);--paper-2: var(--n-50);--rule: var(--n-200);--rule-soft: var(--n-100);--muted: var(--n-500);--link: var(--hugo-blue);--sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;--body: "Roboto", "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, monospace;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r1: 0px;--r2: 2px;--r3: 4px;--t-fast: .15s ease-out;--t-base: .2s ease-out;--shadow-modal: 0 12px 32px rgba(0, 0, 0, .18);--shadow-popover: 0 8px 24px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--toggle-thumb: #ffffff}:root[data-theme=dark]{--n-50: #181c19;--n-100: #1f231f;--n-200: #2a2e2b;--n-300: #3d413e;--n-400: #5a5e5b;--n-500: #8a8a86;--n-600: #b5b5b1;--n-700: #d4d4d0;--n-800: #e8e8e6;--ink: #e8e8e6;--paper: #2a3029;--paper-2: #181c19;--rule: #2a2e2b;--rule-soft: #1f231f;--muted: #8a8a86;--hugo-blue: #5a91ff;--link: var(--hugo-blue);--brand-blue: var(--hugo-blue);--shadow-modal: 0 12px 32px rgba(0, 0, 0, .55);--shadow-popover: 0 10px 28px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .35);--toggle-thumb: #e8e8e6}.tn-surface{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.55}.tn-display{font-family:var(--sans);font-weight:800;font-size:56px;letter-spacing:-.03em;line-height:1;margin:0;color:var(--ink)}.tn-h1{font-family:var(--sans);font-weight:700;font-size:32px;letter-spacing:-.02em;line-height:1.1;margin:0;color:var(--ink)}.tn-h2{font-family:var(--sans);font-weight:700;font-size:22px;letter-spacing:-.01em;line-height:1.2;margin:0;color:var(--ink)}.tn-h3{font-family:var(--sans);font-weight:600;font-size:16px;line-height:1.3;margin:0;color:var(--ink)}.tn-body{font-family:var(--body);font-size:14px;line-height:1.55;color:var(--ink)}.tn-small{font-family:var(--body);font-size:12px;line-height:1.5;color:var(--muted)}.tn-eyebrow{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tn-mono{font-family:var(--mono);font-size:12px}.tn-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border:1px solid var(--hugo-blue);background:var(--hugo-blue);color:var(--hugo-white);font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.005em;border-radius:var(--r2);cursor:pointer;transition:var(--t-fast)}.tn-btn:hover{background:var(--hugo-deep-blue);border-color:var(--hugo-deep-blue)}.tn-btn--ghost{background:transparent;color:var(--hugo-blue)}.tn-btn--ghost:hover{background:var(--n-50);color:var(--hugo-deep-blue)}.tn-btn--quiet{background:var(--paper);color:var(--ink);border-color:var(--rule)}.tn-btn--quiet:hover{background:var(--n-50);border-color:var(--n-300)}.tn-btn--danger{background:var(--hugo-white);color:var(--hugo-red);border-color:var(--rule)}.tn-btn--danger:hover{background:var(--hugo-red);color:var(--hugo-white);border-color:var(--hugo-red)}.tn-btn--sm{height:28px;padding:0 10px;font-size:12px}.tn-input{width:100%;height:36px;padding:0 12px;border:1px solid var(--rule);border-radius:var(--r2);background:var(--paper);color:var(--ink);font-family:var(--body);font-size:13px}.tn-input:focus{outline:2px solid var(--hugo-blue);outline-offset:-2px;border-color:var(--hugo-blue)}.tn-card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--r2)}.tn-code{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--n-50);border:1px solid var(--rule);border-radius:var(--r2);font-family:var(--mono);font-size:12px;color:var(--ink)}.tn-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.tn-dot--ok{background:var(--hugo-green)}.tn-dot--warn{background:var(--hugo-yellow)}.tn-dot--err{background:var(--hugo-red)}.tn-dot--info{background:var(--hugo-blue)}.tn-dot--idle{background:var(--n-400)}.tn-badge{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;font-family:var(--sans);font-weight:600;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--r2);background:var(--n-100);color:var(--ink)}.tn-badge--blue{background:var(--hugo-blue);color:var(--hugo-white)}.tn-badge--ok{background:var(--hugo-green);color:var(--hugo-white)}.tn-badge--warn{background:var(--hugo-yellow);color:var(--hugo-dark-grey)}.tn-badge--err{background:var(--hugo-red);color:var(--hugo-white)}.tn-rule{height:1px;background:var(--rule);border:0;margin:0}.tn-block-blue{background:var(--hugo-blue);color:var(--hugo-white)}.tn-block-grey{background:var(--hugo-dark-grey);color:var(--hugo-white)}