.ex-tt{position:relative;flex:1 1;min-height:0;height:100%;display:flex;flex-direction:column;padding:12px 16px 16px}.ex-tt-head{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px}.ex-tt-hint{color:var(--ap-muted)}.ex-tt-chip,.ex-tt-hint{font-size:12px;line-height:16px}.ex-tt-chip{flex:none;height:32px;padding:0 12px;display:inline-flex;align-items:center;gap:4px;border-radius:999px;border:1px solid var(--ap-coral-deep);background:var(--ap-coral-deep);color:#fff;font-weight:600;transition:transform .16s var(--ap-ease)}.ex-tt-chip:active{transform:scale(.96)}.ex-tt-chip:focus-visible{outline:2px solid var(--ap-coral-deep);outline-offset:2px}.ex-tt-date{height:44px;display:flex;align-items:center;gap:4px}.ex-tt-tide{width:8px;height:8px;border-radius:50%;background:var(--ap-rise);flex:none}.ex-tt-date h4{font-family:var(--font-human-serif);font-weight:700;font-size:24px;line-height:32px;color:var(--ap-ink)}.ex-tt-date h4 .ap-num{font-family:inherit}.ex-tt-legend{height:32px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;line-height:16px;font-weight:500;color:var(--ap-caption)}.ex-tt-leg{display:inline-flex;align-items:center;gap:4px}.ex-tt-leg b{color:var(--ap-ink);font-weight:800;font-size:12px}.ex-tt-div{width:1px;height:14px;background:var(--ap-border)}.ex-tt-swatch{position:relative;width:16px;height:16px;border-radius:50%;flex:none;background:var(--tt-bg);box-shadow:inset 0 0 0 1px rgba(120,113,108,.18);overflow:hidden}.ex-tt-swatch[data-w="1"]{background:repeating-linear-gradient(45deg,rgba(255,255,255,.24) 0 4px,rgba(20,18,16,.03) 4px 8px),var(--tt-bg);box-shadow:inset 0 0 0 1px rgba(120,113,108,.2)}.ex-tt-swatch[data-w="2"]{box-shadow:inset 0 0 0 1px rgba(120,113,108,.24)}.ex-tt-swatch[data-w="2"]:after{content:"";position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(68,64,60,.6)}.ex-tt-frame{margin-top:8px;flex:1 1;min-height:0;position:relative;border-radius:var(--ap-r-lg);border:.5px solid var(--ap-border-subtle);background:var(--ap-muted-bg);overflow:hidden}.ex-tt-scroll{position:absolute;inset:0;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.ex-tt-scroll::-webkit-scrollbar{display:none}.ex-tt-canvas{position:relative}.ex-tt-header{position:sticky;top:0;z-index:4;height:44px}.ex-tt-stage{position:absolute;top:0;height:44px;display:flex;align-items:center;justify-content:center;padding:0 4px;text-align:center;font-size:12px;line-height:16px;font-weight:600;overflow:hidden}.ex-tt-grid{background:var(--ap-selected)}.ex-tt-grid,.ex-tt-line{position:absolute;left:0;right:0}.ex-tt-line{background:var(--ap-border-subtle);pointer-events:none}.ex-tt-line[data-kind=half]{opacity:.7}.ex-tt-line[data-kind=ten]{opacity:.45}.ex-tt-col{bottom:0}.ex-tt-axis,.ex-tt-col{position:absolute;top:0}.ex-tt-axis{width:32px;z-index:5;background:var(--ap-muted-bg);pointer-events:none}.ex-tt-axis[data-side=left]{left:0}.ex-tt-axis[data-side=right]{right:0}.ex-tt-tick{position:absolute;font-size:11px;line-height:12px;font-weight:400;color:var(--ap-caption)}.ex-tt-tick.is-hour{font-size:12px;font-weight:700;color:var(--ap-body)}.ex-tt-axis[data-side=left] .ex-tt-tick{right:5px;text-align:right}.ex-tt-axis[data-side=right] .ex-tt-tick{left:5px;text-align:left}.ex-tt-card{position:absolute;left:4px;right:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px dashed rgba(120,113,108,.55);background:var(--tt-bg);text-align:center;touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:background-color .2s var(--ap-ease),opacity .12s var(--ap-ease)}.ex-tt-card.is-pressing{opacity:.78}.ex-tt-card.is-pop0{animation:ex-tt-pop0 .25s var(--ap-ease)}.ex-tt-card.is-pop1{animation:ex-tt-pop1 .25s var(--ap-ease)}@keyframes ex-tt-pop0{30%{transform:scale(.965)}}@keyframes ex-tt-pop1{30%{transform:scale(.965)}}.ex-tt-card:focus-visible{outline:2px solid var(--ap-teal);outline-offset:1px;z-index:2}.ex-tt-ring{inset:1px;border-radius:var(--tt-ring-r);border:1px dashed rgba(68,64,60,.55);z-index:1}.ex-tt-hatch,.ex-tt-ring{position:absolute;pointer-events:none}.ex-tt-hatch{inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.24) 0 8px,rgba(20,18,16,.03) 8px 16px);animation:ap-fade .2s ease both}.ex-tt-name{position:relative;max-width:100%;font-size:var(--tt-fs);line-height:var(--tt-lh);font-weight:600;color:var(--ap-ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--tt-lines);overflow:hidden;overflow-wrap:anywhere}.ex-tt-focus{position:absolute;inset:0;border-radius:var(--tt-ring-r);border:2.5px solid var(--ap-coral);pointer-events:none;z-index:3;animation:ex-tt-focus 1.6s linear both}@keyframes ex-tt-focus{0%{opacity:0}12.5%{opacity:1}34%{opacity:.25}56%{opacity:1}78%{opacity:.25}to{opacity:1}}.ex-tt-sheet{background:var(--tt-tint);color:#fff}.ex-tt-sheet-bar{position:relative;height:48px}.ex-tt-grip{background:rgba(255,255,255,.35)}.ex-tt-close{position:absolute;right:6px;top:4px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.ex-tt-close:focus-visible,.ex-tt-follow:focus-visible{outline:2px solid #fff;outline-offset:2px}.ex-tt-photo{height:220px;background-size:cover;background-position:center 30%;background-color:rgba(0,0,0,.2)}.ex-tt-info{padding:16px 16px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,0) 24px),var(--tt-tint)}.ex-tt-perf{display:flex;align-items:center;gap:2px;font-size:12px;line-height:16px;font-weight:500;color:rgba(255,255,255,.82)}.ex-tt-stage-dot{width:8px;height:8px;border-radius:50%;margin-right:6px;box-shadow:0 0 0 1px rgba(255,255,255,.4)}.ex-tt-artist{margin-top:4px;font-size:24px;line-height:32px;font-weight:700;color:#fff}.ex-tt-heat-row{margin-top:10px;display:flex;align-items:center;justify-content:space-between}.ex-tt-heat{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px}.ex-tt-heat .ap-num{font-weight:800}.ex-tt-follow{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--ap-coral);transition:transform .2s var(--ap-ease)}.ex-tt-follow:active{transform:scale(.92)}.ex-tt-follow.is-on svg{fill:currentColor;animation:ex-tt-pop .32s var(--ap-ease)}@keyframes ex-tt-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ex-tt *,.ex-tt :after,.ex-tt :before{animation-duration:1ms!important;transition-duration:1ms!important}.ex-tt-card.is-pop0,.ex-tt-card.is-pop1,.ex-tt-focus{animation:none}}