.comp-sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:#020617f2;border-right:1px solid var(--tb-line);padding:var(--tb-sp-8) 0;overflow-y:auto;z-index:var(--tb-z-sticky);display:flex;flex-direction:column}.comp-sidebar-logo{padding:0 var(--tb-sp-6);margin-bottom:var(--tb-sp-8)}.comp-sidebar-logo h1{font-size:.65rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;line-height:1.6;color:var(--tb-primary)}.comp-sidebar-logo span{display:block;font-size:.55rem;font-weight:300;letter-spacing:.5em;color:var(--tb-text-muted)}.comp-sidebar-logo a{text-decoration:none;color:inherit}.comp-main{margin-left:220px;padding:0 var(--tb-sp-10);max-width:960px}.comp-section{padding:0}.comp-section-header{display:flex;align-items:center;gap:var(--tb-sp-6);margin-bottom:var(--tb-sp-6)}.comp-section-header h2{font-size:.65rem;font-weight:300;letter-spacing:.7em;text-transform:uppercase;color:var(--tb-text-heading);white-space:nowrap}.comp-line{height:1px;flex:1;background:var(--tb-line)}.comp-section-note{font-size:.6rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;line-height:2;color:var(--tb-text-label);max-width:55ch;margin-bottom:var(--tb-sp-4)}.comp-subsection-title{font-size:.55rem;font-weight:600;letter-spacing:.5em;text-transform:uppercase;color:var(--tb-text-muted);margin-bottom:var(--tb-sp-6)}.comp-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--tb-sp-4);margin-bottom:var(--tb-sp-8)}.comp-row.col{flex-direction:column}.comp-group{margin-bottom:var(--tb-sp-6)}.comp-label{font-size:.5rem;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--tb-text-muted);opacity:.6;margin-bottom:var(--tb-sp-2)}.palette-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--tb-sp-3);margin-bottom:var(--tb-sp-8)}.swatch{border:1px solid var(--tb-line);padding:var(--tb-sp-4);display:flex;flex-direction:column;gap:var(--tb-sp-2)}.swatch-color{width:100%;height:48px;border:1px solid var(--tb-line)}.swatch-name{font-size:.5rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--tb-text-body)}.swatch-value{font-size:.5rem;font-weight:300;letter-spacing:.15em;color:var(--tb-text-muted)}.type-row{display:flex;align-items:baseline;gap:var(--tb-sp-6);padding:var(--tb-sp-4) 0;border-bottom:1px solid var(--tb-line)}.type-meta{min-width:140px;font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tb-text-muted);font-weight:300}.spacing-row{display:flex;align-items:center;gap:var(--tb-sp-4);margin-bottom:var(--tb-sp-3)}.spacing-label{min-width:80px;font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tb-text-muted)}.spacing-bar{height:12px;background:#a7d9ef1f;border:1px solid var(--tb-line)}.spacing-value{font-size:.5rem;letter-spacing:.2em;color:var(--tb-text-muted);opacity:.7}.z-layer{display:flex;align-items:center;gap:var(--tb-sp-4);padding:var(--tb-sp-2) 0;border-bottom:1px solid var(--tb-line)}.z-value{min-width:40px;font-size:.55rem;font-weight:700;letter-spacing:.1em;color:var(--tb-text-muted);text-align:right}.z-bar{height:8px;background:#a7d9ef1a;border:1px solid var(--tb-line)}.z-name{font-size:.55rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tb-text-label)}.toast-demo{display:flex;flex-direction:column;gap:var(--tb-sp-3);max-width:400px}.table-wrapper{overflow-x:auto}.focus-demo-row{display:flex;gap:var(--tb-sp-4);align-items:center;flex-wrap:wrap}.focus-demo-btn{height:44px;padding:0 var(--tb-sp-6);font-family:var(--tb-font);font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;color:var(--tb-primary);background:transparent;border:1px solid var(--tb-line-bright);cursor:pointer}.progress-battery-wrapper{display:flex;flex-direction:column;gap:var(--tb-sp-2)}.comp-flex{display:flex}.comp-flex-col{display:flex;flex-direction:column}.comp-items-center{align-items:center}.comp-gap-2{gap:var(--tb-sp-2)}.comp-gap-3{gap:var(--tb-sp-3)}.comp-gap-4{gap:var(--tb-sp-4)}.comp-gap-6{gap:var(--tb-sp-6)}.comp-gap-8{gap:var(--tb-sp-8)}.comp-mb-4{margin-bottom:var(--tb-sp-4)}.comp-mb-6{margin-bottom:var(--tb-sp-6)}.comp-mb-8{margin-bottom:var(--tb-sp-8)}.comp-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--tb-sp-4)}.comp-scroll-demo{max-width:300px;max-height:100px;overflow-y:auto;border:1px solid var(--tb-line);padding:var(--tb-sp-4)}.comp-scroll-demo p{font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;opacity:.5;line-height:2.2}.comp-menu-toggle{display:none;position:fixed;top:var(--tb-sp-4);left:var(--tb-sp-4);z-index:calc(var(--tb-z-sticky) + 1);background:var(--tb-bg-surface);border:1px solid var(--tb-line);color:var(--tb-text-heading);padding:6px 8px;cursor:pointer;font-size:20px;line-height:1}.comp-sidebar-backdrop{display:none}@media(max-width:768px){.comp-menu-toggle{display:block}.comp-sidebar{transform:translate(-100%);transition:transform .25s ease;z-index:calc(var(--tb-z-sticky) + 2)}.comp-sidebar--open{transform:translate(0)}.comp-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--tb-z-sticky) + 1)}.comp-sidebar-backdrop--visible{display:block}.comp-main{margin-left:0;padding-top:var(--tb-sp-12)}}@media(max-width:480px){.comp-main{padding:var(--tb-sp-12) var(--tb-sp-4) 0}.comp-section-header h2{letter-spacing:.3em}.comp-subsection-title{letter-spacing:.25em}}:root,:root[data-theme=dark]{--tb-primary: #a7d9ef;--tb-bg: #020617;--tb-bg-surface: #0f172a;--tb-bg-card: rgba(10, 20, 40, .85);--tb-bg-card-hover: rgba(15, 28, 55, .9);--tb-bg-input: rgba(15, 23, 42, .6);--tb-line: rgba(167, 217, 239, .15);--tb-line-bright: rgba(167, 217, 239, .35);--tb-glow: rgba(167, 217, 239, .4);--tb-font: "Lexend", "JetBrains Mono", sans-serif;--tb-error: #ef6b6b;--tb-error-dim: rgba(239, 107, 107, .15);--tb-success: #6bcfa0;--tb-success-dim: rgba(107, 207, 160, .15);--tb-warning: #e8c468;--tb-warning-dim: rgba(232, 196, 104, .15);--tb-info: #a7d9ef;--tb-text-heading: #ffffff;--tb-text-body: #cddbe4;--tb-text-label: #9fc3d4;--tb-text-muted: #7aaab9;--tb-sp-1: 4px;--tb-sp-2: 8px;--tb-sp-3: 12px;--tb-sp-4: 16px;--tb-sp-6: 24px;--tb-sp-8: 32px;--tb-sp-10: 40px;--tb-sp-12: 48px;--tb-sp-16: 64px;--tb-z-base: 0;--tb-z-dropdown: 100;--tb-z-sticky: 200;--tb-z-fixed: 300;--tb-z-modal-backdrop: 400;--tb-z-modal: 500;--tb-z-popover: 600;--tb-z-tooltip: 700;--tb-z-toast: 800;--tb-ease-standard: cubic-bezier(.4, 0, .2, 1);--tb-ease-enter: cubic-bezier(0, 0, .2, 1);--tb-ease-exit: cubic-bezier(.4, 0, 1, 1);--tb-duration-fast: .15s;--tb-duration-normal: .3s;--tb-duration-slow: .5s}:root[data-contrast=high],:root[data-theme=dark][data-contrast=high]{--tb-text-heading: #ffffff;--tb-text-body: #d4ecf7;--tb-text-label: #a7d9ef;--tb-text-muted: #89b8cc}:root:has(.tb-root){scroll-behavior:smooth;scrollbar-color:rgba(167,217,239,.2) var(--tb-bg)}:root:has(.tb-root) body{margin:0;padding:0;background-color:var(--tb-bg);overflow-x:hidden}:root:has(.tb-root) ::-webkit-scrollbar{width:6px;height:6px}:root:has(.tb-root) ::-webkit-scrollbar-track{background:var(--tb-bg)}:root:has(.tb-root) ::-webkit-scrollbar-thumb{background:#a7d9ef26;border-radius:0}:root:has(.tb-root) ::-webkit-scrollbar-thumb:hover{background:#a7d9ef4d}.tb-root *,.tb-root *:before,.tb-root *:after{box-sizing:border-box}.tb-root{font-family:var(--tb-font);background-color:var(--tb-bg);color:var(--tb-text-body);line-height:1.6;text-transform:uppercase;letter-spacing:.1em;min-height:100vh;background-image:linear-gradient(rgba(167,217,239,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(167,217,239,.025) 1px,transparent 1px);background-size:40px 40px}.tb-root a{color:var(--tb-text-label);text-decoration:none;transition:text-shadow var(--tb-duration-normal) ease,color var(--tb-duration-normal) ease}.tb-root a:hover{color:var(--tb-text-heading);text-shadow:0 0 12px var(--tb-glow),0 0 24px rgba(167,217,239,.2)}.tb-root h1,.tb-root h2,.tb-root h3,.tb-root h4,.tb-root h5,.tb-root h6{color:var(--tb-text-heading)}.tb-root input,.tb-root textarea,.tb-root select{text-transform:none}.tb-root *:focus-visible{outline:2px solid var(--tb-primary);outline-offset:2px}.tb-root :focus:not(:focus-visible){outline:none}.tb-root input:focus-visible,.tb-root textarea:focus-visible,.tb-root select:focus-visible{outline:none;border-color:var(--tb-primary)!important;box-shadow:0 0 0 3px #a7d9ef26,0 0 15px #a7d9ef1a}@media(prefers-reduced-motion:reduce){.tb-root *,.tb-root *:before,.tb-root *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:480px){.tb-root{letter-spacing:.05em;line-height:1.5}}.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--tb-sp-2);height:44px;padding:0 var(--tb-sp-6);font-family:var(--tb-font);font-size:.6rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;text-decoration:none;border:1px solid var(--tb-line-bright);background:transparent;color:var(--tb-primary);cursor:pointer;transition:all var(--tb-duration-normal) var(--tb-ease-standard);position:relative;white-space:nowrap}.tb-btn:hover{border-color:var(--tb-primary);color:#fff;text-shadow:0 0 15px var(--tb-glow);background:#a7d9ef0d}.tb-btn:active{transform:scale(.97);text-shadow:0 0 20px var(--tb-glow)}.tb-btn--primary{background:var(--tb-primary);color:var(--tb-bg);border-color:var(--tb-primary)}.tb-btn--primary:hover{background:#fff;color:var(--tb-bg);text-shadow:none;box-shadow:0 0 20px var(--tb-glow)}.tb-btn--secondary{border-color:var(--tb-line-bright);color:var(--tb-primary)}.tb-btn--secondary:hover{border-color:var(--tb-primary);color:#fff;text-shadow:0 0 15px var(--tb-glow);background:#a7d9ef0d}.tb-btn--danger{border-color:#ef6b6b66;color:var(--tb-error)}.tb-btn--danger:hover{border-color:var(--tb-error);color:#fff;text-shadow:0 0 15px rgba(239,107,107,.4);background:#ef6b6b14}.tb-btn--ghost{border-color:transparent;background:transparent;color:var(--tb-text-label)}.tb-btn--ghost:hover{border-color:var(--tb-line);color:var(--tb-primary);background:#a7d9ef08}.tb-btn[disabled],.tb-btn--disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.tb-btn--loading{pointer-events:none;color:transparent!important;position:relative}.tb-btn--loading:before,.tb-btn--loading:after{content:"";position:absolute;top:50%;left:50%;border-style:solid;border-color:var(--tb-primary)}.tb-btn--loading:before{width:14px;height:14px;margin:-7px 0 0 -7px;border-width:1.5px;animation:tb-spin-cw 2.5s linear infinite}.tb-btn--loading:after{width:8px;height:8px;margin:-4px 0 0 -4px;border-width:1px;opacity:.45;animation:tb-spin-ccw 1.6s linear infinite}.tb-btn--primary.tb-btn--loading:before,.tb-btn--primary.tb-btn--loading:after{border-color:var(--tb-bg)}.tb-btn--loading-text{color:inherit}.tb-btn__icon{display:inline-flex;align-items:center;flex-shrink:0}.tb-btn__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px}.tb-btn__spinner .tb-btn__spinner-square{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid currentColor}.tb-btn__spinner .tb-btn__spinner-square:nth-child(1){animation:tb-spin-cw 2s linear infinite}.tb-btn__spinner .tb-btn__spinner-square:nth-child(2){animation:tb-spin-ccw 3s linear infinite}.tb-btn__spinner .tb-btn__spinner-square:nth-child(3){animation:tb-spin-cw 4s linear infinite}.tb-btn:focus-visible{outline:2px solid var(--tb-primary);outline-offset:2px}.tb-btn--sm{height:32px;padding:0 var(--tb-sp-4);font-size:.5rem}.tb-btn--lg{height:52px;padding:0 var(--tb-sp-8);font-size:.65rem}@keyframes tb-spin-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tb-spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media(max-width:480px){.tb-btn{letter-spacing:.2em;padding-left:var(--tb-sp-4);padding-right:var(--tb-sp-4)}}.tb-label{font-size:.55rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--tb-text-body)}.tb-label__required{color:var(--tb-error);margin-left:var(--tb-sp-1)}.tb-input{height:44px;padding:0 var(--tb-sp-4);font-family:var(--tb-font);font-size:.7rem;font-weight:400;letter-spacing:.1em;color:var(--tb-text-body);background:var(--tb-bg-input);border:1px solid var(--tb-line);transition:border-color var(--tb-duration-normal) ease,box-shadow var(--tb-duration-normal) ease}.tb-input::placeholder{color:var(--tb-text-muted);text-transform:uppercase;letter-spacing:.2em;font-size:.6rem}.tb-input:hover{border-color:var(--tb-line-bright)}.tb-input:focus{outline:none;border-color:var(--tb-primary);box-shadow:0 0 0 3px #a7d9ef1a,0 0 20px #a7d9ef0d}.tb-input:focus-visible{outline:none}.tb-input--error{border-color:#ef6b6b80!important}.tb-input--error:focus{border-color:var(--tb-error)!important;box-shadow:0 0 0 3px #ef6b6b1a,0 0 20px #ef6b6b0d}.tb-input--success{border-color:#6bcfa080!important}.tb-input:disabled{opacity:.3;cursor:not-allowed;background:#0f172a4d}.tb-input__error{display:flex;align-items:center;gap:var(--tb-sp-2);font-size:.5rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--tb-error)}.tb-input__hint{font-size:.5rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--tb-text-muted)}.tb-input--sm{height:32px;font-size:.6rem;padding:0 var(--tb-sp-3)}.tb-input--lg{height:52px;font-size:.8rem;padding:0 var(--tb-sp-6)}.tb-form-group{display:flex;flex-direction:column;gap:6px}.tb-input-wrapper{position:relative;display:flex;align-items:center}.tb-input-wrapper .tb-input{width:100%}.tb-input-wrapper--icon-left .tb-input{padding-left:36px}.tb-input-wrapper--icon-right .tb-input{padding-right:36px}.tb-input__icon{position:absolute;display:flex;align-items:center;pointer-events:none;color:var(--tb-text-muted)}.tb-input-wrapper--icon-left .tb-input__icon{left:10px}.tb-input-wrapper--icon-right .tb-input__icon{right:10px}.tb-textarea{min-height:100px;padding:var(--tb-sp-3) var(--tb-sp-4);resize:vertical;font-family:var(--tb-font);font-size:.7rem;font-weight:400;letter-spacing:.1em;color:var(--tb-primary);background:var(--tb-bg-input);border:1px solid var(--tb-line);transition:border-color var(--tb-duration-normal) ease,box-shadow var(--tb-duration-normal) ease;line-height:1.8}.tb-textarea::placeholder{color:var(--tb-text-muted);text-transform:uppercase;letter-spacing:.2em;font-size:.6rem}.tb-textarea:hover{border-color:var(--tb-line-bright)}.tb-textarea:focus{outline:none;border-color:var(--tb-primary);box-shadow:0 0 0 3px #a7d9ef1a,0 0 20px #a7d9ef0d}.tb-textarea--error{border-color:#ef6b6b80!important}.tb-textarea--error:focus{border-color:var(--tb-error)!important;box-shadow:0 0 0 3px #ef6b6b1a,0 0 20px #ef6b6b0d}.tb-textarea:disabled{opacity:.3;cursor:not-allowed;background:#0f172a4d}.tb-textarea--sm{min-height:64px;font-size:.6rem;padding:var(--tb-sp-2) var(--tb-sp-3)}.tb-textarea--lg{min-height:160px;font-size:.8rem;padding:var(--tb-sp-4) var(--tb-sp-6)}.tb-textarea__error{color:var(--tb-error);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.tb-textarea__hint{color:var(--tb-text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.tb-card{position:relative;border:1px solid var(--tb-line);background:var(--tb-bg-card);padding:var(--tb-sp-6);transition:border-color var(--tb-duration-normal) ease,background var(--tb-duration-normal) ease}.tb-card--hoverable:hover{border-color:var(--tb-line-bright);background:var(--tb-bg-card-hover)}.tb-card__header{display:flex;align-items:center;gap:var(--tb-sp-3);margin-bottom:var(--tb-sp-6)}.tb-card__title{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tb-text-heading);margin-bottom:var(--tb-sp-3)}.tb-card__body{margin-bottom:var(--tb-sp-6)}.tb-card__body p{font-size:.6rem;letter-spacing:.12em;color:var(--tb-text-body);line-height:2;text-transform:uppercase;font-weight:400}.tb-card__tags{display:flex;flex-wrap:wrap;gap:var(--tb-sp-2);margin-top:var(--tb-sp-4)}.tb-card__footer{display:flex;gap:var(--tb-sp-4);padding-top:var(--tb-sp-4);border-top:1px solid var(--tb-line);margin-top:var(--tb-sp-6)}.tb-card__footer a{font-size:.55rem;letter-spacing:.2em;color:var(--tb-text-muted);display:flex;align-items:center;gap:var(--tb-sp-1);transition:color var(--tb-duration-fast) var(--tb-ease-standard)}.tb-card__footer a:hover{color:var(--tb-primary)}.tb-card--bracketed{position:relative}.tb-card--bracketed .tb-card__bracket{position:absolute;width:18px;height:18px;border-color:var(--tb-primary);border-style:solid;border-width:0;opacity:0;transition:transform var(--tb-duration-normal) var(--tb-ease-standard),opacity var(--tb-duration-normal) ease}.tb-card--bracketed .tb-card__bracket--tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.tb-card--bracketed .tb-card__bracket--tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.tb-card--bracketed .tb-card__bracket--bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.tb-card--bracketed .tb-card__bracket--br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.tb-card--bracketed:hover .tb-card__bracket{opacity:1}.tb-card--bracketed:hover .tb-card__bracket--tl{transform:translate(-6px,-6px)}.tb-card--bracketed:hover .tb-card__bracket--tr{transform:translate(6px,-6px)}.tb-card--bracketed:hover .tb-card__bracket--bl{transform:translate(-6px,6px)}.tb-card--bracketed:hover .tb-card__bracket--br{transform:translate(6px,6px)}.tb-card--pulse .tb-card__bracket{animation:tb-bracket-glow 2.5s ease-in-out infinite}.tb-card--pulse .tb-card__bracket--tr{animation-delay:.15s}.tb-card--pulse .tb-card__bracket--bl{animation-delay:.3s}.tb-card--pulse .tb-card__bracket--br{animation-delay:.45s}.tb-badge{display:inline-flex;align-items:center;gap:var(--tb-sp-2);padding:var(--tb-sp-1) var(--tb-sp-3);font-size:.5rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;border:1px solid;border-color:var(--tb-line-bright);color:var(--tb-text-body)}.tb-badge--success{border-color:#6bcfa04d;color:var(--tb-success)}.tb-badge--warning{border-color:#e8c4684d;color:var(--tb-warning)}.tb-badge--error{border-color:#ef6b6b4d;color:var(--tb-error)}.tb-badge--filled{background:var(--tb-primary);color:var(--tb-bg);border-color:var(--tb-primary)}.tb-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.tb-badge--pulse .tb-badge__dot{animation:tb-pulse 2.5s ease-in-out infinite}@keyframes tb-pulse{0%,to{opacity:1}50%{opacity:.2}}.tb-tag{display:inline-flex;align-items:center;gap:var(--tb-sp-1);padding:var(--tb-sp-1) var(--tb-sp-3);font-size:.5rem;font-weight:400;letter-spacing:.25em;text-transform:uppercase;border:1px solid var(--tb-line);color:var(--tb-text-label);transition:color var(--tb-duration-fast) ease,border-color var(--tb-duration-fast) ease}.tb-tag:hover{color:var(--tb-text-heading);border-color:var(--tb-line-bright)}.tb-title-line{display:flex;align-items:center;gap:var(--tb-sp-6);margin-bottom:var(--tb-sp-10)}.tb-title-line:before,.tb-title-line:after{content:"";height:1px;flex:1;background:var(--tb-line)}.tb-title-line__label{font-size:.65rem;font-weight:400;letter-spacing:.5em;text-transform:uppercase;color:var(--tb-text-heading);white-space:nowrap}@media(max-width:480px){.tb-title-line__label{letter-spacing:.2em}}.tb-brackets{position:relative}.tb-brackets__corner{position:absolute;width:18px;height:18px;border-color:var(--tb-primary);border-style:solid;border-width:0;opacity:0;transition:transform var(--tb-duration-normal) var(--tb-ease-standard),opacity var(--tb-duration-normal) ease}.tb-brackets__corner--tl{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.tb-brackets__corner--tr{top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.tb-brackets__corner--bl{bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.tb-brackets__corner--br{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.tb-brackets:hover .tb-brackets__corner{opacity:1}.tb-brackets:hover .tb-brackets__corner--tl{transform:translate(-6px,-6px)}.tb-brackets:hover .tb-brackets__corner--tr{transform:translate(6px,-6px)}.tb-brackets:hover .tb-brackets__corner--bl{transform:translate(-6px,6px)}.tb-brackets:hover .tb-brackets__corner--br{transform:translate(6px,6px)}.tb-brackets--pulse .tb-brackets__corner--tl,.tb-brackets--pulse .tb-brackets__corner--tr,.tb-brackets--pulse .tb-brackets__corner--bl,.tb-brackets--pulse .tb-brackets__corner--br{animation:tb-bracket-glow 2.5s ease-in-out infinite}.tb-brackets--pulse .tb-brackets__corner--tr{animation-delay:.15s}.tb-brackets--pulse .tb-brackets__corner--bl{animation-delay:.3s}.tb-brackets--pulse .tb-brackets__corner--br{animation-delay:.45s}@keyframes tb-bracket-glow{0%,to{border-color:var(--tb-primary);opacity:.4;filter:drop-shadow(0 0 0 transparent)}50%{border-color:#fff;opacity:1;filter:drop-shadow(0 0 6px rgba(167,217,239,.5))}}.tb-select{position:relative}.tb-select__trigger{width:100%;font-family:var(--tb-font);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;height:44px;padding:0 var(--tb-sp-4);background:var(--tb-bg-card);border:1px solid var(--tb-line);color:var(--tb-primary);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:border-color var(--tb-duration-normal) ease}.tb-select__trigger:hover{border-color:var(--tb-line-bright)}.tb-select__chevron{display:inline-flex;align-items:center;font-size:16px;opacity:.6;transition:transform var(--tb-duration-fast) var(--tb-ease-standard)}.tb-select__chevron:before{content:"▾"}.tb-select__trigger--open .tb-select__chevron{transform:rotate(180deg)}.tb-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--tb-bg-surface);border:1px solid var(--tb-line-bright);z-index:var(--tb-z-dropdown);max-height:200px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--tb-duration-normal) ease,visibility var(--tb-duration-normal) ease,transform var(--tb-duration-normal) ease}.tb-select__dropdown--open{opacity:1;visibility:visible;transform:translateY(0)}.tb-select__option{padding:var(--tb-sp-3) var(--tb-sp-4);font-family:var(--tb-font);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;color:var(--tb-text-label);transition:all var(--tb-duration-fast) var(--tb-ease-standard);border-left:2px solid transparent}.tb-select__option:hover,.tb-select__option--selected{color:var(--tb-text-heading);background:#a7d9ef0f;border-left-color:var(--tb-primary)}.tb-select__trigger:focus-visible{outline:2px solid var(--tb-primary);outline-offset:2px}.tb-select__option:focus-visible{outline:none;background:#a7d9ef08;border-left-color:var(--tb-primary)}.tb-select--error .tb-select__trigger{border-color:var(--tb-error);box-shadow:0 0 0 1px var(--tb-error-dim)}.tb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617d9;z-index:var(--tb-z-modal-backdrop);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--tb-duration-normal) var(--tb-ease-standard),visibility var(--tb-duration-normal) var(--tb-ease-standard)}.tb-modal-overlay--open{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tb-modal{background:var(--tb-bg-card);border:1px solid var(--tb-line);padding:var(--tb-sp-8);max-width:520px;width:90%;position:relative;z-index:var(--tb-z-modal);font-family:var(--tb-font);transform:translateY(20px) scale(.97);transition:transform var(--tb-duration-normal) var(--tb-ease-standard),opacity var(--tb-duration-normal) var(--tb-ease-standard)}.tb-modal-overlay--open .tb-modal{transform:translateY(0) scale(1)}.tb-modal__close{position:absolute;top:var(--tb-sp-4);right:var(--tb-sp-4);background:none;border:none;color:var(--tb-primary);cursor:pointer;opacity:.4;transition:opacity var(--tb-duration-fast) var(--tb-ease-standard)}.tb-modal__close:hover{opacity:1}.tb-modal--warning{border-top:3px solid var(--tb-warning)}.tb-modal--warning .tb-modal__title{color:var(--tb-warning)}.tb-modal--error{border-top:3px solid var(--tb-error)}.tb-modal--error .tb-modal__title{color:var(--tb-error)}.tb-modal--success{border-top:3px solid var(--tb-success)}.tb-modal--success .tb-modal__title{color:var(--tb-success)}.tb-modal__close:focus-visible{outline:2px solid var(--tb-primary);outline-offset:2px}.tb-modal__title{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--tb-text-heading);margin-bottom:var(--tb-sp-4)}.tb-modal__description{font-size:.6rem;color:var(--tb-text-body);line-height:2;letter-spacing:.12em;text-transform:uppercase;font-weight:400;margin-bottom:var(--tb-sp-6)}.tb-modal__body{margin-bottom:var(--tb-sp-6);font-size:.6rem;color:var(--tb-text-body);line-height:1.8;letter-spacing:.1em}.tb-modal__footer{display:flex;align-items:center;gap:var(--tb-sp-3);justify-content:flex-end;border-top:1px solid var(--tb-line);padding-top:var(--tb-sp-6)}.tb-modal__footer .tb-modal__close{position:static;opacity:1;font-family:var(--tb-font);font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;padding:0 var(--tb-sp-4);height:36px;color:var(--tb-text-label);border:1px solid var(--tb-line)}.tb-modal__footer .tb-modal__close:hover{color:var(--tb-text-heading);border-color:var(--tb-line-bright);opacity:1}.tb-tabs__list{display:flex;border-bottom:1px solid var(--tb-line);margin-bottom:var(--tb-sp-8)}.tb-tabs__trigger{font-family:var(--tb-font);font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;padding:var(--tb-sp-3) var(--tb-sp-6);background:none;border:none;border-bottom:2px solid transparent;color:var(--tb-text-label);cursor:pointer;margin-bottom:-1px;transition:all var(--tb-duration-normal) var(--tb-ease-standard)}.tb-tabs__trigger:hover{color:var(--tb-text-body);background:#0a1428cc}.tb-tabs__trigger--active{color:var(--tb-text-heading);border-bottom-color:var(--tb-primary)}.tb-tabs__trigger:focus-visible{outline:2px solid var(--tb-primary);outline-offset:-2px}.tb-tabs__content{display:none}.tb-tabs__content--active{display:block}.tb-toast-container{position:fixed;z-index:var(--tb-z-toast);display:flex;flex-direction:column;gap:var(--tb-sp-3);pointer-events:none}.tb-toast-container--top-right{top:var(--tb-sp-8);right:var(--tb-sp-8);align-items:flex-end}.tb-toast-container--top-center{top:var(--tb-sp-8);left:50%;transform:translate(-50%);align-items:center}.tb-toast-container--bottom-right{bottom:var(--tb-sp-8);right:var(--tb-sp-8);align-items:flex-end}.tb-toast-container--bottom-center{bottom:var(--tb-sp-8);left:50%;transform:translate(-50%);align-items:center}.tb-toast{font-family:var(--tb-font);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;padding:var(--tb-sp-3) var(--tb-sp-4);border:1px solid;display:flex;align-items:center;gap:var(--tb-sp-3);pointer-events:auto;opacity:0;transform:translateY(16px);transition:all var(--tb-duration-slow) var(--tb-ease-enter)}.tb-toast--show{opacity:1;transform:translateY(0);animation:tb-toast-slide-in var(--tb-duration-slow) var(--tb-ease-enter)}.tb-toast--success{border-color:#6bcfa04d;background:var(--tb-success-dim);color:var(--tb-success)}.tb-toast--error{border-color:#ef6b6b4d;background:var(--tb-error-dim);color:var(--tb-error)}.tb-toast--warning{border-color:#e8c4684d;background:var(--tb-warning-dim);color:var(--tb-warning)}.tb-toast--info{border-color:#a7d9ef4d;background:#a7d9ef14;color:var(--tb-primary)}.tb-toast--inverted{background:var(--tb-primary);color:var(--tb-bg);border-color:var(--tb-primary)}.tb-toast__icon{display:inline-flex;align-items:center;font-size:16px;flex-shrink:0}.tb-toast__message{flex:1}.tb-toast__dismiss{display:inline-flex;align-items:center;background:none;border:none;color:inherit;cursor:pointer;opacity:.5;transition:opacity var(--tb-duration-fast) var(--tb-ease-standard);padding:0;margin-left:auto}.tb-toast__dismiss:hover{opacity:1}@keyframes tb-toast-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes tb-toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.tb-tooltip-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.tb-tooltip{position:absolute;background:var(--tb-bg-card);border:1px solid var(--tb-line);font-size:.5rem;letter-spacing:.25em;text-transform:uppercase;padding:var(--tb-sp-2) var(--tb-sp-3);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--tb-duration-fast) ease,transform var(--tb-duration-fast) ease,visibility var(--tb-duration-fast) ease;z-index:var(--tb-z-tooltip)}.tb-tooltip-wrap:hover .tb-tooltip,.tb-tooltip-wrap:focus-within .tb-tooltip{opacity:1;visibility:visible}.tb-tooltip--top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(4px)}.tb-tooltip-wrap:hover .tb-tooltip--top{transform:translate(-50%) translateY(0)}.tb-tooltip--top:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--tb-line)}.tb-tooltip--bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(-4px)}.tb-tooltip-wrap:hover .tb-tooltip--bottom{transform:translate(-50%) translateY(0)}.tb-tooltip--left{right:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(4px)}.tb-tooltip-wrap:hover .tb-tooltip--left{transform:translateY(-50%) translate(0)}.tb-tooltip--right{left:calc(100% + 10px);top:50%;transform:translateY(-50%) translate(-4px)}.tb-tooltip-wrap:hover .tb-tooltip--right{transform:translateY(-50%) translate(0)}@media(max-width:480px){.tb-tooltip{white-space:normal;max-width:min(300px,90vw)}}.tb-nav-item{position:relative}.tb-nav-item__trigger{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;font-size:.65rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--tb-text-label);transition:color var(--tb-duration-fast) var(--tb-ease-standard)}.tb-nav-item--open .tb-nav-item__trigger{color:var(--tb-text-heading)}@media(hover:hover){.tb-nav-item:hover .tb-nav-item__trigger{color:var(--tb-text-heading)}}.tb-nav-item__chevron{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;opacity:.5;transition:transform var(--tb-duration-fast) var(--tb-ease-standard)}.tb-nav-item--open .tb-nav-item__chevron{transform:rotate(180deg)}@media(hover:hover){.tb-nav-item:hover .tb-nav-item__chevron{transform:rotate(180deg)}}.tb-nav-dropdown{position:absolute;top:100%;left:0;margin-top:10px;transform:translateY(8px);background:var(--tb-bg-surface);border:1px solid var(--tb-line);min-width:220px;opacity:0;pointer-events:none;transition:all var(--tb-duration-normal) var(--tb-ease-standard);z-index:var(--tb-z-dropdown);padding-top:var(--tb-sp-2)}.tb-nav-item--align-center .tb-nav-dropdown{left:50%;transform:translate(-50%) translateY(8px)}.tb-nav-item--align-right .tb-nav-dropdown{left:auto;right:0}.tb-nav-dropdown:before{content:"";position:absolute;top:calc(-10px - var(--tb-sp-2));left:0;right:0;height:calc(10px + var(--tb-sp-2))}.tb-nav-dropdown--open{opacity:1;pointer-events:auto;transform:translateY(0)}.tb-nav-item--align-center .tb-nav-dropdown--open{transform:translate(-50%) translateY(0)}@media(hover:hover){.tb-nav-item:hover .tb-nav-dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.tb-nav-item--align-center:hover .tb-nav-dropdown{transform:translate(-50%) translateY(0)}}.tb-nav-dropdown__item{display:flex;align-items:center;gap:var(--tb-sp-2);padding:var(--tb-sp-3) var(--tb-sp-4);font-size:.6rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--tb-text-label);border-left:3px solid transparent;transition:all var(--tb-duration-fast) var(--tb-ease-standard)}.tb-nav-dropdown__item:hover{background:#a7d9ef0d;border-left-color:var(--tb-primary);color:var(--tb-text-heading)}@media(max-width:480px){.tb-nav-dropdown{min-width:min(220px,90vw)}}.tb-checkbox{display:flex;align-items:center;gap:var(--tb-sp-3);cursor:pointer;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--tb-text-body)}.tb-checkbox input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--tb-line-bright);background:var(--tb-bg-input);cursor:pointer;position:relative;transition:all var(--tb-duration-fast) var(--tb-ease-standard);flex-shrink:0}.tb-checkbox input:checked{border-color:var(--tb-primary);background:var(--tb-primary)}.tb-checkbox input:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:2px solid var(--tb-bg);border-width:0 2px 2px 0;transform:rotate(45deg)}.tb-checkbox input:disabled{opacity:.3;cursor:not-allowed;border-color:var(--tb-error);background:transparent}.tb-checkbox input:disabled:before{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;background:linear-gradient(45deg,transparent 42%,var(--tb-error) 42%,var(--tb-error) 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--tb-error) 42%,var(--tb-error) 58%,transparent 58%)}.tb-checkbox input:focus-visible{outline:2px solid var(--tb-primary);outline-offset:2px}.tb-checkbox--error input{border-color:var(--tb-error)}.tb-toggle{display:flex;align-items:center;gap:var(--tb-sp-3);cursor:pointer;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--tb-text-body)}.tb-toggle__input{display:none}.tb-toggle__track{width:40px;height:20px;border:1px solid var(--tb-line-bright);background:var(--tb-bg-input);position:relative;transition:all var(--tb-duration-fast) var(--tb-ease-standard);flex-shrink:0}.tb-toggle__thumb,.tb-toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--tb-primary);opacity:.4;transition:left var(--tb-duration-fast) var(--tb-ease-standard),opacity var(--tb-duration-fast) var(--tb-ease-standard)}.tb-toggle__track:has(.tb-toggle__thumb):after{display:none}.tb-toggle__input:checked+.tb-toggle__track{border-color:var(--tb-primary);background:#a7d9ef1a}.tb-toggle__input:checked+.tb-toggle__track .tb-toggle__thumb,.tb-toggle__input:checked+.tb-toggle__track:after{left:23px;opacity:1}.tb-toggle__label{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--tb-text-body)}.tb-toggle__input:focus-visible+.tb-toggle__track{outline:2px solid var(--tb-primary);outline-offset:2px}.tb-toggle--disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.tb-radio-group{display:flex;flex-direction:column;gap:var(--tb-sp-3)}.tb-radio-group--horizontal{flex-direction:row}.tb-radio{display:flex;align-items:center;gap:var(--tb-sp-3);cursor:pointer;font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--tb-text-body)}.tb-radio input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:1px solid var(--tb-line-bright);border-radius:50%;background:var(--tb-bg-input);cursor:pointer;position:relative;transition:all var(--tb-duration-fast) var(--tb-ease-standard);flex-shrink:0}.tb-radio input:checked{border-color:var(--tb-primary)}.tb-radio input:checked:after{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;border-radius:50%;background:var(--tb-primary)}.tb-radio input:focus-visible{outline:2px solid var(--tb-primary);outline-offset:2px}.tb-radio input:disabled{opacity:.3;cursor:not-allowed}.tb-progress{margin-bottom:var(--tb-sp-4)}.tb-progress__header{display:flex;justify-content:space-between;margin-bottom:var(--tb-sp-2)}.tb-progress__label,.tb-progress__value{font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tb-text-label)}.tb-progress__track{height:4px;background:var(--tb-line);position:relative;overflow:hidden}.tb-progress__fill{height:100%;background:var(--tb-primary);transition:width var(--tb-duration-slow) var(--tb-ease-standard);position:relative;overflow:hidden}.tb-progress__fill--animated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.25) 50%,transparent 100%);background-size:200% 100%;animation:tb-progress-shimmer 2s ease-in-out infinite}.tb-progress__fill--success{background:var(--tb-success)}.tb-progress__fill--warning{background:var(--tb-warning)}.tb-progress__fill--error{background:var(--tb-error)}.tb-progress--indeterminate .tb-progress__fill{width:30%;animation:tb-progress-indeterminate 1.5s var(--tb-ease-standard) infinite}@keyframes tb-progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes tb-progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(400%)}}.tb-battery{display:flex;flex-direction:column;width:48px}.tb-battery__track{border:1px solid var(--tb-line);padding:3px;display:flex;flex-direction:column;gap:2px}.tb-battery__segment{flex:1;background:#a7d9ef14;transition:background var(--tb-duration-normal) var(--tb-ease-standard)}.tb-battery__segment--filled{background:var(--tb-primary);opacity:.7}.tb-battery--success .tb-battery__segment--filled{background:var(--tb-success)}.tb-battery--warning .tb-battery__segment--filled{background:var(--tb-warning)}.tb-battery--error .tb-battery__segment--filled{background:var(--tb-error)}.tb-battery__label,.tb-battery__value{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--tb-text-label)}.tb-battery--inline{flex-direction:row;align-items:center;gap:var(--tb-sp-3);width:auto}.tb-battery--inline .tb-battery__track{flex:1;height:20px;flex-direction:row}.tb-battery--inline .tb-battery__label{min-width:100px}.tb-battery--inline .tb-battery__value{min-width:40px;text-align:right}.tb-battery--animated .tb-battery__segment--filled{animation:tb-battery-fill 3s ease-in-out infinite}.tb-battery--animated .tb-battery__segment--filled:nth-child(1){animation-delay:0s}.tb-battery--animated .tb-battery__segment--filled:nth-child(2){animation-delay:.1s}.tb-battery--animated .tb-battery__segment--filled:nth-child(3){animation-delay:.2s}.tb-battery--animated .tb-battery__segment--filled:nth-child(4){animation-delay:.3s}.tb-battery--animated .tb-battery__segment--filled:nth-child(5){animation-delay:.4s}.tb-battery--animated .tb-battery__segment--filled:nth-child(6){animation-delay:.5s}.tb-battery--animated .tb-battery__segment--filled:nth-child(7){animation-delay:.6s}.tb-battery--animated .tb-battery__segment--filled:nth-child(8){animation-delay:.7s}.tb-battery--animated .tb-battery__segment--filled:nth-child(9){animation-delay:.8s}.tb-battery--animated .tb-battery__segment--filled:nth-child(10){animation-delay:.9s}@keyframes tb-battery-fill{0%,5%{opacity:0;transform:scaleY(0)}15%,85%{opacity:.8;transform:scaleY(1)}95%,to{opacity:0}}@media(max-width:480px){.tb-battery--inline .tb-battery__label{min-width:60px}}.tb-table__wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tb-table{width:100%;border-collapse:collapse;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase}.tb-table th{text-align:left;font-size:.5rem;letter-spacing:.35em;padding:var(--tb-sp-3) var(--tb-sp-4);border-bottom:1px solid var(--tb-line-bright);color:var(--tb-text-heading);font-weight:500}.tb-table td{padding:var(--tb-sp-3) var(--tb-sp-4);border-bottom:1px solid var(--tb-line);color:var(--tb-text-body)}.tb-table tbody tr{transition:background var(--tb-duration-fast) ease}.tb-table tr:hover td{opacity:1;background:#a7d9ef08}@media(max-width:480px){.tb-table{font-size:.55rem;letter-spacing:.08em}}.tb-skeleton{background:linear-gradient(90deg,var(--tb-line) 25%,rgba(167,217,239,.08) 50%,var(--tb-line) 75%);background-size:200% 100%;animation:tb-shimmer 1.5s infinite}.tb-skeleton--text{height:12px;margin-bottom:var(--tb-sp-2)}.tb-skeleton--heading{height:20px;margin-bottom:var(--tb-sp-4)}.tb-skeleton--avatar{width:40px;height:40px}.tb-skeleton--card{height:200px;width:100%;border:1px solid var(--tb-line);padding:var(--tb-sp-6);display:flex;flex-direction:column;gap:var(--tb-sp-3)}.tb-skeleton--w-40{width:40%}.tb-skeleton--w-60{width:60%}.tb-skeleton--w-80{width:80%}.tb-skeleton--w-100{width:100%}@keyframes tb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tb-spinner{position:relative;display:inline-block;width:24px;height:24px}.tb-spinner--sm{width:16px;height:16px}.tb-spinner--md{width:24px;height:24px}.tb-spinner--lg{width:40px;height:40px}.tb-spinner--multi-square .tb-spinner__square{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--tb-primary)}.tb-spinner--multi-square .tb-spinner__square:nth-child(1){animation:tb-spin-cw 4s linear infinite}.tb-spinner--multi-square .tb-spinner__square:nth-child(2){opacity:.75;animation:tb-spin-ccw 2.8s linear infinite}.tb-spinner--multi-square .tb-spinner__square:nth-child(3){opacity:.55;animation:tb-spin-cw 1.9s linear infinite}.tb-spinner--multi-square .tb-spinner__square:nth-child(4){opacity:.35;animation:tb-spin-ccw 5.5s linear infinite}.tb-spinner--multi-square .tb-spinner__square:nth-child(5){opacity:.2;animation:tb-spin-cw 3.3s linear infinite}.tb-spinner--bracket{animation:tb-bracket-rotate 6s ease-in-out infinite}.tb-spinner--bracket:before,.tb-spinner--bracket:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.tb-spinner--bracket:before{border-bottom:2px solid var(--tb-primary);border-left:2px solid var(--tb-primary);animation:tb-bracket-split-a 6s ease-in-out infinite}.tb-spinner--bracket:after{border-top:2px solid var(--tb-primary);border-right:2px solid var(--tb-primary);animation:tb-bracket-split-b 6s ease-in-out infinite}.tb-spinner--sm.tb-spinner--bracket:before,.tb-spinner--sm.tb-spinner--bracket:after{border-width:1.5px}.tb-spinner--lg.tb-spinner--bracket:before,.tb-spinner--lg.tb-spinner--bracket:after{border-width:3px}@keyframes tb-bracket-rotate{0%,10%{transform:rotate(0)}15%,35%{transform:rotate(45deg)}40%,60%{transform:rotate(90deg)}65%,85%{transform:rotate(135deg)}90%,to{transform:rotate(180deg)}}@keyframes tb-bracket-split-a{0%,5%{transform:translate(0)}10%,15%{transform:translate(-5px,5px)}20%,30%{transform:translate(0)}35%,40%{transform:translate(-5px,5px)}45%,55%{transform:translate(0)}60%,65%{transform:translate(-5px,5px)}70%,80%{transform:translate(0)}85%,90%{transform:translate(-5px,5px)}95%,to{transform:translate(0)}}@keyframes tb-bracket-split-b{0%,5%{transform:translate(0)}10%,15%{transform:translate(5px,-5px)}20%,30%{transform:translate(0)}35%,40%{transform:translate(5px,-5px)}45%,55%{transform:translate(0)}60%,65%{transform:translate(5px,-5px)}70%,80%{transform:translate(0)}85%,90%{transform:translate(5px,-5px)}95%,to{transform:translate(0)}}.tb-pagination{display:flex;gap:var(--tb-sp-2);align-items:center}.tb-pagination__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--tb-line);background:transparent;color:var(--tb-primary);font-family:var(--tb-font);font-size:.6rem;letter-spacing:.1em;cursor:pointer;transition:all var(--tb-duration-fast) var(--tb-ease-standard)}.tb-pagination__btn:hover{border-color:var(--tb-primary);color:#fff;text-shadow:0 0 15px var(--tb-glow)}.tb-pagination__btn:focus-visible{outline:2px solid var(--tb-primary);outline-offset:2px}.tb-pagination__btn--active{background:var(--tb-primary);border-color:var(--tb-primary);color:var(--tb-bg)}.tb-pagination__btn--active:hover{background:var(--tb-primary);color:var(--tb-bg);text-shadow:none}.tb-pagination__btn--disabled{opacity:.25;cursor:not-allowed;pointer-events:none}.tb-pagination__ellipsis{font-size:.6rem;letter-spacing:.2em;opacity:.4;padding:0 var(--tb-sp-1)}.tb-breadcrumbs{font-size:.55rem;letter-spacing:.3em;padding:var(--tb-sp-3) 0}.tb-breadcrumbs__list{display:flex;align-items:center;gap:var(--tb-sp-2);list-style:none;padding:0;margin:0}.tb-breadcrumbs__item{display:flex;align-items:center;gap:var(--tb-sp-2)}.tb-breadcrumbs__separator{opacity:.2}.tb-breadcrumbs__link{color:var(--tb-text-label);transition:color var(--tb-duration-fast) var(--tb-ease-standard)}.tb-breadcrumbs__link:hover{color:var(--tb-text-body)}.tb-breadcrumbs__current{color:var(--tb-text-heading)}.tb-toolbar{display:flex;align-items:center;gap:var(--tb-sp-3);background:var(--tb-bg-card);border:1px solid var(--tb-line-bright);padding:var(--tb-sp-2) var(--tb-sp-3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-family:var(--tb-font);color:var(--tb-primary)}.tb-toolbar--fixed{position:fixed;z-index:calc(var(--tb-z-toast) + 10)}.tb-toolbar--bottom-right{bottom:var(--tb-sp-6);right:var(--tb-sp-6)}.tb-toolbar--bottom-left{bottom:var(--tb-sp-6);left:var(--tb-sp-6)}.tb-toolbar--top-right{top:var(--tb-sp-6);right:var(--tb-sp-6)}.tb-toolbar--top-left{top:var(--tb-sp-6);left:var(--tb-sp-6)}.tb-toolbar__label{font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;color:var(--tb-text-muted);white-space:nowrap}.tb-toolbar__divider{width:1px;height:16px;background:var(--tb-line);flex-shrink:0}.tb-toolbar__select{position:relative;display:inline-block}.tb-toolbar__trigger{display:flex;align-items:center;gap:var(--tb-sp-2);height:32px;padding:0 var(--tb-sp-3);background:var(--tb-bg-surface);border:1px solid var(--tb-line);color:var(--tb-primary);font-family:var(--tb-font);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:border-color var(--tb-duration-fast) ease;min-width:160px;justify-content:space-between}.tb-toolbar__trigger:hover{border-color:var(--tb-line-bright)}.tb-toolbar__chevron{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;opacity:.5;transition:transform var(--tb-duration-fast) ease;flex-shrink:0}.tb-toolbar__select--open .tb-toolbar__chevron{transform:rotate(180deg)}.tb-toolbar__dropdown{position:absolute;bottom:calc(100% + 4px);left:0;right:0;background:var(--tb-bg-surface);border:1px solid var(--tb-line);z-index:10;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--tb-duration-fast) ease,visibility var(--tb-duration-fast) ease,transform var(--tb-duration-fast) ease;max-height:280px;overflow-y:auto}.tb-toolbar__select--open .tb-toolbar__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.tb-toolbar__dropdown--down{bottom:auto;top:calc(100% + 4px);transform:translateY(-4px)}.tb-toolbar__select--open .tb-toolbar__dropdown--down{transform:translateY(0)}.tb-toolbar__option{padding:var(--tb-sp-2) var(--tb-sp-3);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;color:var(--tb-text-label);border-left:2px solid transparent;transition:all var(--tb-duration-fast) ease;white-space:nowrap}.tb-toolbar__option:hover{color:var(--tb-primary);background:#a7d9ef0d;border-left-color:var(--tb-primary)}.tb-toolbar__option--active{color:var(--tb-primary);border-left-color:var(--tb-primary)}.tb-toolbar__option-meta{display:block;font-size:.45rem;color:var(--tb-text-muted);letter-spacing:.15em;margin-top:2px}@media(max-width:480px){.tb-toolbar__trigger{min-width:100px}.tb-toolbar__label{letter-spacing:.15em}}.tb-sidenav{display:flex;flex-direction:column}.tb-sidenav__item{display:flex;align-items:center;gap:var(--tb-sp-2);width:100%;padding:var(--tb-sp-2) var(--tb-sp-6);color:var(--tb-text-label);text-decoration:none;font-family:var(--tb-font);font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;font-weight:400;background:none;border:none;border-left:2px solid transparent;cursor:pointer;transition:color var(--tb-duration-fast) ease,background var(--tb-duration-fast) ease,border-color var(--tb-duration-fast) ease}.tb-sidenav__item:hover{color:var(--tb-text-body);background:#a7d9ef08}.tb-sidenav .tb-sidenav__item--active{color:var(--tb-text-heading);border-left-color:var(--tb-primary);background:#a7d9ef0d}.tb-sidenav__icon{display:inline-flex;align-items:center;font-size:16px;opacity:.6;flex-shrink:0}.tb-sidenav__item--active .tb-sidenav__icon{opacity:.9}.tb-sidenav--icon-right .tb-sidenav__icon{order:1}.tb-sidenav--border-right .tb-sidenav__item{border-left:none;border-right:2px solid transparent}.tb-sidenav--border-right .tb-sidenav__item--active{border-right-color:var(--tb-primary)}.tb-sidenav__group-trigger{display:flex;align-items:center;gap:var(--tb-sp-2);width:100%;padding:var(--tb-sp-2) var(--tb-sp-6);color:var(--tb-text-label);font-family:var(--tb-font);font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;font-weight:400;background:none;border:none;border-left:2px solid transparent;cursor:pointer;transition:color var(--tb-duration-fast) ease,background var(--tb-duration-fast) ease}.tb-sidenav__group-trigger:hover{color:var(--tb-text-body);background:#a7d9ef08}.tb-sidenav__group-chevron{display:inline-flex;align-items:center;font-size:16px;opacity:.4;margin-left:auto;transition:transform var(--tb-duration-fast) var(--tb-ease-standard)}.tb-sidenav__group--open>.tb-sidenav__group-trigger .tb-sidenav__group-chevron{transform:rotate(180deg)}.tb-sidenav__group-content{display:none}.tb-sidenav__group--open>.tb-sidenav__group-content{display:flex;flex-direction:column}.tb-sidenav__group-content .tb-sidenav__item{padding-left:var(--tb-sp-10)}.tb-sidenav__item:focus-visible,.tb-sidenav__group-trigger:focus-visible{outline:2px solid var(--tb-primary);outline-offset:-2px}.tb-code-block{position:relative;background:var(--tb-bg);border:1px solid var(--tb-line);padding:var(--tb-sp-4);font-family:JetBrains Mono,monospace;font-size:.65rem;letter-spacing:.05em;line-height:1.8;color:var(--tb-text-label);text-transform:none;overflow-x:auto;-webkit-overflow-scrolling:touch}.tb-code-block__copy{position:absolute;top:var(--tb-sp-2);right:var(--tb-sp-2);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--tb-bg-surface);border:1px solid var(--tb-line);color:var(--tb-text-muted);cursor:pointer;opacity:0;transition:opacity var(--tb-duration-fast) ease,color var(--tb-duration-fast) ease,border-color var(--tb-duration-fast) ease}.tb-code-block:hover .tb-code-block__copy{opacity:1}.tb-code-block__copy:hover{color:var(--tb-text-heading);border-color:var(--tb-line-bright)}.tb-code-block__copy--copied{color:var(--tb-success);opacity:1}.tb-code-block .prompt{color:var(--tb-success)}.tb-code-block .key{color:var(--tb-warning)}.tb-code-block .string{color:var(--tb-primary)}.tb-code-block .comment{color:var(--tb-text-muted)}.tooltip-full{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 24px}section{padding:100px 0}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;vertical-align:middle}.hero{min-height:90vh;display:flex;align-items:center;padding-top:60px;padding-bottom:60px}.hero-inner{padding:40px}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;letter-spacing:.15em;line-height:1.1;margin-bottom:16px;text-align:center}.hero-title .outline{-webkit-text-stroke:1.5px var(--tb-primary);-webkit-text-fill-color:transparent}.hero-desc{font-size:.75rem;line-height:1.8;color:var(--tb-text-label);max-width:560px;margin-bottom:32px;letter-spacing:.08em}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.sidenav-demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.navbar{position:sticky;top:0;z-index:100;background:#020617eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--tb-line);padding:16px 0}.navbar .container{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:.85rem;font-weight:700;letter-spacing:.3em;color:var(--tb-text-heading)}.nav-logo span{color:var(--tb-text-muted)}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links>li>a{font-size:.65rem;font-weight:400;letter-spacing:.15em;color:var(--tb-text-label)}.nav-links>li>a:hover{color:var(--tb-text-heading)}.nav-links>li>a.nav-link--active{color:var(--tb-text-heading);border-bottom:2px solid var(--tb-primary);padding-bottom:4px}.section-title{font-size:1.8rem;font-weight:600;letter-spacing:.15em;margin-bottom:12px}.section-subtitle{font-size:.7rem;color:var(--tb-text-muted);letter-spacing:.3em;margin-bottom:40px}.plan-name{font-size:.7rem;letter-spacing:.3em;color:var(--tb-text-muted);margin-bottom:16px}.plan-price{font-size:2.2rem;font-weight:700;letter-spacing:.1em;margin-bottom:8px}.plan-price .period{font-size:.6rem;color:var(--tb-text-muted);font-weight:400}.plan-desc{font-size:.6rem;color:var(--tb-text-label);margin-bottom:32px;line-height:1.8}.plan-features{list-style:none;text-align:left;margin-bottom:32px}.plan-features li{font-size:.6rem;letter-spacing:.15em;color:var(--tb-text-label);padding:8px 0;border-bottom:1px solid var(--tb-line);display:flex;align-items:center;gap:8px}.plan-features li .material-symbols-outlined{font-size:14px;color:var(--tb-text-muted)}.code-block{background:var(--tb-bg);border:1px solid var(--tb-line);padding:16px;font-size:.65rem;color:var(--tb-text-label)}.code-block .prompt{color:var(--tb-success)}.code-block .key{color:var(--tb-warning)}.site-footer{border-top:1px solid var(--tb-line);padding:40px 0}.footer-inner{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:.55rem;letter-spacing:.2em;color:var(--tb-text-muted)}.footer-links a:hover{color:var(--tb-text-heading)}.footer-sep{width:100%;height:1px;background:var(--tb-line);margin:24px 0}.footer-copy{font-size:.5rem;color:var(--tb-text-muted);letter-spacing:.2em;margin-top:24px;text-align:center}.demo-label{font-size:.6rem;letter-spacing:.2em;color:var(--tb-text-label);margin-bottom:16px}.nav-hamburger{display:none;background:none;border:1px solid var(--tb-line);color:var(--tb-text-heading);padding:6px 8px;cursor:pointer;font-size:20px;line-height:1}@media(max-width:768px){.hero-title{font-size:2rem}.hero-inner{padding:20px}.pricing-grid,.features-grid,.metrics-grid,.sidenav-demo-grid,.controls-grid{grid-template-columns:1fr}.nav-hamburger{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--tb-bg-surface);border:1px solid var(--tb-line-bright);padding:16px 24px;gap:16px}.nav-links--open{display:flex}section{padding:60px 0}}@media(max-width:480px){.container{padding:0 16px}.hero-title{font-size:clamp(1.8rem,8vw,4.5rem)}.hero-desc{max-width:100%}.hero-buttons{flex-direction:column}.hero-buttons .tb-btn{width:100%}.features-grid,.pricing-grid,.sidenav-demo-grid,.controls-grid{grid-template-columns:1fr}section{padding:40px 0}.nav-logo{letter-spacing:.15em}.section-title{font-size:1.4rem;letter-spacing:.08em}.section-subtitle,.plan-name{letter-spacing:.15em}.plan-price .period,.plan-desc{letter-spacing:.05em}.plan-features li{letter-spacing:.08em}.footer-links{gap:12px;flex-wrap:wrap}}