.ai-token-costs{--tr-canvas:#050505;--tr-surface:#000c;--tr-panel-inner:#0006;--tr-border:#22d3ee4d;--tr-border-strong:#22d3ee99;--tr-text-primary:#fff;--tr-text-secondary:#94a3b8;--tr-text-muted:#64748b;--tr-focus-ring:#22d3ee;--tr-selected:#22d3ee;--tr-disabled:#475569;--tr-error:#f43f5e;--tr-arcade-cyan:#22d3ee;--tr-arcade-yellow:#facc15;--tr-arcade-pink:#ec4899;--tr-arcade-emerald:#34d399;--tr-model-openai:#22c55e;--tr-model-claude:#f97316;--tr-model-gemini:#38bdf8;--tr-model-deepseek:#facc15;--tr-model-qwen:#c084fc;--tr-model-kimi:#2dd4bf;--tr-shadow-cyan:0 0 30px #22d3ee33, inset 0 0 40px #22d3ee1a;--tr-shadow-panel-inner:inset 0 0 15px #22d3ee1a;--tr-space-xs:.5rem;--tr-space-sm:.75rem;--tr-space-md:1rem;--tr-space-lg:1.25rem;--tr-space-xl:1.5rem;--tr-space-2xl:2rem;--tr-border-thin:2px;--tr-border-thick:3px;--tr-radius-sm:.5rem;--tr-radius-md:.75rem;--tr-radius-lg:1.5rem;--tr-font-arcade:"Press Start 2P", display;--tr-font-terminal:"VT323", monospace;--tr-font-tech:"Orbitron", sans-serif;--tr-font-hand:"Caveat", cursive;background:var(--tr-canvas);color:var(--tr-text-primary);font-family:var(--tr-font-tech), system-ui, sans-serif;min-height:100vh;overflow-x:hidden}.ai-token-costs__crt{isolation:isolate;animation:.6s ease-out tr-turn-on;position:relative;overflow:hidden}.ai-token-costs__crt:before{content:" ";z-index:100;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}.ai-token-costs__crt:after{content:" ";z-index:101;pointer-events:none;background:radial-gradient(circle,#ffffff08 0%,#0000004d 60%,#000c 100%);display:block;position:absolute;inset:0;box-shadow:inset 0 0 100px #000000e6}.ai-token-costs__scanline{z-index:99;pointer-events:none;animation:10s linear infinite tr-roll;position:absolute;inset:0}@keyframes tr-roll{0%{transform:translateY(-20vh)}to{transform:translateY(120vh)}}@keyframes tr-turn-on{0%{filter:brightness(0)contrast(20);opacity:0;transform:scaleY(.8)}30%{filter:brightness(1.2)contrast(1.2);opacity:1;transform:scaleY(1.02)}to{filter:brightness()contrast();transform:scale(1)}}@media (width>=641px){.ai-token-costs__crt{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:30px 30px;animation:60s linear infinite tr-bg-pan}}@keyframes tr-bg-pan{0%{background-position:0 0}to{background-position:-60px -60px}}@media (width<=640px){.ai-token-costs__crt:before,.ai-token-costs__crt:after,.ai-token-costs__scanline{display:none}.ai-token-costs__crt{animation:none}}@media (prefers-reduced-motion:reduce){.ai-token-costs,.ai-token-costs *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ai-token-costs__crt:before,.ai-token-costs__crt:after,.ai-token-costs__scanline{animation:none!important}}.tr-inner{max-width:80rem;padding:0 var(--tr-space-md);z-index:10;margin:0 auto;position:relative}.tr-header{z-index:10;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0 1.5rem;display:flex;position:relative}@media (width>=1024px){.tr-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}}.tr-header__insert-credits{border:var(--tr-border-thick) solid var(--tr-arcade-pink);border-radius:var(--tr-radius-sm);background:#83184333;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:8rem;padding:.75rem;animation:2s ease-in-out infinite tr-pulse;display:none;box-shadow:0 0 20px #ec489980,inset 0 0 15px #ec48994d}@media (width>=1024px){.tr-header__insert-credits{display:flex}}.tr-header__insert-credits-text{font-family:var(--tr-font-arcade);color:var(--tr-arcade-pink);text-align:center;text-shadow:0 0 8px #ec4899;font-size:10px;line-height:1.8}.tr-header__slot{background:var(--tr-canvas);border:2px solid #334155;border-radius:2px;width:2rem;height:3rem;margin-top:.5rem;box-shadow:inset 0 5px 10px #000}.tr-header__title-group{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:48rem;display:flex;position:relative}@media (width>=1024px){.tr-header__title-group{text-align:left;align-items:flex-start}}.tr-header__title{font-family:var(--tr-font-arcade);background:linear-gradient(#fef08a,#facc15,#ec4899);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #ec4899cc);white-space:nowrap;background-clip:text;padding:.5rem 0;font-size:clamp(2rem,5vw,4.5rem);line-height:1.2}@media (width>=1024px){.tr-header__title{white-space:normal}}.tr-header__subtitle{font-family:var(--tr-font-hand);color:var(--tr-arcade-cyan);text-shadow:0 0 12px #22d3eee6;margin-top:.25rem;font-size:clamp(1.25rem,3vw,3rem);position:relative}@media (width>=641px){.tr-header__subtitle{font-size:clamp(1.75rem,3vw,3rem);position:absolute;bottom:-1rem;right:-2rem;transform:rotate(-8deg)}}@media (width>=1024px){.tr-header__subtitle{bottom:-1.5rem;right:-2rem}}.tr-header__tagline{font-family:var(--tr-font-terminal);color:var(--tr-arcade-cyan);text-shadow:0 0 5px #22d3ee99;letter-spacing:.15em;margin-top:2rem;font-size:clamp(1rem,2vw,1.5rem)}@media (width>=1024px){.tr-header__tagline{margin-top:1.5rem}}.tr-header__credits{flex-direction:column;flex-shrink:0;gap:.5rem;inline-size:clamp(5.5rem,8vw,7rem);min-inline-size:5.5rem;max-inline-size:7rem;padding:0;display:none}@media (width>=1024px){.tr-header__credits{display:flex}}.tr-header__credits-label{font-family:var(--tr-font-arcade);color:var(--tr-arcade-emerald);text-shadow:0 0 8px #34d399;text-align:right;font-size:10px}.tr-header__credits-value{font-family:var(--tr-font-terminal);color:var(--tr-arcade-emerald);border-radius:var(--tr-radius-sm);background:#000c;border:2px solid #34d39980;padding:.5rem 1rem;font-size:3rem;box-shadow:inset 0 0 10px #34d39933}@keyframes tr-pulse{0%,to{opacity:1}50%{opacity:.7}}.tr-grid{grid-template-columns:1fr;gap:2.5rem;margin-top:1.5rem;display:grid}@media (width>=1024px){.tr-grid{grid-template-columns:2fr 1fr;gap:2.5rem}}.tr-main{flex-direction:column;gap:3rem;display:flex}.tr-section-header{align-items:center;gap:1rem;width:100%;margin-bottom:2rem;display:flex}@media (width>=1024px){.tr-section-header{margin-bottom:2.5rem}}.tr-section-header__line{flex:1;height:2px}.tr-section-header__line--yellow{background:#facc1580;box-shadow:0 0 10px #facc1580}.tr-section-header__line--cyan{background:#22d3ee80;box-shadow:0 0 10px #22d3ee80}.tr-section-header__title{font-family:var(--tr-font-tech);letter-spacing:.2em;white-space:nowrap;font-size:clamp(.75rem,1.5vw,1rem);font-weight:700}.tr-section-header__title--yellow{color:var(--tr-arcade-yellow);text-shadow:0 0 8px #facc15cc}.tr-section-header__title--cyan{color:var(--tr-arcade-cyan);text-shadow:0 0 8px #22d3eecc}.tr-budget-selector{flex-direction:column;align-items:center;display:flex}.tr-budget-buttons{justify-content:center;gap:1rem;width:100%;display:flex}@media (width>=640px){.tr-budget-buttons{gap:2rem}}.tr-budget-btn{font-family:var(--tr-font-arcade);border:var(--tr-border-thick) solid #374151;border-radius:var(--tr-radius-sm);color:#6b7280;cursor:pointer;background:#11182780;padding:1rem 1.25rem;font-size:1rem;transition:all .2s}@media (width>=640px){.tr-budget-btn{padding:1rem 1.5rem;font-size:1.5rem}}.tr-budget-btn:hover{border-color:#6b7280}.tr-budget-btn--active{color:var(--tr-arcade-cyan);border-color:var(--tr-arcade-cyan);background:#08334466;box-shadow:0 0 20px #22d3ee80,inset 0 0 15px #22d3ee4d}.tr-budget-btn--active[data-budget="50"]{color:#d8b4fe;background:#3b076466;border-color:#c084fc;box-shadow:0 0 20px #c084fc80,inset 0 0 15px #c084fc4d}.tr-budget-btn--active[data-budget="100"]{color:#f9a8d4;background:#83184366;border-color:#f472b6;box-shadow:0 0 20px #f472b680,inset 0 0 15px #f472b64d}.tr-budget-hint{font-family:var(--tr-font-terminal);color:var(--tr-arcade-pink);letter-spacing:.15em;text-shadow:0 0 5px #ec489999;margin-top:1.5rem;font-size:clamp(1rem,2vw,1.25rem);font-style:italic;animation:2s ease-in-out infinite tr-pulse}.tr-machines{grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}@media (width>=640px){.tr-machines{gap:1.25rem}}@media (width>=768px){.tr-machines{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.tr-machines{grid-template-columns:repeat(6,1fr)}}.tr-machine{padding-top:var(--tr-space-lg);padding-bottom:var(--tr-space-md);padding-left:var(--tr-space-md);padding-right:var(--tr-space-md);border:var(--tr-border-thick) solid;border-radius:var(--tr-radius-md);cursor:pointer;background:#0009;flex-direction:column;align-items:center;transition:all .3s;display:flex;position:relative;box-shadow:inset 0 0 30px #000}.tr-machine[data-theme=openai]:not(.tr-machine--inactive){border-color:var(--tr-model-openai);color:var(--tr-model-openai);box-shadow:0 0 20px #22c55e4d,inset 0 0 15px #22c55e4d,inset 0 0 30px #000}.tr-machine[data-theme=claude]:not(.tr-machine--inactive){border-color:var(--tr-model-claude);color:var(--tr-model-claude);box-shadow:0 0 20px #f973164d,inset 0 0 15px #f973164d,inset 0 0 30px #000}.tr-machine[data-theme=gemini]:not(.tr-machine--inactive){border-color:var(--tr-model-gemini);color:var(--tr-model-gemini);box-shadow:0 0 20px #38bdf84d,inset 0 0 15px #38bdf84d,inset 0 0 30px #000}.tr-machine[data-theme=deepseek]:not(.tr-machine--inactive){border-color:var(--tr-model-deepseek);color:var(--tr-model-deepseek);box-shadow:0 0 20px #facc1580,inset 0 0 15px #facc154d,inset 0 0 30px #000}.tr-machine[data-theme=qwen]:not(.tr-machine--inactive){border-color:var(--tr-model-qwen);color:var(--tr-model-qwen);box-shadow:0 0 20px #c084fc4d,inset 0 0 15px #c084fc4d,inset 0 0 30px #000}.tr-machine[data-theme=kimi]:not(.tr-machine--inactive){border-color:var(--tr-model-kimi);color:var(--tr-model-kimi);box-shadow:0 0 20px #2dd4bf4d,inset 0 0 15px #2dd4bf4d,inset 0 0 30px #000}.tr-machine--winner{z-index:10;opacity:1;transform:scale(1.03)}.tr-machine--selected{outline:2px solid var(--tr-arcade-cyan);outline-offset:2px}.tr-machine--inactive{opacity:.8;z-index:0;color:var(--tr-text-muted);background:#0f172a66;border-color:#1e293b;transform:scale(1);box-shadow:inset 0 0 30px #000}.tr-machine--inactive:hover{opacity:1}.tr-machine__badge{background:var(--tr-arcade-yellow);color:#000;font-family:var(--tr-font-tech);z-index:20;white-space:nowrap;border:2px solid #eab308;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-14px;box-shadow:0 0 15px #facc15cc}.tr-machine__name{text-align:center;text-transform:uppercase;min-height:3rem;font-size:.7rem;font-weight:700;line-height:1.3}.tr-machine__name--active{color:var(--tr-arcade-pink);text-shadow:0 0 3px #f472b6cc}@media (width>=640px){.tr-machine__name{font-size:.8rem}}.tr-machine__icon{margin:1.5rem 0}.tr-machine__icon svg{width:2.5rem;height:2.5rem}.tr-machine__count{white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.04em;max-width:100%;font-size:clamp(.85rem,14cqi,1.25rem);line-height:1.1}.tr-machine__label{font-family:var(--tr-font-tech);text-transform:uppercase;letter-spacing:.1em;text-align:center;color:var(--tr-text-muted);margin-top:12px;font-size:9px;line-height:1.4}.tr-machine__label--active{color:var(--tr-arcade-pink);text-shadow:0 0 3px #f472b6cc}.tr-rate-panel{border:var(--tr-border-thick) solid var(--tr-arcade-cyan);background:var(--tr-surface);border-radius:var(--tr-radius-lg);padding:var(--tr-space-xl);box-shadow:var(--tr-shadow-cyan);flex-direction:column;height:auto;display:flex;position:sticky;top:6rem}.tr-rate-panel__selected-label{font-family:var(--tr-font-terminal);color:var(--tr-arcade-cyan);letter-spacing:.15em;border-bottom:1px solid #22d3ee99;margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem}.tr-rate-panel__model-name{font-family:var(--tr-font-tech);margin-bottom:2rem;font-size:clamp(2rem,4vw,3rem);font-weight:900}.tr-rate-panel__divider{align-items:center;gap:1rem;width:100%;margin-bottom:1.5rem;display:flex}.tr-rate-panel__divider-line{background:linear-gradient(90deg, transparent, var(--tr-arcade-cyan), transparent);flex:1;height:1px}.tr-rate-panel__divider-label{font-family:var(--tr-font-tech);color:var(--tr-arcade-cyan);letter-spacing:.2em;font-size:.75rem;font-weight:700}.tr-rate-rows{border:var(--tr-border-thin) solid var(--tr-border-strong);border-radius:var(--tr-radius-md);flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.tr-rate-row{border-bottom:1px solid var(--tr-border-strong);grid-template-columns:110px 1fr;display:grid}.tr-rate-row:last-child{border-bottom:none}.tr-rate-row__icon{border-right:1px solid var(--tr-border-strong);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.tr-rate-row__icon svg{width:1.5rem;height:1.5rem}.tr-rate-row__icon-label{font-family:var(--tr-font-tech);letter-spacing:.15em;text-transform:uppercase;text-align:center;width:100%;font-size:10px;font-weight:700}.tr-rate-row__value{color:#fff;font-family:var(--tr-font-tech);background:#0006;align-items:center;padding:16px;display:flex}.tr-rate-row--input,.tr-rate-row--cache{background:#08334433}.tr-rate-row--output{background:#53073633}.tr-rate-row--pricing,.tr-rate-row--context{background:#0009}.tr-breakdown{border:var(--tr-border-thin) solid #22d3ee99;background:var(--tr-panel-inner);border-radius:var(--tr-radius-md);padding:var(--tr-space-md);box-shadow:var(--tr-shadow-panel-inner);margin-top:2rem;position:relative;overflow:hidden}.tr-breakdown__glow{filter:blur(40px);pointer-events:none;background:#22d3ee0d;border-radius:50%;width:8rem;height:8rem;position:absolute;top:0;right:0}.tr-breakdown__section{z-index:10;flex-direction:column;gap:.75rem;display:flex;position:relative}.tr-breakdown__header{border-bottom:1px solid #22d3ee99;justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.tr-breakdown__header-label{font-family:var(--tr-font-tech);letter-spacing:.15em;font-size:clamp(.625rem,1.2vw,.875rem);font-weight:700}.tr-breakdown__header-label--cyan{color:var(--tr-arcade-cyan)}.tr-breakdown__header-label--yellow{color:var(--tr-arcade-yellow)}.tr-breakdown__cache-toggle{cursor:pointer;align-items:center;gap:.5rem;display:flex}.tr-breakdown__cache-label{font-family:var(--tr-font-tech);color:var(--tr-arcade-yellow);opacity:.8;font-size:clamp(.625rem,1vw,.75rem)}.tr-breakdown__cache-track{background:#475569;border-radius:9999px;width:2rem;height:1rem;transition:background .2s;position:relative}.tr-breakdown__cache-track--active{background:var(--tr-arcade-yellow)}.tr-breakdown__cache-knob{background:#fff;border-radius:50%;width:.75rem;height:.75rem;transition:transform .2s;position:absolute;top:2px;left:2px}.tr-breakdown__cache-knob--active{transform:translate(1rem)}.tr-breakdown__lines{flex-direction:column;gap:.5rem;display:flex}.tr-breakdown__line{justify-content:space-between;align-items:center;display:flex}.tr-breakdown__line-label{font-family:var(--tr-font-tech);flex:1;font-size:clamp(.625rem,1vw,.875rem)}.tr-breakdown__line-formula{text-align:center;font-family:var(--tr-font-tech);opacity:.7;flex:1;font-size:clamp(.5rem,.8vw,.75rem)}.tr-breakdown__line-value{text-align:right;font-family:var(--tr-font-tech);flex:1;font-size:clamp(.625rem,1vw,.875rem)}.tr-breakdown__line--cyan .tr-breakdown__line-label,.tr-breakdown__line--cyan .tr-breakdown__line-formula,.tr-breakdown__line--cyan .tr-breakdown__line-value{color:var(--tr-arcade-cyan)}.tr-breakdown__line--pink .tr-breakdown__line-label,.tr-breakdown__line--pink .tr-breakdown__line-formula,.tr-breakdown__line--pink .tr-breakdown__line-value{color:var(--tr-arcade-pink)}.tr-breakdown__total{border-top:1px solid #22d3ee66;justify-content:space-between;align-items:center;margin-top:.25rem;padding-top:.75rem;display:flex}.tr-breakdown__total-label{font-family:var(--tr-font-tech);letter-spacing:.15em;color:#fff;font-size:.875rem;font-weight:700}.tr-breakdown__total-value{font-family:var(--tr-font-tech);color:var(--tr-arcade-yellow);text-shadow:0 0 8px #facc1580;font-size:1.25rem;font-weight:700}.tr-budget-section{z-index:10;flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex;position:relative}.tr-budget-equation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"budget divide cost""equals total total";align-items:end;gap:.75rem .5rem;width:100%;min-width:0;display:grid}@media (width>=560px){.tr-budget-equation{grid-template-columns:minmax(0,.85fr) auto minmax(0,1fr) auto minmax(0,1.15fr);grid-template-areas:"budget divide cost equals total";gap:0 clamp(.35rem,2cqi,.75rem)}}.tr-budget-equation__term--budget{grid-area:budget;min-width:0}.tr-budget-equation__operator--divide{grid-area:divide}.tr-budget-equation__term--cost{grid-area:cost;min-width:0}.tr-budget-equation__operator--equals{grid-area:equals;place-self:center end}.tr-budget-equation__term--total{grid-area:total;justify-self:stretch;min-width:0}.tr-budget-equation__label{font-family:var(--tr-font-terminal);letter-spacing:.08em;white-space:nowrap;color:#facc15cc;font-size:clamp(.55rem,2cqi,.75rem);display:block}.tr-budget-equation__value,.tr-budget-equation__total{white-space:nowrap;font-variant-numeric:tabular-nums;max-width:100%;line-height:1.1;display:block}.tr-budget-equation__value{font-family:var(--tr-font-tech);color:#fff;border-bottom:1px dashed #facc1580;padding-bottom:.25rem;font-size:clamp(.85rem,4cqi,1.35rem)}.tr-budget-equation__total{font-family:var(--tr-font-tech);letter-spacing:-.04em;text-align:right;color:var(--tr-arcade-yellow);text-shadow:0 0 8px #facc15cc;font-size:clamp(1.25rem,6cqi,1.75rem)}.tr-budget-equation__term--total .tr-budget-equation__label,.tr-budget-equation__total{text-align:right}.tr-budget-equation__operator{font-family:var(--tr-font-tech);color:var(--tr-arcade-yellow);text-shadow:0 0 8px #facc15b3;align-self:center;font-size:clamp(1rem,4cqi,1.75rem)}@media (width>=560px){.tr-budget-equation__operator--equals{justify-self:center}}.tr-static-table-wrap{margin-top:3rem}.tr-static-table-toggle{font-family:var(--tr-font-tech);color:var(--tr-arcade-cyan);border:1px solid var(--tr-border);border-radius:var(--tr-radius-sm);cursor:pointer;letter-spacing:.1em;background:0 0;padding:.5rem 1rem;font-size:.875rem;transition:border-color .2s}.tr-static-table-toggle:hover{border-color:var(--tr-arcade-cyan)}.tr-static-table{border-collapse:collapse;width:100%;font-family:var(--tr-font-tech);margin-top:1rem;font-size:clamp(.625rem,1vw,.875rem)}.tr-static-table th,.tr-static-table td{text-align:left;border-bottom:1px solid var(--tr-border);padding:.75rem}.tr-static-table th{color:var(--tr-arcade-cyan);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:700}.tr-static-table td{color:var(--tr-text-primary)}.tr-static-table tr:hover td{background:#22d3ee0d}.tr-cache-notice{font-family:var(--tr-font-terminal);color:var(--tr-text-muted);margin-top:.5rem;font-size:.875rem;font-style:italic}.tr-machine:focus-visible,.tr-budget-btn:focus-visible{outline:2px solid var(--tr-focus-ring);outline-offset:2px}.tr-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}