.tta-page{display:flex;flex-direction:column;gap:48px;padding-bottom:56px}.tta-header{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--color-line)}.tta-eyebrow{font-family:var(--font-ui);font-size:11px;letter-spacing:2.5px;color:var(--color-green);text-transform:uppercase}.tta-header h1{font-family:var(--font-display);font-size:clamp(40px,5vw,72px);letter-spacing:1.5px;text-transform:uppercase;margin:0;line-height:.92;color:var(--color-text)}.tta-header h1 .accent{color:var(--color-green)}.tta-header p{margin:0;font-size:15px;color:var(--color-muted);line-height:1.65;max-width:78ch}.tta-page code{font-family:var(--font-mono);font-size:.86em;color:var(--color-green);background:#c8ff3d14;padding:1px 5px;border-radius:4px}.tta-controls{position:sticky;top:8px;z-index:10;display:flex;flex-direction:column;gap:16px;padding:18px;background:color-mix(in srgb,var(--color-bg-2) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-line);border-radius:var(--radius-lg)}.tta-control-row{display:flex;flex-wrap:wrap;gap:22px 28px;align-items:flex-start}.tta-control{display:flex;flex-direction:column;gap:8px}.tta-control-title{font-family:var(--font-ui);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-muted)}.tta-hint{text-transform:none;letter-spacing:0;color:var(--color-muted-2);font-family:var(--font-body);font-size:11px}.tta-seg{display:inline-flex;gap:4px;padding:4px;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-md)}.tta-seg button{appearance:none;border:0;background:transparent;color:var(--color-muted);font-size:13px;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background .14s ease,color .14s ease}.tta-seg button:hover{color:var(--color-text)}.tta-seg button.is-active{background:var(--color-green);color:#0b0b0e;font-weight:600}.tta-num-input{width:130px;font-family:var(--font-mono);font-size:14px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:8px 10px}.tta-num-input:focus{outline:none;border-color:var(--color-green)}.tta-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);cursor:pointer}.tta-check input{accent-color:var(--color-green);width:16px;height:16px}.tta-sliders{padding-top:16px;border-top:1px solid var(--color-line)}.tta-slider{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--color-muted)}.tta-slider-label{font-family:var(--font-mono);min-width:56px}.tta-slider input[type=range]{width:120px;accent-color:var(--color-green)}.tta-slider-val{font-family:var(--font-mono);color:var(--color-text);min-width:56px}.tta-slider-group{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg)}.tta-slider-group-title{font-family:var(--font-ui);font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.tta-slider-group[data-token=fun] .tta-slider-group-title{color:var(--color-green)}.tta-slider-group[data-token=gems] .tta-slider-group-title{color:var(--color-purple-soft)}.tta-slider-group[data-token=xp] .tta-slider-group-title{color:var(--color-cyan)}.tta-slider-group[data-token=fun] input[type=range]{accent-color:var(--color-green)}.tta-slider-group[data-token=gems] input[type=range]{accent-color:var(--color-purple-soft)}.tta-slider-group[data-token=xp] input[type=range]{accent-color:var(--color-cyan)}.tta-css-out{border:1px solid var(--color-line);border-radius:var(--radius-md);overflow:hidden}.tta-css-out-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:var(--color-bg);border-bottom:1px solid var(--color-line);font-size:12px;color:var(--color-muted)}.tta-css-out-actions{display:flex;gap:6px}.tta-css-out-actions button{appearance:none;border:1px solid var(--color-line);background:transparent;color:var(--color-text);font-size:12px;padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer}.tta-css-out-actions button:hover{border-color:var(--color-green);color:var(--color-green)}.tta-css-out pre{margin:0;padding:12px;font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--color-text);background:var(--color-bg);white-space:pre-wrap;word-break:break-word}.tta-controls-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px}.tta-collapse-toggle{display:inline-flex;align-items:center;gap:6px;appearance:none;border:1px solid var(--color-line);background:transparent;color:var(--color-muted);font-family:var(--font-ui);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:color .14s ease,border-color .14s ease}.tta-collapse-toggle:hover{color:var(--color-green);border-color:var(--color-green)}.tta-collapse-toggle svg{transition:transform .18s ease}.tta-collapse-toggle svg.tta-chevron-up{transform:rotate(180deg)}.tta-bar-compact{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;min-width:0}.tta-bar-vp{font-family:var(--font-ui);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-green);border:1px solid color-mix(in srgb,var(--color-green) 40%,var(--color-line));background:#c8ff3d0f;padding:3px 8px;border-radius:var(--radius-sm);white-space:nowrap}.tta-seg-sm{padding:3px;gap:3px}.tta-seg-sm button{font-size:12px;padding:4px 9px}.tta-bar-size{display:inline-flex;align-items:center;gap:8px}.tta-bar-size>span{font-family:var(--font-ui);font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:var(--color-muted)}.tta-bar-size select{appearance:auto;font-family:var(--font-mono);font-size:12px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:5px 8px;cursor:pointer}.tta-bar-size select:focus{outline:none;border-color:var(--color-green)}.tta-bar-right{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px 10px}.tta-controls.is-collapsed{gap:12px}.tta-controls.is-collapsed .tta-sliders{padding-top:12px}.tta-section{display:flex;flex-direction:column;gap:18px}.tta-section-head{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--color-line);padding-bottom:14px}.tta-section-eyebrow{font-family:var(--font-ui);font-size:11px;letter-spacing:2.5px;color:var(--color-green);text-transform:uppercase}.tta-section-head h2{font-family:var(--font-display);font-size:26px;letter-spacing:.5px;text-transform:uppercase;margin:0;line-height:1;color:var(--color-text)}.tta-section-head p{margin:2px 0 0;font-size:13px;color:var(--color-muted);line-height:1.55;max-width:72ch}.tta-ladder{display:flex;flex-direction:column}.tta-ladder-row{display:flex;align-items:center;gap:20px;padding:14px 0;border-bottom:1px dashed var(--color-line)}.tta-ladder-px{flex:none;width:52px;text-align:right;font-family:var(--font-mono);font-size:12px;color:var(--color-muted-2)}.tta-ladder-samples{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em 1em;color:var(--color-text);min-width:0}.tta-fontgrid-block{display:flex;flex-direction:column;gap:10px}.tta-fontgrid-size{font-family:var(--font-mono);font-size:12px;color:var(--color-muted-2)}.tta-fontgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tta-fontgrid-cell{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-bg-2);overflow-x:auto}.tta-fontgrid-samples{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em .9em;color:var(--color-text)}.tta-fontgrid-name{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);letter-spacing:.5px}.tta-context-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tta-ctx-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-card) 0%,var(--color-bg-1, var(--color-bg)) 100%)}.tta-ctx-label{font-family:var(--font-ui);font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-muted)}.tta-ctx-balance{font-size:56px;font-weight:800;color:var(--color-text)}.tta-ctx-chips{display:flex;flex-wrap:wrap;gap:10px}.tta-chip{display:inline-flex;align-items:center;font-size:16px;font-weight:700;padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-line);background:var(--color-bg);color:var(--color-text)}.tta-chip[data-token=fun]{border-color:color-mix(in srgb,var(--color-green) 40%,var(--color-line));background:#c8ff3d0f}.tta-chip[data-token=gems]{border-color:color-mix(in srgb,var(--color-purple-soft) 40%,var(--color-line));background:#b765f212}.tta-chip[data-token=xp]{border-color:color-mix(in srgb,var(--color-cyan) 40%,var(--color-line));background:#29d6ff0f}.tta-ctx-tx{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.tta-ctx-tx li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--color-line);font-size:15px}.tta-ctx-tx li:last-child{border-bottom:0}.tta-ctx-tx-title{color:var(--color-muted)}.tta-ctx-tx-amt{font-weight:700;color:var(--color-text)}.tta-ctx-heading{margin:0;font-family:var(--font-display);font-size:30px;letter-spacing:.5px;color:var(--color-text)}.tta-ctx-body{margin:0;font-size:15px;line-height:1.7;color:var(--color-muted)}.tta-guides .token-amount__icon{outline:1px dashed rgba(255,64,160,.85)}.tta-guides .token-amount__value{outline:1px dashed rgba(41,214,255,.6);background:#29d6ff0f}.tta-footnote{text-align:center;color:var(--color-muted-2);font-size:12px;margin:16px auto 0;max-width:560px}@media(max-width:640px){.tta-fontgrid,.tta-context-grid{grid-template-columns:1fr}.tta-controls{position:static;padding:14px}.tta-controls.is-collapsed{position:sticky;top:8px}.tta-controls.is-collapsed .tta-sliders{max-height:46dvh;overflow-y:auto;overscroll-behavior:contain}.tta-sliders{flex-direction:column;gap:6px}.tta-slider-group{width:100%;display:grid;grid-template-columns:48px 1fr 1fr;align-items:center;gap:2px 10px;padding:3px 2px;border:0;background:transparent;border-radius:0}.tta-slider-group-title{font-size:10px;letter-spacing:.8px}.tta-slider-group-size{display:none}.tta-slider{gap:5px}.tta-slider-label{min-width:0;font-size:10px;white-space:nowrap}.tta-slider input[type=range]{flex:1;width:auto;min-width:0}.tta-slider-val{min-width:32px;font-size:11px;text-align:right}.tta-sliders>.tta-slider{gap:8px}.tta-controls-bar{flex-direction:column;align-items:stretch;gap:8px}.tta-bar-compact{gap:6px 10px}.tta-bar-right{justify-content:flex-start}.tta-css-out-actions{gap:5px}.tta-css-out-actions button{padding:4px 9px}.tta-controls.is-collapsed .tta-saved-at,.tta-controls.is-collapsed .tta-clear-saved{display:none}}.tta-seg-sizes{flex-wrap:wrap;max-width:560px}.tta-seg-sizes button.has-anchor{box-shadow:inset 0 0 0 1px var(--color-green)}.tta-clear-anchor{color:var(--color-danger, #ff5470)}.tta-ladder-row{cursor:pointer}.tta-ladder-row.is-calibrating{background:#c8ff3d0d;box-shadow:inset 2px 0 0 var(--color-green);padding-left:10px;margin-left:-10px}.tta-anchor-dot{display:inline-block;width:5px;height:5px;margin-left:5px;border-radius:50%;background:var(--color-green);vertical-align:2px}.tta-css-out-actions .tta-save{color:var(--color-bg);background:var(--color-green);border-color:var(--color-green);font-weight:700}.tta-saved-at{font-family:var(--font-mono);font-size:11px;color:var(--color-muted-2);align-self:center;margin-right:4px}