body{--gut: clamp(18px,4vw,32px);--bg: oklch(0.968 0.008 85);--bg-blur: oklch(0.968 0.008 85 / 0.9);--bg-alt: oklch(0.985 0.006 85);--surface: oklch(0.995 0.004 85);--surface-hi: oklch(0.998 0.003 85);--surface-hover: oklch(1 0 0);--chip: oklch(0.94 0.01 80);--track: oklch(0.92 0.01 80);--stripe-a: oklch(0.958 0.008 85);--stripe-b: oklch(0.975 0.006 85);--ph-a: oklch(0.93 0.012 80);--ph-b: oklch(0.965 0.008 85);--line: oklch(0.90 0.012 80);--line-soft: oklch(0.93 0.01 80);--line-strong: oklch(0.88 0.012 80);--line-btn: oklch(0.86 0.012 80);--rank: oklch(0.64 0.012 80);--dot: oklch(0.55 0.012 80);--ink: oklch(0.23 0.012 70);--ink-2: oklch(0.30 0.012 70);--ink-3: oklch(0.38 0.015 70);--muted: oklch(0.44 0.015 70);--muted-2: oklch(0.50 0.015 70);--faint: oklch(0.535 0.015 70);--accent: oklch(0.45 0.14 258);--accent-deep: oklch(0.36 0.14 258);--accent-soft: oklch(0.45 0.14 258 / 0.08);--accent-glow: oklch(0.45 0.14 258 / 0.7);--accent-glow-2: oklch(0.45 0.14 258 / 0.75);--clay: oklch(0.55 0.14 45);--clay-soft: oklch(0.55 0.14 45 / 0.08);--on-accent: oklch(0.99 0.004 85);--btn-solid: oklch(0.23 0.012 70);--btn-solid-ink: oklch(0.98 0.006 85);--grid: oklch(0.23 0.012 70 / 0.04);--ghost: oklch(0.23 0.012 70 / 0.035);--shadow-sm: oklch(0.23 0.012 70 / 0.03);--shadow-md: oklch(0.23 0.012 70 / 0.45);--shadow-lg: oklch(0.23 0.012 70 / 0.5);--deep: oklch(0.26 0.02 80);--deep-ink: oklch(0.97 0.006 85);--deep-muted: oklch(0.76 0.012 85);--deep-clay: oklch(0.75 0.11 45);--deep-line: oklch(0.97 0.006 85 / 0.18);--deep-grid: oklch(0.97 0.006 85 / 0.05);--deep-btn-line: oklch(0.42 0.02 80);--deep-btn-bg: oklch(0.97 0.006 85);--deep-btn-ink: oklch(0.22 0.014 75);--f-serif: "TestNa Serif",Georgia,"Times New Roman",serif;--f-sans: "TestNa Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono: "TestNa Mono",ui-monospace,"Cascadia Mono",Consolas,monospace}body[data-theme="dark"]{--bg: oklch(0.185 0.012 75);--bg-blur: oklch(0.185 0.012 75 / 0.9);--bg-alt: oklch(0.215 0.012 75);--surface: oklch(0.235 0.013 75);--surface-hi: oklch(0.248 0.013 75);--surface-hover: oklch(0.275 0.014 75);--chip: oklch(0.30 0.013 75);--track: oklch(0.30 0.013 75);--stripe-a: oklch(0.215 0.012 75);--stripe-b: oklch(0.245 0.012 75);--ph-a: oklch(0.265 0.012 75);--ph-b: oklch(0.225 0.012 75);--line: oklch(0.31 0.013 75);--line-soft: oklch(0.285 0.012 75);--line-strong: oklch(0.34 0.013 75);--line-btn: oklch(0.37 0.014 75);--rank: oklch(0.55 0.014 75);--dot: oklch(0.63 0.014 75);--ink: oklch(0.94 0.008 85);--ink-2: oklch(0.88 0.008 85);--ink-3: oklch(0.80 0.010 85);--muted: oklch(0.745 0.010 85);--muted-2: oklch(0.675 0.010 85);--faint: oklch(0.65 0.010 85);--accent: oklch(0.74 0.13 258);--accent-deep: oklch(0.84 0.10 258);--accent-soft: oklch(0.74 0.13 258 / 0.16);--accent-glow: oklch(0.74 0.13 258 / 0.35);--accent-glow-2: oklch(0.74 0.13 258 / 0.42);--clay: oklch(0.75 0.12 45);--clay-soft: oklch(0.75 0.12 45 / 0.14);--on-accent: oklch(0.17 0.03 258);--btn-solid: oklch(0.93 0.008 85);--btn-solid-ink: oklch(0.20 0.012 75);--grid: oklch(0.97 0.006 85 / 0.045);--ghost: oklch(0.97 0.006 85 / 0.05);--shadow-sm: oklch(0 0 0 / 0.35);--shadow-md: oklch(0 0 0 / 0.62);--shadow-lg: oklch(0 0 0 / 0.68);--deep: oklch(0.135 0.012 75);--deep-ink: oklch(0.95 0.008 85);--deep-muted: oklch(0.72 0.012 85);--deep-clay: oklch(0.75 0.12 45);--deep-line: oklch(0.97 0.006 85 / 0.13);--deep-grid: oklch(0.97 0.006 85 / 0.04);--deep-btn-line: oklch(0.40 0.015 80);--deep-btn-bg: oklch(0.93 0.008 85);--deep-btn-ink: oklch(0.19 0.012 75)}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;scroll-padding-top: 92px}body{margin: 0;background: var(--bg);color: var(--ink);font-family: var(--f-sans);font-size: 16px;line-height: 1.5;-webkit-font-smoothing: antialiased;text-wrap: pretty;transition: background .25s ease,color .25s ease;overflow-x: hidden}a{color: var(--accent);text-decoration: none}a:hover{color: var(--accent-deep)}h1,h2,h3,h4{margin: 0;font-family: var(--f-serif);font-weight: 600;letter-spacing: -0.015em;text-wrap: balance}p,ul,ol,figure,blockquote{margin: 0}button{font-family: inherit}img{max-width: 100%;height: auto}::selection{background: var(--accent-soft)}:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px;border-radius: 4px}@keyframes tn-ping{0%{transform: scale(1);opacity: 0.5}75%,100%{transform: scale(2.4);opacity: 0}}@keyframes tn-rise{from{opacity: 0;transform: translateY(14px)}to{opacity: 1;transform: none}}[data-show-sm],[data-show-sm-block]{display: none}@media (max-width: 1024px){[data-hide-sm]{display: none !important}[data-show-sm]{display: inline-flex !important}[data-show-sm-block]{display: block !important}}.tn-shell{min-height: 100vh;background: var(--bg);overflow-x: hidden}.tn-container{max-width: 1220px;margin: 0 auto;padding-inline: var(--gut)}.tn-container--narrow{max-width: 900px}.tn-container--test{max-width: 1180px}.tn-eyebrow{display: flex;align-items: center;gap: 10px;font-family: var(--f-mono);font-size: 11px;letter-spacing: 0.09em;text-transform: uppercase;color: var(--clay)}.tn-eyebrow::before{content: "";width: 18px;height: 1px;background: currentColor;flex: none}.tn-section-head{border-top: 1px solid var(--line-strong);padding-top: 26px;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 24px}.tn-section-head .tn-eyebrow{margin-bottom: 16px}.tn-h2{font-size: clamp(25px,4vw,40px);line-height: 1.08;letter-spacing: -0.028em}.tn-h2--lg{font-size: clamp(27px,4.4vw,46px);line-height: 1.06}.tn-mono{font-family: var(--f-mono)}.tn-dot{width: 5px;height: 5px;border-radius: 50%;background: var(--clay);flex: none}.tn-btn{display: inline-flex;align-items: center;justify-content: center;height: 56px;padding: 0 30px;border: none;border-radius: 12px;font-family: inherit;font-size: 16px;font-weight: 600;letter-spacing: -0.005em;cursor: pointer;white-space: nowrap;transition: transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.tn-btn--primary{background: var(--accent);color: var(--on-accent);box-shadow: 0 10px 24px -12px var(--accent-glow)}.tn-btn--primary:hover{background: var(--accent-deep);color: var(--on-accent);transform: translateY(-2px);box-shadow: 0 16px 30px -14px var(--accent-glow-2)}.tn-btn--ghost{padding: 0 26px;border: 1px solid var(--line-btn);background: var(--surface);color: var(--ink)}.tn-btn--ghost:hover{border-color: var(--ink);color: var(--ink);transform: translateY(-2px)}.tn-btn--deep{background: var(--deep-btn-bg);color: var(--deep-btn-ink)}.tn-btn--deep:hover{background: var(--deep-clay);color: var(--deep-btn-ink)}.tn-btn--deep-ghost{border: 1px solid var(--deep-btn-line);background: none;color: var(--deep-muted)}.tn-btn--deep-ghost:hover{border-color: var(--deep-ink);color: var(--deep-ink)}.tn-header{position: sticky;top: 0;z-index: 50;background: var(--bg-blur);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-bottom: 1px solid var(--line)}.admin-bar .tn-header{top: 32px}@media screen and (max-width: 782px){.admin-bar .tn-header{top: 46px}}.tn-header__inner{max-width: 1220px;margin: 0 auto;padding: 0 var(--gut);height: 74px;display: flex;align-items: center;gap: clamp(16px,3vw,40px)}.tn-logo{display: flex;align-items: baseline;font-family: var(--f-serif);font-size: 23px;font-weight: 700;letter-spacing: -0.03em;color: var(--ink);white-space: nowrap}.tn-logo:hover{color: var(--ink)}.tn-logo__tld{color: var(--clay)}.tn-nav{display: flex;align-items: center;gap: clamp(18px,2vw,26px);font-size: 14.5px;font-weight: 500;white-space: nowrap}.tn-nav li{list-style: none;margin: 0;padding: 0}.tn-nav a{color: var(--muted);transition: color .16s ease}.tn-nav a:hover{color: var(--ink)}.tn-footer__list li{list-style: none}.tn-header__tools{margin-left: auto;display: flex;align-items: center;gap: clamp(8px,1.5vw,18px)}.tn-badge-free{display: inline-flex;align-items: center;gap: 7px;font-family: var(--f-mono);font-size: 11px;letter-spacing: 0.07em;text-transform: uppercase;color: var(--muted-2);white-space: nowrap}.tn-theme-toggle{display: inline-flex;align-items: center;gap: 8px;height: 44px;padding: 0 13px;border: 1px solid var(--line);border-radius: 10px;background: var(--surface);color: var(--muted);font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.08em;text-transform: uppercase;cursor: pointer;white-space: nowrap;transition: border-color .16s ease,color .16s ease}.tn-theme-toggle:hover{border-color: var(--ink);color: var(--ink)}.tn-theme-toggle__icon{width: 13px;height: 13px;flex: none;border-radius: 50%;border: 1.5px solid currentColor;background: linear-gradient(90deg,currentColor 0 50%,transparent 50% 100%)}.tn-header__cta{display: inline-flex;align-items: center;height: 44px;padding: 0 20px;border-radius: 10px;background: var(--btn-solid);color: var(--btn-solid-ink);font-size: 14.5px;font-weight: 600;letter-spacing: -0.005em;white-space: nowrap;transition: background .16s ease}.tn-header__cta:hover{background: var(--accent);color: var(--btn-solid-ink)}.tn-burger{align-items: center;justify-content: center;width: 44px;height: 44px;flex: none;padding: 0;border: 1px solid var(--line);border-radius: 10px;background: var(--surface);cursor: pointer}.tn-burger__bars{display: flex;flex-direction: column;gap: 4px}.tn-burger__bars span{width: 16px;height: 1.5px;border-radius: 1px;background: var(--ink)}.tn-mobile-menu{border-top: 1px solid var(--line);background: var(--surface);padding: 10px var(--gut) 18px;display: none}.tn-mobile-menu.is-open{display: grid}.tn-mobile-menu a{padding: 15px 2px;font-size: 16px;font-weight: 500;color: var(--ink);border-bottom: 1px solid var(--line-soft)}.tn-mobile-menu a:last-child{border-bottom: none}.tn-hero{position: relative;max-width: 1220px;margin: 0 auto;padding: clamp(48px,7vw,88px) var(--gut) clamp(44px,6vw,72px);display: flex;flex-wrap: wrap;gap: clamp(36px,5vw,64px);align-items: center}.tn-hero__grid{position: absolute;inset: -40px 0 0;pointer-events: none;background-image:
linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size: 64px 64px;-webkit-mask-image: radial-gradient(120% 80% at 18% 26%,oklch(0 0 0) 0%,transparent 62%);mask-image: radial-gradient(120% 80% at 18% 26%,oklch(0 0 0) 0%,transparent 62%)}.tn-hero__col{position: relative;flex: 1 1 460px;min-width: min(320px,100%)}.tn-pill{display: inline-flex;align-items: center;gap: 9px;padding: 7px 15px 7px 11px;border: 1px solid var(--line);border-radius: 999px;background: var(--surface);font-size: 12.5px;font-weight: 500;color: var(--muted);margin-bottom: 28px;box-shadow: 0 1px 2px var(--grid)}.tn-pill__dot{width: 7px;height: 7px;border-radius: 50%;background: var(--clay);flex: none}.tn-hero__title{font-size: clamp(33px,6.6vw,68px);line-height: 1.02;letter-spacing: -0.035em;margin-bottom: 24px}.tn-hero__title em{font-style: italic;font-weight: 400;color: var(--accent)}.tn-hero__lead{font-size: clamp(16.5px,1.7vw,18.5px);line-height: 1.62;color: var(--muted);max-width: 492px;margin-bottom: 34px}.tn-hero__actions{display: flex;gap: 12px;flex-wrap: wrap;margin-bottom: 30px}.tn-live{display: flex;align-items: center;gap: 12px;font-size: 14px;color: var(--muted)}.tn-live__beacon{position: relative;display: flex;width: 8px;height: 8px;flex: none}.tn-live__beacon::before{content: "";position: absolute;inset: 0;border-radius: 50%;background: var(--clay);opacity: 0.45;animation: tn-ping 2s cubic-bezier(0,0,0.2,1) infinite}.tn-live__beacon::after{content: "";position: relative;width: 8px;height: 8px;border-radius: 50%;background: var(--clay)}.tn-live__count{font-family: var(--f-mono);font-size: 15px;font-weight: 500;font-variant-numeric: tabular-nums;color: var(--ink)}@media (prefers-reduced-motion: reduce){.tn-live__beacon::before{animation: none}}.tn-demo{position: relative;flex: 1 1 400px;min-width: min(320px,100%);background: var(--surface-hi);border: 1px solid var(--line);border-radius: 22px;padding: 8px;box-shadow: 0 2px 4px var(--shadow-sm),0 34px 70px -40px var(--shadow-md)}.tn-demo__inner{border: 1px solid var(--line-soft);border-radius: 16px;padding: clamp(18px,3vw,24px);background: var(--surface)}.tn-demo__head{display: flex;align-items: center;gap: 14px;margin-bottom: 18px}.tn-demo__brain{width: 74px;height: 74px;flex: none}.tn-demo__intro{font-size: 14px;line-height: 1.45;color: var(--muted-2)}.tn-demo__intro strong{color: var(--ink);font-weight: 600}.tn-demo__status{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 16px;padding-top: 16px;border-top: 1px solid var(--line-soft)}.tn-demo__status-l{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--faint)}.tn-demo__status-r{display: inline-flex;align-items: center;gap: 6px;font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.06em;text-transform: uppercase;color: var(--clay)}.tn-demo__track{height: 3px;border-radius: 2px;background: var(--track);margin-bottom: 24px;overflow: hidden}.tn-demo__bar{width: 0;height: 100%;border-radius: 2px;background: var(--accent);transition: width .4s ease}.tn-demo__q{font-size: 22px;line-height: 1.32;margin-bottom: 20px}.tn-seq{display: flex;gap: 10px;flex-wrap: wrap;align-items: center;padding: 18px;border-radius: 12px;border: 1px solid var(--line-soft);background: repeating-linear-gradient(90deg,var(--stripe-a) 0 1px,var(--stripe-b) 1px 8px);margin-bottom: 22px;font-family: var(--f-mono);font-size: 21px;letter-spacing: 0.02em;color: var(--ink-2)}.tn-seq__sep{color: var(--dot);font-size: 14px}.tn-seq__q{color: var(--clay);font-weight: 500}.tn-demo__opts{display: grid;grid-template-columns: 1fr 1fr;gap: 10px}.tn-opt{display: flex;align-items: center;gap: 11px;padding: 14px 16px;border: 1px solid var(--line);border-radius: 12px;background: var(--surface);color: var(--btn-solid);cursor: pointer;text-align: left;transition: border-color .16s ease,background .16s ease,color .16s ease}.tn-opt__key{width: 26px;height: 26px;flex: none;border-radius: 8px;background: var(--chip);display: flex;align-items: center;justify-content: center;font-family: var(--f-mono);font-size: 12px}.tn-opt__val{font-size: 17px;font-weight: 500;font-family: var(--f-mono)}.tn-opt.is-correct{border-color: var(--accent);background: var(--accent-soft);color: var(--accent)}.tn-opt.is-wrong{border-color: var(--clay);background: var(--clay-soft);color: var(--clay)}.tn-opt.is-dim{color: var(--faint)}.tn-demo__feedback{display: none;margin-top: 18px;padding-top: 18px;border-top: 1px solid var(--track);color: var(--clay)}.tn-demo__feedback.is-visible{display: block}.tn-demo__feedback.is-right{color: var(--accent)}.tn-demo__feedback p{font-size: 14.5px;line-height: 1.55;margin-bottom: 10px}.tn-demo__feedback a{font-size: 14.5px;font-weight: 600}.tn-catalog{max-width: 1220px;margin: 0 auto;padding: clamp(36px,5vw,56px) var(--gut) 32px}.tn-catalog .tn-section-head{gap: 32px;margin-bottom: 36px}.tn-catalog__note{font-size: 15.5px;line-height: 1.62;color: var(--muted-2);max-width: 380px}.tn-find{position: relative;z-index: 5;margin-bottom: 28px}.tn-find__label{display: block;margin-bottom: 8px;font-size: 13px;font-weight: 600;letter-spacing: 0.02em;text-transform: uppercase;color: var(--muted)}.tn-find__box{position: relative;display: flex;gap: 8px;align-items: stretch;max-width: 620px}.tn-find__pole{position: relative;display: flex;flex: 1 1 auto;min-width: 0}.tn-find__icon{position: absolute;left: 13px;top: 50%;width: 15px;height: 15px;margin-top: -7px;border: 1.8px solid var(--muted);border-radius: 50%;pointer-events: none}.tn-find__icon::after{content: "";position: absolute;top: 11px;left: 11px;width: 6px;height: 1.8px;background: var(--muted);transform: rotate(45deg);transform-origin: left center}.tn-find__input{flex: 1 1 auto;min-width: 0;padding: 13px 14px 13px 38px;border: 1px solid var(--line-strong);border-radius: 8px;background: var(--surface);color: var(--ink);font: inherit;font-size: 15.5px}.tn-find__input::placeholder{color: var(--muted-2)}.tn-find__input:focus-visible{outline: 2px solid var(--accent);outline-offset: 1px}.tn-find__submit{flex: 0 0 auto;padding: 0 20px;border: 1px solid transparent;border-radius: 8px;background: var(--ink);color: var(--surface);font: inherit;font-size: 15px;font-weight: 600;cursor: pointer}.tn-find__submit:hover{opacity: 0.88}.tn-find__submit:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tn-find__hint{margin: 8px 0 0;font-size: 13.5px;color: var(--muted-2)}.tn-find__live{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0}.tn-find__list{position: absolute;top: calc(100% + 6px);left: 0;z-index: 20;width: 100%;max-width: 620px;max-height: 380px;overflow-y: auto;margin: 0;padding: 6px;list-style: none;background: var(--surface);border: 1px solid var(--line-strong);border-radius: 10px;box-shadow: 0 18px 40px -18px rgb(0 0 0 / 32%)}.tn-find__opt{margin: 0;padding: 0;list-style: none}.tn-find__link{display: flex;gap: 12px;align-items: baseline;justify-content: space-between;padding: 10px 12px;border-radius: 7px;color: var(--ink);text-decoration: none}.tn-find__opt.is-active .tn-find__link,.tn-find__link:hover{background: var(--bg)}.tn-find__nazwa{font-size: 15px;line-height: 1.35}.tn-find__nazwa mark{padding: 0;background: transparent;color: inherit;font-weight: 700}.tn-find__kat{flex: 0 0 auto;font-size: 12.5px;color: var(--muted);white-space: nowrap}.tn-find__pusto{padding: 12px;font-size: 14.5px;color: var(--muted)}.tn-find__wiecej{margin-top: 4px;padding-top: 6px;border-top: 1px solid var(--line);text-align: center}.tn-find__wiecej a{display: block;padding: 8px;font-size: 14px;font-weight: 600;color: var(--accent);text-decoration: none}@media (max-width: 560px){.tn-find__box{flex-wrap: wrap}.tn-find__pole{flex: 1 0 100%}.tn-find__submit{flex: 1 0 100%;padding: 12px 20px}}.tn-cards{display: grid;grid-template-columns: repeat(auto-fit,minmax(264px,1fr));gap: 16px}.tn-card{position: relative;overflow: hidden;display: flex;flex-direction: column;background: var(--surface);border: 1px solid var(--line);border-radius: 16px;padding: 24px;color: var(--ink);transition: border-color .2s ease,transform .2s ease,box-shadow .2s ease}.tn-card:hover{border-color: var(--accent);transform: translateY(-4px);box-shadow: 0 22px 40px -28px var(--shadow-lg);color: var(--ink)}.tn-card__ghost{position: absolute;right: -10px;bottom: -26px;font-family: var(--f-serif);font-size: 104px;font-weight: 600;line-height: 1;color: var(--ghost);pointer-events: none}.tn-card__top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px}.tn-card__num{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.1em;color: var(--faint)}.tn-card__mark{width: 12px;height: 12px;flex: none}.tn-card__mark--circle{border-radius: 50%}.tn-card__mark--square{border-radius: 3px}.tn-card__mark--blend{border-radius: 50% 3px}.tn-card__mark--accent{background: var(--accent)}.tn-card__mark--clay{background: var(--clay)}.tn-card__title{position: relative;font-size: 20px;line-height: 1.25;margin-bottom: 8px;letter-spacing: -0.018em}.tn-card__desc{position: relative;font-size: 14px;line-height: 1.58;color: var(--muted-2);margin-bottom: 22px}.tn-card__foot{position: relative;margin-top: auto;padding-top: 16px;border-top: 1px solid var(--line-soft);font-family: var(--f-mono);font-size: 11.5px;letter-spacing: 0.03em;color: var(--accent)}.tn-ranking{max-width: 1220px;margin: 0 auto;padding: clamp(52px,7vw,80px) var(--gut)}.tn-ranking .tn-section-head{margin-bottom: 26px}.tn-ranking__count{font-family: var(--f-mono);font-size: 12.5px;color: var(--muted-2)}.tn-chips{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 24px}.tn-chip{padding: 9px 16px;border-radius: 999px;cursor: pointer;font-size: 13.5px;line-height: 1.25;font-weight: 500;transition: border-color .15s ease,background .15s ease,color .15s ease;border: 1px solid var(--line-strong);background: var(--surface);color: var(--muted)}.tn-chip:hover{border-color: var(--ink);color: var(--ink)}.tn-chip.is-active{border-color: var(--btn-solid);background: var(--btn-solid);color: var(--btn-solid-ink)}.tn-chip__n{margin-left: 6px;opacity: .85;font-variant-numeric: tabular-nums}.tn-rank-list{display: grid;gap: 10px}.tn-rank{display: flex;flex-wrap: wrap;align-items: center;gap: 20px;background: var(--surface);border: 1px solid var(--line);border-radius: 14px;padding: clamp(15px,2.4vw,20px) clamp(16px,2.6vw,24px);color: var(--ink);box-shadow: inset 2px 0 0 transparent;transition: border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.tn-rank:hover{border-color: var(--accent);background: var(--surface-hover);color: var(--ink);box-shadow: inset 3px 0 0 var(--accent);transform: translateX(3px)}.tn-rank[hidden]{display: none}.tn-rank__num{font-family: var(--f-serif);font-size: 28px;font-weight: 600;color: var(--rank);width: 40px;flex: none;letter-spacing: -0.03em;font-variant-numeric: tabular-nums}.tn-rank__body{flex: 1 1 260px;min-width: min(200px,100%)}.tn-rank__name{display: block;font-family: var(--f-serif);font-size: 20px;font-weight: 600;letter-spacing: -0.015em;margin-bottom: 5px}.tn-rank__desc{display: block;font-size: 14px;line-height: 1.5;color: var(--muted-2)}.tn-rank__cat{flex: none;padding: 6px 12px;border-radius: 999px;background: var(--chip);font-size: 12px;font-weight: 500;color: var(--muted);white-space: nowrap}.tn-rank__meta{display: flex;align-items: center;gap: 16px;font-family: var(--f-mono);font-size: 12.5px;color: var(--muted-2);white-space: nowrap}.tn-rank__rating{color: var(--ink-2);font-weight: 500}.tn-how{background: var(--bg-alt);border-top: 1px solid var(--line);border-bottom: 1px solid var(--line)}.tn-how__head{max-width: 1220px;margin: 0 auto;padding: clamp(44px,6vw,64px) var(--gut) 0}.tn-how__grid{max-width: 1220px;margin: 0 auto;padding: clamp(26px,4vw,40px) var(--gut) clamp(48px,6vw,72px);display: grid;grid-template-columns: repeat(auto-fit,minmax(260px,1fr));gap: clamp(30px,4vw,48px)}.tn-step__num{font-family: var(--f-serif);font-size: 15px;font-weight: 600;width: 38px;height: 38px;border-radius: 50%;border: 1px solid var(--accent);color: var(--accent);display: flex;align-items: center;justify-content: center;margin-bottom: 18px}.tn-step h3{font-size: 20px;margin-bottom: 9px}.tn-step p{font-size: 14.5px;line-height: 1.6;color: var(--muted-2)}.tn-method{position: relative;overflow: hidden;background: var(--deep);color: var(--deep-ink)}.tn-deep-grid{position: absolute;inset: 0;pointer-events: none;background-image:
linear-gradient(var(--deep-grid) 1px,transparent 1px),linear-gradient(90deg,var(--deep-grid) 1px,transparent 1px);background-size: 64px 64px;-webkit-mask-image: radial-gradient(100% 90% at 85% 15%,oklch(0 0 0) 0%,transparent 70%);mask-image: radial-gradient(100% 90% at 85% 15%,oklch(0 0 0) 0%,transparent 70%)}.tn-method__inner{position: relative;max-width: 1220px;margin: 0 auto;padding: clamp(58px,8vw,96px) var(--gut);display: flex;flex-wrap: wrap;gap: clamp(36px,5vw,64px)}.tn-method__lead{flex: 1 1 340px;min-width: min(300px,100%)}.tn-method__lead .tn-eyebrow{color: var(--deep-clay);margin-bottom: 18px}.tn-method__lead h2{font-size: clamp(27px,4.4vw,44px);line-height: 1.06;letter-spacing: -0.03em;color: var(--deep-ink);margin-bottom: 20px}.tn-method__lead p{font-size: 16px;line-height: 1.65;color: var(--deep-muted);max-width: 420px}.tn-method__stats{flex: 1 1 440px;min-width: min(300px,100%);display: grid;grid-template-columns: repeat(auto-fit,minmax(190px,1fr));gap: 34px 48px;align-self: center}.tn-stat{border-top: 1px solid var(--deep-line);padding-top: 18px}.tn-stat__value{font-family: var(--f-serif);font-size: 34px;font-weight: 600;letter-spacing: -0.025em;margin-bottom: 10px;color: var(--deep-ink)}.tn-stat p{font-size: 14.5px;line-height: 1.6;color: var(--deep-muted)}.tn-blog{max-width: 1220px;margin: 0 auto;padding: clamp(54px,7vw,88px) var(--gut)}.tn-blog .tn-section-head{margin-bottom: 32px}.tn-blog__all{font-size: 14.5px;font-weight: 500}.tn-posts{display: grid;grid-template-columns: repeat(auto-fit,minmax(280px,1fr));gap: 20px}.tn-post{display: block;color: var(--ink);transition: transform .2s ease}.tn-post:hover{color: var(--ink);transform: translateY(-4px)}.tn-post__thumb{aspect-ratio: 16 / 10;border-radius: 14px;border: 1px solid var(--line);background: repeating-linear-gradient(135deg,var(--ph-a) 0 9px,var(--ph-b) 9px 18px);display: flex;align-items: center;justify-content: center;margin-bottom: 16px;overflow: hidden}.tn-post__thumb img{width: 100%;height: 100%;object-fit: cover}.tn-post__thumb--art{background: var(--bg-alt);padding: 0}.tn-cover{display: block;width: 100%;height: 100%}.tn-post__ph{font-family: var(--f-mono);font-size: 11px;letter-spacing: 0.05em;color: var(--muted-2);background: var(--bg);padding: 6px 11px;border-radius: 6px;text-align: center}.tn-post__cat{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--clay);margin-bottom: 9px}.tn-post__title{font-size: 19px;line-height: 1.3;margin-bottom: 8px}.tn-post__excerpt{font-size: 14px;line-height: 1.55;color: var(--muted-2)}.tn-faq{background: var(--bg-alt);border-top: 1px solid var(--line)}.tn-faq__inner{max-width: 900px;margin: 0 auto;padding: clamp(54px,7vw,88px) var(--gut)}.tn-faq__inner .tn-eyebrow{margin-bottom: 16px}.tn-faq__inner h2{margin-bottom: 34px}.tn-faq__list{border-top: 1px solid var(--line)}.tn-faq__item{border-bottom: 1px solid var(--line)}.tn-faq__btn{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 24px 4px;background: none;border: none;cursor: pointer;text-align: left;color: var(--ink)}.tn-faq__q{font-family: var(--f-serif);font-size: 20px;font-weight: 600;letter-spacing: -0.012em}.tn-faq__icon{flex: none;width: 30px;height: 30px;border-radius: 50%;border: 1px solid var(--line-strong);display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 400;color: var(--muted-2);transition: transform .2s ease}.tn-faq__item.is-open .tn-faq__icon{transform: rotate(45deg)}.tn-faq__ans{display: none;padding: 0 clamp(8px,6vw,56px) 26px 4px;font-size: 15.5px;line-height: 1.65;color: var(--muted)}.tn-faq__item.is-open .tn-faq__ans{display: block}.tn-cta{background: var(--bg-alt)}.tn-cta__inner{max-width: 1220px;margin: 0 auto;padding: 0 var(--gut) clamp(54px,7vw,88px)}.tn-cta__panel{position: relative;overflow: hidden;background: var(--deep);border-radius: 24px;padding: clamp(30px,5vw,64px) clamp(22px,5vw,60px);display: flex;flex-wrap: wrap;gap: clamp(30px,4vw,48px);align-items: center}.tn-deep-grid--sm{background-size: 52px 52px;-webkit-mask-image: radial-gradient(90% 120% at 88% 10%,oklch(0 0 0) 0%,transparent 68%);mask-image: radial-gradient(90% 120% at 88% 10%,oklch(0 0 0) 0%,transparent 68%)}.tn-cta__text{position: relative;flex: 1 1 380px;min-width: min(280px,100%)}.tn-cta__text h2{font-size: clamp(25px,4.2vw,42px);line-height: 1.06;letter-spacing: -0.03em;color: var(--deep-ink);margin-bottom: 14px}.tn-cta__text p{font-size: 17px;line-height: 1.6;color: var(--deep-muted)}.tn-cta__actions{position: relative;flex: 0 1 320px;min-width: min(260px,100%);display: flex;flex-direction: column;gap: 11px}.tn-footer{background: var(--bg);border-top: 1px solid var(--line)}.tn-footer__grid{max-width: 1220px;margin: 0 auto;padding: clamp(36px,5vw,56px) var(--gut) 32px;display: grid;grid-template-columns: repeat(auto-fit,minmax(190px,1fr));gap: clamp(28px,4vw,40px)}.tn-footer__brand{display: flex;align-items: baseline;font-family: var(--f-serif);font-size: 22px;font-weight: 700;letter-spacing: -0.035em;margin-bottom: 14px;color: var(--ink)}.tn-footer__tagline{font-size: 13.5px;line-height: 1.62;color: var(--muted-2);max-width: 240px}.tn-footer__label{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.09em;text-transform: uppercase;color: var(--faint);margin-bottom: 14px}.tn-footer__list{list-style: none;padding: 0;display: grid;gap: 9px;font-size: 14px}.tn-footer__list a{color: var(--ink-3);transition: color .16s ease}.tn-footer__list a:hover{color: var(--accent)}.tn-footer__bottom{max-width: 1220px;margin: 0 auto;padding: 0 var(--gut) 44px}.tn-footer__bar{border-top: 1px solid var(--line);padding-top: 22px;display: flex;flex-wrap: wrap;gap: 16px;justify-content: space-between;font-size: 12.5px;color: var(--faint)}.tn-footer__disclaimer{max-width: 560px}.tn-test-shell{min-height: 100vh;display: flex;flex-direction: column;background: var(--bg)}.tn-test-header__inner{max-width: 1180px;margin: 0 auto;padding: 0 var(--gut);height: 70px;display: flex;align-items: center;gap: 14px}.tn-test-header .tn-logo{font-size: 21px}.tn-test-header__sep{width: 1px;height: 26px;background: var(--line);flex: none}.tn-test-header__name{font-size: 14.5px;font-weight: 500;color: var(--muted);white-space: nowrap}.tn-test-header__name span{color: var(--faint)}.tn-test-header__tools{margin-left: auto;display: flex;align-items: center;gap: 10px}.tn-clock{display: inline-flex;align-items: center;gap: 8px;font-family: var(--f-mono);font-size: 12px;color: var(--muted-2);white-space: nowrap}.tn-clock__dot{width: 6px;height: 6px;border-radius: 50%;background: var(--clay);flex: none}.tn-test-header .tn-theme-toggle{height: 42px}.tn-test-header__quit{display: inline-flex;align-items: center;height: 42px;padding: 0 16px;border: 1px solid var(--line);border-radius: 10px;background: var(--surface);color: var(--muted);font-size: 14px;font-weight: 500;white-space: nowrap;transition: border-color .16s ease,color .16s ease}.tn-test-header__quit:hover{border-color: var(--ink);color: var(--ink)}.tn-topbar{height: 3px;background: var(--track)}.tn-topbar__fill{width: 0;height: 100%;background: var(--accent);transition: width .45s cubic-bezier(.2,.7,.3,1)}.tn-view[hidden]{display: none}.tn-test-main{flex: 1;display: flex;flex-direction: column}.tn-article{flex: 0 0 auto;max-width: 1180px;width: 100%;margin: 0 auto;padding: 0 var(--gut) clamp(48px,7vw,88px)}.tn-article__inner{max-width: 74ch;padding-top: clamp(28px,4vw,44px);border-top: 1px solid var(--line)}.tn-crumbs{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom: 18px;font-size: 13px;line-height: 1.5;color: var(--muted-2)}.tn-crumbs a{color: var(--muted-2);text-decoration: none}.tn-crumbs a:hover{color: var(--ink);text-decoration: underline;text-underline-offset: 2px}.tn-crumbs [aria-current="page"]{color: var(--faint)}.tn-crumbs__sep{color: var(--dot)}.tn-shell > .tn-crumbs{max-width: 1220px;width: 100%;margin: 0 auto;padding: clamp(24px,3vw,34px) var(--gut) 0}.tn-related{flex: 0 0 auto;max-width: 1180px;width: 100%;margin: 0 auto;padding: 0 var(--gut) clamp(48px,7vw,88px)}.tn-related__inner{padding-top: clamp(28px,4vw,44px);border-top: 1px solid var(--line)}.tn-related .tn-eyebrow{margin-bottom: 10px}.tn-related .tn-rank-list{margin-top: 22px}.tn-related__more{display: flex;flex-wrap: wrap;gap: 8px 26px;margin-top: 22px}.tn-view[data-tn-view="quiz"]:not([hidden]) ~ .tn-article,.tn-view[data-tn-view="quiz"]:not([hidden]) ~ .tn-related,.tn-view[data-tn-view="handoff"]:not([hidden]) ~ .tn-article,.tn-view[data-tn-view="handoff"]:not([hidden]) ~ .tn-related{display: none}.tn-intro{flex: 1;max-width: 1180px;width: 100%;margin: 0 auto;padding: clamp(40px,6vw,80px) var(--gut) clamp(48px,7vw,88px);display: flex;flex-wrap: wrap;gap: clamp(32px,5vw,64px);align-items: flex-start}.tn-intro__main{flex: 1 1 460px;min-width: min(420px,100%)}.tn-intro__main .tn-eyebrow{margin-bottom: 18px}.tn-intro__title{font-size: clamp(32px,5vw,54px);line-height: 1.05;letter-spacing: -0.032em;margin-bottom: 20px}.tn-intro__lead{font-size: clamp(16px,1.7vw,18px);line-height: 1.62;color: var(--muted);max-width: 520px;margin-bottom: 32px}.tn-intro__points{display: grid;gap: 14px;margin-bottom: 34px;max-width: 520px}.tn-point{display: flex;gap: 14px;align-items: flex-start;font-size: 15px;line-height: 1.55;color: var(--ink-3)}.tn-point::before{content: "";margin-top: 7px;width: 6px;height: 6px;flex: none;border-radius: 50%;background: var(--accent)}.tn-intro__actions{display: flex;flex-wrap: wrap;gap: 12px}.tn-scope{flex: 0 1 380px;min-width: min(300px,100%);background: var(--surface);border: 1px solid var(--line);border-radius: 18px;padding: clamp(22px,3vw,30px)}.tn-scope__label{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--faint);margin-bottom: 20px}.tn-scope__list{display: grid;gap: 16px}.tn-scope__row{display: flex;justify-content: space-between;gap: 16px;padding-bottom: 16px;border-bottom: 1px solid var(--line-soft);font-size: 15px;font-weight: 500}.tn-scope__row:last-child{padding-bottom: 0;border-bottom: none}.tn-scope__row span:last-child{font-family: var(--f-mono);font-size: 13px;font-weight: 400;color: var(--muted-2)}.tn-scope__note{margin-top: 24px;padding-top: 20px;border-top: 1px solid var(--line-soft);font-size: 13px;line-height: 1.6;color: var(--muted-2)}.tn-scope__updated{margin-top: 10px;font-size: 13px;line-height: 1.6;color: var(--muted-2)}.tn-scope__updated time{white-space: nowrap}.tn-disclaimer{margin-top: 24px;padding: 13px 15px;border-left: 2px solid var(--accent);border-radius: 0 6px 6px 0;background: var(--chip);font-size: 13px;line-height: 1.6;color: var(--ink-2)}.tn-disclaimer--result{max-width: 760px;margin: 30px 0 0}.tn-quiz{flex: 1;max-width: 1180px;width: 100%;margin: 0 auto;padding: clamp(24px,4vw,52px) var(--gut) clamp(40px,6vw,72px);display: flex;flex-wrap: wrap;gap: clamp(24px,3vw,44px);align-items: flex-start}.tn-quiz__aside{order: 2;flex: 0 1 250px;min-width: min(230px,100%);position: sticky;top: 104px}.tn-progress-card{background: var(--surface);border: 1px solid var(--line);border-radius: 16px;padding: 22px}.tn-progress-card__label{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--faint);margin-bottom: 16px}.tn-progress-card__count{display: flex;align-items: baseline;gap: 8px;margin-bottom: 18px}.tn-progress-card__count b{font-family: var(--f-serif);font-size: 34px;font-weight: 600;letter-spacing: -0.03em;line-height: 1}.tn-progress-card__count span{font-size: 14px;color: var(--muted-2)}.tn-navigator{display: grid;grid-template-columns: repeat(auto-fill,minmax(28px,1fr));gap: 7px;margin-bottom: 22px}.tn-navigator button{aspect-ratio: 1;border-radius: 8px;cursor: pointer;font-family: var(--f-mono);font-size: 12px;transition: border-color .15s ease,background .15s ease,color .15s ease;border: 1px solid var(--line);background: transparent;color: var(--faint)}.tn-navigator button.is-done{border-color: var(--line-strong);background: var(--chip);color: var(--ink)}.tn-navigator button.is-here{border-color: var(--accent);background: var(--accent);color: var(--btn-solid-ink)}.tn-progress-card__meta{padding-top: 18px;border-top: 1px solid var(--line-soft);display: grid;gap: 10px;font-size: 13px;color: var(--muted-2)}.tn-progress-card__meta div{display: flex;justify-content: space-between;gap: 12px}.tn-progress-card__meta b{font-weight: 400;color: var(--ink-2)}.tn-progress-card__meta b.tn-mono{font-family: var(--f-mono)}.tn-shortcuts{margin-top: 16px;padding: 0 4px;font-size: 12.5px;line-height: 1.6;color: var(--faint)}.tn-shortcuts kbd{font-family: var(--f-mono);font-size: inherit;color: var(--muted-2);background: none;border: none;padding: 0}.tn-quiz__main{order: 1;flex: 1 1 560px;min-width: min(300px,100%)}.tn-quiz__mobilebar{margin-bottom: 16px}.tn-quiz__mobilebar div{display: flex;justify-content: space-between;align-items: baseline;font-family: var(--f-mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--faint)}.tn-qcard{background: var(--surface);border: 1px solid var(--line);border-radius: 20px;padding: clamp(20px,3vw,34px);box-shadow: 0 2px 4px var(--shadow-sm),0 30px 60px -46px var(--shadow-md)}.tn-qcard__head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 22px}.tn-qcard__idx{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--faint)}.tn-qcard__area{padding: 6px 13px;border-radius: 999px;background: var(--chip);font-family: var(--f-mono);font-size: 11px;letter-spacing: 0.04em;color: var(--muted);white-space: nowrap}.tn-qcard__prompt{font-size: clamp(21px,2.6vw,28px);line-height: 1.28;margin-bottom: 24px}.tn-stim-line{display: flex;gap: clamp(8px,2vw,14px);flex-wrap: wrap;align-items: center;padding: clamp(16px,2.5vw,22px);border-radius: 14px;border: 1px solid var(--line-soft);background: repeating-linear-gradient(90deg,var(--bg-alt) 0 1px,var(--surface-hi) 1px 9px);margin-bottom: 26px;font-family: var(--f-mono);font-size: clamp(18px,2.6vw,24px);color: var(--ink-2)}.tn-stim-line .is-query{color: var(--clay);font-weight: 500}.tn-stim-line .is-op{color: var(--dot)}.tn-matrix{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px;max-width: 340px;margin-bottom: 26px}.tn-matrix__cell{aspect-ratio: 1;border-radius: 10px;border: 1px solid var(--line-soft);background: var(--bg-alt);display: flex;flex-wrap: wrap;gap: 5px;align-items: center;justify-content: center;padding: 10px}.tn-matrix__cell.is-query{border-color: var(--clay);background: var(--clay-soft);font-family: var(--f-mono);font-size: 26px;color: var(--clay)}.tn-pip{width: 9px;height: 9px;border-radius: 50%;background: var(--ink-3);flex: none}.tn-rot{display: flex;flex-wrap: wrap;gap: 10px;align-items: center;margin-bottom: 26px}.tn-rot__box{position: relative;width: clamp(48px,9vw,58px);height: clamp(48px,9vw,58px);flex: none;border-radius: 10px;border: 1px solid var(--line-soft);background: var(--bg-alt);display: flex;align-items: center;justify-content: center}.tn-rot__box.is-query{border-color: var(--clay);background: var(--clay-soft);font-family: var(--f-mono);font-size: 24px;color: var(--clay)}.tn-rot__arm{position: absolute;left: 50%;top: 50%;width: 19px;height: 3px;border-radius: 2px;background: var(--ink-2);transform-origin: 0 50%}.tn-answers{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(210px,100%),1fr));gap: 10px}.tn-answer{display: flex;align-items: center;gap: 12px;padding: 15px 16px;min-height: 56px;border-radius: 12px;cursor: pointer;text-align: left;transition: border-color .16s ease,background .16s ease,transform .16s ease;border: 1px solid var(--line);background: var(--surface-hi);color: var(--ink)}.tn-answer:hover{border-color: var(--line-btn)}.tn-answer.is-picked{border-color: var(--accent);background: var(--accent-soft)}.tn-answer__key{width: 26px;height: 26px;flex: none;border-radius: 8px;background: var(--chip);display: flex;align-items: center;justify-content: center;font-family: var(--f-mono);font-size: 12px}.tn-answer__label{font-size: 16px;font-weight: 500;text-align: left}.tn-answer__dots{display: flex;gap: 5px;align-items: center;flex-wrap: wrap;max-width: 96px}.tn-answer.is-picked .tn-pip{background: var(--accent)}.tn-answer__rotbox{position: relative;width: 46px;height: 46px;flex: none;border-radius: 8px;border: 1px solid var(--line-soft);background: var(--bg-alt)}.tn-answer__rotarm{position: absolute;left: 50%;top: 50%;width: 16px;height: 3px;border-radius: 2px;background: var(--ink-3);transform-origin: 0 50%}.tn-answer.is-picked .tn-answer__rotarm{background: var(--accent)}.tn-qnav{margin-top: 20px;display: flex;flex-wrap: wrap;gap: 12px;align-items: center}.tn-qnav__prev{height: 52px;padding: 0 22px;border-radius: 12px;border: 1px solid var(--line-btn);background: var(--surface);color: var(--ink);font-size: 15px;font-weight: 600;cursor: pointer;transition: border-color .16s ease,color .16s ease}.tn-qnav__prev:hover{border-color: var(--ink)}.tn-qnav__prev:disabled{color: var(--faint);cursor: not-allowed;opacity: .55;border-color: var(--line-btn)}.tn-qnav__next{height: 52px;padding: 0 28px;border: none;border-radius: 12px;background: var(--accent);color: var(--btn-solid-ink);font-size: 15px;font-weight: 600;cursor: pointer;box-shadow: 0 10px 22px -14px var(--accent-glow);transition: background .16s ease}.tn-qnav__next:hover{background: var(--accent-deep)}.tn-qnav__skip{margin-left: auto;height: 52px;padding: 0 8px;border: none;background: none;color: var(--muted-2);font-size: 14px;cursor: pointer;text-decoration: underline;text-underline-offset: 4px}.tn-qnav__skip:hover{color: var(--ink)}.tn-result{flex: 1;max-width: 1180px;width: 100%;margin: 0 auto;padding: clamp(32px,5vw,64px) var(--gut) clamp(48px,7vw,88px)}.tn-result .tn-eyebrow{margin-bottom: 18px}.tn-result__title{font-size: clamp(30px,4.4vw,48px);line-height: 1.06;letter-spacing: -0.03em;margin-bottom: 36px}.tn-result__row{display: flex;flex-wrap: wrap;gap: clamp(20px,3vw,32px);align-items: stretch}.tn-result-card{background: var(--surface);border: 1px solid var(--line);border-radius: 20px;padding: clamp(24px,3vw,34px)}.tn-result-card--score{flex: 1 1 420px;min-width: min(300px,100%)}.tn-result-card--scales{flex: 1 1 380px;min-width: min(300px,100%)}.tn-score__head{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;gap: 20px;margin-bottom: 28px}.tn-score__label{font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--faint);margin-bottom: 10px}.tn-score__value{display: flex;align-items: baseline;gap: 10px}.tn-score__iq{font-family: var(--f-serif);font-size: clamp(44px,6vw,62px);font-weight: 600;line-height: 1;letter-spacing: -0.03em}.tn-score__err{font-family: var(--f-mono);font-size: 14px;color: var(--muted-2)}.tn-score__pct{text-align: right}.tn-score__pct-label{font-size: 13px;color: var(--muted-2);margin-bottom: 8px}.tn-score__pct-value{font-family: var(--f-serif);font-size: 30px;font-weight: 600;color: var(--accent);line-height: 1}.tn-score__track{position: relative;height: 9px;border-radius: 6px;background: var(--track);margin-bottom: 10px;overflow: hidden}.tn-score__fill{width: 4%;height: 100%;border-radius: 6px;background: var(--accent);transition: width .8s cubic-bezier(.2,.7,.3,1)}.tn-score__scale{display: flex;justify-content: space-between;font-family: var(--f-mono);font-size: 10.5px;color: var(--faint);margin-bottom: 26px}.tn-score__summary{font-size: 15px;line-height: 1.62;color: var(--muted);padding-top: 22px;border-top: 1px solid var(--line-soft)}.tn-scales{display: grid;gap: 18px}.tn-scale__head{display: flex;justify-content: space-between;align-items: baseline;font-size: 14px;margin-bottom: 8px}.tn-scale__head span:last-child{font-family: var(--f-mono);color: var(--muted-2)}.tn-scale__track{height: 7px;border-radius: 5px;background: var(--track);overflow: hidden}.tn-scale__fill{height: 100%;border-radius: 5px;background: var(--clay);transition: width .6s cubic-bezier(.2,.7,.3,1)}.tn-scale__fill.is-high{background: var(--accent)}.tn-review{margin-top: clamp(20px,3vw,32px);background: var(--surface);border: 1px solid var(--line);border-radius: 20px;padding: clamp(22px,3vw,30px)}.tn-review__head{display: flex;flex-wrap: wrap;align-items: baseline;justify-content: space-between;gap: 14px;margin-bottom: 20px}.tn-review__head h2{font-size: 21px}.tn-review__count{font-family: var(--f-mono);font-size: 12.5px;color: var(--muted-2)}.tn-review__list{display: grid;gap: 2px}.tn-review__row{display: flex;flex-wrap: wrap;align-items: center;gap: 14px;padding: 14px 2px;border-bottom: 1px solid var(--line-soft)}.tn-review__row:last-child{border-bottom: none}.tn-review__mark{width: 26px;height: 26px;flex: none;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 600;background: var(--chip);color: var(--faint)}.tn-review__mark.is-ok{background: var(--accent-soft);color: var(--accent)}.tn-review__mark.is-bad{background: var(--clay-soft);color: var(--clay)}.tn-review__prompt{flex: 1 1 240px;min-width: min(200px,100%);font-size: 14.5px;line-height: 1.45}.tn-review__detail{font-family: var(--f-mono);font-size: 13px;color: var(--muted-2);white-space: normal}.tn-result__cta{margin-top: clamp(24px,3vw,36px);position: relative;overflow: hidden;background: var(--deep);border-radius: 22px;padding: clamp(28px,4vw,52px);display: flex;flex-wrap: wrap;gap: clamp(24px,4vw,44px);align-items: center}.tn-result__cta-text{position: relative;flex: 1 1 360px;min-width: min(280px,100%)}.tn-result__cta-text h2{font-size: clamp(24px,3vw,34px);line-height: 1.1;color: var(--deep-ink);margin-bottom: 12px}.tn-result__cta-text p{font-size: 16px;line-height: 1.6;color: var(--deep-muted)}.tn-result__cta-actions{position: relative;flex: 0 1 300px;min-width: min(260px,100%);display: flex;flex-direction: column;gap: 11px}.tn-result__cta-actions .tn-btn{height: 54px}.tn-result__note{margin-top: 24px;font-size: 13px;line-height: 1.6;color: var(--faint);max-width: 640px}.tn-test-footer{border-top: 1px solid var(--line);background: var(--bg-alt)}.tn-test-footer__inner{max-width: 1180px;margin: 0 auto;padding: 24px var(--gut);display: flex;flex-wrap: wrap;gap: 14px;justify-content: space-between;font-size: 12.5px;color: var(--muted-2)}.tn-test-footer__links{display: flex;gap: 18px;flex-wrap: wrap}.tn-test-footer__links a{color: var(--muted-2);transition: color .16s ease}.tn-test-footer__links a:hover{color: var(--ink)}.tn-test-footer__disclaimer{flex-basis: 100%;font-size: 12px;line-height: 1.6;color: var(--faint)}.tn-page{max-width: 900px;margin: 0 auto;padding: clamp(48px,7vw,88px) var(--gut)}.tn-page__title{font-size: clamp(30px,4.4vw,48px);line-height: 1.06;letter-spacing: -0.03em;margin-bottom: 24px}.tn-prose{font-size: 16.5px;line-height: 1.7;color: var(--muted)}.tn-prose > * + *{margin-top: 20px}.tn-prose h2{font-size: clamp(24px,3vw,32px);color: var(--ink);margin-top: 40px}.tn-prose h3{font-size: 21px;color: var(--ink);margin-top: 32px}.tn-prose ul,.tn-prose ol{padding-left: 22px}.tn-prose a{text-decoration: underline;text-underline-offset: 2px;text-decoration-thickness: 1px}.tn-prose li + li{margin-top: 8px}.tn-prose img{border-radius: 14px}.tn-prose .tn-lead{font-size: 18px;color: var(--ink-3);border-left: 3px solid var(--accent);padding-left: 16px}.tn-prose .wp-block-table{overflow-x: auto;margin-inline: 0}.tn-prose table{width: 100%;border-collapse: collapse;font-size: 15px;min-width: 520px}.tn-prose thead{border-bottom: 3px solid}.tn-prose th,.tn-prose td{border: 1px solid var(--line);padding: 10px 12px;text-align: left;vertical-align: top}.tn-prose th{background: var(--bg-alt);color: var(--ink);font-weight: 600}.tn-prose code{font-family: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size: 0.92em;background: var(--bg-alt);border: 1px solid var(--line-soft);border-radius: 5px;padding: 1px 5px;overflow-wrap: anywhere}.tn-linkbtn{border: none;background: none;padding: 0;font-size: 15px;font-weight: 600;color: var(--accent);cursor: pointer;text-decoration: underline;text-underline-offset: 4px}.tn-linkbtn:hover{color: var(--accent-deep)}.tn-intro__print{margin-top: 26px}.tn-figure{--tn-fig-road: oklch(0.9 0.006 75);--tn-fig-edge: oklch(0.72 0.012 75);--tn-fig-mark: oklch(0.99 0.002 75);--tn-fig-ink: var(--ink-2);--tn-fig-auto: oklch(0.55 0.09 250);--tn-fig-rower: oklch(0.52 0.09 160);--tn-fig-tram: oklch(0.55 0.11 45);margin: 0 0 24px;padding: 10px;background: var(--bg-alt);border-radius: 12px}body[data-theme="dark"] .tn-figure{--tn-fig-road: oklch(0.3 0.008 75);--tn-fig-edge: oklch(0.44 0.01 75);--tn-fig-mark: oklch(0.72 0.006 75);--tn-fig-auto: oklch(0.66 0.1 250);--tn-fig-rower: oklch(0.68 0.11 160);--tn-fig-tram: oklch(0.68 0.12 45)}.tn-figure svg{display: block;width: 100%;max-width: 420px;height: auto;margin: 0 auto}.tn-quote{margin: 0 0 26px;padding: 18px 22px;border-left: 3px solid var(--clay);background: var(--bg-alt);border-radius: 0 12px 12px 0}.tn-quote blockquote{font-family: var(--f-serif);font-size: 18px;line-height: 1.55;color: var(--ink-2)}.tn-quote figcaption{margin-top: 8px;font-family: var(--f-mono);font-size: 12px;color: var(--faint)}.tn-review__q{display: block;font-weight: 600;margin-bottom: 4px}.tn-review__ans{display: block;font-size: 13.5px;line-height: 1.55;color: var(--muted-2)}.tn-result__again{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 16px}.tn-likert{display: grid;gap: 8px;margin-top: 20px}.tn-likert__opt{display: flex;align-items: center;gap: 12px;padding: 14px 16px;min-height: 54px;border-radius: 12px;cursor: pointer;text-align: left;transition: border-color .16s ease,background .16s ease;border: 1px solid var(--line);background: var(--surface-hi);color: var(--ink)}.tn-likert__opt:hover{border-color: var(--line-btn)}.tn-likert__opt.is-picked{border-color: var(--accent);background: var(--accent-soft)}.tn-likert__dot{width: 18px;height: 18px;flex: none;border-radius: 50%;border: 2px solid var(--line-btn);transition: border-color .16s ease,box-shadow .16s ease}.tn-likert__opt.is-picked .tn-likert__dot{border-color: var(--accent);box-shadow: inset 0 0 0 4px var(--accent)}.tn-likert__label{font-size: 16px;font-weight: 500}.tn-type{margin: 20px 0 4px;padding: 18px 20px;border-radius: 14px;border: 1px solid var(--line);background: var(--accent-soft)}.tn-type__code{font-family: var(--f-mono);font-size: 26px;letter-spacing: .12em;line-height: 1.1}.tn-type__name{margin-top: 4px;font-size: 17px;font-weight: 600}.tn-type__desc{margin-top: 8px;font-size: 14.5px;color: var(--ink-2)}.tn-type__note{margin-top: 10px;padding-top: 10px;border-top: 1px solid var(--line);font-size: 13px;color: var(--ink-2)}.tn-type__list-label{margin-top: 14px;font-size: 13px;font-weight: 600;letter-spacing: .02em;text-transform: uppercase;color: var(--ink-2)}.tn-type__list{display: grid;grid-template-columns: repeat(auto-fill,minmax(190px,1fr));gap: 4px 18px;margin-top: 8px;padding-left: 18px;font-size: 14px;color: var(--ink-2)}.tn-type__list li{list-style: disc}.tn-alert{margin: 0 0 22px;padding: 20px 22px;border: 2px solid #c0392b;border-radius: 14px;background: rgba(192,57,43,.06)}.tn-alert__title{margin: 0;font-size: 19px;letter-spacing: -.01em;color: #a5281c}.tn-alert__text{margin-top: 10px;font-size: 15px;line-height: 1.55}.tn-alert__line{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 12px;margin-top: 10px}.tn-alert__num{font-size: 20px;font-variant-numeric: tabular-nums;letter-spacing: .02em}.tn-alert__who{font-size: 14px;color: var(--ink-2)}@media (prefers-color-scheme: dark){.tn-alert{border-color: #e74c3c;background: rgba(231,76,60,.1)}.tn-alert__title{color: #f19a90}}:root[data-theme="light"] .tn-alert{border-color: #c0392b;background: rgba(192,57,43,.06)}:root[data-theme="light"] .tn-alert__title{color: #a5281c}:root[data-theme="dark"] .tn-alert{border-color: #e74c3c;background: rgba(231,76,60,.1)}:root[data-theme="dark"] .tn-alert__title{color: #f19a90}.tn-handoff{max-width: 640px;margin: 0 auto;padding: 48px 0 72px;text-align: center}.tn-handoff__title{margin-top: 6px;font-size: clamp(26px,4vw,36px);letter-spacing: -.02em}.tn-handoff__lead{margin-top: 12px;color: var(--ink-2)}.tn-handoff__actions{margin-top: 24px}.tn-share{margin-top: 32px;padding: 18px;border: 1px solid var(--line);border-radius: 14px;text-align: left}.tn-share--result{margin: 26px 0 0}.tn-share__label{font-size: 13px;font-weight: 600;letter-spacing: .02em;text-transform: uppercase;color: var(--ink-2)}.tn-share__row{display: flex;flex-wrap: wrap;gap: 8px;margin-top: 10px}.tn-share__input{flex: 1 1 220px;min-width: 0;padding: 10px 12px;border: 1px solid var(--line);border-radius: 10px;background: var(--bg-2,transparent);color: var(--ink-2);font-size: 13px;font-family: ui-monospace,SFMono-Regular,Menlo,monospace}.tn-share__note{margin-top: 10px;font-size: 13px;color: var(--ink-2)}.tn-qcard__role{display: inline-block;margin-bottom: 10px;padding: 3px 10px;border-radius: 999px;background: var(--accent-soft,rgba(120,120,120,.12));font-size: 12px;font-weight: 600;letter-spacing: .02em}.tn-pairline{display: grid;grid-template-columns: auto 1fr;gap: 2px 10px;margin-top: 8px;font-size: 14px}.tn-pairline__who{color: var(--ink-2);font-weight: 600}.tn-pairtag{display: inline-block;margin-top: 10px;padding: 2px 9px;border: 1px solid var(--line);border-radius: 999px;font-size: 12px;font-weight: 600}.tn-pairtag.is-same{border-color: #2f855a;color: #2f855a}.tn-pairtag.is-near{border-color: #4a7fb5;color: #4a7fb5}.tn-pairtag.is-far{border-color: #b7791f;color: #b7791f}.tn-pairtag.is-opposite{border-color: #c05621;color: #c05621}@media (prefers-color-scheme: dark){.tn-pairtag.is-same{border-color: #68d391;color: #68d391}.tn-pairtag.is-near{border-color: #7fb3e0;color: #7fb3e0}.tn-pairtag.is-far{border-color: #ecc94b;color: #ecc94b}.tn-pairtag.is-opposite{border-color: #f6ad55;color: #f6ad55}}.tn-profile{display: grid;gap: 18px;margin: 22px 0 20px}.tn-dim__head{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;margin-bottom: 7px}.tn-dim__name{font-size: 15px;font-weight: 600}.tn-dim__val{font-family: var(--f-mono);font-size: 14px;color: var(--ink-2)}.tn-dim__track{height: 9px;border-radius: 999px;background: var(--chip);overflow: hidden}.tn-dim__fill{height: 100%;width: 0;border-radius: 999px;background: var(--accent);transition: width .7s cubic-bezier(.22,1,.36,1)}.tn-dim__foot{display: flex;align-items: baseline;justify-content: space-between;gap: 12px;margin-top: 6px;font-size: 12.5px;color: var(--ink-2)}.tn-dim__band{font-weight: 600;color: var(--ink)}.tn-dim__poles{font-family: var(--f-mono);font-size: 11.5px}.tn-profile--facets{gap: 13px;margin: 20px 0 0;padding-top: 18px;border-top: 1px solid var(--line)}.tn-profile--facets:empty{display: none}.tn-profile--facets .tn-dim__track{height: 6px}.tn-profile--facets .tn-dim__name{font-size: 14px;font-weight: 500}.tn-printable{display: none}@media print{.tn-header,.tn-view,.tn-article,.tn-related,.tn-test-footer,.tn-footer,.tn-topbar{display: none !important}.tn-printable{display: block;font-family: Georgia,"Times New Roman",serif;color: #000;background: #fff}.tn-printable h1{font-size: 20pt;margin-bottom: 6pt}.tn-printable__meta{font-size: 9pt;margin-bottom: 16pt;padding-bottom: 8pt;border-bottom: 1px solid #000}.tn-printable__list{padding-left: 16pt}.tn-printable__list > li{margin-bottom: 12pt;break-inside: avoid;page-break-inside: avoid}.tn-printable__q{font-weight: bold;font-size: 11pt;margin-bottom: 4pt}.tn-printable__quote{font-style: italic;font-size: 10pt;margin: 0 0 4pt 12pt}.tn-printable__fig{--tn-fig-road: #ededed;--tn-fig-edge: #8a8a8a;--tn-fig-mark: #ffffff;--tn-fig-ink: #000000;--tn-fig-auto: #7a7a7a;--tn-fig-rower: #2f2f2f;--tn-fig-tram: #a0a0a0;display: block;width: 58mm;height: auto;margin: 3pt 0 5pt 12pt}.tn-printable__opts{padding-left: 18pt;font-size: 10.5pt}.tn-printable__opts > li{margin-bottom: 2pt}.tn-printable__scale{display: flex;gap: 14pt;padding-left: 4pt;font-size: 10.5pt;font-family: Georgia,"Times New Roman",serif}.tn-printable__part-title{font-size: 13pt;margin: 0 0 8pt;padding-bottom: 4pt;border-bottom: 1px solid #999}.tn-printable__part--break{break-before: page;page-break-before: always}.tn-printable__lead{font-size: 10pt;font-style: italic;margin-bottom: 14pt}.tn-printable__checks{list-style: none;padding-left: 0;margin: 0 0 14pt}.tn-printable__checks > li{display: flex;gap: 7pt;align-items: flex-start;margin-bottom: 7pt;font-size: 10.5pt;break-inside: avoid;page-break-inside: avoid}.tn-printable__box{flex: 0 0 auto;width: 10pt;height: 10pt;margin-top: 1.5pt;border: 1px solid #000}.tn-printable__alarm .tn-printable__part-title{border-bottom-width: 2px;border-bottom-color: #000}.tn-printable__key{margin-top: 18pt;padding-top: 10pt;border-top: 1px solid #000;break-before: page;page-break-before: always}.tn-printable__key h2{font-size: 13pt;margin-bottom: 6pt}.tn-printable__key p{font-family: "Courier New",monospace;font-size: 10.5pt;line-height: 1.9}.tn-printable__disc{margin-top: 12pt;padding-top: 8pt;border-top: 1px solid #bbb;font-family: Georgia,serif;font-size: 9pt;font-style: italic;line-height: 1.5;color: #333}.tn-printable__src{margin-top: 12pt;font-family: Georgia,serif;font-size: 8.5pt;color: #444}@page{margin: 16mm 14mm}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: .001ms !important;animation-iteration-count: 1 !important;transition-duration: .001ms !important}}.tn-typing{max-width: 860px;margin: 0 auto;padding: clamp(24px,5vw,48px) var(--gut) 80px}.tn-typing__bar{display: flex;flex-wrap: wrap;align-items: baseline;gap: 12px 32px;padding-bottom: 18px;margin-bottom: 24px;border-bottom: 1px solid var(--line)}.tn-typing__stat b{font-size: 20px;font-weight: 600}.tn-typing__stat-label{display: block;font-family: var(--f-mono);font-size: 10.5px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--faint);margin-bottom: 4px}.tn-typing__variant{margin-left: auto;font-size: 13px;color: var(--muted-2)}.tn-typing__text{font-family: var(--f-mono);font-size: clamp(15px,1.6vw,17px);line-height: 2;background: var(--surface);border: 1px solid var(--line);border-radius: 4px;padding: clamp(16px,3vw,26px);color: var(--muted-2);cursor: text;overflow-wrap: break-word}.tn-typing__ch.is-ok{color: var(--accent)}.tn-typing__ch.is-bad{color: var(--clay);background: var(--clay-soft);text-decoration: underline}.tn-typing__ch.is-cur{box-shadow: inset 2px 0 0 var(--accent);background: var(--accent-soft)}.tn-typing__field{display: block;margin-top: 22px}.tn-typing__hint{display: block;font-size: 13px;color: var(--muted);margin-bottom: 8px}.tn-typing__input{width: 100%;font-family: var(--f-mono);font-size: clamp(15px,1.6vw,17px);line-height: 1.8;color: var(--ink);background: var(--surface-hi);border: 1px solid var(--line-strong);border-radius: 4px;padding: 14px 16px;resize: vertical}.tn-typing__input:focus{outline: 2px solid var(--accent);outline-offset: 1px}.tn-typing__input:disabled{background: var(--chip);color: var(--faint)}.tn-typing__foot{display: flex;flex-wrap: wrap;align-items: center;gap: 16px 24px;margin-top: 20px}.tn-typing__note{flex: 1 1 320px;font-size: 13px;line-height: 1.5;color: var(--muted-2);margin: 0}.tn-react{max-width: 860px;margin: 0 auto;padding: clamp(24px,5vw,48px) var(--gut) 80px}.tn-react__panel{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;width: 100%;min-height: clamp(260px,42vh,380px);margin-top: 24px;padding: 32px 24px;border: 1px solid var(--line-strong);border-radius: 6px;background: var(--surface);color: var(--ink);cursor: pointer;text-align: center;font: inherit;user-select: none}.tn-react__panel:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tn-react__panel.is-go{background: var(--accent);border-color: var(--accent);color: var(--on-accent)}.tn-react__panel.is-false{background: var(--clay-soft);border-color: var(--clay);color: var(--clay)}.tn-react__lead{font-family: var(--f-serif);font-size: clamp(30px,6vw,52px);font-weight: 600;line-height: 1.05;letter-spacing: -0.02em}.tn-react__sub{font-size: 14.5px;line-height: 1.5;max-width: 38ch;opacity: 0.85}.tn-react__list{display: flex;flex-wrap: wrap;gap: 8px;margin: 20px 0 16px;min-height: 30px}.tn-react__chip{display: inline-flex;align-items: baseline;gap: 7px;padding: 5px 11px;border: 1px solid var(--line);border-radius: 999px;background: var(--chip);font-family: var(--f-mono);font-size: 12.5px;color: var(--muted)}.tn-react__chip b{color: var(--faint);font-size: 10.5px}.tn-score__hint{margin-top: 10px;font-size: 13px;color: var(--muted-2)}.tn-percentile{margin: 0 0 14px;padding: 12px 14px;border-left: 2px solid var(--accent);background: var(--accent-soft);font-size: 13.5px;line-height: 1.5;color: var(--ink-2)}.tn-areas{margin-top: 26px;padding-top: 20px;border-top: 1px solid var(--line-soft)}.tn-area{display: flex;align-items: center;gap: 14px;margin-top: 10px;font-size: 13.5px}.tn-area__name{flex: 0 0 auto;min-width: min(190px,45%);color: var(--ink-2)}.tn-area__track{flex: 1 1 auto;height: 6px;border-radius: 3px;background: var(--track);overflow: hidden}.tn-area__fill{display: block;height: 100%;background: var(--accent)}.tn-area__count{flex: 0 0 auto;font-family: var(--f-mono);font-size: 12px;color: var(--muted-2)}.tn-grid-view{max-width: 760px;margin: 0 auto;padding: clamp(24px,5vw,48px) var(--gut) 80px}.tn-grid-view__lead{margin: 24px 0 14px;font-size: 14.5px;color: var(--muted)}.tn-grid{display: grid;gap: 4px;background: var(--surface);border: 1px solid var(--line);border-radius: 4px;padding: clamp(10px,2.5vw,18px)}.tn-grid__cell{aspect-ratio: 1;display: flex;align-items: center;justify-content: center;border: 1px solid transparent;border-radius: 3px;background: transparent;font-family: var(--f-mono);font-size: clamp(15px,3.4vw,26px);line-height: 1;color: var(--ink-2);cursor: pointer;user-select: none}.tn-grid__cell:hover{background: var(--chip)}.tn-grid__cell:focus-visible{outline: 2px solid var(--accent);outline-offset: -2px}.tn-span,.tn-stroop{max-width: 720px;margin: 0 auto;padding: clamp(24px,5vw,48px) var(--gut) 80px}.tn-span__stage{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 14px;min-height: clamp(150px,26vh,220px);margin-top: 24px;border: 1px solid var(--line);border-radius: 4px;background: var(--surface)}.tn-span__digits{font-size: clamp(30px,8vw,56px);letter-spacing: 0.18em;font-weight: 600;color: var(--ink)}.tn-span__hint{margin: 0;font-size: 13.5px;color: var(--muted)}.tn-span__form{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 18px}.tn-span__input{flex: 1 1 200px;font-family: var(--f-mono);font-size: 18px;letter-spacing: 0.12em;padding: 12px 14px;color: var(--ink);background: var(--surface-hi);border: 1px solid var(--line-strong);border-radius: 4px}.tn-span__input:focus{outline: 2px solid var(--accent);outline-offset: 1px}.tn-stroop__word{display: flex;align-items: center;justify-content: center;min-height: clamp(140px,24vh,200px);margin-top: 24px;border: 1px solid var(--line);border-radius: 4px;background: var(--surface);font-family: var(--f-mono);font-size: clamp(34px,9vw,64px);font-weight: 700;letter-spacing: 0.04em}.tn-stroop__keys{display: grid;grid-template-columns: repeat(auto-fit,minmax(130px,1fr));gap: 10px;margin-top: 18px}.tn-stroop__key{padding: 14px 12px;border: 1px solid var(--line-btn);border-radius: 4px;background: var(--surface-hi);color: var(--ink-2);font: inherit;font-size: 15px;cursor: pointer}.tn-stroop__key:hover{background: var(--surface-hover)}.tn-stroop__key:focus-visible{outline: 2px solid var(--accent);outline-offset: 1px}.tn-cps__pad{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 12px;width: 100%;min-height: clamp(260px,42vh,380px);margin-top: 24px;padding: 32px 24px;border: 1px solid var(--line-strong);border-radius: 6px;background: var(--surface);color: var(--ink);cursor: pointer;text-align: center;font: inherit;user-select: none;touch-action: manipulation}.tn-cps__pad:focus-visible{outline: 2px solid var(--accent);outline-offset: 2px}.tn-cps__pad:active{background: var(--accent);border-color: var(--accent);color: var(--on-accent)}.tn-cps__lead{font-family: var(--f-serif);font-size: clamp(30px,6vw,52px);line-height: 1.05}.tn-cps__sub{max-width: 34ch;font-size: 15px;opacity: 0.75}.tn-catpage{max-width: var(--wide,1120px)}.tn-catpage__head{margin-bottom: 32px}.tn-catpage__lead{max-width: 62ch;margin-top: 12px;color: var(--muted);font-size: 17px;line-height: 1.6}.tn-catpage__tools{position: sticky;top: 0;z-index: 3;margin-bottom: 40px;padding: 16px 0;border-bottom: 1px solid var(--line);background: var(--bg)}.tn-search{display: block;margin-bottom: 14px}.tn-search__label{display: block;margin-bottom: 6px;color: var(--muted);font-size: 13px;letter-spacing: .02em}.tn-search__input{width: 100%;max-width: 460px;padding: 11px 14px;border: 1px solid var(--line-strong);border-radius: 6px;background: var(--surface);color: var(--ink);font: inherit;font-size: 15px}.tn-search__input:focus-visible{outline: 2px solid var(--accent);outline-offset: 1px}.tn-catpage__count{margin: 12px 0 0;color: var(--muted);font-size: 13.5px;font-variant-numeric: tabular-nums}.tn-catpage__count:empty{margin: 0}.tn-catpage__group{margin-bottom: 48px}.tn-catpage__group-desc{max-width: 60ch;margin: 6px 0 0;color: var(--muted);font-size: 14.5px}.tn-catpage__empty{padding: 40px 0;color: var(--muted);text-align: center}.tn-catpage__note{margin-top: 8px;padding-top: 32px;border-top: 1px solid var(--line)}.tn-callout{margin: 0 0 26px;padding: 18px 20px;border: 2px solid #c0392b;border-radius: 14px;background: rgba(192,57,43,.06)}.tn-callout p{margin: 0;font-size: 15px;line-height: 1.6}.tn-callout p + p{margin-top: 8px}@media (prefers-color-scheme: dark){.tn-callout{border-color: #e74c3c;background: rgba(231,76,60,.1)}}:root[data-theme="light"] .tn-callout{border-color: #c0392b;background: rgba(192,57,43,.06)}:root[data-theme="dark"] .tn-callout{border-color: #e74c3c;background: rgba(231,76,60,.1)}@media (max-width: 720px){.tn-catpage__tools{position: static}}.tn-note{max-width: 760px;margin: 0 auto;padding: clamp(28px,5vw,48px) var(--gut) 48px}.tn-note__flags{margin-bottom: 28px;padding: 18px 20px;border: 1px solid var(--clay);border-left-width: 3px;border-radius: 6px;background: var(--clay-soft);color: var(--ink)}.tn-note__flags h2,.tn-note__flags h3{margin: 0 0 8px;font-size: 17px}.tn-note__flags ul{margin: 8px 0 0;padding-left: 20px}.tn-note__flags li{margin-bottom: 4px;font-size: 15px;line-height: 1.5}.tn-note__flags-act{margin: 12px 0 0;font-size: 15px}.tn-note__since{display: block;margin-bottom: 28px}.tn-note__since span{display: block;margin-bottom: 6px;color: var(--muted);font-size: 14px}.tn-note__since select{width: 100%;max-width: 320px;padding: 10px 12px;border: 1px solid var(--line-strong);border-radius: 6px;background: var(--surface);color: var(--ink);font: inherit}.tn-note__group{margin-bottom: 32px}.tn-note__group-name{margin: 0 0 4px;font-size: 18px}.tn-note__group-lead{margin: 0 0 14px;color: var(--muted);font-size: 14.5px}.tn-note__row{display: flex;flex-wrap: wrap;gap: 10px 16px;align-items: center;justify-content: space-between;padding: 12px 0;border-bottom: 1px solid var(--line)}.tn-note__prompt{flex: 1 1 260px;font-size: 15.5px;line-height: 1.45}.tn-note__states{display: flex;flex: 0 0 auto;gap: 6px}.tn-note__state{padding: 7px 13px;border: 1px solid var(--line-strong);border-radius: 999px;background: var(--surface);color: var(--muted);cursor: pointer;font: inherit;font-size: 13.5px;transition: border-color .15s ease,background .15s ease,color .15s ease}.tn-note__state:hover{border-color: var(--ink);color: var(--ink)}.tn-note__state.is-on{border-color: var(--btn-solid);background: var(--btn-solid);color: var(--on-accent)}.tn-note__actions{display: flex;flex-wrap: wrap;gap: 12px;margin-top: 32px}.tn-note__title{margin: 0 0 8px}.tn-note__sub{margin: 0 0 28px;max-width: 62ch;color: var(--muted);font-size: 15.5px;line-height: 1.6}.tn-note__out{padding: 22px 24px;border: 1px solid var(--line-strong);border-radius: 6px;background: var(--surface)}.tn-note__out-group + .tn-note__out-group{margin-top: 20px}.tn-note__out-name{margin: 0 0 6px;font-size: 15px;letter-spacing: .01em;text-transform: uppercase;color: var(--muted)}.tn-note__out-list{margin: 0;padding-left: 20px}.tn-note__out-list li{margin-bottom: 5px;font-size: 15.5px;line-height: 1.5}.tn-note__out-list li.is-unsure{color: var(--muted)}.tn-note__out-empty{margin: 0;color: var(--muted);font-size: 15.5px;line-height: 1.6}.tn-note__answer{margin-top: 28px;padding-top: 24px;border-top: 1px solid var(--line)}.tn-note__answer h3{margin: 0 0 8px}.tn-note__answer ol{margin: 12px 0 0;padding-left: 20px}.tn-note__answer li{margin-bottom: 6px;line-height: 1.55}@media print{.tn-note__actions,.tn-note__since{display: none}}.tn-consent{position: fixed;right: 0;bottom: 0;left: 0;z-index: 60;padding: 16px 20px calc(16px + env(safe-area-inset-bottom));border-top: 1px solid var(--line);background: var(--surface);box-shadow: 0 -12px 30px -22px rgb(0 0 0 / 0.5)}.tn-consent[hidden]{display: none}.tn-consent__inner{display: flex;gap: 20px;align-items: center;justify-content: space-between;max-width: 1080px;margin: 0 auto}.tn-consent__text{margin: 0;font-size: 14.5px;line-height: 1.6;color: var(--muted)}.tn-consent__text strong{color: var(--ink)}.tn-consent__text a{color: var(--accent);text-decoration: underline;text-underline-offset: 2px}.tn-consent__actions{display: flex;flex-shrink: 0;gap: 10px}.tn-consent__btn{display: inline-flex;align-items: center;justify-content: center;height: 42px;padding: 0 20px;border: 1px solid var(--line-btn);border-radius: 10px;background: var(--surface);color: var(--ink);font-family: inherit;font-size: 14.5px;font-weight: 600;white-space: nowrap;cursor: pointer;transition: border-color .16s ease,background .16s ease}.tn-consent__btn:hover{border-color: var(--ink);background: var(--surface-hover)}@media (max-width: 640px){.tn-consent__inner{flex-direction: column;align-items: stretch;gap: 14px}.tn-consent__actions{gap: 8px}.tn-consent__btn{flex: 1 1 0;padding: 0 12px}}.tn-consent-dialog{width: min(560px,calc(100vw - 32px));max-height: calc(100vh - 64px);padding: 0;border: 1px solid var(--line);border-radius: 16px;background: var(--surface);color: var(--ink)}.tn-consent-dialog::backdrop{background: rgb(0 0 0 / 0.45)}.tn-consent-dialog__form{padding: 28px}.tn-consent-dialog__title{margin: 0 0 20px;font-size: 22px;letter-spacing: -0.02em}.tn-consent-dialog__row + .tn-consent-dialog__row{margin-top: 20px;padding-top: 20px;border-top: 1px solid var(--line-soft)}.tn-consent-dialog__label{display: flex;gap: 10px;align-items: center;font-size: 16px;font-weight: 600;cursor: pointer}.tn-consent-dialog__label input{width: 17px;height: 17px;accent-color: var(--accent)}.tn-consent-dialog__label input:disabled{cursor: not-allowed}.tn-consent-dialog__desc{margin: 8px 0 0 27px;font-size: 14px;line-height: 1.6;color: var(--muted)}.tn-consent-dialog__desc code{font-family: var(--f-mono);font-size: 0.92em}.tn-consent-dialog__note{margin: 20px 0 0;font-size: 14px;color: var(--muted)}.tn-consent-dialog__note a{color: var(--accent);text-decoration: underline;text-underline-offset: 2px}.tn-consent-dialog__actions{display: flex;gap: 10px;justify-content: flex-end;margin-top: 24px}.tn-consent__btn--primary{border-color: transparent;background: var(--accent);color: var(--on-accent)}.tn-consent__btn--primary:hover{border-color: transparent;background: var(--accent-deep);color: var(--on-accent)}@media print{.tn-consent,.tn-consent-dialog{display: none}}.tn-fit{max-width: 860px;margin: 0 auto;padding: clamp(24px,5vw,48px) var(--gut) 80px}.tn-fit__shared{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 12px 20px;margin-top: 24px}.tn-fit__field{display: flex;flex: 0 1 160px;flex-direction: column;gap: 6px}.tn-fit__label{font-size: 13px;font-weight: 600;color: var(--muted)}.tn-fit__input{padding: 12px 14px;border: 1px solid var(--line-strong);border-radius: 4px;background: var(--surface-hi);color: var(--ink);font-family: var(--f-mono);font-size: 18px}.tn-fit__hint{flex: 1 1 240px;margin: 0;color: var(--muted);font-size: 14px;line-height: 1.5}.tn-fit__stage{display: flex;flex-direction: column;align-items: center;gap: 16px;margin-top: 24px;padding: 32px 24px;border: 1px solid var(--line-strong);border-radius: 6px;background: var(--surface);text-align: center}.tn-fit__lead{margin: 0;font-size: clamp(20px,4vw,28px);font-weight: 600;line-height: 1.25}.tn-fit__ctrl{display: flex;flex-wrap: wrap;justify-content: center;gap: 12px}.tn-fit [hidden]{display: none}.tn-fit__note,.tn-fit__sub{margin: 0;max-width: 56ch;color: var(--muted);font-size: 15px;line-height: 1.6}.tn-fit__form{margin-top: 28px;padding: 24px;border: 1px solid var(--line);border-radius: 6px;background: var(--surface-hi)}.tn-fit__h{margin: 0 0 6px;font-size: 18px;font-weight: 600}.tn-fit__row{display: flex;flex-wrap: wrap;align-items: flex-end;gap: 12px;margin-top: 16px}.tn-fit__row .tn-btn{flex: 0 0 auto;padding: 13px 20px}.tn-fit__warn{margin: 20px 0 0;padding: 12px 16px;border-left: 3px solid var(--accent);background: var(--surface);color: var(--ink);font-size: 15px}@media (max-width: 560px){.tn-fit__field,.tn-fit__row .tn-btn{flex: 1 1 100%}}.tn-exit{position: sticky;top: 0;z-index: 50;display: flex;justify-content: flex-end;padding: 8px 20px;background: var(--bg);border-bottom: 1px solid var(--line)}.tn-exit__btn{display: inline-flex;align-items: center;gap: 8px;padding: 7px 14px;border: 1px solid var(--line);border-radius: 8px;background: var(--surface);color: var(--ink);font: inherit;font-size: 14px;font-weight: 600;cursor: pointer}.tn-exit__btn:hover,.tn-exit__btn:focus-visible{border-color: var(--accent);color: var(--accent)}.tn-exit__key{padding: 1px 6px;border: 1px solid var(--line);border-radius: 5px;color: var(--muted);font-size: 12px;font-weight: 400}@media print{.tn-exit{display: none}}