*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root[data-theme=night]{color-scheme:dark;--tk-bg-deep: #121110;--tk-bg-panel: #191817;--tk-bg-card: #1D1C1A;--tk-bg-elevated: #2A2825;--tk-bg-hover: #343230;--tk-bg-input: #211F1D;--tk-border: #33312D;--tk-border-strong: #4A4741;--tk-border-bright: #F0997B;--tk-text-primary: #EFEDE7;--tk-text-secondary: #B4B1A9;--tk-text-dim: #8A8781;--tk-text-disabled: #5C5952;--tk-brand-text: #F0997B;--tk-glass: rgba(10, 9, 8, .82);--tk-glass-border: rgba(255, 255, 255, .15);--tk-glass-text: rgba(235, 241, 248, .8);--tk-backdrop: rgba(10, 9, 8, .72);--tk-map-node-bg-rgb: 13, 27, 46;--tk-map-node-text: #C5D3E2;--tk-warn-text: #EF9F27;--tk-hint-route: #C4B5FD;--tk-hint-location: #93C5FD;--tk-shadow-sm: 0 1px 3px rgba(0, 0, 0, .45);--tk-shadow-md: 0 4px 12px rgba(0, 0, 0, .55);--tk-shadow-lg: 0 8px 32px rgba(0, 0, 0, .65);--tk-scroll-track: #191817;--tk-scroll-thumb: #33312D}:root,:root[data-theme=day]{color-scheme:light;--tk-bg-deep: #F7F6F2;--tk-bg-panel: #FFFFFF;--tk-bg-card: #FFFFFF;--tk-bg-elevated: #EFEDE7;--tk-bg-hover: #E7E4DC;--tk-bg-input: #FFFFFF;--tk-border: #D8D5CD;--tk-border-strong: #B4B1A9;--tk-border-bright: #D85A30;--tk-text-primary: #1A1917;--tk-text-secondary: #6B6862;--tk-text-dim: #7C7972;--tk-text-disabled: #B4B1A9;--tk-brand-text: #993C1D;--tk-glass: rgba(255, 255, 255, .88);--tk-glass-border: rgba(26, 25, 23, .18);--tk-glass-text: rgba(61, 59, 55, .9);--tk-backdrop: rgba(26, 25, 23, .45);--tk-map-node-bg-rgb: 255, 255, 255;--tk-map-node-text: #3D3B37;--tk-warn-text: #955D00;--tk-hint-route: #6D28D9;--tk-hint-location: #1D4ED8;--tk-shadow-sm: 0 1px 3px rgba(26, 25, 23, .12);--tk-shadow-md: 0 4px 12px rgba(26, 25, 23, .15);--tk-shadow-lg: 0 8px 32px rgba(26, 25, 23, .2);--tk-scroll-track: #EFEDE7;--tk-scroll-thumb: #D8D5CD}html,body{height:100%;background:var(--tk-bg-deep);color:var(--tk-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--tk-scroll-track)}::-webkit-scrollbar-thumb{background:var(--tk-scroll-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d85a30}:focus-visible{outline:2px solid #D85A30;outline-offset:2px}::selection{background:#d85a304d;color:var(--tk-text-primary)}.mono{font-family:JetBrains Mono,monospace;font-size:.85em;letter-spacing:.02em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.running{background:#639922;box-shadow:0 0 6px #639922;animation:pulse-green 2s infinite}.status-dot.idle{background:#888780}.status-dot.warning{background:#ef9f27;box-shadow:0 0 6px #ef9f27}.status-dot.fault{background:#e24b4a;box-shadow:0 0 6px #e24b4a;animation:pulse-red 1s infinite}.status-dot.offline{background:#4a4741}@keyframes pulse-green{0%,to{box-shadow:0 0 4px #639922}50%{box-shadow:0 0 10px #639922}}@keyframes pulse-red{0%,to{box-shadow:0 0 4px #e24b4a}50%{box-shadow:0 0 12px #e24b4a}}@keyframes taktline-lock-flash{0%,to{transform:scale(1)}20%{transform:scale(1.14);box-shadow:0 0 14px #f59e0bd9}45%{transform:scale(.95)}70%{transform:scale(1.08);box-shadow:0 0 10px #f59e0b99}}.lock-flash{animation:taktline-lock-flash .5s ease;border-color:#ef9f27!important;color:#ef9f27!important;background:#f59e0b26!important}@keyframes taktline-tour-pulse{0%{box-shadow:0 0 #3b82f68c,0 0 14px 2px #3b82f659}70%{box-shadow:0 0 0 10px #3b82f600,0 0 14px 2px #3b82f633}to{box-shadow:0 0 #3b82f600,0 0 14px 2px #3b82f633}}@keyframes taktline-node-flash{0%,to{outline:3px solid rgba(245,158,11,0);outline-offset:3px}50%{outline:3px solid rgba(245,158,11,.95);outline-offset:3px}}.map-node-flash{animation:taktline-node-flash .8s ease-in-out infinite}.tour-ring{position:fixed;border:2px solid #F0997B;border-radius:8px;pointer-events:none;z-index:9998;transition:top .15s ease,left .15s ease,width .15s ease,height .15s ease;animation:taktline-tour-pulse 1.6s ease-out infinite}@media (max-width: 560px){.landing-nav .nav-secondary{display:none}.landing-nav a,.landing-nav button{font-size:13px;padding:7px 12px}}@media (max-width: 380px){.landing-nav a,.landing-nav button{font-size:12.5px;padding:6px 10px}}.landing-faq summary:after{content:"+";float:right;color:var(--tk-text-dim);font-weight:400}.landing-faq details[open] summary:after{content:"–"}.tk-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.tk-safe-top{padding-top:env(safe-area-inset-top,0px)}.tk-safe-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.tk-theme-toggle{bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;left:calc(16px + env(safe-area-inset-left,0px))!important}@media (display-mode: standalone){html,body{overscroll-behavior:none}}.tk-topbar{padding-top:env(safe-area-inset-top,0px);height:calc(48px + env(safe-area-inset-top,0px))!important;padding-left:max(env(safe-area-inset-left,0px),0px);padding-right:max(env(safe-area-inset-right,0px),0px)}@media (max-width: 640px){.tk-modal-card{max-width:calc(100vw - 24px)!important;max-height:calc(var(--tk-vvh, 100dvh) - 24px)!important;overflow-y:auto!important}.tk-modal-card{padding-bottom:max(env(safe-area-inset-bottom,0px),0px)}}@media (max-width: 1210px){.tk-topbar-email{display:none!important}}@media (max-width: 1080px){.tk-topbar-conn-label{display:none!important}}@media (max-width: 980px){html,body,#root{overflow-x:clip}body{overscroll-behavior-y:none}}@media (hover: none) and (pointer: coarse){a,button,[role=button],.status-dot,label{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a,button,[role=button],input,select,textarea{touch-action:manipulation}.tk-topbar,.tk-phone-sheet,nav,button,[role=button]{-webkit-user-select:none;user-select:none}input,select,textarea{font-size:max(16px,1em)}}
