.telason-root{min-height:100vh;font-family:Inter,system-ui,sans-serif}@keyframes tl-pulse{0%,to{transform:scale(1);box-shadow:0 0 #f59e0b66}50%{transform:scale(1.03);box-shadow:0 0 0 6px #f59e0b00}}@keyframes tl-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-18px)}60%{transform:translateY(-9px)}}@keyframes tl-float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(1.5deg)}66%{transform:translateY(-6px)rotate(-1deg)}}@keyframes tl-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0% 0 0);opacity:1}}@keyframes tl-fadein{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes tl-spin-slow{to{transform:rotate(360deg)}}.tl-anim-pulse{animation:2s ease-in-out infinite tl-pulse}.tl-anim-bounce{animation:1.2s cubic-bezier(.28,.84,.42,1) infinite tl-bounce}.tl-anim-float{animation:3s ease-in-out infinite tl-float}.tl-anim-reveal{animation:.9s forwards tl-reveal}.tl-anim-fadein{animation:.7s forwards tl-fadein}.tl-canvas-wrap{background:repeating-conic-gradient(#80808020 0% 25%,#0000 0% 50%) 0 0/16px 16px;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.tl-canvas-wrap canvas{max-width:100%;height:auto;display:block}.tl-waveform{align-items:center;gap:2px;height:32px;display:flex}.tl-waveform-bar{transform-origin:bottom;background:currentColor;width:3px;transition:height 80ms}.tl-progress-ring{animation:1.2s linear infinite tl-spin-slow}.tl-range{appearance:none;background:linear-gradient(to right,#f59e0b var(--pct,0%),#80808033 var(--pct,0%));cursor:pointer;outline:none;height:4px}.tl-range::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#f59e0b;border:2px solid #fff;width:14px;height:14px;box-shadow:0 0 4px #0000004d}.tl-range::-moz-range-thumb{cursor:pointer;background:#f59e0b;border:2px solid #fff;width:14px;height:14px}.tl-section{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(28px)}.tl-section.tl-visible{opacity:1;transform:translateY(0)}.tl-hero-bg{background:radial-gradient(ellipse 90% 70% at 50% 0%,hsl(var(--background))0%,hsl(var(--background))100%)}#tl-logo-img{transition:box-shadow .3s}.tl-swatch{cursor:pointer;border:2px solid #8080804d;width:40px;height:40px;transition:transform .15s}.tl-swatch:hover{transform:scale(1.15)}.tl-lyric-preview{text-align:center;color:#fff;text-shadow:0 2px 6px #000c;pointer-events:none;font-size:clamp(.75rem,2vw,1rem);font-weight:700;position:absolute;bottom:16px;left:0;right:0}@media (max-width:767px){.tl-tabs-list{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.tl-tab-trigger{flex:calc(50% - .5rem);justify-content:center;min-width:120px}}