@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{color:#ffffffe6;background-color:#1a1a2e}}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}.home{max-width:900px;margin:0 auto;padding:2rem}.home h1{font-size:2.5rem;margin-bottom:.5rem}.home>p{color:#666;margin-bottom:2rem}@media(prefers-color-scheme:dark){.home>p{color:#aaa}}.explainer-list{display:grid;gap:1rem}.explainer-card{display:block;padding:1.5rem;background:#f8f9fa;border-radius:12px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s;border:1px solid #e9ecef}@media(prefers-color-scheme:dark){.explainer-card{background:#252540;border-color:#3a3a5c}}.explainer-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.explainer-card h2{margin:0 0 .5rem;font-size:1.25rem}.explainer-meta{display:flex;gap:1rem;font-size:.875rem;color:#666}@media(prefers-color-scheme:dark){.explainer-meta{color:#999}}.protected-badge{background:#ffc107;color:#000;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.password-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.password-gate-content{text-align:center;max-width:400px}.password-gate h2{margin-bottom:.5rem}.password-gate p{color:#666;margin-bottom:1.5rem}@media(prefers-color-scheme:dark){.password-gate p{color:#aaa}}.password-gate form{display:flex;gap:.5rem;justify-content:center}.password-gate input{padding:.75rem 1rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .2s}.password-gate input:focus{border-color:#4361ee}@media(prefers-color-scheme:dark){.password-gate input{background:#252540;border-color:#3a3a5c;color:#fff}.password-gate input:focus{border-color:#4361ee}}.password-gate button{padding:.75rem 1.5rem;font-size:1rem;background:#4361ee;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.password-gate button:hover{background:#3a56d4}.password-gate .password-error{color:#dc3545;margin-top:1rem;font-weight:500}.password-gate input.shake{animation:shake .4s ease-in-out;border-color:#dc3545!important}.password-gate input[aria-invalid=true]{border-color:#dc3545}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.slide-container{min-height:100vh;display:flex;flex-direction:column}.slide-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.slide{max-width:900px;width:100%}.slide h1{font-size:3rem;margin-bottom:.5rem}.slide h2{font-size:2rem;margin-bottom:1.5rem;color:#4361ee}@media(prefers-color-scheme:dark){.slide h2{color:#7c93f7}}.slide .subtitle{font-size:1.25rem;color:#666}@media(prefers-color-scheme:dark){.slide .subtitle{color:#aaa}}.slide ul{font-size:1.125rem;line-height:1.8}.slide li{margin-bottom:.5rem}.title-slide{text-align:center}.slide-navigation{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-top:1px solid #e9ecef;background:#f8f9fa}@media(prefers-color-scheme:dark){.slide-navigation{background:#252540;border-color:#3a3a5c}}.nav-button{padding:.5rem 1rem;background:#4361ee;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background .2s,opacity .2s}.nav-button:hover:not(:disabled){background:#3a56d4}.nav-button:disabled{opacity:.5;cursor:not-allowed}.slide-progress{text-align:center}.slide-progress span{font-size:.875rem;color:#666}@media(prefers-color-scheme:dark){.slide-progress span{color:#aaa}}.progress-bar{width:150px;height:4px;background:#ddd;border-radius:2px;margin-top:.25rem;overflow:hidden}@media(prefers-color-scheme:dark){.progress-bar{background:#3a3a5c}}.progress-fill{height:100%;background:#4361ee;transition:width .3s ease}.slide-dots{display:flex;justify-content:center;gap:.5rem;padding:.5rem;background:#f8f9fa}@media(prefers-color-scheme:dark){.slide-dots{background:#252540}}.dot{width:10px;height:10px;border-radius:50%;border:none;background:#ddd;cursor:pointer;padding:0;transition:background .2s,transform .2s}@media(prefers-color-scheme:dark){.dot{background:#3a3a5c}}.dot:hover{background:#bbb}@media(prefers-color-scheme:dark){.dot:hover{background:#4a4a6c}}.dot.active{background:#4361ee;transform:scale(1.2)}.demo-embed{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin:1rem 0;border:1px solid #e9ecef}@media(prefers-color-scheme:dark){.demo-embed{background:#252540;border-color:#3a3a5c}}.demo-embed.full-width{margin-left:-2rem;margin-right:-2rem;border-radius:0}.demo-title{margin:0 0 .5rem;font-size:1rem;color:#4361ee}@media(prefers-color-scheme:dark){.demo-title{color:#7c93f7}}.demo-description{margin:0 0 1rem;font-size:.875rem;color:#666}@media(prefers-color-scheme:dark){.demo-description{color:#aaa}}.comparison-grid,.recommendation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}@media(max-width:600px){.comparison-grid,.recommendation-grid{grid-template-columns:1fr}}.comparison-box,.recommendation{background:#f8f9fa;padding:1.5rem;border-radius:12px;border:1px solid #e9ecef}@media(prefers-color-scheme:dark){.comparison-box,.recommendation{background:#252540;border-color:#3a3a5c}}.comparison-box h3,.recommendation h3{margin:0 0 1rem;font-size:1.125rem}.comparison-box ul,.recommendation ul{margin:0;padding-left:1.25rem;font-size:1rem}.recommendation.highlight{border-color:#4361ee;background:linear-gradient(135deg,#f0f3ff,#e8ecff)}@media(prefers-color-scheme:dark){.recommendation.highlight{background:linear-gradient(135deg,#2a2a4a,#303060)}}.code-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:700px){.code-comparison{grid-template-columns:1fr}}.code-block{background:#1e1e2e;border-radius:8px;overflow:hidden}.code-block h4{margin:0;padding:.75rem 1rem;background:#2a2a3e;color:#fff;font-size:.875rem}.code-block pre{margin:0;padding:1rem;font-size:.8rem;color:#e0e0e0;overflow-x:auto;line-height:1.5}.cta{margin-top:2rem;padding:1rem;background:linear-gradient(135deg,#4361ee,#3a56d4);color:#fff;border-radius:8px;text-align:center;font-weight:500}@media(max-width:600px){.slide h1{font-size:2rem}.slide h2{font-size:1.5rem}.slide-content{padding:1rem}.slide-navigation{padding:.75rem 1rem}.nav-button{padding:.4rem .75rem;font-size:.75rem}}:root{--color-base03: #002b36;--color-base02: #073642;--color-base01: #586e75;--color-base00: #657b83;--color-base0: #839496;--color-base1: #93a1a1;--color-base2: #eee8d5;--color-base3: #fdf6e3;--color-yellow: #b58900;--color-orange: #cb4b16;--color-red: #dc322f;--color-magenta: #d33682;--color-violet: #6c71c4;--color-blue: #268bd2;--color-cyan: #2aa198;--color-green: #859900;--color-ink: var(--color-base02);--color-ink-soft: var(--color-base01);--color-paper: var(--color-base3);--color-paper-alt: var(--color-base2);--color-paper-warm: #f5f0e0;--color-accent: var(--color-orange);--color-accent-deep: #a63d12;--color-accent-light: #e07030;--color-teal: #156862;--color-teal-light: #2aa198;--color-gold: var(--color-yellow);--color-gold-light: #f0c000;--color-gold-dark: #8a6d00;--color-text: var(--color-base01);--color-text-secondary: #4a5568;--color-text-tertiary: var(--color-base01);--color-text-muted: #4a5568;--color-text-inverse: var(--color-base3);--color-rule: #d4cbb8;--color-rule-dark: var(--color-base1);--color-success: var(--color-green);--color-warning: var(--color-yellow);--color-error: #b91c1c;--color-focus: var(--color-blue);--color-focus-ring: rgba(38, 139, 210, .3);--font-display: "Playfair Display", "Georgia", "Times New Roman", serif;--font-body: "Source Serif 4", "Georgia", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--font-display-zh: "Noto Serif SC", "STSong", "SimSun", serif;--font-body-zh: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem;--text-5xl: 5rem;--leading-tight: 1.1;--leading-display: 1.15;--leading-heading: 1.25;--leading-body: 1.65;--leading-loose: 1.8;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 800;--tracking-tight: -.03em;--tracking-display: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-caps: .12em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max: 1080px;--container-narrow: 720px;--container-padding: 2rem;--radius-none: 0;--radius-xs: 2px;--radius-sm: 3px;--radius-md: 4px;--border-hairline: 1px;--border-thin: 2px;--border-thick: 4px;--border-heavy: 8px;--shadow-sm: 0 1px 3px rgba(0, 43, 54, .08);--shadow-md: 0 4px 12px rgba(0, 43, 54, .1);--shadow-lg: 0 12px 40px rgba(0, 43, 54, .15);--shadow-inset: inset 0 2px 4px rgba(0, 43, 54, .05);--noise-opacity: .02;--grain-url: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");--transition-instant: .1s ease-out;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .4s ease-out;--z-base: 0;--z-above: 1;--z-sticky: 10;--z-overlay: 100;--z-modal: 1000;--touch-min: 44px}[lang=zh],.lang-zh{--font-display: var(--font-display-zh);--font-body: var(--font-body-zh);--leading-body: 1.75;--tracking-normal: .02em}@media(max-width:768px){:root{--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--container-padding: 1.25rem}}@media(max-width:480px){:root{--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--container-padding: 1rem}}@media(prefers-reduced-motion:reduce){:root{--transition-instant: 0ms;--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes gentleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes drawLine{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes arrowPulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(2px)}}@keyframes progressFill{0%{width:0}}@keyframes dotPulse{0%,to{box-shadow:0 0 #c75b1266}50%{box-shadow:0 0 0 8px #c75b1200}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes tabIndicatorSlide{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out forwards}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out forwards}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out forwards}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out forwards}.animate-scale-in{animation:scaleIn var(--transition-slow) ease-out forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.hover-press{transition:transform var(--transition-fast)}.hover-press:active{transform:scale(.98)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px #c75b124d}.hover-bg-fade{transition:background-color var(--transition-normal)}.flow-arrow{display:inline-flex;align-items:center;animation:arrowPulse 1.5s ease-in-out infinite}.flow-arrow svg{width:24px;height:24px}.flow-arrow path{stroke-dasharray:100;animation:drawLine .6s ease-out forwards}.svg-animated-line{stroke-dasharray:100;stroke-dashoffset:100;animation:drawLine .8s ease-out forwards}.svg-animated-line.delay-1{animation-delay:.2s}.svg-animated-line.delay-2{animation-delay:.4s}.svg-animated-line.delay-3{animation-delay:.6s}.timeline-dot-current{animation:dotPulse 2s ease-in-out infinite}.tab-content-enter{opacity:0;transform:translate(10px)}.tab-content-enter-active{opacity:1;transform:translate(0);transition:opacity var(--transition-normal),transform var(--transition-normal)}.tab-content-exit{opacity:1;transform:translate(0)}.tab-content-exit-active{opacity:0;transform:translate(-10px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.tab-indicator{position:absolute;bottom:0;height:3px;background:var(--color-accent);transition:left var(--transition-normal),width var(--transition-normal)}.collapsible-enter{max-height:0;opacity:0;overflow:hidden}.collapsible-enter-active{max-height:500px;opacity:1;transition:max-height var(--transition-slow),opacity var(--transition-slow)}.collapsible-exit{max-height:500px;opacity:1;overflow:hidden}.collapsible-exit-active{max-height:0;opacity:0;transition:max-height var(--transition-slow),opacity var(--transition-slow)}.skeleton{background:linear-gradient(90deg,var(--color-paper-alt) 25%,var(--color-paper-warm) 50%,var(--color-paper-alt) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-fade-in,.animate-fade-in-up,.animate-fade-in-down,.animate-slide-in-left,.animate-slide-in-right,.animate-scale-in{animation:none;opacity:1;transform:none}.hover-lift:hover{transform:none}.flow-arrow,.timeline-dot-current{animation:none}}.tb-page:before{content:"";position:fixed;inset:0;background-image:var(--grain-url);opacity:var(--noise-opacity);pointer-events:none;z-index:9999}.tb-skip-link{position:absolute;top:-100px;left:var(--space-4);background-color:var(--color-ink);color:var(--color-paper);padding:var(--space-3) var(--space-6);font-family:var(--font-ui);font-weight:var(--font-semibold);font-size:var(--text-sm);text-decoration:none;z-index:var(--z-modal);transition:top var(--transition-fast)}.tb-skip-link:focus{top:var(--space-4);outline:2px solid var(--color-accent);outline-offset:2px}.tb-page :focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.tb-page :focus:not(:focus-visible){outline:none}.tb-page{font-family:var(--font-body);max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--container-padding) var(--space-16);background-color:var(--color-paper);color:var(--color-text);line-height:var(--leading-body);min-height:100vh;position:relative}.tb-page.lang-zh{font-family:var(--font-body-zh)}.tb-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-10)}.tb-header-content{flex:1}.tb-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--color-ink);margin:0 0 var(--space-4);letter-spacing:var(--tracking-tight);line-height:var(--leading-display)}.tb-subtitle{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent-deep);margin:0;text-transform:uppercase;letter-spacing:var(--tracking-caps)}.tb-lang-toggle{display:flex;gap:0;border:var(--border-thin) solid var(--color-rule);flex-shrink:0}.tb-lang-btn{padding:var(--space-2) var(--space-4);border:none;background-color:var(--color-paper);color:var(--color-text);cursor:pointer;font-family:var(--font-ui);font-weight:var(--font-semibold);font-size:var(--text-sm);transition:all var(--transition-fast);min-height:var(--touch-min)}.tb-lang-btn:hover{background-color:var(--color-paper-alt)}.tb-lang-btn.active{background-color:var(--color-accent-deep);color:var(--color-paper)}.tb-meta{background-color:var(--color-ink);color:var(--color-paper);padding:var(--space-6);margin-bottom:var(--space-10);position:relative}.tb-meta--enhanced{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.tb-meta--enhanced{grid-template-columns:auto 1fr auto;align-items:center}}.tb-meta-badge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--color-accent-deep);color:var(--color-paper);padding:var(--space-2) var(--space-4);font-family:var(--font-ui);font-weight:var(--font-bold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.tb-meta-badge-icon{font-size:var(--text-base)}.tb-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4) var(--space-8)}@media(min-width:600px){.tb-meta-grid{grid-template-columns:repeat(4,1fr)}}.tb-meta-item{display:flex;flex-direction:column;gap:2px}.tb-meta-item--clickable{cursor:pointer;transition:opacity var(--transition-fast)}.tb-meta-item--clickable:hover{opacity:.8}.tb-meta-label{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-rule)}.tb-meta-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-paper)}.tb-meta-value--highlight{color:var(--color-gold-light)}.tb-meta-tooltip{position:absolute;bottom:100%;left:0;background-color:var(--color-paper);color:var(--color-ink);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-family:var(--font-ui);white-space:nowrap;box-shadow:var(--shadow-md)}.tb-meta-alive{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.2);grid-column:1 / -1}@media(min-width:768px){.tb-meta-alive{padding-top:0;border-top:none;grid-column:auto;justify-self:end}}.tb-meta-alive-dot{width:8px;height:8px;background-color:var(--color-success);animation:pulse 2s ease-in-out infinite}.tb-meta-alive-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-rule)}.tb-nav-wrapper{position:relative}.tb-nav{display:flex;gap:0;margin-bottom:var(--space-10);border-bottom:var(--border-thick) solid var(--color-ink);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tb-nav::-webkit-scrollbar{display:none}@media(max-width:768px){.tb-nav{position:relative}.tb-nav:after{content:"";position:sticky;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,var(--color-paper));pointer-events:none;flex-shrink:0}}.tb-nav-btn{padding:var(--space-4) var(--space-5);border:none;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-ui);font-weight:var(--font-medium);font-size:var(--text-sm);white-space:nowrap;transition:all var(--transition-fast);min-height:var(--touch-min);position:relative;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.tb-nav-btn:hover{color:var(--color-ink);background-color:var(--color-paper-alt)}.tb-nav-btn.active{color:var(--color-paper);background-color:var(--color-ink)}@media(max-width:768px){.tb-nav-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}}.tb-section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-ink);margin:0 0 var(--space-8);line-height:var(--leading-heading);position:relative;padding-bottom:var(--space-4)}.tb-section-title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:var(--border-thick);background-color:var(--color-accent)}.tb-evidence{background-color:var(--color-ink);color:var(--color-paper);padding:var(--space-8);margin-bottom:var(--space-10);position:relative}.tb-evidence:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--border-heavy);background-color:var(--color-accent)}.tb-evidence-pattern{display:none}.tb-evidence-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.tb-evidence-title{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent-light)}.tb-evidence-toggle{background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--color-paper);padding:var(--space-2) var(--space-3);cursor:pointer;font-family:var(--font-ui);font-size:var(--text-xs);transition:all var(--transition-fast);min-height:var(--touch-min);display:flex;align-items:center;gap:var(--space-2)}.tb-evidence-toggle:hover{background:#ffffff1a}.tb-evidence-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:600px){.tb-evidence-grid{grid-template-columns:1fr 1fr;gap:var(--space-10)}}.tb-evidence-item{position:relative;padding-left:var(--space-6)}.tb-evidence-item:before{content:'"';position:absolute;left:0;top:-8px;font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-accent);line-height:1}.tb-evidence-quote{font-family:var(--font-display);font-size:var(--text-lg);font-style:italic;line-height:var(--leading-heading);margin-bottom:var(--space-4)}.tb-evidence-source{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-rule)}.tb-evidence-link{color:var(--color-gold-light);text-decoration:none;border-bottom:1px solid currentColor;transition:opacity var(--transition-fast)}.tb-evidence-link:hover{opacity:.8}.tb-evidence.collapsed{padding:var(--space-4) var(--space-6)}.tb-evidence.collapsed .tb-evidence-content{display:none}.tb-card{background-color:var(--color-paper);border:var(--border-thin) solid var(--color-rule);padding:var(--space-6);margin-bottom:var(--space-6);position:relative}.tb-card--white{background-color:var(--color-paper)}.tb-card--accent{border-left:var(--border-heavy) solid var(--color-accent);background-color:var(--color-paper-warm)}.tb-card--primary{background-color:var(--color-base02);color:var(--color-paper);border:none}.tb-card--primary .tb-card-pattern{display:none}.tb-card--primary .tb-card-label{color:var(--color-gold-light)}.tb-card--primary .tb-p,.tb-card--primary p{color:var(--color-paper)}.tb-card--primary a{color:#5dd8cf;text-decoration:underline}.tb-card--primary a:hover{color:var(--color-paper)}.tb-card--bordered{border:var(--border-thin) solid var(--color-ink)}.tb-card--shadow{box-shadow:var(--shadow-lg);border:none}.tb-card-label{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent-deep);margin-bottom:var(--space-4)}.tb-card-content{position:relative}.tb-card-icon{font-size:32px;margin-bottom:var(--space-4)}.tb-card-num{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--color-accent);line-height:1;min-width:48px;flex-shrink:0}.tb-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-ink);margin-bottom:var(--space-4);line-height:var(--leading-heading)}.tb-card--primary .tb-card-title{color:var(--color-paper)}.tb-card-row{display:flex;gap:var(--space-5);align-items:flex-start}.tb-card-row .tb-card-icon{flex-shrink:0;margin-bottom:0}.tb-compare{display:grid;grid-template-columns:1fr;gap:var(--border-thin);background-color:var(--color-ink);margin-bottom:var(--space-10)}@media(min-width:600px){.tb-compare{grid-template-columns:1fr 1fr}}.tb-compare-col{padding:var(--space-6);background-color:var(--color-paper)}.tb-compare-col--highlight{background-color:var(--color-paper-warm)}.tb-compare-icon{font-size:40px;margin-bottom:var(--space-4)}.tb-compare-label{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--color-text-muted);line-height:1;margin-bottom:var(--space-4)}.tb-compare-col--highlight .tb-compare-label{color:var(--color-accent)}.tb-compare-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.tb-compare-col--highlight .tb-compare-title{color:var(--color-ink)}.tb-compare-head{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.tb-compare-col--highlight .tb-compare-head{color:var(--color-accent-deep)}.tb-big-number{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-black);color:var(--color-ink);line-height:1;margin-bottom:var(--space-2)}.tb-big-number--accent{color:var(--color-accent)}.tb-big-number-label{font-family:var(--font-ui);font-size:var(--text-base);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.tb-hero-stat{background-color:var(--color-ink);color:var(--color-paper);padding:var(--space-10) var(--space-8);text-align:center;margin-bottom:var(--space-10);position:relative}.tb-hero-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--border-heavy);background-color:var(--color-gold)}.tb-hero-stat-label{font-family:var(--font-ui);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-gold-light);margin-bottom:var(--space-4)}.tb-hero-stat-value{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--font-black);line-height:1;margin-bottom:var(--space-2)}.tb-hero-stat-sub{font-family:var(--font-body);font-size:var(--text-xl);color:var(--color-rule)}.tb-hero-stat-note{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-4)}.tb-architecture{padding:var(--space-8);margin-bottom:var(--space-10);background-color:var(--color-paper-warm);border:var(--border-thin) solid var(--color-rule)}.tb-architecture-layer{text-align:center;margin-bottom:var(--space-6)}.tb-architecture-box{display:inline-block;padding:var(--space-4) var(--space-8);font-family:var(--font-ui);font-weight:var(--font-semibold);font-size:var(--text-sm)}.tb-architecture-box--primary{background-color:var(--color-ink);color:var(--color-paper)}.tb-architecture-box--primary .tb-architecture-box-sub{color:var(--color-base1)}.tb-architecture-box--accent{background-color:var(--color-paper);border:var(--border-thin) solid var(--color-ink)}.tb-architecture-box-sub{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1);font-weight:var(--font-normal)}.tb-architecture-arrow{text-align:center;font-size:24px;color:var(--color-accent);margin-bottom:var(--space-6)}.tb-architecture-outputs{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:600px){.tb-architecture-outputs{grid-template-columns:repeat(3,1fr)}}.tb-architecture-output{text-align:center;padding:var(--space-5);background-color:var(--color-paper);border:var(--border-thin) solid var(--color-rule)}.tb-architecture-output-icon{font-size:28px;margin-bottom:var(--space-3)}.tb-architecture-output-title{font-family:var(--font-ui);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-ink)}.tb-architecture-output-sub{font-size:var(--text-xs);color:var(--color-text-tertiary)}.tb-architecture-output-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent-deep);margin-top:var(--space-2)}.tb-flow{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background-color:var(--color-paper-alt);border:var(--border-thin) solid var(--color-rule);margin-bottom:var(--space-6);flex-wrap:nowrap;overflow-x:auto}@media(max-width:480px){.tb-flow{flex-direction:column;gap:var(--space-4)}.tb-flow .tb-flow-arrow{transform:rotate(90deg)}}.tb-flow-box{padding:var(--space-3) var(--space-4);font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-semibold);text-align:center;white-space:nowrap;flex-shrink:0}.tb-flow-box--primary{background-color:var(--color-ink);color:var(--color-paper)}.tb-flow-box--accent{background-color:var(--color-accent);color:var(--color-paper)}.tb-flow-box--cta{background-color:var(--color-gold);color:var(--color-ink)}.tb-flow-arrow{color:var(--color-text-tertiary);font-size:var(--text-lg)}.tb-table-wrapper{overflow-x:auto;margin-bottom:var(--space-10);border:var(--border-thin) solid var(--color-ink)}.tb-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:500px}.tb-table th{text-align:left;padding:var(--space-4);background-color:var(--color-ink);color:var(--color-paper);font-family:var(--font-ui);font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.tb-table td{padding:var(--space-4);border-bottom:var(--border-hairline) solid var(--color-rule);vertical-align:top}.tb-table tr:last-child td{border-bottom:none}.tb-table tr:nth-child(2n){background-color:var(--color-paper-alt)}.tb-table td:first-child{font-weight:var(--font-semibold);color:var(--color-ink)}.tb-table--accent td:last-child{font-family:var(--font-mono);font-weight:var(--font-bold)}.tb-table .tb-table-negative{color:var(--color-error)}.tb-table .tb-table-positive{color:var(--color-teal)}.tb-timeline{position:relative;margin-left:var(--space-4);padding-left:var(--space-8);border-left:var(--border-thin) solid var(--color-ink)}.tb-timeline-item{position:relative;margin-bottom:var(--space-6)}.tb-timeline-item--pending .tb-timeline-date,.tb-timeline-item--pending .tb-timeline-text{color:var(--color-text-tertiary)}.tb-timeline-item--pending .tb-timeline-dot{background-color:var(--color-paper);border:var(--border-thin) dashed var(--color-text-tertiary)}.tb-timeline-dot{position:absolute;left:calc(-1 * var(--space-8) - 6px);top:4px;width:12px;height:12px;background-color:var(--color-ink)}.tb-timeline-item--done .tb-timeline-dot{background-color:var(--color-teal)}.tb-timeline-item--current .tb-timeline-dot{background-color:var(--color-accent);animation:pulse 2s ease-in-out infinite}.tb-timeline-date{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent-deep)}.tb-timeline-text{font-size:var(--text-base);color:var(--color-text);margin-top:2px}.tb-schema-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8)}.tb-schema-tag{background-color:var(--color-paper-alt);color:var(--color-ink);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);border:var(--border-hairline) solid var(--color-rule);cursor:pointer;transition:all var(--transition-fast);min-height:44px;display:inline-flex;align-items:center}.tb-schema-tag:hover{background-color:var(--color-accent);color:var(--color-paper);border-color:var(--color-accent)}.tb-schema-tag:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tb-question-card{background-color:var(--color-paper);border:var(--border-thin) solid var(--color-rule);padding:var(--space-5);margin-bottom:var(--space-4)}.tb-question-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.tb-question-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0}.tb-question-icon--check{background-color:var(--color-teal);color:var(--color-paper)}.tb-question-icon--question{background-color:var(--color-gold);color:var(--color-ink)}.tb-question-title{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-ink)}.tb-question-detail{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-body)}.tb-capability-card{background-color:var(--color-paper);padding:var(--space-6);border:var(--border-thin) solid var(--color-rule);border-top:var(--border-heavy) solid var(--color-accent);transition:all var(--transition-normal)}.tb-capability-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tb-capability-icon{font-size:32px;margin-bottom:var(--space-4)}.tb-capability-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-ink);margin-bottom:var(--space-4)}.tb-capability-before,.tb-capability-after{font-size:var(--text-sm);margin-bottom:var(--space-2)}.tb-capability-before span:first-child{color:var(--color-text-tertiary)}.tb-capability-after span:first-child{color:var(--color-accent);font-weight:var(--font-bold)}.tb-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-8)}@media(min-width:600px){.tb-grid--2,.tb-grid--3{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.tb-grid--3{grid-template-columns:repeat(3,1fr)}}.tb-row{display:flex;gap:var(--space-8);margin-bottom:var(--space-8);flex-wrap:wrap}.tb-col{flex:1 1 280px;min-width:0}.tb-p{font-size:var(--text-base);margin-bottom:var(--space-5);color:var(--color-text);line-height:var(--leading-body)}.tb-small{font-size:var(--text-sm);color:var(--color-text-secondary)}.tb-strong{font-weight:var(--font-semibold);color:var(--color-ink)}.tb-footer{margin-top:var(--space-16);padding-top:var(--space-6);border-top:var(--border-thick) solid var(--color-rule);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.tb-footer strong{color:var(--color-ink)}.tb-footer a{color:var(--color-accent-deep);text-decoration:none;border-bottom:1px solid currentColor}.tb-footer a:hover{opacity:.8}.tb-text-center{text-align:center}.tb-mt-0{margin-top:0}.tb-mb-0{margin-bottom:0}.tb-mt-4{margin-top:var(--space-4)}.tb-mb-4{margin-bottom:var(--space-4)}.tb-mt-6{margin-top:var(--space-6)}.tb-mb-6{margin-bottom:var(--space-6)}.tb-creation-log-overlay{position:fixed;inset:0;background-color:#0d0d0dcc;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--transition-fast) ease}.tb-creation-log{background-color:var(--color-paper);max-width:720px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:scaleIn var(--transition-normal) ease}.tb-creation-log-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);background-color:var(--color-ink);color:var(--color-paper)}.tb-creation-log-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.tb-creation-log-close{background:transparent;border:none;color:var(--color-paper);cursor:pointer;padding:var(--space-2);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.tb-creation-log-close:hover{opacity:.7}.tb-creation-log-content{padding:var(--space-6);overflow-y:auto}.tb-creation-log-banner{display:flex;gap:var(--space-4);align-items:flex-start;padding:var(--space-5);background-color:var(--color-ink);color:var(--color-paper);margin-bottom:var(--space-8)}.tb-creation-log-banner-icon{font-size:32px}.tb-creation-log-section{margin-bottom:var(--space-8)}.tb-creation-log-section-title{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent);margin-bottom:var(--space-5)}.tb-creation-log-timeline{position:relative;padding-left:var(--space-10)}.tb-creation-log-timeline:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:2px;background-color:var(--color-rule)}.tb-creation-log-timeline-item{position:relative;padding-bottom:var(--space-5)}.tb-creation-log-timeline-item:last-child{padding-bottom:0}.tb-creation-log-timeline-icon{position:absolute;left:calc(-1 * var(--space-10) + 2px);width:24px;height:24px;background-color:var(--color-paper);border:2px solid var(--color-accent);display:flex;align-items:center;justify-content:center;font-size:11px}.tb-creation-log-timeline-time{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent)}.tb-creation-log-timeline-event{font-weight:var(--font-semibold);color:var(--color-ink)}.tb-creation-log-timeline-detail{font-size:var(--text-sm);color:var(--color-text-secondary)}.tb-creation-log-docs{display:flex;flex-direction:column;gap:var(--space-4)}.tb-creation-log-doc{padding:var(--space-4);background-color:var(--color-paper-alt);border-left:var(--border-thick) solid var(--color-accent)}.tb-creation-log-doc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.tb-creation-log-doc-name{font-family:var(--font-ui);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-ink)}.tb-creation-log-doc-relevance{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-accent)}.tb-creation-log-doc-contribution{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.tb-creation-log-doc-bar{height:4px;background-color:var(--color-rule);overflow:hidden}.tb-creation-log-doc-bar-fill{height:100%;background-color:var(--color-accent);transition:width var(--transition-slow)}.tb-creation-log-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding-top:var(--space-5);border-top:var(--border-thin) solid var(--color-rule)}@media(max-width:480px){.tb-creation-log-stats{grid-template-columns:repeat(2,1fr)}}.tb-creation-log-stat{text-align:center}.tb-creation-log-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-ink)}.tb-creation-log-stat-label{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-tertiary)}.tb-section-nav{display:flex;justify-content:space-between;align-items:stretch;gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-6);border-top:var(--border-thin) solid var(--color-rule)}.tb-section-nav-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--color-paper);border:var(--border-thin) solid var(--color-rule);cursor:pointer;transition:all var(--transition-fast);text-align:left;max-width:45%}.tb-section-nav-btn:hover{background-color:var(--color-paper-alt);border-color:var(--color-accent)}.tb-section-nav-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.tb-section-nav-btn--prev{text-align:left}.tb-section-nav-btn--next{text-align:right;margin-left:auto}.tb-section-nav-btn--next .tb-section-nav-label{align-items:flex-end}.tb-section-nav-btn svg{flex-shrink:0;color:var(--color-text-muted)}.tb-section-nav-btn:hover svg{color:var(--color-accent)}.tb-section-nav-label{display:flex;flex-direction:column;gap:var(--space-1)}.tb-section-nav-hint{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.tb-section-nav-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-ink)}@media(max-width:640px){.tb-section-nav{flex-direction:column;gap:var(--space-3)}.tb-section-nav-btn{max-width:100%;width:100%}.tb-section-nav-btn--next{flex-direction:row-reverse}.tb-section-nav-btn--next .tb-section-nav-label{align-items:flex-start}}.tb-schema-lightbox{max-width:600px}.tb-schema-type-badge{display:inline-block;background-color:var(--color-accent);color:var(--color-paper);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-right:var(--space-3);vertical-align:middle}.tb-schema-highlight{background-color:#00aec71a;border-left:3px solid var(--color-accent);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6);font-size:var(--text-sm)}.tb-schema-section{margin-bottom:var(--space-6)}.tb-schema-fields{display:flex;flex-direction:column;gap:var(--space-3)}.tb-schema-field{background-color:var(--color-paper-alt);padding:var(--space-3);border-left:2px solid var(--color-rule)}.tb-schema-field-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.tb-schema-field-name{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-ink)}.tb-schema-required{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-error);text-transform:uppercase;letter-spacing:.05em}.tb-schema-field-type{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.tb-schema-reference{color:var(--color-accent);font-weight:var(--font-medium)}.tb-schema-field-note{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;margin-top:var(--space-1)}.tb-schema-relationships{display:flex;flex-direction:column;gap:var(--space-2)}.tb-schema-relationship{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent)}.tb-schema-relationship-icon{font-weight:var(--font-bold)}.tb-schema-source{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-hairline) solid var(--color-rule)}.tb-schema-source-link{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-accent);text-decoration:none}.tb-schema-source-link:hover{text-decoration:underline}@media print{.tb-page{max-width:none;padding:0}.tb-page:before{display:none}.tb-nav,.tb-lang-toggle,.tb-evidence-toggle{display:none}.tb-card,.tb-evidence{break-inside:avoid}}@media(max-width:834px){.tb-meta-label,.tb-meta-badge-text,.tb-meta-alive-text,.tb-subtitle,.tb-skip-link{font-size:14px}.tb-evidence-link{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) 0}.tb-footer a{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) var(--space-3)}.tb-accordion-header{min-height:44px;padding:var(--space-3) var(--space-4)}.tb-nav{position:relative}.tb-nav:after{content:"";position:absolute;right:0;top:0;bottom:0;width:32px;background:linear-gradient(to right,transparent,var(--color-paper));pointer-events:none}}.tb-testing-appendix{margin-top:var(--space-8);border:var(--border-hairline) solid var(--color-rule);background-color:var(--color-paper-alt)}.tb-testing-appendix-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);cursor:pointer;min-height:44px;list-style:none}.tb-testing-appendix-summary::-webkit-details-marker{display:none}.tb-testing-appendix-summary:after{content:"▶";font-size:var(--text-xs);color:var(--color-text-secondary);transition:transform var(--transition-fast)}.tb-testing-appendix[open] .tb-testing-appendix-summary:after{transform:rotate(90deg)}.tb-testing-appendix-title{font-family:var(--font-ui);font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-ink)}.tb-testing-appendix-badge{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-text-secondary);background-color:var(--color-paper);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.tb-testing-appendix-content{padding:var(--space-4);padding-top:0;border-top:var(--border-hairline) solid var(--color-rule)}.tb-testing-section{margin-bottom:var(--space-6)}.tb-testing-section-title{font-family:var(--font-ui);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-ink);text-transform:uppercase;letter-spacing:var(--tracking-caps);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-hairline) solid var(--color-rule)}.tb-status{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-weight:var(--font-bold)}.tb-status--pass{color:var(--color-success)}.tb-status--partial{color:var(--color-warning)}.tb-status--fail{color:var(--color-error)}.tb-viewport-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.tb-viewport-item{display:flex;flex-direction:column;background-color:var(--color-paper);padding:var(--space-3);border:var(--border-hairline) solid var(--color-rule)}.tb-viewport-name{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-ink)}.tb-viewport-size{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.tb-viewport-device{font-size:var(--text-xs);color:var(--color-text-tertiary)}.tb-tool-list,.tb-issue-list{padding-left:var(--space-4);margin:0}.tb-tool-list li,.tb-issue-list li{font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2)}.tb-issue-list li strong{color:var(--color-warning)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}