.tt{--tt-card:hsl(var(--surface));--tt-plate:hsl(var(--surface));--tt-line:hsl(var(--border-subtle));--tt-ink:hsl(var(--text-primary));--tt-ink2:hsl(var(--text-secondary));--tt-ink3:hsl(var(--text-muted));--tt-amber:hsl(var(--primary));--tt-accent:hsl(var(--primary-ink));--tt-shade:0 0% 0%;--tt-cell:hsl(var(--surface-elevated));--tt-bar:hsl(var(--background)/0.86);--tt-bar-h:46px;background:hsl(var(--background));padding-top:calc(var(--tt-bar-h) + env(safe-area-inset-top, 0px));color:var(--tt-ink);overflow-x:clip}:root[data-theme=daylight-amber] .tt,:root[data-theme=light-sand] .tt,:root[data-theme=paper] .tt{--tt-card:color-mix(in srgb,hsl(var(--background)) 30%,#fff);--tt-shade:30 40% 20%}.tt-w{max-width:1200px;margin:0 auto;padding-inline:20px}.tt-eb{font:500 11.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--tt-accent)}:root[data-theme=daylight-amber] .tt-eb:before,:root[data-theme=light-sand] .tt-eb:before,:root[data-theme=paper] .tt-eb:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--tt-amber);margin-right:8px;vertical-align:1px}.tt h2{font-size:clamp(30px,3.8vw,48px);line-height:1.05;letter-spacing:-.035em;font-weight:700;margin:14px 0 0}.tt h2,.tt-lede{text-wrap:balance}.tt-lede{font-size:clamp(18px,1.6vw,20px);line-height:1.4;font-weight:500;letter-spacing:-.01em;margin:16px 0 0;max-width:40ch}.tt-b{color:var(--tt-ink2);margin:14px 0 0;max-width:60ch;text-wrap:pretty}.tt-b a{color:var(--tt-accent);text-decoration:underline;text-underline-offset:3px}.tt-cap{color:var(--tt-ink3);font-size:13.5px;margin:12px 0 0;max-width:72ch;text-wrap:pretty}.tt-punch{font-weight:600;margin:14px 0 0}.tt-punch,.tt-tier{color:var(--tt-ink)}.tt-tier{display:inline-flex;align-items:baseline;gap:9px;font-size:14px;font-weight:500;line-height:1.45;margin-top:16px;text-wrap:pretty}.tt-tier:before{content:"";flex:none;width:7px;height:7px;border-radius:50%;transform:translateY(-1px)}.tt-new,.tt-tier:before{background:var(--tt-amber)}.tt-new{font:600 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:hsl(var(--primary-foreground));border-radius:6px;padding:5px 7px}.tt-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tt-ico{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;flex:none}.tt-ico svg{width:23px;height:23px}.tt-sec .tt-top{gap:14px}.tt-sec .tt-top .tt-ico{width:46px;height:46px;border-radius:11px}.tt-sec .tt-top .tt-ico svg{width:28px;height:28px}.tt-turn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;padding:0;margin:0;color:inherit;display:grid;flex:none;cursor:pointer;border-radius:11px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;perspective:240px}.tt-turn .tt-ico{transition:transform .15s ease}.tt-turn:active .tt-ico{transform:scale(.9)}.tt-turn:focus-visible{outline:2px solid var(--tt-amber);outline-offset:2px}.tt-mod{display:flex;align-items:baseline;gap:10px;font-size:clamp(21px,2vw,25px);font-weight:700;letter-spacing:-.025em;line-height:1;color:var(--tt-ink)}.tt-num{font:500 12px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.1em;color:var(--tt-accent)}.tt-qbtn{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-weight:600;font-size:14px;color:var(--tt-ink);background:var(--tt-card);border:1px solid var(--tt-line);border-radius:10px;padding:12px 16px;text-decoration:none}.tt-qbtn span{color:var(--tt-accent)}.tt-qbtn:hover{border-color:hsl(var(--primary)/.5)}.tt .tt-demo .tt-arr,.tt-qbtn span{display:inline-block;transition:transform .2s ease}.tt-qbtn:hover span{transform:translateX(3px)}.tt .tt-demo:hover{border-color:hsl(var(--primary)/.55)!important}.tt .tt-demo:hover .tt-arr{transform:translateY(-3px)}.tt-bar{position:fixed;top:0;left:0;right:0;z-index:40;padding-top:env(safe-area-inset-top,0);background:var(--tt-bar);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.tt-bar-in{max-width:1200px;margin:0 auto;height:44px;padding:0 20px;display:flex;align-items:center;gap:12px;position:relative;z-index:1;pointer-events:none}.tt-bar-in>*{pointer-events:auto}.tt-bar-in>.tt-bar-sp{pointer-events:none}.tt-bar-in .tt-logo{height:22px;width:auto;display:block}.tt-bar-sp{flex:1}.tt-open{display:inline-flex;align-items:center;height:30px;padding:0 12px;margin-right:8px;border-radius:8px;border:1px solid var(--tt-line);color:var(--tt-ink);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}.tt-open:hover{border-color:hsl(var(--primary)/.55)}.tt-open:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.tt-lang{display:inline-grid;place-items:center;min-width:34px;height:30px;padding:0 8px;border-radius:8px;border:1px solid var(--tt-line);background:var(--tt-plate);color:var(--tt-ink2);font:600 11.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.08em;text-decoration:none;margin-right:8px}.tt-lang:hover{color:var(--tt-ink);border-color:hsl(var(--primary)/.5)}.tt-lang:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.tt-gsw{display:flex;background:var(--tt-plate);border:1px solid var(--tt-line);border-radius:8px;padding:2px;gap:2px}.tt-gsw button{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:12px;line-height:1;color:var(--tt-ink2);background:transparent;border:0;border-radius:6px;padding:5px 9px;cursor:pointer}.tt-gsw button svg{width:13px;height:13px}.tt-gsw button[aria-pressed=true]{background:var(--tt-card);color:var(--tt-ink);box-shadow:0 1px 2px hsl(var(--tt-shade)/.18),0 0 0 1px var(--tt-line)}.tt-gsw button:focus-visible{outline:2px solid var(--tt-amber);outline-offset:2px}.tt-bar .tt-bar-cta{padding:7px 12px;font-size:13px;border-radius:8px}.tt-prog{position:relative;height:2px;background:hsl(var(--text-muted)/.22)}.tt-prog i{inset:0;transform-origin:0 50%;transform:scaleX(var(--p,0))}.tt-prog b,.tt-prog i{position:absolute;background:var(--tt-amber)}.tt-prog b{top:50%;left:calc(var(--p, 0) * 100%);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;box-shadow:0 0 0 4px hsl(var(--primary)/.18),0 0 12px hsl(var(--primary)/.85);cursor:grab;transition:transform .15s ease}.tt-prog{cursor:pointer;touch-action:none;outline:none}.tt-prog:before{content:"";position:absolute;left:0;right:0;top:-9px;bottom:-4px}.tt-prog b:after{content:"";position:absolute;inset:-12px;border-radius:50%}.tt-prog:focus-visible b,.tt-prog:hover b{transform:scale(1.35)}.tt-prog[data-drag],.tt-prog[data-drag] b{cursor:grabbing}.tt-prog[data-drag] b{transform:scale(1.6)}.tt-prog:focus-visible b{outline:2px solid var(--tt-amber);outline-offset:4px}.tt-ch{position:absolute;top:-3px;width:2px;height:8px;margin-left:-1px;border-radius:1px;background:hsl(var(--text-muted)/.6);pointer-events:none}.tt-ch[data-past]{background:var(--tt-amber)}.tt-ch>span{position:absolute;top:11px;left:50%;transform:translateX(-50%);padding:3px 6px;border-radius:6px;background:var(--tt-bar);font:600 9.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-ink2);white-space:nowrap;opacity:0;transition:opacity .15s ease}@media (hover:hover){.tt-prog:hover .tt-ch>span{opacity:1}}.tt-prog:focus-visible .tt-ch>span,.tt-prog[data-drag] .tt-ch>span{opacity:1}.tt-bar-ch{font:600 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--tt-ink2);padding-left:12px;border-left:1px solid var(--tt-line);white-space:nowrap}.tt-bar-ch:empty{display:none}.tt-bar-in>a:first-child{flex:none}.tt-bar-ch{min-width:0;overflow:hidden}.tt-bar-ch[data-cut]{visibility:hidden}@media (max-width:560px){.tt-bar .tt-bar-cta,.tt-gsw button span{display:none}.tt-bar-in .tt-logo{height:20px}}.tt-hero{display:grid;grid-template-columns:1fr 1.08fr;gap:40px;align-items:center;padding:56px 0 30px}.tt-hero>*{min-width:0}.tt-h1{font-size:clamp(42px,5.6vw,78px);line-height:.99;letter-spacing:-.045em;font-weight:750;margin:0;text-wrap:balance}.tt-hero .tt-lede{font-size:clamp(19px,1.9vw,23px);margin-top:24px;max-width:none}.tt-hero .tt-lede span{display:block}.tt-sub{color:var(--tt-ink2);font-size:17px;margin:16px 0 0;max-width:48ch;text-wrap:pretty}.tt-collage{position:relative;padding:0 0 60px 40px}.tt-collage img{vertical-align:top;width:100%;height:auto}.tt-collage .tt-win{border-radius:10px;overflow:hidden;border:1px solid var(--tt-line);box-shadow:0 40px 80px -40px hsl(var(--tt-shade)/.45)}.tt-collage .tt-ph{position:absolute;left:0;bottom:0;width:30%;max-width:170px;border:6px solid hsl(var(--text-primary)/.85);border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -20px hsl(var(--tt-shade)/.5)}:root:not([data-theme=daylight-amber]):not([data-theme=light-sand]) .tt-collage .tt-ph,:root:not([data-theme=light-sand]) .tt-collage .tt-ph,:root:not([data-theme=paper]):not([data-theme=light-sand]) .tt-collage .tt-ph{border-color:hsl(var(--surface-elevated))}.tt-collage .tt-chart{position:absolute;right:-12px;bottom:10px;width:48%;max-width:266px;background:var(--tt-card);border:1px solid var(--tt-line);border-radius:6px;overflow:hidden;box-shadow:0 26px 50px -24px hsl(var(--tt-shade)/.5);transform:rotate(1.5deg)}.tt-monk{margin-top:90px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.tt-monk>*{min-width:0}@media (min-width:901px){.tt-monk>.tt-note{order:-1}}.tt-q{font-size:clamp(19px,1.9vw,24px);line-height:1.35;letter-spacing:-.01em;font-weight:500;margin:24px 0 0;max-width:36ch;text-wrap:balance}.tt-q:before{content:"\201C";color:var(--tt-amber)}.tt-q:after{content:"\201D";color:var(--tt-amber)}.tt-who{color:var(--tt-ink2);font-size:14px;margin:14px 0 0}.tt-who b{color:var(--tt-ink)}.tt-who small{display:block;color:var(--tt-ink3);margin-top:4px;font-size:13px}.tt-note{background:var(--tt-plate);border-radius:14px;padding:14px 14px 22px}.tt-note img{vertical-align:top;width:100%;height:auto;border-radius:8px;border:1px solid var(--tt-line)}.tt-note-eb{margin:18px 8px 0}.tt-note p{font-style:italic;margin:10px 8px 0;color:var(--tt-ink2);text-wrap:pretty}.tt-note .tt-sig{font-style:normal;color:var(--tt-accent);font-weight:600;font-size:14px;margin-top:10px}.tt-note>div{margin-left:8px}.tt-mw{--beat:0.75s;position:relative;aspect-ratio:400/130;border-radius:8px;border:1px solid var(--tt-line);background:hsl(var(--background));overflow:hidden}.tt-mw-svg{position:absolute;inset:0;width:100%;height:100%}.tt-mw-line{fill:none;stroke:hsl(var(--primary)/.36);stroke-width:2}.tt-mw-eighth{fill:hsl(var(--text-muted)/.5)}.tt-mw-beat{opacity:.6}.tt-mw-beat rect{fill:hsl(var(--primary))}.tt-mw-beat text{fill:var(--tt-ink2);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.tt-mw-lit{position:absolute;top:0;bottom:0;overflow:hidden;transform:translateX(-65%)}.tt-mw-lit-in{position:absolute;inset:0;transform:translateX(65%)}.tt-mw-lit-in svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 3px hsl(var(--primary)/.7))}.tt-mw-glow{fill:none;stroke:hsl(var(--primary));stroke-width:2.4;stroke-linecap:round}.tt-mw-x{position:absolute;top:0;bottom:0;transform:translateX(35%)}.tt-mw-y{position:absolute;left:0;width:0;transform:translateY(9.5%)}.tt-mw-dot{position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffe3ad,hsl(var(--primary)) 62%);box-shadow:0 0 12px 3px hsl(var(--primary)/.55)}.tt-mw-dot:after,.tt-mw-dot:before{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.tt-mw-dot:before{width:30px;height:30px;background:hsl(var(--primary)/.08);border:1px solid hsl(var(--primary)/.35)}.tt-mw-dot:after{width:56px;height:56px;border:1px solid hsl(var(--primary)/.18)}@media (prefers-reduced-motion:no-preference){.tt-mw.is-play .tt-mw-x{animation:tt-mw-x calc(var(--beat) * 4) linear infinite}.tt-mw.is-play .tt-mw-y{animation:tt-mw-y calc(var(--beat) / 2) cubic-bezier(.37,0,.63,1) infinite alternate}.tt-mw.is-play .tt-mw-lit{animation:tt-mw-open calc(var(--beat) * 4) linear infinite}.tt-mw.is-play .tt-mw-lit-in{animation:tt-mw-hold calc(var(--beat) * 4) linear infinite}.tt-mw.is-play .tt-mw-beat{animation:tt-mw-hit calc(var(--beat) * 4) ease-out calc(var(--beat) * var(--i)) infinite}}@keyframes tt-mw-x{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes tt-mw-y{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes tt-mw-open{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes tt-mw-hold{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes tt-mw-hit{0%{opacity:1}20%,to{opacity:.6}}.tt-model{margin-top:44px;border-radius:12px;background:var(--tt-card);border:1px solid var(--tt-line);padding:16px 22px;font-size:17px;color:var(--tt-ink2);box-shadow:0 20px 40px -30px hsl(var(--tt-shade)/.45)}.tt-model b{color:var(--tt-ink)}.tt-model strong{color:var(--tt-accent)}:root[data-theme=daylight-amber] .tt-model strong,:root[data-theme=light-sand] .tt-model strong,:root[data-theme=paper] .tt-model strong{-webkit-text-decoration:underline 2px var(--tt-amber);text-decoration:underline 2px var(--tt-amber);text-underline-offset:4px}.tt-lp{margin-top:8px;background:var(--tt-card);border:1px solid var(--tt-line);border-radius:14px;padding:16px;display:grid;gap:14px;box-shadow:0 30px 60px -50px hsl(var(--tt-shade)/.55);min-width:0}.tt-lp-top{display:flex;align-items:center;gap:14px;padding:2px 4px 0}.tt-lp-top .tt-sb-bpm{margin-left:auto}.tt-lp-pill{display:inline-flex;align-items:stretch;height:30px;border-radius:999px;border:1px solid hsl(var(--border));color:hsl(var(--text-secondary));overflow:hidden}.tt-lp-pill[data-state=armed],.tt-lp-pill[data-state=on]{background:hsl(var(--primary)/.15);border-color:hsl(var(--primary)/.5);color:hsl(var(--primary-ink));font-weight:600}.tt-lp-pill[data-state=armed]{animation:tt-pill-pulse 1.4s ease-in-out infinite}.tt-lp-pill[data-state=off]{opacity:.55}@keyframes tt-pill-pulse{0%,to{opacity:1}50%{opacity:.7}}@media (prefers-reduced-motion:reduce){.tt-lp-pill[data-state=armed]{animation:none}}.tt-lp-pill button{background:none;border:0;color:inherit;font:inherit;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.tt-lp-pill-main{padding:0 14px;font-variant-numeric:tabular-nums}.tt-lp-pill-x{width:30px;justify-content:center;border-left:1px solid hsl(var(--border))!important;font-size:15px!important}.tt-lp-strip{gap:4px;padding:10px 0 12px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.tt-lp-bar,.tt-lp-strip{position:relative;display:flex}.tt-lp-bar{flex:1;min-width:0;height:58px;border-radius:8px;border:1px solid color-mix(in srgb,var(--bc) 45%,transparent);background:color-mix(in srgb,var(--bc) 35%,transparent);padding:0;overflow:hidden;color:var(--tt-ink);font:inherit;text-align:left}.tt-lp-bar:disabled{cursor:default;opacity:1}.tt-lp-bar:not(:disabled){cursor:pointer}.tt-lp-bar[data-now]{background:color-mix(in srgb,var(--bc) 55%,transparent)}.tt-lp-beat{flex:1;border-left:1px solid color-mix(in srgb,var(--bc) 30%,transparent)}.tt-lp-beat:first-child{border-left:0}.tt-lp-strip[data-looping] .tt-lp-beat[data-out]{background:hsl(var(--surface)/.62)}.tt-lp-name{position:absolute;left:9px;top:7px;font-size:13px;font-weight:700;letter-spacing:-.01em}.tt-lp-num{position:absolute;right:9px;top:9px;font:600 11px/1 IBM Plex Mono,ui-monospace,monospace;color:var(--tt-ink2)}.tt-lp-strip[data-looping] .tt-lp-bar:has(.tt-lp-beat:not([data-out])) .tt-lp-name{opacity:1}.tt-lp-strip[data-looping] .tt-lp-bar:not(:has(.tt-lp-beat:not([data-out]))) .tt-lp-name{opacity:.42}.tt-lp-bracket{position:absolute;top:6px;bottom:8px;pointer-events:none;border-top:0;filter:drop-shadow(0 0 6px hsl(var(--primary)/.45))}.tt-lp-bracket:after,.tt-lp-bracket:before{content:"";position:absolute;top:0;bottom:0;width:7px;border:2px solid hsl(var(--primary))}.tt-lp-bracket:before{left:0;border-right:0}.tt-lp-bracket:after{right:0;border-left:0}.tt-lp-bracket:not([data-l]):before,.tt-lp-bracket:not([data-r]):after{display:none}.tt-lp-bracket[data-off]{filter:none;opacity:.55}.tt-lp-bracket[data-off]:after,.tt-lp-bracket[data-off]:before{border-color:hsl(var(--text-muted))}.tt-lp-hover{position:absolute;top:0;bottom:0;left:0;width:100%;pointer-events:none;opacity:0;background:hsl(var(--primary)/.16);box-shadow:inset 0 0 0 1.5px hsl(var(--primary)/.8);border-radius:inherit;z-index:1}.tt-lp-bar[data-hover] .tt-lp-hover{opacity:1}.tt-lp-bar[data-hover=beat] .tt-lp-hover{left:calc(var(--lh) * 25%);width:25%}.tt-lp-handle{position:absolute;top:0;bottom:0;width:20px;margin-left:-10px;cursor:ew-resize;touch-action:pan-y;z-index:2}.tt-ps{display:grid;grid-template-columns:repeat(3,minmax(0,92px));-moz-column-gap:6px;column-gap:6px;row-gap:7px;margin:22px 0 6px;--beat:0.42s}.tt-ps-bar{height:28px;border-radius:8px;border:1px solid var(--tt-line);background:var(--tt-cell);display:flex;align-items:center;justify-content:space-around;padding:0 5px}.tt-ps-bar i{width:8px;height:8px;border-radius:50%;background:var(--tt-amber)}.tt-ps-you{border-style:dashed;background:transparent}.tt-ps-you i{background:transparent;box-shadow:inset 0 0 0 1.5px hsl(var(--primary)/.5)}.tt-ps>span{font:600 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-ink3);text-align:center;white-space:nowrap}.tt-ps>.tt-ps-ask{color:hsl(var(--green));overflow:visible}.tt-cl{position:relative;display:flex;align-items:flex-end;gap:16px;margin:22px 0 6px;--beat:0.75s}.tt-cl-stair{width:120px;height:42px;overflow:visible}.tt-cl-fill{fill:hsl(var(--primary)/.14)}.tt-cl-line{fill:none;stroke:var(--tt-amber);stroke-width:2;stroke-linejoin:round}.tt-cl-stair circle{fill:var(--tt-amber)}.tt-cl-dot{position:absolute;left:0;top:0;width:9px;height:9px;border-radius:50%;background:var(--tt-amber);box-shadow:0 0 0 3px hsl(var(--primary)/.22),0 0 10px hsl(var(--primary)/.7);offset-distance:100%;offset-rotate:0deg}@property --tt-bpm{syntax:"<integer>";inherits:false;initial-value:120}.tt-cl-n{display:flex;align-items:baseline;gap:5px;line-height:1;color:var(--tt-ink)}.tt-cl-n b{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;--tt-bpm:var(--to);counter-reset:bpm var(--tt-bpm)}.tt-cl-n b:before{content:counter(bpm)}.tt-cl-n small{font:500 11px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;color:var(--tt-ink3)}.tt-pt .tt-sb-top{flex-wrap:wrap;row-gap:10px}.tt-pt .tt-sb-layer{padding:0}.tt-pt .tt-sb-layer button:disabled{opacity:.5;cursor:default}@media (max-width:560px){.tt-pt .tt-sb-layer{order:2;flex-basis:100%}}.tt-pt-plan{display:grid;gap:4px;padding:0 4px}.tt-pt-bar{height:34px;min-width:0;border-radius:8px;border:1px solid var(--tt-line);background:var(--tt-cell);display:flex;align-items:center;justify-content:space-around;padding:0 6px}.tt-pt-bar[data-now]{border-color:hsl(var(--primary)/.6)}.tt-pt-bar i{width:8px;height:8px;border-radius:50%;background:hsl(var(--border));transition:background .5s ease-out,box-shadow .5s ease-out}.tt-pt-bar i[data-lit="1"]{background:var(--tt-amber);box-shadow:0 0 10px hsl(var(--primary)/.8);transition:none}.tt-pt-bar i[data-lit=past]{background:hsl(var(--primary)/.45)}.tt-pt-gap{justify-content:center;border-style:dashed;background:transparent;font:600 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-ink3);white-space:nowrap;overflow:hidden}.tt-pt-gap[data-now]{color:var(--tt-ink)}.tt-pt-pad,.tt-pt-panel{min-height:132px}.tt-pt-pad{position:relative;overflow:hidden;border-radius:12px;border:1px dashed hsl(var(--primary)/.45);background:hsl(var(--primary)/.06);color:var(--tt-ink);font-family:inherit;font-size:17px;font-weight:600;line-height:1.3;display:grid;place-items:center;padding:16px;text-align:center;cursor:pointer;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tt-pt-pad:disabled{cursor:default;color:var(--tt-ink2)}.tt-pt[data-phase=playing] .tt-pt-pad{border-style:solid}.tt-pt-pad:focus-visible{outline:2px solid var(--tt-amber);outline-offset:2px}.tt-pt-flash{position:absolute;inset:0;background:hsl(var(--primary)/.28);opacity:0;pointer-events:none}.tt-pt-say{display:none;position:relative}.tt-pt[data-phase=idle] [data-for=idle],.tt-pt[data-phase=loading] [data-for=loading],.tt-pt[data-phase=playing]:not([data-stage]) [data-for=lead],.tt-pt[data-stage=back] [data-for=back],.tt-pt[data-stage=gap] [data-for=gap],.tt-pt[data-stage=lead] [data-for=lead]{display:block}.tt-pt-touch{display:none}@media (hover:none),(pointer:coarse){.tt-pt-key{display:none!important}.tt-pt-touch{display:inline}}.tt-pt-caps{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;pointer-events:none}.tt-pt-cap{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 IBM Plex Mono,ui-monospace,monospace;color:var(--tt-ink2);padding:6px 10px;border-radius:7px;border:solid hsl(var(--text-muted)/.5);border-width:1px 1px 2px;background:hsl(var(--surface)/.6)}.tt-pt[data-phase=playing] .tt-pt-cap{color:var(--tt-ink);border-color:hsl(var(--primary)/.55)}@media (prefers-reduced-motion:reduce){.tt-pt-cap{transition:none}}.tt-pt-panel{display:grid;align-content:center;gap:14px;padding:8px 4px}.tt-pt-q{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em;text-align:center;color:var(--tt-ink)}.tt-pt-calls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tt-pt-calls button{font-family:inherit;font-weight:600;font-size:14px;background:transparent;color:var(--tt-ink);border:1px solid var(--tt-line);border-radius:10px;padding:10px 18px;min-width:96px;cursor:pointer}.tt-pt-calls button:hover{border-color:hsl(var(--primary)/.6)}.tt-pt-calls button:focus-visible{outline:2px solid var(--tt-amber);outline-offset:2px}.tt-sh-sig{font:600 15px/1 IBM Plex Mono,ui-monospace,monospace;color:var(--tt-ink2)}.tt-sh-rows{display:grid;gap:8px}.tt-sh-row{display:grid;grid-template-columns:22px minmax(118px,auto) minmax(0,1fr);align-items:center;gap:12px;padding:10px 18px 28px 10px;border:1px solid var(--tt-line);border-radius:12px;background:var(--tt-cell);transition:border-color .3s ease-out,background .3s ease-out}.tt-sh-row[data-now]{border-color:hsl(var(--primary)/.8);background:hsl(var(--primary)/.08);transition:none}.tt-sh-num{font:600 14px/1 IBM Plex Mono,ui-monospace,monospace;color:var(--tt-ink3);text-align:center}.tt-sh-row[data-now] .tt-sh-num{color:hsl(var(--primary))}.tt-sh-feel{display:inline-flex;align-items:center;gap:8px;justify-self:start;height:40px;background:none;border:1px solid transparent;border-radius:8px;padding:6px 8px;margin-left:-8px;color:var(--sc);font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}.tt-sh-feel:hover{border-color:color-mix(in srgb,var(--sc) 45%,transparent)}.tt-sh-feel:focus-visible{outline:2px solid var(--tt-amber);outline-offset:2px}.tt-sh-lat{position:relative;height:34px;margin-top:10px}.tt-sh-cell{position:absolute;bottom:0;height:100%;transform:translateX(-50%);padding:0;border:0;background:none;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.tt-sh-cell:focus-visible{outline:2px solid var(--tt-amber);outline-offset:1px;border-radius:4px}.tt-sh-lat i{position:absolute;bottom:0;left:50%;width:3px;height:11px;margin-left:-1.5px;border-radius:2px;background:var(--sc);opacity:.5;transition:opacity .35s ease-out,box-shadow .35s ease-out,height .15s ease-out}.tt-sh-lat i[data-beat]{width:5px;height:22px;margin-left:-2.5px;opacity:.85}.tt-sh-cell[data-state=accent] i{height:22px;opacity:.95;box-shadow:0 0 5px color-mix(in srgb,var(--sc) 58%,transparent)}.tt-sh-cell[data-state=accent] i[data-beat]{height:32px}.tt-sh-cell[data-state=rest] i{height:9px;background:transparent;box-shadow:inset 0 0 0 1px var(--sc);opacity:.55}.tt-sh-cell[data-pressing] i{opacity:1;height:9px}.tt-sh-lat i[data-beat]:after{content:attr(data-beat);position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);width:18px;height:18px;border-radius:50%;border:1px solid hsl(var(--border));font:600 10px/16px IBM Plex Mono,ui-monospace,monospace;color:var(--tt-ink3);text-align:center}.tt-sh-lat i[data-lit]{opacity:1;box-shadow:0 0 10px var(--sc);transition:none}@media (max-width:560px){.tt-sh-row{grid-template-columns:14px minmax(0,1fr);gap:4px 8px;padding-right:14px}.tt-sh-lat{grid-column:1/-1;margin:4px 4px 0 18px}.tt-sh-feel{font-size:14px;gap:6px}}.tt-feels{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tt-feel-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px 0 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--sc) 45%,transparent);background:color-mix(in srgb,var(--sc) 12%,transparent);color:color-mix(in srgb,var(--sc) 72%,var(--tt-ink));font-size:13px;font-weight:600;white-space:nowrap}.tt-feel-chip svg{flex:none}.tt-mark{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:999px;font-weight:600;white-space:nowrap}.tt-mark svg{height:11px;width:auto}.tt-mark-acc{color:hsl(var(--primary));background:hsl(var(--primary)/.14);border:1px solid hsl(var(--primary)/.45)}.tt-mark-rest{color:var(--tt-ink2);border:1px dashed hsl(var(--border))}.tt-shotbox{position:relative;width:100%;margin-inline:auto}.ct:before,.gs:before,.tc:before,.tm:before,.tr:before,.ts:before,.tt-bb:before,.tt-edge,.tt-lp:before,.tt-sb:before{position:absolute;top:-10px;left:16px;z-index:3;height:20px;padding:0 9px;border-radius:999px;font:600 10px/18px IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.tt-edge{color:var(--tt-ink3);background:var(--tt-card);border:1px solid var(--tt-line)}.tt-bb,.tt-lp,.tt-sb{position:relative}.ct:before,.gs:before,.tc:before,.tm:before,.tr:before,.ts:before,.tt-bb:before,.tt-lp:before,.tt-sb:before{content:"Playable";padding-left:20px;color:hsl(var(--primary-ink));border:1px solid hsl(var(--primary)/.5);background:radial-gradient(circle at 10px 50%,hsl(var(--primary)) 3px,transparent 3.5px),var(--tt-card)}[lang=da] :is(.tt-sb,.tt-bb,.tt-lp,.ts,.tm,.gs,.tr,.ct,.tc):before{content:"Prøv selv"}.tt-shotbox[data-go]{cursor:pointer}.tt-shotbox[data-go]:after{content:"";inset:0;background:hsl(var(--background)/.35);transition:opacity .2s ease-out;z-index:1}.tt-shot-go,.tt-shotbox[data-go]:after{position:absolute;border-radius:12px;opacity:0;pointer-events:none}.tt-shot-go{left:50%;top:50%;z-index:2;transform:translate(-50%,-50%) scale(.96);display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid hsl(var(--border));background:hsl(var(--surface-elevated));color:hsl(var(--text-primary));font-family:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 18px 40px -18px hsl(var(--tt-shade)/.7);transition:opacity .2s ease-out,transform .2s ease-out}.tt-shot-go span{color:hsl(var(--primary-ink))}a.tt-shot-go{text-decoration:none}.tt-shotbox:focus-within:after,.tt-shotbox[data-open]:after{opacity:1}.tt-shotbox:focus-within .tt-shot-go,.tt-shotbox[data-open] .tt-shot-go{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}@media (hover:hover){.tt-shotbox[data-go]:hover:after{opacity:1}.tt-shotbox[data-go]:hover .tt-shot-go{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}}.tt-try.tt-try-then{margin-top:30px;padding-top:0;border-top:0}.tt-try-then .tt-pt:after{content:"";position:absolute;left:50%;top:-31px;height:30px;border-left:2px dashed hsl(var(--primary)/.55)}@media (max-width:900px){.tt-try-then .tt-pt:after{display:none}}.tt-kit-pics{position:relative}.tt-kit-main{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--tt-line);box-shadow:0 40px 80px -50px hsl(var(--tt-shade)/.55)}.tt-kit-play{position:absolute;left:-24px;bottom:-26px;width:44%;height:auto;border-radius:10px;border:3px solid var(--tt-card);box-shadow:0 26px 50px -22px hsl(var(--tt-shade)/.65);transform:rotate(-2deg)}.tt-kit .tt-cap{margin-top:40px;padding-left:calc(44% - 6px)}@media (max-width:900px){.tt-kit-play{left:10px;width:46%;bottom:-22px}.tt-kit .tt-cap{padding-left:0;margin-top:36px}}.tt-try.tt-feel{border-top:0;padding-top:0}.tt-lp-now{position:absolute;top:10px;bottom:12px;left:calc(var(--pb, 0) / 16 * 100%);width:calc(100% / 16);background:rgba(255,255,255,.14);border-radius:4px;opacity:0;pointer-events:none}.tt-lp-strip[data-playing] .tt-lp-now{opacity:1}.tt-lp-bar[data-now]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:hsl(var(--primary));box-shadow:0 0 8px hsl(var(--primary)/.7)}:root[data-theme=daylight-amber] .tt-lp-now,:root[data-theme=light-sand] .tt-lp-now,:root[data-theme=paper] .tt-lp-now{background:hsl(var(--text-primary)/.1)}.tt-lp-chip{position:absolute;top:-18px;transform:translateX(-50%);font:600 11px/1 IBM Plex Mono,ui-monospace,monospace;color:hsl(var(--primary-ink));background:var(--tt-card);border:1px solid hsl(var(--primary)/.5);border-radius:6px;padding:4px 6px;white-space:nowrap;pointer-events:none}.tt-try{margin-top:56px;padding-top:34px;border-top:1px solid var(--tt-line);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:start}.tt-try h2,.tt-try h3{font-size:clamp(22px,2.2vw,28px);line-height:1.1;letter-spacing:-.03em;font-weight:700;margin:14px 0 0;text-wrap:balance}.tt-try .tt-small{margin-top:14px}.tt-bb{background:var(--tt-card);border:1px solid var(--tt-line);border-radius:14px;padding:16px;display:grid;gap:12px;box-shadow:0 30px 60px -50px hsl(var(--tt-shade)/.55);min-width:0}.tt-bb-top{display:flex;align-items:center;gap:12px 14px;flex-wrap:wrap;padding:2px 4px 0}.tt-bb-top .tt-sb-bpm{margin-left:auto}.tt-sb-play[data-loading]{animation:tt-bb-load .9s ease-in-out infinite}@keyframes tt-bb-load{50%{opacity:.55}}.tt-bb-hint{font-size:12.5px;color:var(--tt-ink2)}.tt-bb-cell[data-pulling] .tt-bbc{box-shadow:0 0 0 2px hsl(var(--primary))}.tt-bb-grid{display:grid;gap:0;-moz-user-select:none;user-select:none;-webkit-user-select:none}.tt-bb-row{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;padding:2px 0}.tt-bb-head{padding-bottom:6px}.tt-bb-track{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tt-ink2)}.tt-bb-beats{display:flex;gap:4px;min-width:0}.tt-bb-beat{flex:1;display:flex;gap:2px;min-width:0}.tt-bb-head .tt-bb-beat>span{flex:1;display:flex;justify-content:center;align-items:center}.tt-bb-num{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid hsl(var(--border-subtle));font-size:12px;font-weight:700;color:var(--tt-ink)}.tt-bb-sub{font-size:12px;color:var(--tt-ink3)}.tt-bb-ico{background:none;border:0;padding:0;cursor:pointer;display:flex;justify-content:center}.tt-bb-ico .tt-ico{width:42px;height:32px;border-radius:4px;transition:transform .15s ease}.tt-bb-ico .tt-ico svg{width:26px;height:26px}.tt-bb-ico:active .tt-ico{transform:scale(.9)}.tt-bb-ico:focus-visible{outline:none}.tt-bb-ico:focus-visible .tt-ico{outline:2px solid var(--tt-amber);outline-offset:2px}.tt-bb-cell{--empty:hsl(var(--surface-elevated));flex:1;min-width:0;height:32px;padding:0;border:0;border-radius:2px;background:transparent;position:relative;cursor:pointer}.tt-bb-beat[data-odd] .tt-bb-cell{--empty:linear-gradient(hsl(var(--primary)/0.05),hsl(var(--primary)/0.05)) hsl(var(--surface-elevated))}.tt-bb-cell:focus-visible{outline:2px solid var(--tt-amber);outline-offset:1px}.tt-bbc{position:relative;display:block;width:100%;height:100%;border-radius:2px;overflow:hidden;background:var(--empty);border:1px solid hsl(var(--border-subtle))}.tt-bb-cell:not([data-level="0"]) .tt-bbc{background:color-mix(in srgb,var(--c) 75%,transparent);border-color:color-mix(in srgb,var(--c) 40%,transparent)}.tt-bb-cell[data-level="2"]{background:var(--empty);box-shadow:inset 0 0 0 1px hsl(var(--border-subtle))}.tt-bb-cell[data-level="2"] .tt-bbc{transform:scaleY(.6);transform-origin:bottom}.tt-bb-cell[data-now] .tt-bbc{background:var(--quiet-col-bg);border-color:var(--quiet-col-border);box-shadow:var(--quiet-col-glow);transition:transform 90ms ease-out}.tt-bb-cell[data-now]:not([data-level="0"]) .tt-bbc{box-shadow:none;background:var(--c);border-color:var(--c);transform:scaleY(1.04)}.tt-bb-cell[data-now][data-level="2"] .tt-bbc{transform:scaleY(.62)}.tt-flare{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,236,200,.9),rgba(255,236,200,0) 72%);opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.tt-bb-cell[data-now] .tt-flare{animation:tt-flare var(--fms,.2s) ease-out 1}}@keyframes tt-flare{0%{opacity:var(--fp,.45);transform:scale(1.3)}to{opacity:0;transform:scale(1)}}.tt-bbc-acc{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1;color:rgba(255,255,255,.7)}.tt-bbc-acc,.tt-bbc-flam{position:absolute;inset:0;pointer-events:none}.tt-bbc-flam{width:100%;height:100%}.tt-bbc-feel{position:absolute;bottom:3px;right:3px;pointer-events:none;opacity:.85}.tt-bbc-feel[data-early]{right:auto;left:3px;transform:scaleX(-1)}.tt-bb-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:2px 4px}.tt-bb-reset{background:none;border:0;padding:0;font-size:13px;color:var(--tt-ink2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tt-sounds{margin-top:110px;display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}.tt-sounds>*{min-width:0}.tt-sounds .tt-lede{max-width:34ch}.tt-sb{background:var(--tt-card);border:1px solid var(--tt-line);border-radius:14px;padding:16px;display:grid;gap:12px;box-shadow:0 30px 60px -50px hsl(var(--tt-shade)/.55)}.tt-sb-top{display:flex;align-items:center;gap:14px;padding:2px 4px 4px}.tt-sb-play{width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--tt-amber);color:hsl(var(--primary-foreground));cursor:pointer;flex:none;box-shadow:0 8px 22px -8px hsl(var(--primary)/.8)}.tt-sb-play svg{width:20px;height:20px}.tt-sb-play:focus-visible{outline:2px solid var(--tt-ink);outline-offset:3px}.tt-sb-beats{display:flex;gap:10px;align-items:center}.tt-sb-beats span{width:12px;height:12px;border-radius:50%;background:var(--tt-cell);border:1px solid hsl(var(--border));transition:background .4s ease-out,box-shadow .4s ease-out,transform .4s ease-out}.tt-sb-beats span.one{width:16px;height:16px}.tt-sb-beats span[data-lit]{background:var(--tt-amber);border-color:var(--tt-amber);box-shadow:0 0 14px hsl(var(--primary)/.8);transition:none}.tt-sb-beats span[data-lit=accent]{transform:scale(1.12)}.tt-sb-bpm{margin-left:auto;font:600 18px/1 IBM Plex Mono,ui-monospace,monospace;color:var(--tt-ink);font-variant-numeric:tabular-nums}.tt-sb-bpm small{font-size:10.5px;letter-spacing:.12em;color:var(--tt-ink3)}.tt-sb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tt-sb-chip{text-align:left;display:grid;gap:2px;align-content:start;padding:10px 12px;border-radius:10px;border:1px solid var(--tt-line);background:transparent;color:var(--tt-ink);cursor:pointer;transition:border-color .18s ease,transform .18s ease,background .18s ease}.tt-sb-chip b{font-size:14px;font-weight:600;letter-spacing:-.01em}.tt-sb-chip span{font-size:12.5px;line-height:1.35;color:var(--tt-ink2)}.tt-sb-chip em{font:500 10.5px/1.3 IBM Plex Mono,ui-monospace,monospace;font-style:normal;color:var(--tt-ink3);margin-top:2px}.tt-sb-chip:hover{border-color:hsl(var(--primary)/.5);transform:translateY(-1px)}.tt-sb-chip[aria-checked=true]{border-color:var(--tt-amber);background:hsl(var(--primary)/.09)}.tt-sb-chip:focus-visible,.tt-sb-layer button:focus-visible{outline:2px solid var(--tt-amber);outline-offset:2px}.tt-sb-layer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 4px 0}.tt-sb-layer-l{font:600 11px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--tt-ink2);margin-right:6px}.tt-sb-layer button{font-weight:600;font-size:12.5px;line-height:1;background:transparent;color:var(--tt-ink2);border:1px solid var(--tt-line);border-radius:8px;padding:7px 11px;cursor:pointer}.tt-sb-layer button:hover{color:var(--tt-ink);border-color:hsl(var(--primary)/.5)}.tt-sb-layer button[aria-checked=true]{background:hsl(var(--text-primary));color:hsl(var(--background));border-color:hsl(var(--text-primary))}:root:not([data-theme=daylight-amber]):not([data-theme=light-sand]) .tt-sb-layer button[aria-checked=true],:root:not([data-theme=light-sand]) .tt-sb-layer button[aria-checked=true],:root:not([data-theme=paper]):not([data-theme=light-sand]) .tt-sb-layer button[aria-checked=true]{background:var(--tt-amber);color:hsl(var(--primary-foreground));border-color:var(--tt-amber)}.tt-gh{margin-top:120px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--tt-line)}.tt-gh h2{font-size:clamp(34px,4.4vw,58px);margin-top:10px}.tt-gh-icons{display:flex;gap:6px}.tt-gh-lede{margin:14px 0 0;max-width:44ch;font-size:clamp(18px,1.7vw,22px);line-height:1.4;color:var(--tt-ink2);text-wrap:balance}.tt-sec{padding:84px 0;border-bottom:1px solid var(--tt-line);scroll-margin-top:calc(var(--tt-bar-h) + 16px)}.tt-head2{--tt-eyebrow:60px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start;margin-bottom:36px}.tt-head2>:last-child{padding-top:var(--tt-eyebrow)}.tt-head2>*,.tt-inset>*,.tt-side>*{min-width:0}.tt-head2 .tt-b:first-child{margin-top:0}.tt-side{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}.tt-side.tt-flip{grid-template-columns:1.1fr 1fr}.tt-side.tt-flip>.tt-txt{order:2}.tt-stack{position:relative;padding:0 44px 76px 0;min-width:0}.tt-float{position:absolute;right:0;bottom:0;width:196px;background:var(--tt-card);border:1px solid var(--tt-line);border-radius:10px;overflow:hidden;box-shadow:0 26px 50px -24px hsl(var(--tt-shade)/.55);transform:rotate(1.5deg)}.tt-float img{width:100%;height:auto;vertical-align:top}.tt-stack .tt-plate .tt-cap{max-width:calc(100% - 160px)}.tt-side.tt-top-align{align-items:start}.tt-sub{margin-top:32px;padding-top:26px;border-top:1px solid var(--tt-line)}.tt-sub .tt-top .tt-ico{width:36px;height:36px;border-radius:9px}.tt-sub .tt-top .tt-ico svg{width:22px;height:22px}.tt-sub .tt-mod{font-size:19px}.tt-sub h3{font-size:clamp(21px,2vw,25px);line-height:1.15;letter-spacing:-.025em;font-weight:700;margin:14px 0 0;text-wrap:balance}.tt-b strong{color:var(--tt-ink);font-weight:600}.tt-inset{display:grid;grid-template-columns:1.2fr 1fr;gap:44px;align-items:center;margin-top:40px}.tt-inset-top{align-items:start}.tt-shotw{border-radius:12px;overflow:hidden;border:1px solid var(--tt-line);box-shadow:0 40px 80px -50px hsl(var(--tt-shade)/.55);margin-inline:auto}.tt-shotw img{vertical-align:top;width:100%;height:auto}.tt-shotw[data-tt-play]{position:relative}.tt-before{position:absolute;inset:0;opacity:0;pointer-events:none}.tt-before img{width:100%;height:auto;vertical-align:top}.tt-press{position:absolute;width:34px;height:34px;border-radius:50%;background:hsl(var(--primary)/.35);box-shadow:0 0 0 2px hsl(var(--primary)),0 0 18px hsl(var(--primary)/.6);transform:translate(-50%,-50%) scale(.5);opacity:0}.tt-plate{background:var(--tt-plate);background-image:radial-gradient(420px 200px at 50% 0,hsl(var(--primary)/.1),transparent 70%);border-radius:14px;padding:clamp(10px,1.3vw,16px);display:grid;justify-items:center;gap:12px}.tt-plate img{vertical-align:top;max-width:100%;height:auto;border-radius:8px;border:1px solid var(--tt-line);box-shadow:0 22px 44px -28px hsl(var(--tt-shade)/.6)}.tt-plate .tt-cap{justify-self:start;margin:0 2px 2px}.tt-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.tt-tabs button{font-weight:600;font-size:13px;line-height:1;background:var(--tt-card);color:var(--tt-ink2);border:1px solid var(--tt-line);border-radius:8px;padding:9px 13px;cursor:pointer}.tt-tabs button[aria-selected=true]{background:hsl(var(--text-primary));color:hsl(var(--background));border-color:hsl(var(--text-primary))}:root:not([data-theme=daylight-amber]):not([data-theme=light-sand]) .tt-tabs button[aria-selected=true],:root:not([data-theme=light-sand]) .tt-tabs button[aria-selected=true],:root:not([data-theme=paper]):not([data-theme=light-sand]) .tt-tabs button[aria-selected=true]{background:var(--tt-amber);color:hsl(var(--primary-foreground));border-color:var(--tt-amber)}.tt-tabs button:focus-visible{outline:2px solid var(--tt-amber);outline-offset:2px}.tt-tabs button{position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,color .18s ease}.tt-tabs button[aria-selected=false]:hover{color:var(--tt-ink);border-color:hsl(var(--primary)/.55);transform:translateY(-1px)}.tt-tab-prog{display:none}.tt-panes{display:grid;width:100%}.tt-panes>.tt-pane{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .25s ease;display:grid;justify-items:center;align-content:start}.tt-panes>.tt-pane.is-on{visibility:visible;opacity:1}.tt-pane .tt-cap{justify-self:start}.tt-phone{width:min(250px,64vw);border:7px solid hsl(var(--text-primary)/.85);border-radius:30px;overflow:hidden;box-shadow:0 30px 60px -24px hsl(var(--tt-shade)/.55)}:root:not([data-theme=daylight-amber]):not([data-theme=light-sand]) .tt-phone,:root:not([data-theme=light-sand]) .tt-phone,:root:not([data-theme=paper]):not([data-theme=light-sand]) .tt-phone{border-color:hsl(var(--surface-elevated))}.tt-phone img{vertical-align:top;width:100%;height:auto}.tt-after{padding:110px 0 0}.tt-eng{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px;list-style:none;padding:0}.tt-eng li{background:var(--tt-card);border:1px solid var(--tt-line);border-radius:12px;padding:18px;font-size:14.5px;color:var(--tt-ink);box-shadow:0 20px 30px -28px hsl(var(--tt-shade)/.45);text-wrap:pretty}.tt-eng li:before{content:"\2713";display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:hsl(var(--primary)/.14);color:var(--tt-accent);font-weight:700;margin-bottom:12px}.tt-review{margin:30px 0 0;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:56px;align-items:stretch}.tt-review-photo{position:relative;min-height:240px}.tt-review-photo img{position:absolute;inset:0;height:100%!important;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 45%;object-position:50% 45%}.tt-review img{width:100%;height:auto;border-radius:14px;border:1px solid var(--tt-line);box-shadow:0 40px 80px -50px hsl(var(--tt-shade)/.55)}.tt-review blockquote{margin:0}.tt-review-big{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.025em;font-weight:700;margin:0;color:var(--tt-ink);text-wrap:balance}.tt-review-body{margin:22px 0 0;max-width:58ch;color:var(--tt-ink2);font-size:16.5px;line-height:1.6;text-wrap:pretty}.tt-review-body strong{color:var(--tt-ink);font-weight:600}.tt-review figcaption{margin-top:22px;display:grid;gap:2px}.tt-review figcaption b{font-size:16px;color:var(--tt-ink)}.tt-review figcaption span{font:500 12px/1.4 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--tt-ink3)}@media (max-width:900px){.tt-review{grid-template-columns:1fr;gap:26px}.tt-review-photo{position:static;min-height:0;max-width:240px}.tt-review-photo img{position:static;height:auto!important}}.tt-maker{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:34px;align-items:start}.tt-maker>*{min-width:0}.tt-maker figure{margin:0}.tt-maker figure img{display:block;width:100%;aspect-ratio:5/3;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 40%;object-position:50% 40%;border-radius:14px}.tt-maker-txt p{color:var(--tt-ink2);margin:0 0 16px;text-wrap:pretty}.tt-maker-txt mark{background:none;color:var(--tt-ink);font-weight:500}.tt-maker-txt strong{color:var(--tt-ink);font-weight:600}.tt-maker-txt .tt-signed{font-style:italic;color:var(--tt-ink)}.tt-maker-txt a{color:var(--tt-accent);text-decoration:underline;text-underline-offset:3px}.tt-small{font-size:13.5px;color:var(--tt-ink3)}.tt-small strong{color:var(--tt-ink)}.tt-hive-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;margin-top:26px}.tt-hive{display:grid;gap:6px}.tt-hive-row{display:flex;gap:6px;justify-content:center}.tt-hive .tt-ico{width:40px;height:40px;border-radius:9px}.tt-hive .tt-ico svg{width:25px;height:25px}.tt-hive-wrap .tt-small{margin:0}.tt-narrow-only{display:none}@media (max-width:900px){.tt-wide-only{display:none}.tt-narrow-only{display:block}}@media (max-width:560px){.tt-hive-wrap{grid-template-columns:1fr;justify-items:center}.tt-hive-wrap .tt-small{justify-self:stretch}}.tt-pi{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:22px}.tt-pi>*{min-width:0}.tt-pi p{margin:0 0 12px;color:var(--tt-ink2)}.tt-pi mark{background:none;color:var(--tt-ink);font-weight:600}.tt-clock{margin-top:34px;max-width:980px;display:grid;grid-template-columns:52px 150px minmax(0,1fr);-moz-column-gap:18px;column-gap:18px;row-gap:14px;align-items:center}.tt-clock .tt-subj{grid-column:1/-1;margin:0 0 2px;font:600 11px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--tt-ink)}.tt-clock .tt-subj:before{content:"";display:inline-block;width:14px;height:1px;background:var(--tt-amber);vertical-align:3px;margin-right:10px}.tt-clock .tt-row{display:contents}.tt-clock b{font:600 11px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--tt-ink2)}.tt-clock .tt-row.pro b{color:var(--tt-accent)}.tt-clock .tt-v{font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--tt-ink)}.tt-clock .tt-track{height:3px;border-radius:2px;background:hsl(var(--text-muted)/.18);position:relative}.tt-clock .tt-track i{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:var(--tt-amber);transform-origin:0 50%}.tt-clock .tt-row.free .tt-track i{width:16.7%;background:linear-gradient(90deg,var(--tt-amber) 35%,hsl(var(--primary)/0))}.tt-clock .tt-row.pro .tt-track{background:none}.tt-clock .tt-row.pro .tt-track i{width:var(--tt-edge,100vw);border-radius:2px 0 0 2px;background:linear-gradient(90deg,var(--tt-amber) 45%,hsl(var(--primary)/0))}.tt-clock .tt-note2{grid-column:1/-1;margin:2px 0 0;font-size:13.5px;color:var(--tt-ink3)}.tt-clock .tt-note2 mark{background:none;color:var(--tt-accent);font-weight:600}:root[data-theme=daylight-amber] .tt-clock .tt-note2 mark,:root[data-theme=light-sand] .tt-clock .tt-note2 mark,:root[data-theme=paper] .tt-clock .tt-note2 mark{-webkit-text-decoration:underline 2px var(--tt-amber);text-decoration:underline 2px var(--tt-amber);text-underline-offset:3px}.tt-cmp{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 92px 92px;margin-top:24px;-moz-column-gap:6px;column-gap:6px;max-width:880px}.tt-cmp .tt-colf,.tt-cmp .tt-colp{grid-row:1/span var(--rows);z-index:0;border-radius:10px;pointer-events:none;position:relative}.tt-cmp .tt-colf{grid-column:2;background:color-mix(in srgb,var(--tt-plate) 70%,transparent)}.tt-cmp .tt-colp{grid-column:3;background:color-mix(in srgb,var(--tt-amber) 6%,var(--tt-card))}.tt-cmp .tt-colp:after,.tt-cmp .tt-colp:before{content:"";position:absolute;top:0;bottom:0;width:7px;border:2px solid var(--tt-amber)}.tt-cmp .tt-colp:before{left:0;border-right:0;border-radius:4px 0 0 4px}.tt-cmp .tt-colp:after{right:0;border-left:0;border-radius:0 4px 4px 0}.tt-cmp .tt-h{grid-row:1;position:relative;z-index:1;padding:12px 6px 6px;align-self:end;font:600 11px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}.tt-cmp .tt-h.l{grid-column:1;color:var(--tt-ink3);padding-left:0}.tt-cmp .tt-h.f{grid-column:2;color:var(--tt-ink2);text-align:center}.tt-cmp .tt-h.p{grid-column:3;color:var(--tt-accent);text-align:center}.tt-cmp .tt-band{grid-column:1;padding:14px 0 5px;font:500 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--tt-ink3);position:relative;z-index:1}.tt-cmp .tt-band.soon{color:var(--tt-accent)}.tt-cmp .tt-lb{grid-column:1;padding:6px 0;border-top:1px solid color-mix(in srgb,var(--tt-line) 70%,transparent);display:flex;align-items:center;font-size:14px;line-height:1.35;color:var(--tt-ink);text-wrap:pretty;position:relative;z-index:1}.tt-cmp .tt-lb.dim{color:var(--tt-ink2)}.tt-cmp .tt-c{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 2px;position:relative;z-index:1;text-align:center}.tt-cmp .tt-c.f{grid-column:2}.tt-cmp .tt-c.p{grid-column:3}.tt-cmp .tt-c small{font:500 9.5px/1.2 IBM Plex Mono,ui-monospace,monospace;color:var(--tt-ink3);max-width:88px}.tt-cmp .tt-c.p small{color:var(--tt-accent)}.tt-cmp .tt-c i{display:block;width:13px;height:13px;border-radius:3px;background:var(--tt-cell);border:1px solid hsl(var(--border));position:relative;overflow:hidden}.tt-cmp .tt-c i:after{content:"";position:absolute;left:0;right:0;bottom:0;top:100%;background:var(--tt-amber)}.tt-cmp .full i{border-color:var(--tt-amber)}.tt-cmp .full i:after{top:0}.tt-cmp .ghost i{border-color:hsl(var(--primary)/.55)}.tt-cmp .ghost i:after{top:50%;background:hsl(var(--primary)/.6)}.tt-cmp .rest i{background:transparent;border:1px dashed hsl(var(--text-muted)/.55)}.tt-cmp .tt-c.later{opacity:.62}.tt-cmp .tt-sweep{position:absolute;left:0;right:0;height:44px;margin-top:-22px;top:0;background:linear-gradient(180deg,transparent,hsl(var(--primary)/.1) 50%,transparent);opacity:0;pointer-events:none}.tt-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.tt-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;align-items:start}.tt-plans>*{min-width:0}.tt-plan{background:var(--tt-card);border:1px solid var(--tt-line);border-radius:16px;padding:24px 26px;display:grid;gap:10px;box-shadow:0 30px 60px -50px hsl(var(--tt-shade)/.55)}.tt-plan.pro{border-color:hsl(var(--primary)/.45)}.tt-plan h3{margin:0;font-size:28px;font-weight:700;letter-spacing:-.03em;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.tt-plan h3 small{font:500 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-ink3)}.tt-plan .tt-psub{margin:0;color:var(--tt-ink2);font-size:14.5px}.tt-price{font-size:42px;font-weight:750;letter-spacing:-.04em;line-height:1;color:var(--tt-ink)}.tt-price small{font-size:14px;color:var(--tt-ink2);margin-left:3px}.tt-price s,.tt-price small{font-weight:500;letter-spacing:0}.tt-price s{color:var(--tt-ink3);font-size:17px}.tt-amt,.tt-price s,.tt-price small{white-space:nowrap}.tt-bill{margin:-2px 0 0;font-size:13.5px;line-height:1.5;color:var(--tt-ink2);font-variant-numeric:tabular-nums}.tt-launch{margin:0 0 -4px;font:600 11.5px/1.4 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--primary-ink))}.tt-bill s,.tt-star{color:var(--tt-ink3)}.tt-star{margin:0;font-size:12.5px;text-wrap:pretty}.tt-nope{margin:4px 0 0;font-size:13.5px;color:var(--tt-ink2);padding-left:24px;position:relative;text-wrap:pretty}.tt-nope:before{content:"";position:absolute;left:0;top:3px;width:13px;height:13px;border-radius:3px;border:1px dashed hsl(var(--text-muted)/.55)}.tt-btn{justify-self:start;display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:15px;padding:14px 20px;border-radius:10px;text-decoration:none}.tt-btn.p{background:var(--tt-amber);color:hsl(var(--primary-foreground))}.tt-btn.g{border:1px solid var(--tt-line);color:var(--tt-ink);background:var(--tt-card)}.tt-extras{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.tt-extras>*{min-width:0}.tt-extra{display:flex;gap:10px;align-items:flex-start;background:var(--tt-card);border:1px solid var(--tt-line);border-radius:12px;padding:18px 20px;color:var(--tt-ink2);font-size:14.5px}.tt-extra.dash{border-style:dashed;background:transparent}.tt-extra b{color:var(--tt-ink)}.tt-tag{font:600 10.5px/1 IBM Plex Mono,ui-monospace,monospace;border:1px solid hsl(var(--primary)/.4);border-radius:6px;padding:5px 7px;flex:none;margin-top:2px}.tt-soon,.tt-tag{letter-spacing:.1em;color:var(--tt-accent)}.tt-soon{font:500 10.5px/1 IBM Plex Mono,ui-monospace,monospace;text-transform:uppercase;border:1px dashed hsl(var(--primary)/.6);border-radius:6px;padding:4px 6px;margin-left:4px}.tt-top .tt-soon{font-size:11.5px;font-weight:600;padding:6px 9px;margin-left:0;background:hsl(var(--primary)/.08)}.tt-foot{color:var(--tt-ink3);font-size:13.5px;margin:16px 0 0}.tt-foot a{color:var(--tt-accent);text-decoration:underline;text-underline-offset:3px}.tt-close{margin:120px auto 90px;border-radius:20px;background:radial-gradient(600px 300px at 50% 120%,hsl(var(--primary)/.3),transparent 70%),hsl(var(--surface));text-align:center;padding:110px 24px;border:1px solid var(--tt-line)}:root[data-theme=daylight-amber] .tt-close,:root[data-theme=light-sand] .tt-close,:root[data-theme=paper] .tt-close{background:radial-gradient(600px 300px at 50% 120%,hsl(var(--primary)/.35),transparent 70%),hsl(30 12% 13%);color:hsl(40 15% 92%);border-color:transparent}.tt-close h2{font-size:clamp(34px,5.6vw,72px);max-width:15ch;margin:0 auto;letter-spacing:-.045em;line-height:1}.tt-close .tt-lede{margin:18px auto 30px;font-size:22px;max-width:none}.tt-close-go{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.tt-close-go .tt-btn:not(.p){background:transparent;color:inherit;border:1px solid}@media (max-width:900px){.tt-extras,.tt-head2,.tt-hero,.tt-inset,.tt-maker,.tt-monk,.tt-pi,.tt-plans,.tt-side,.tt-side.tt-flip,.tt-sounds,.tt-try{grid-template-columns:1fr;gap:26px}.tt-bb{padding:12px}.tt-bb-row{grid-template-columns:46px minmax(0,1fr)}.tt-bb-ico .tt-ico{width:38px;height:30px}.tt-bb-ico .tt-ico svg{width:22px;height:22px}.tt-bb-cell{height:30px}.tt-bb-top .tt-bb-hint{order:3;flex-basis:100%;font-size:12px}.tt-sounds{margin-top:80px}.tt-head2>:last-child{padding-top:0}.tt-stack{padding:0 24px 64px 0}.tt-float{width:150px}.tt-stack .tt-plate .tt-cap{max-width:calc(100% - 134px)}.tt-side.tt-flip>.tt-txt{order:0}.tt-eng{grid-template-columns:1fr 1fr}.tt-collage{padding:0 0 50px 24px}.tt-sec{padding:60px 0}.tt-gh{margin-top:80px}}@media (max-width:640px){.tt-cmp{grid-template-columns:minmax(0,1fr) 64px 64px;-moz-column-gap:4px;column-gap:4px}.tt-cmp .tt-lb{font-size:13px}.tt-cmp .tt-c small{font-size:9px;max-width:60px}.tt-clock{grid-template-columns:44px minmax(0,1fr);row-gap:8px}.tt-clock .tt-track{grid-column:2;margin-bottom:8px}.tt-clock .tt-v{font-size:17px}}@media (max-width:560px){.tt .tt-eng{grid-template-columns:1fr}}@keyframes tt-word{0%{opacity:.12;transform:translateY(.32em)}to{opacity:1;transform:none}}@keyframes tt-fade{0%{opacity:.3;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes tt-zoom{0%{transform:scale(.95)}to{transform:none}}@keyframes tt-drift-ph{to{transform:translateY(-70px) rotate(-4deg)}}@keyframes tt-drift-chart{to{transform:translateY(-36px) rotate(-1.5deg)}}@keyframes tt-turn{0%{transform:rotateY(-90deg)}to{transform:none}}@keyframes tt-ps-click{0%{background:hsl(var(--border))}1%{background:var(--tt-amber);box-shadow:0 0 10px hsl(var(--primary)/.8);transform:scale(1.35)}to{background:var(--tt-amber);box-shadow:none;transform:none}}@keyframes tt-ps-count{0%{box-shadow:inset 0 0 0 1.5px hsl(var(--border))}1%{box-shadow:inset 0 0 0 1.5px var(--tt-amber),0 0 8px hsl(var(--primary)/.5)}to{box-shadow:inset 0 0 0 1.5px hsl(var(--primary)/.5)}}@keyframes tt-ps-say{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@keyframes tt-cl-ride{0%{offset-distance:0}to{offset-distance:100%}}@keyframes tt-cl-count{0%{--tt-bpm:var(--from)}to{--tt-bpm:var(--to)}}@keyframes tt-clear{0%,70%{opacity:1;transform:none}to{opacity:0;transform:scale(1.025)}}@keyframes tt-press{0%,46%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1;transform:translate(-50%,-50%) scale(.85)}58%{opacity:1;transform:translate(-50%,-50%) scale(.7)}70%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}to{opacity:0}}@keyframes tt-hit{0%{transform:scale(1)}30%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes tt-sweep{0%{top:40px;opacity:0}6%{opacity:1}94%{opacity:1}to{top:100%;opacity:0}}@keyframes tt-grow{0%{transform:scaleX(0)}}@keyframes tt-tabprog{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes tt-nudge-up{0%,to{transform:none}20%{transform:translateY(-4px)}40%{transform:none}60%{transform:translateY(-3px)}80%{transform:none}}@keyframes tt-nudge-right{0%,to{transform:none}20%{transform:translateX(4px)}40%{transform:none}60%{transform:translateX(3px)}80%{transform:none}}@keyframes tt-float{0%{transform:translateY(26px) rotate(3.5deg)}to{transform:translateY(-6px) rotate(1.5deg)}}@media (prefers-reduced-motion:no-preference){.tt-h1 .tt-wd{display:inline-block;animation:tt-word .75s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d) * 65ms)}.tt-ico.is-hit{animation:tt-hit .5s ease-out both;animation-delay:calc(var(--k, 0) * .11s)}.tt-ps.is-play .tt-ps-bar i{animation:tt-ps-click calc(var(--beat) * 1.6) ease-out both;animation-delay:calc(var(--b) * var(--beat) + .2s)}.tt-ps.is-play .tt-ps-you i{animation-name:tt-ps-count}.tt-ps.is-play .tt-ps-say{animation:tt-ps-say .3s ease-out both;animation-delay:calc(var(--b) * var(--beat) + .2s)}.tt-before{opacity:1}.tt-shotw.is-play .tt-before{animation:tt-clear 3.4s ease-in .3s both}.tt-shotw.is-play .tt-press{animation:tt-press 3.4s ease-out .3s both}.tt-cl.is-play .tt-cl-dot{animation:tt-cl-ride calc(var(--beat) * var(--n)) linear .2s both}.tt-cl.is-play .tt-cl-n b{animation:tt-cl-count calc(var(--beat) * var(--n)) steps(var(--n),jump-none) .2s both}.tt-ico.is-turn{animation:tt-turn .3s cubic-bezier(.2,.7,.2,1) both}.tt-cmp.is-play .tt-sweep{animation:tt-sweep 2.4s cubic-bezier(.45,0,.55,1) forwards}.tt-cmp.is-play .tt-c:not(.rest):not(.later) i{animation:tt-hit .45s ease-out both;animation-delay:calc(var(--i) * .12s + .15s)}.tt-clock.is-play .tt-track i{animation:tt-grow .9s cubic-bezier(.3,.7,.2,1) both}.tt-tab-prog{display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;opacity:.45;transform-origin:0 50%;animation-name:tt-tabprog;animation-timing-function:linear;animation-fill-mode:forwards}.tt-tabs[data-run="0"] .tt-tab-prog{animation-play-state:paused}.tt .tt-demo.is-nudge .tt-arr{animation:tt-nudge-up 1.1s ease-in-out .35s 1 both}.tt-qbtn.is-nudge span{animation:tt-nudge-right 1.1s ease-in-out .35s 1 both}.tt-clock.is-play .tt-row.pro .tt-track i{animation-duration:1.6s;animation-delay:.15s}@supports (animation-timeline:view()){.tt-after,.tt-close,.tt-gh,.tt-model,.tt-monk,.tt-sec,.tt-sounds{animation:tt-fade linear both;animation-timeline:view();animation-range:entry 0 entry 55%}.tt-shotw.tt-zoom{animation:tt-zoom linear both;animation-timeline:view();animation-range:entry 0 cover 35%}.tt-float{animation:tt-float linear both;animation-timeline:view();animation-range:entry 10% cover 60%}.tt-collage .tt-ph{animation:tt-drift-ph linear both;animation-timeline:scroll(root);animation-range:0 760px}.tt-collage .tt-chart{animation:tt-drift-chart linear both;animation-timeline:scroll(root);animation-range:0 760px}}}::view-transition-new(root),::view-transition-old(root){animation-duration:.45s}.tt-note-quote{margin:64px 0 0 396px;max-width:640px}@media (max-width:900px){.tt-note-quote{margin-left:0}}.tt-note-quote p{margin:0;text-wrap:pretty}.tt-note-lead{font-size:16.5px;line-height:1.6;color:var(--tt-ink2);margin-bottom:16px!important}.tt-note-lead i{font-style:normal;white-space:nowrap}.tt-note-quote blockquote,.tt-note-quote figcaption{margin:0;padding-left:22px;border-left:3px solid var(--tt-accent)}.tt-note-quote blockquote p{font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--tt-ink2)}.tt-note-quote strong{color:var(--tt-ink);font-weight:600}.tt-note-quote figcaption{padding-top:14px}.tt-note-quote figcaption b{font-size:15px;color:var(--tt-ink)}@media (max-width:640px){.tt-demo-frame{margin-inline:-20px}.tt-demo-frame>div:first-child{border-radius:0!important;border-left:0!important;border-right:0!important}.tt-demo-frame>:not(:first-child){padding-inline:20px}}.tt-help{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:4px;vertical-align:1px;border-radius:50%;border:1px solid var(--tt-line);background:var(--tt-cell);color:var(--tt-accent);font:700 12px/1 inherit;cursor:pointer}.tt-help:hover{border-color:hsl(var(--primary)/.6)}.tt-help-back{position:fixed;left:0;right:0;top:0;height:100dvh;z-index:10000;background:hsl(0 0% 0%/.45);display:grid;place-items:center;padding:16px}.tt-help-card{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--tt-card);color:var(--tt-ink);border-radius:16px;padding:18px 20px 20px;box-shadow:0 30px 60px -20px hsl(var(--tt-shade)/.6);display:grid;gap:12px;text-align:left}.tt-help-head{display:flex;justify-content:space-between;align-items:center}.tt-help-head b{font-size:17px}.tt-help-head button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:0;background:var(--tt-cell);color:var(--tt-ink2);cursor:pointer}.tt-help-card>p{margin:0;font-size:14.5px;color:var(--tt-ink2)}.tt-help-card section{border:1px solid var(--tt-line);border-radius:12px;padding:10px 12px}.tt-help-card section[data-mine]{border-color:hsl(var(--primary)/.6);background:hsl(var(--primary)/.06)}.tt-help-card h4{margin:0 0 6px;font-size:14px;display:flex;gap:8px;align-items:center}.tt-help-card h4 span{white-space:nowrap;font:600 10px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-accent)}.tt-help-card ol{margin:0;padding-left:20px;font-size:14px;color:var(--tt-ink2);display:grid;gap:3px;list-style:decimal}.tt-help-card ol li::marker{color:var(--tt-accent);font-weight:700}.tt-help-install{justify-self:start}.tt-sh-how{display:flex;flex-wrap:wrap;gap:8px 22px;margin:2px 0 0;padding:10px 12px;border-radius:10px;background:var(--tt-cell);font-size:13.5px;color:var(--tt-ink2)}.tt-sh-how>span{display:inline-flex;align-items:center;gap:9px}.tt-sh-how b{color:var(--tt-ink);font-weight:600}.tt-sh-how i{display:inline-block;flex:none;width:5px;border-radius:2px}.tt-sh-how i.is-acc{height:18px;background:var(--tt-amber);box-shadow:0 0 5px color-mix(in srgb,var(--tt-amber) 58%,transparent)}.tt-sh-how i.is-rest{height:11px;background:transparent;box-shadow:inset 0 0 0 1px var(--tt-ink2)}.tt-coarse{display:none}@media (hover:none),(pointer:coarse){.tt-coarse{display:inline}.tt-fine{display:none}}.tt-help-sec{display:grid;grid-template-columns:1fr minmax(0,470px);gap:56px;align-items:start}.tt-help-sec>*{min-width:0}.tt-help-demo{display:grid;gap:0}.tt-help-card{background:hsl(var(--surface-elevated));border:1px solid var(--tt-line);border-radius:14px;box-shadow:0 22px 44px -28px hsl(var(--tt-shade)/.6);min-height:340px}.tt-help-sec .tt-small{margin-top:14px}.tt-q-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:9999px;border:1.5px solid;font-weight:700;font-size:12px;line-height:1;vertical-align:1px;color:var(--tt-ink)}@media (max-width:900px){.tt-help-sec{grid-template-columns:1fr;gap:26px}}.tt-eng-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:12px 28px;margin-top:34px;align-items:start}.tt-eng-wrap .tt-eng{margin-top:0;grid-template-columns:1fr 1fr}.tt-eng-photo{margin:0}.tt-eng-photo img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--tt-line);box-shadow:0 22px 44px -28px hsl(var(--tt-shade)/.6)}@media (max-width:900px){.tt-eng-wrap{grid-template-columns:1fr;gap:26px}.tt-eng-photo{order:-1;max-width:420px}}@media (max-width:560px){.tt .tt-eng-wrap .tt-eng{grid-template-columns:1fr}}.tt-on-wide{display:contents}.tt-on-phone{display:none}@media (max-width:640px){.tt-on-wide{display:none}.tt-on-phone{display:contents}}.tt-pic{margin:0;display:grid;gap:8px;align-content:start;padding:10px 10px 12px;border-radius:14px;border:1px solid var(--tt-line)}.tt-pic,.tt-pic-label{background:var(--tt-plate)}.tt-pic-label{display:inline-flex;align-items:center;gap:6px;width:-moz-max-content;width:max-content;font:600 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-ink2);padding:5px 9px 5px 8px;border-radius:999px;border:1px solid var(--tt-line)}.tt-pic-label:before{content:"";width:13px;height:11px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><path fill='black' d='M9 0h8l2 3h4a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h4zm4 7a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11z'/></svg>") center /contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 22'><path fill='black' d='M9 0h8l2 3h4a3 3 0 0 1 3 3v13a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h4zm4 7a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11z'/></svg>") center /contain no-repeat}.fr-ends-pics,.fr-fact-pic,.fr-phone,.fr-tilt,.tn-shift-pic,.tn-timer-pic,.tn-tt-mini,.tn-wo-pics,.tt-collage,.tt-pic{cursor:default}.tt-shot-note{position:absolute;z-index:60;transform:translate(-50%,-100%);max-width:280px;padding:9px 12px;border-radius:10px;background:hsl(var(--text-primary));color:hsl(var(--background));font-size:13.5px;font-weight:600;line-height:1.35;text-align:center;pointer-events:none;opacity:0;box-shadow:0 12px 30px -12px hsl(var(--tt-shade)/.6)}.tt-shot-note.is-on{animation:tt-shot-note 2.4s ease both}@keyframes tt-shot-note{0%{opacity:0;transform:translate(-50%,-88%)}8%,82%{opacity:1;transform:translate(-50%,-100%)}to{opacity:0;transform:translate(-50%,-100%)}}.tt-pic img{width:100%;vertical-align:top;height:auto;border-radius:8px;border:1px solid var(--tt-line);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.tt-pic .tt-cap{margin:2px 2px 0}.tt-sb-dial{display:grid;justify-items:center;gap:2px;padding:8px 0 14px;border-bottom:1px solid var(--tt-line);margin-bottom:2px}.tt-sb-dial-cap{justify-self:start;margin:0;font:600 10.5px/1.4 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--tt-ink3)}.tt-sb-chip[data-locked] b:after{content:"";display:inline-block;width:10px;height:11px;margin-left:7px;vertical-align:-1px;background:var(--tt-ink3);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 11'><path fill='black' d='M2 4.5V3a3 3 0 0 1 6 0v1.5h.5a1 1 0 0 1 1 1V10a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1V5.5a1 1 0 0 1 1-1zm1.5 0h3V3a1.5 1.5 0 0 0-3 0z'/></svg>") center /contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 11'><path fill='black' d='M2 4.5V3a3 3 0 0 1 6 0v1.5h.5a1 1 0 0 1 1 1V10a1 1 0 0 1-1 1h-7a1 1 0 0 1-1-1V5.5a1 1 0 0 1 1-1zm1.5 0h3V3a1.5 1.5 0 0 0-3 0z'/></svg>") center /contain no-repeat}.tt-sb-drawer{display:flex;align-items:baseline;gap:10px;width:100%;padding:11px 14px;border-radius:10px;border:1px solid var(--tt-line);background:transparent;color:var(--tt-ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease}.tt-sb-drawer:hover{border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.04)}.tt-sb-drawer:focus-visible{outline:2px solid var(--tt-amber);outline-offset:2px}.tt-sb-drawer-l{font:600 10.5px/1 IBM Plex Mono,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--tt-ink3)}.tt-sb-drawer b{font-size:14.5px;font-weight:650;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tt-sb-drawer-more{flex:1;font-size:13px;color:hsl(var(--primary-ink))}.tt-sb-drawer-chev{width:12px;height:12px;flex:none;align-self:center;color:var(--tt-ink2);transition:transform .25s ease}.tt-sb-drawer[aria-expanded=true] .tt-sb-drawer-chev{transform:rotate(180deg)}.tt-sb-drawer-head{margin:2px 2px 0;font-size:13.5px;line-height:1.45;color:var(--tt-ink2);text-wrap:pretty;animation:tt-drawer-in .3s ease-out both}.tt-sb-drawer-head a{color:hsl(var(--primary-ink));font-weight:650;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.tt-sb-drawer[data-invite]{border-color:hsl(var(--primary)/.7);background:hsl(var(--primary)/.08);animation:tt-invite 1.6s ease-out 2}.tt-sb-drawer[data-invite] .tt-sb-drawer-chev{color:hsl(var(--primary-ink))}.tt-sb-drawer.is-nudge .tt-sb-drawer-chev{animation:tt-nod .9s ease-in-out .4s 1}@keyframes tt-invite{0%{box-shadow:0 0 0 0 hsl(var(--primary)/.45)}70%{box-shadow:0 0 0 10px hsl(var(--primary)/0)}to{box-shadow:0 0 0 0 hsl(var(--primary)/0)}}@keyframes tt-nod{0%,to{transform:none}30%{transform:translateY(3px)}55%{transform:translateY(-1px)}75%{transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.tt-sb-drawer.is-nudge .tt-sb-drawer-chev,.tt-sb-drawer[data-invite]{animation:none}}.tt-sb-grid.is-drawer .tt-sb-chip{animation:tt-chip-in .4s ease-out both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes tt-chip-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.tt-sb-chip[data-roll]{border-color:hsl(var(--primary));background:hsl(var(--primary)/.16);box-shadow:0 0 0 3px hsl(var(--primary)/.14);transition:background .08s,border-color .08s,box-shadow .08s}@keyframes tt-drawer-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.tt-sb-drawer-head,.tt-sb-grid.is-drawer .tt-sb-chip{animation:none}}.tt-sb.has-dial .tt-sb-grid{gap:6px}.tt-sb.has-dial .tt-sb-chip{padding:8px 10px;gap:1px;border-radius:9px}.tt-sb.has-dial .tt-sb-chip b{font-size:13px}.tt-sb.has-dial .tt-sb-chip span{font-size:11.5px}.tt-sb.has-dial .tt-sb-chip em{font-size:10px}.tt-sb.has-dial .tt-sb-layer button{font-size:12px;padding:6px 10px}