.tl{display:grid;gap:16px}.tl-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;align-items:start}@media(max-width:760px){.tl-grid{grid-template-columns:1fr}}.tl-row{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.tl-field{display:grid;gap:6px;font-size:.875rem;font-weight:600;color:var(--muted);min-width:0}.tl-field small{font-weight:500;color:var(--soft)}.tl-input,.tl-area,.tl-select{width:100%;padding:11px 13px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--surface);font:500 1rem/1.5 var(--f-body);color:var(--ink);transition:border-color .2s,background-color .2s,box-shadow .2s}.tl-area{min-height:140px;resize:vertical}.tl-input:focus,.tl-area:focus,.tl-select:focus{outline:0;border-color:var(--indigo);background:#fff;box-shadow:0 0 0 4px #3d3ae01f}.tl-input[type=color]{padding:4px;height:46px;cursor:pointer}.tl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;background:var(--indigo);color:#fff;font-weight:600;font-size:.9375rem;transition:background-color .2s,transform .2s var(--ease)}.tl-btn:hover{background:var(--indigo-h)}.tl-btn:active{transform:translateY(1px)}.tl-btn--ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line-2)}.tl-btn--ghost:hover{background:#fff;border-color:var(--indigo);color:var(--indigo)}.tl-out{display:grid;gap:10px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#f4f3ff,#fff5f2);border:1px solid #E6E3FA}.tl-label{font-size:.8125rem;font-weight:700;letter-spacing:.02em;color:var(--soft);text-transform:uppercase}.tl-big{font:800 clamp(2.2rem,1.6rem + 2.4vw,3.4rem)/1 var(--f-disp);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ink)}.tl-big small{font-size:.45em;color:var(--soft);letter-spacing:0}.tl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.tl-stat{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:.8125rem;font-weight:600;color:var(--soft)}.tl-stat b{display:block;font:800 1.5rem/1.15 var(--f-disp);color:var(--ink);font-variant-numeric:tabular-nums}.tl-bar{height:8px;border-radius:8px;background:var(--line);overflow:hidden}.tl-bar>i{display:block;height:100%;width:calc(var(--p, 0) * 100%);border-radius:inherit;background:linear-gradient(90deg,var(--indigo),var(--violet));transition:width .4s var(--ease)}.tl-over>.tl-bar>i,.tl-bar.is-over>i{background:linear-gradient(90deg,var(--coral),#FF9A80)}.tl-list{display:grid;gap:8px}.tl-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 10px 10px 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.tl-item:hover{border-color:var(--line-2);background:#fff}.tl-chips{display:flex;flex-wrap:wrap;gap:6px}.tl-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-size:.875rem;font-weight:600;color:var(--muted);transition:border-color .2s,color .2s,background-color .2s}.tl-chip[aria-pressed=true],.tl-chip.is-on{background:var(--indigo);border-color:var(--indigo);color:#fff}.tl-grid-sym{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px}.tl-sym{display:grid;place-items:center;aspect-ratio:1;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:1.5rem;line-height:1;transition:transform .2s var(--ease),border-color .2s,background-color .2s}.tl-sym:hover{transform:translateY(-2px);border-color:var(--indigo)}.tl-copy{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;background:#fff;border:1px solid var(--line-2);font-size:.8125rem;font-weight:600;color:var(--ink);transition:background-color .2s,border-color .2s,color .2s;white-space:nowrap}.tl-copy:hover{border-color:var(--indigo);color:var(--indigo)}.tl-copy.is-done{background:var(--green-bg);border-color:#a9dcc5;color:var(--green)}.tl-note{font-size:.875rem;color:var(--soft);line-height:1.5}.tl-note b{color:var(--ink)}.tl-formula{font:400 .875rem/1.5 var(--f-mono);color:var(--muted)}.tl-toast{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%,20px);padding:10px 16px;border-radius:12px;background:var(--ink);color:#fff;font-size:.9rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease)}.tl-toast.is-on{opacity:1;transform:translate(-50%)}.tl-embed{margin:28px 0;padding:clamp(16px,2.6vw,28px);border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-m)}@media(max-width:760px){html:has(.tapp){scroll-padding-bottom:88px}}.tl-dock{display:none}@media(max-width:760px){.tl-dock{grid-column:1 / -1;position:sticky;bottom:12px;z-index:5;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:0;padding:10px 14px;border-radius:14px;background:var(--ink);color:#fff;font-size:.875rem;font-weight:600;box-shadow:var(--shadow-l)}.tl-dock b{font:800 1.05rem/1.2 var(--f-disp);font-variant-numeric:tabular-nums}}