:root{--dbo-black: #000;--dbo-white: #fff;--dbo-green: #58d500;--dbo-line: rgba(255,255,255,.4);--dbo-line-hover: rgba(255,255,255,.7);--dbo-font: "Conduit", "Barlow", Arial, sans-serif;--tt-accent: var(--dbo-green);--tt-accent-soft: color-mix(in srgb, var(--tt-accent) 45%, transparent);--tt-track: #0d0f10;--tt-row: 58px;--tt-label: 210px;--tt-design-width: 1800px;--tt-gap: 3px}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--dbo-black);color:var(--dbo-white);font-family:var(--dbo-font);height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.tt-header{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:16px 20px;border-bottom:2px solid var(--dbo-line)}.tt-title{margin:0;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px;line-height:1.1}.tt-title span{display:block;color:var(--tt-accent)}.tt-tabs{justify-self:center;display:flex;gap:0;border:2px solid var(--tt-accent)}.tt-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-right:2px solid var(--tt-accent);border-radius:0;color:var(--dbo-white);font-family:inherit;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px;padding:10px 26px;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.tt-tab:last-child{border-right:0}.tt-tab:hover{background:#ffffff14}.tt-tab[aria-selected=true]{background:var(--tt-accent);color:var(--dbo-black)}.tt-tab:focus-visible{outline:2px solid var(--dbo-white);outline-offset:-6px}.tt-actions{justify-self:end;display:flex;align-items:center;gap:10px}.tt-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:8px;background:var(--dbo-black);border:2px solid var(--dbo-line);border-radius:0;color:var(--dbo-white);font-family:inherit;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px;padding:9px 14px;cursor:pointer;text-decoration:none;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.tt-button:hover{border-color:var(--dbo-line-hover)}.tt-button:focus-visible{outline:none;border-color:var(--tt-accent);color:var(--tt-accent)}.tt-button[aria-pressed=true]{background:var(--tt-accent);border-color:var(--tt-accent);color:var(--dbo-black)}.tt-button svg{width:16px;height:16px;display:block;fill:currentColor}.tt-button:disabled{opacity:.35;cursor:default}.tt-button:disabled:hover{border-color:var(--dbo-line)}.tt-button--icon{padding:9px 10px}.tt-download{display:none}.tt-zoom{display:flex}.tt-zoom .tt-button+.tt-button{margin-left:-2px}.tt-zoom-value{min-width:62px;justify-content:center;font-variant-numeric:tabular-nums}.tt-main{flex:1 1 auto;min-height:0;position:relative}.tt-viewport{position:absolute;top:0;right:0;bottom:0;left:0;padding:18px;display:flex;overflow:hidden}.tt-canvas{margin:auto;flex:0 0 auto}.tt-viewport.is-pannable{overflow:auto;cursor:grab}.tt-viewport.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.tt-stage{width:var(--tt-design-width);transform-origin:top left;will-change:transform}.tt-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0;padding:20px;text-align:center;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px}.tt-empty[hidden]{display:none}.tt-empty small{font-size:14px;color:#fff9;text-transform:none;letter-spacing:0}.tt-grid{display:grid;grid-template-columns:var(--tt-label) repeat(var(--tt-cols),1fr);row-gap:6px;align-items:stretch}.tt-tick{position:relative;height:22px;border-left:1px solid var(--dbo-line)}.tt-tick span{position:absolute;bottom:4px;left:0;transform:translate(-50%);font-size:12px;font-weight:700;letter-spacing:-.29px;color:#ffffffbf;white-space:nowrap}.tt-tick--start span{transform:translate(0)}.tt-tick--end span{transform:translate(-100%)}.tt-tick--bottom span{bottom:auto;top:4px}.tt-area{grid-column:1;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 14px 6px 10px;border:2px solid var(--tt-accent);line-height:1.1}.tt-area-name{font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px}.tt-area-name b{font-weight:700}.tt-area-name i{font-style:normal;font-weight:400}.tt-area-host{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:-.29px;color:#fff9}.tt-area-host b{color:var(--tt-accent);font-weight:700}.tt-track{grid-column:2 / -1;background:var(--tt-track);background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 100%);background-size:var(--tt-hour) 100%}.tt-set{position:relative;display:flex;align-items:stretch;margin-right:var(--tt-gap);min-width:0;background:transparent;border:2px solid rgba(255,255,255,.3);border-color:var(--tt-accent-soft);color:var(--tt-accent);overflow:hidden;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.tt-set:hover{border-color:var(--tt-accent)}.tt-set.is-fav{background:var(--tt-accent);border-color:var(--tt-accent);color:var(--dbo-black)}.tt-set-body>*{flex:0 0 auto}.tt-set-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 3px;text-align:center;overflow:hidden}.tt-set-name{max-width:100%;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:-.29px;line-height:1.05;overflow:hidden}.tt-set--wrap .tt-set-name{overflow-wrap:anywhere}.tt-set-prefix,.tt-set-pres,.tt-set-tag,.tt-set-time{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:-.2px;line-height:1.05;overflow-wrap:anywhere}.tt-set-tag{font-style:italic}.tt-set-time{display:none;opacity:.75}.tt-set--short .tt-set-name{font-size:10px}.tt-set--short .tt-set-prefix,.tt-set--short .tt-set-pres,.tt-set--short .tt-set-tag{font-size:8px}.tt-set--dense .tt-set-name{font-size:9px}.tt-set--dense .tt-set-prefix,.tt-set--dense .tt-set-pres,.tt-set--dense .tt-set-tag{font-size:7px}.tt-set--densest .tt-set-name{font-size:7.5px;letter-spacing:-.4px}.tt-set--densest .tt-set-prefix,.tt-set--densest .tt-set-pres,.tt-set--densest .tt-set-tag{font-size:6.5px}.tt-set--densest .tt-set-body{padding:2px;gap:0}.tt-heart{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 auto;width:16px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-left:2px solid rgba(255,255,255,.3);border-left-color:var(--tt-accent-soft);border-radius:0;color:inherit;cursor:pointer;transition:background-color .15s ease}.tt-heart:hover{background:#ffffff1f}.tt-heart:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.tt-heart svg{width:12px;height:12px;display:block;fill:none;stroke:currentColor;stroke-width:2}.tt-set.is-fav .tt-heart{border-left-color:#00000059;background:#0000001f}.tt-set.is-fav .tt-heart:hover{background:#00000047}.tt-set.is-fav .tt-heart svg{fill:currentColor}.tt-set--tiny .tt-heart{position:absolute;top:0;right:0;bottom:0;border-left:0;background:var(--dbo-black);opacity:0}.tt-set--tiny.is-fav .tt-heart{background:var(--tt-accent)}.tt-set--tiny:hover .tt-heart,.tt-set--tiny:focus-within .tt-heart,.tt-set--tiny.is-fav .tt-heart{opacity:1}@media(max-width:768px){.tt-header{grid-template-columns:1fr;justify-items:center;gap:12px;padding:12px 14px}.tt-title{text-align:center;font-size:14px}.tt-tabs{width:100%}.tt-tab{flex:1 1 0;padding:10px 6px;font-size:13px}.tt-actions{justify-self:center}.tt-zoom{display:none}.tt-download{display:inline-flex}.tt-canvas{margin:0;width:auto!important;height:auto!important}.tt-viewport{padding:0;overflow:auto;cursor:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.tt-stage{width:max-content;min-width:100%;transform:none!important;padding:14px 14px 20px}.tt-grid{grid-template-columns:var(--tt-label) repeat(var(--tt-cols),var(--tt-col));row-gap:10px}:root{--tt-label: 132px;--tt-row: 76px;--tt-col: 16px}.tt-area{position:sticky;left:0;z-index:3;background:var(--dbo-black);padding:6px 8px}.tt-area-name{font-size:13px;overflow-wrap:anywhere}.tt-tick{position:sticky;top:0;z-index:2;background:var(--dbo-black)}.tt-tick--bottom{position:relative}.tt-set-name,.tt-set--dense .tt-set-name,.tt-set--densest .tt-set-name{font-size:14px;letter-spacing:-.29px}.tt-set--dense .tt-set-prefix,.tt-set--dense .tt-set-pres,.tt-set--dense .tt-set-tag,.tt-set--densest .tt-set-prefix,.tt-set--densest .tt-set-pres,.tt-set--densest .tt-set-tag{font-size:9px}.tt-set--densest .tt-set-body{padding:6px 8px;gap:1px}.tt-set-body{align-items:flex-start;text-align:left;padding:6px 8px}.tt-set-time{display:block}.tt-heart{width:40px}.tt-heart svg{width:18px;height:18px}.tt-set--tiny .tt-heart{position:static;opacity:1;border-left:2px solid var(--tt-accent-soft);background:transparent}.tt-set--tiny.is-fav .tt-heart{border-left-color:#00000059;background:#0000001f}.tt-set--short .tt-set-name{font-size:12px}}
