:is(t-player,t-vinyl,t-track,t-label,t-eq,t-progress,t-bar,t-fill,t-shelf,t-book,t-books,t-status,t-pacman,t-progress-line,t-receipt,t-receipt-head,t-receipt-rows,t-receipt-foot,t-barcode,t-tmux,t-pane,t-pane-title,t-tmux-status,t-now-line){white-space:normal;text-indent:0;display:block}t-player{background-color:var(--t-mantle);border:1px solid var(--border);border-radius:10px;align-items:center;gap:1.1em;max-inline-size:34em;padding:.9em 1.1em;display:flex;&[data-compact]{background:0 0;border:0;padding:0}}t-vinyl{aspect-ratio:1;background:conic-gradient(from 20deg, transparent 0 8%, #ffffff17 13%, transparent 20% 55%, #ffffff12 62%, transparent 70%), repeating-radial-gradient(circle, #1b1c26 0 2px, #2b2d3b 2px 3px);inline-size:5.5em;box-shadow:0 0 0 2px var(--border), 0 6px 18px -6px #0009;border-radius:50%;flex:none;place-items:center;animation:3.2s linear infinite t-spin;display:grid;position:relative;&:before,& img{aspect-ratio:1;border-radius:50%;grid-area:1/1;inline-size:38%}&:before{content:"";background:radial-gradient(circle, transparent 55%, #00000026 56% 60%, transparent 61%), var(--label)}&:has(img):before{display:none}& img{object-fit:cover}&:after{content:"";aspect-ratio:1;background-color:var(--t-crust);border-radius:50%;inline-size:6%;margin:auto;position:absolute;inset:0}[data-compact] &{inline-size:4.25em}}t-track{flex:1;min-inline-size:0;& strong{text-overflow:ellipsis;white-space:nowrap;color:var(--foreground);font-weight:600;display:block;overflow:hidden}& strong a{color:inherit}&>span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground);display:block;overflow:hidden}}t-label{letter-spacing:.08em;text-transform:uppercase;color:var(--t-green);margin-block-end:.15em;font-size:.72em}.t-live{color:var(--t-red);animation:1.4s ease-in-out infinite t-pulse}t-eq{align-items:flex-end;gap:2px;block-size:1.4em;margin-block:.45em;display:flex;& i{max-inline-size:6px;block-size:var(--h);background:linear-gradient(to top, var(--t-magenta), var(--t-pink));transform-origin:bottom;animation:t-eq var(--d) ease-in-out infinite alternate;border-radius:1px;flex:1}}t-progress{font-variant-numeric:tabular-nums;color:var(--muted-foreground);align-items:center;gap:.6em;font-size:.78em;display:flex}t-bar{background-color:var(--muted);border-radius:2px;flex:1;block-size:4px;overflow:hidden}t-fill{background-color:var(--t-green);block-size:100%;transition:width 1s linear}t-player[data-paused] :is(t-vinyl,t-eq i){animation-play-state:paused}t-player[data-paused] t-label{color:var(--muted-foreground)}.t-recent{margin:.75em 0 0;padding:0;font-size:.85em;list-style:none;& li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& li:before{content:"↺ ";color:var(--muted-foreground)}& span{color:var(--muted-foreground)}& a{color:inherit}}t-shelf{border-block-end:.45em solid color-mix(in oklab, var(--t-peach) 45%, var(--t-crust));align-items:flex-end;gap:3px;block-size:9em;max-inline-size:30em;padding-inline:.75em;display:flex;position:relative;box-shadow:0 .6em .8em -.6em #00000080}t-book{width:var(--w);height:var(--h);writing-mode:vertical-rl;color:var(--t-crust);text-shadow:none;background-color:var(--c);border-radius:3px 3px 1px 1px;place-items:center;padding:.6em 0;font-size:.62em;font-weight:600;transition:transform .2s;display:grid;position:relative;overflow:hidden;box-shadow:inset -3px 0 #0000002e,inset 3px 0 #ffffff2e,inset 0 6px 0 -3px #00000026;& span{text-overflow:ellipsis;white-space:nowrap;max-height:100%;overflow:hidden}&:hover{transform:translateY(-.6em)}&[data-status=reading]{overflow:visible;transform:translateY(-1.1em);&:after{content:"";background-color:var(--t-red);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);block-size:2.2em;inline-size:.6em;position:absolute;inset-block-start:-.3em;inset-inline-start:50%}}&[data-status=queued]{opacity:.85;transform-origin:0 100%;margin-inline-start:.5em;transform:rotate(10deg)}}t-shelf-cat{cursor:pointer;margin-inline-start:auto;font-size:1.7em;line-height:1;&:hover{animation:.3s ease-in-out 3 t-purr}}t-books{grid-template-columns:auto minmax(0,1fr);gap:.55em 1.4em;margin-block-start:1.1em;display:grid;& strong{color:var(--foreground);font-weight:600}& strong a{color:inherit}& span,& q{color:var(--muted-foreground)}& q{font-style:italic;display:block}}t-status{white-space:nowrap;&[data-status=reading]{color:var(--t-peach)}&[data-status=finished]{color:var(--t-green)}&[data-status=queued]{color:var(--muted-foreground)}}t-pacman{white-space:pre;font-family:var(--font-mono);display:inline}.t-pac{color:var(--t-yellow);font-weight:700}.t-pac-trail{color:var(--muted-foreground);opacity:.6}.t-pac-dots{color:var(--t-peach)}t-receipt{--paper:#eff1f5;--ink:#4c4f69;inline-size:min(100%,19em);font-family:var(--font-mono);color:var(--ink);text-shadow:none;background-color:var(--paper);filter:drop-shadow(0 10px 14px #00000059);margin-block:.5em 1em;padding:1.1em 1.2em 1.7em;font-size:.85em;line-height:1.45;transform:rotate(-1.4deg);mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%;& a{color:inherit}& q{border-block-start:1px dashed var(--ink);margin-block-start:.6em;padding-block-start:.6em;font-style:italic;display:block}}t-receipt-head{text-align:center;border-block-end:1px dashed var(--ink);margin-block-end:.6em;padding-block-end:.6em;& b{letter-spacing:.25em;display:block}& span{opacity:.75;font-size:.85em;display:block}}t-receipt-rows div{justify-content:space-between;gap:1em;display:flex;&>span:first-child{text-transform:uppercase;opacity:.6;font-size:.85em}&>:last-child{text-align:end}}.t-stars{color:var(--t-yellow);letter-spacing:.1em;white-space:nowrap;t-receipt &{color:#df8e1d}}t-receipt-foot{text-align:center;margin-block-start:.4em;font-size:.8em}t-barcode{background:repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 5px, transparent 5px 8px, var(--ink) 8px 11px, transparent 11px 12px, var(--ink) 12px 13px, transparent 13px 17px);block-size:2.2em;margin-block:.6em .3em}t-tmux{border:1px solid var(--border);background-color:var(--background);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"music books""music food""status status";max-inline-size:62em;margin-block:.25em;display:grid;@media (width<48rem){grid-template-columns:minmax(0,1fr);grid-template-areas:"music""books""food""status"}&>t-pane:first-of-type{grid-area:music}&>t-pane:nth-of-type(2){grid-area:books}&>t-pane:nth-of-type(3){grid-area:food}& t-shelf{font-size:.8em}}t-pane{border:1px solid var(--border);min-inline-size:0;margin:-1px 0 0 -1px;padding:2em 1em 1em;position:relative;&[data-active]{z-index:1;border-color:var(--t-green)}}t-pane-title{color:var(--muted-foreground);font-size:.75em;position:absolute;inset-block-start:.4em;inset-inline-start:1em}t-now-line{margin-block-start:1.1em;& strong{color:var(--foreground);font-weight:600}& strong a{color:inherit}&>span{color:var(--muted-foreground)}& t-pacman,& .t-stars{margin-block:.25em;display:block}}t-tmux-status{white-space:nowrap;color:var(--t-crust);text-shadow:none;background-color:var(--t-green);grid-area:status;gap:1ch;padding-inline:.6ch;font-size:.85em;display:flex;overflow:hidden;& .t-tmux-right{margin-inline-start:auto}}@keyframes t-spin{to{transform:rotate(1turn)}}@keyframes t-eq{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes t-pulse{50%{opacity:.3}}@keyframes t-purr{50%{transform:rotate(-8deg)}}@media (prefers-reduced-motion:reduce){t-vinyl,t-eq i,.t-live{animation:none}}