.gt{--gt-bg:oklch(15% .01 60);--gt-panel:oklch(19% .012 60);--gt-line:oklch(32% .02 60);--gt-cream:oklch(94% .03 85);--gt-muted:oklch(78% .02 80);--gt-orange:oklch(72% .17 50);--gt-amber:oklch(82% .15 75);--gt-ink:oklch(14% .01 60);background:var(--gt-bg);color:var(--gt-cream);min-height:100vh;padding-bottom:80px;font-family:Archivo,system-ui,sans-serif}.gt button{font:inherit;color:inherit;cursor:pointer}.gt button:focus-visible,.gt select:focus-visible,.gt-node:focus-visible{outline:3px solid var(--gt-amber);outline-offset:2px}.gt-top{border-bottom:1px solid var(--gt-orange);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.gt-back{color:var(--gt-orange);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.gt-brand{border:2px solid var(--gt-orange);padding:2px 8px;font-weight:800}.gt-brand b{color:var(--gt-orange)}.gt-lock{color:var(--gt-muted);font-size:14px}.gt-sample{color:var(--gt-muted);margin:8px 20px 0;font-size:12px}.gt-hero{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding:12px 20px;display:flex}.gt h1,.gt h2{font-family:Archivo,system-ui,sans-serif}.gt-hero h1{letter-spacing:0;margin:0;font-size:64px;font-weight:800;line-height:1}.gt-hero h1 span,.gt-keep h2 span{color:var(--gt-orange)}.gt-hero p{margin:6px 0 0;font-size:18px}.gt-stats{gap:20px;display:flex}.gt-stats b{color:var(--gt-orange);font-size:32px;display:block}.gt-stats small{color:var(--gt-cream)}.gt-privacy{border:1px solid var(--gt-orange);border-radius:4px;margin:0 20px 12px;padding:10px 14px;font-size:14px}.gt-controls,.gt-friends{flex-wrap:wrap;align-items:center;gap:8px;padding:0 20px 10px;display:flex}.gt-controls button,.gt-friends button,.gt-years{background:var(--gt-ink);border:1px solid var(--gt-line);border-radius:4px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:14px;display:inline-flex}.gt-controls button.on,.gt-friends button.on{border-color:var(--gt-orange);color:var(--gt-orange)}.gt-years select{background:var(--gt-ink);color:var(--gt-cream);font:inherit;border:0}.gt-friends{scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.gt-friends>span{color:var(--gt-muted);font-size:14px}.gt-friends button{flex:none}.gt-friends i,.gt-legend i,.gt-who i{border-radius:50%;width:12px;height:12px;display:inline-block}.gt-main{grid-template-columns:1fr 380px;gap:16px;padding:0 20px;display:grid}.gt-canvas{border:1px solid var(--gt-line);background:oklch(13% .01 60/.6);border-radius:6px;overflow:hidden}.gt-canvas svg{width:100%;height:auto;display:block}.gt-year line{stroke:var(--gt-line);stroke-dasharray:2 6;opacity:.25}.gt-year text{fill:var(--gt-muted);font-size:13px}.gt-branch{fill:none;stroke-linecap:round;filter:drop-shadow(0 0 4px);transition:opacity .3s}.gt-tree-spine{fill:none;stroke:var(--gt-amber);stroke-width:5px;opacity:.7}.gt-node{cursor:pointer;outline:none}.gt-hit{fill:#0000}.gt-node-core{fill:var(--gt-amber);stroke:var(--gt-orange);stroke-width:3px}.gt-node.sel .gt-node-core{stroke:var(--gt-cream)}.gt-ring{fill:none;stroke:var(--gt-amber);stroke-width:3px}.gt-count{fill:var(--gt-ink);text-anchor:middle;pointer-events:none;font-size:11px;font-weight:800}.gt-tag rect{fill:var(--gt-ink);stroke:var(--gt-orange)}.gt-tag text{fill:var(--gt-cream);font-size:12px;font-weight:700}.gt-tag text.d{fill:var(--gt-amber);font-size:11px}.gt-miss line{stroke:var(--gt-muted);stroke-dasharray:3 5;opacity:.6}.gt-miss circle{fill:var(--gt-bg);stroke:var(--gt-muted);stroke-width:2px;opacity:.7}.gt-avatar{cursor:pointer}.gt-avatar circle{fill:var(--gt-ink);stroke-width:3px}.gt-avatar text{fill:var(--gt-cream);text-anchor:middle;font-weight:800}.gt-avatar text.n{font-size:15px}.gt-legend{border-top:1px solid var(--gt-line);flex-wrap:wrap;gap:14px;padding:10px 14px;font-size:13px;display:flex}.gt-legend span{align-items:center;gap:6px;display:inline-flex}.gt-legend i.s,.gt-legend i.m,.gt-legend i.l,.gt-legend i.f{background:var(--gt-amber);border:2px solid var(--gt-orange)}.gt-legend i.s{width:8px;height:8px}.gt-legend i.m{width:12px;height:12px}.gt-legend i.l{width:16px;height:16px}.gt-legend i.f{width:18px;height:18px;box-shadow:0 0 0 3px var(--gt-amber)}.gt-legend i.nm{border:2px dashed var(--gt-muted)}.gt-list{margin:0;padding:12px;list-style:none}.gt-list button{text-align:left;border:0;border-bottom:1px solid var(--gt-line);background:0 0;width:100%;min-height:44px;padding:12px 6px}.gt-list b{color:var(--gt-amber)}.gt-empty{color:var(--gt-muted);padding:20px}.gt-panel{border:1px solid var(--gt-orange);background:var(--gt-panel);border-radius:6px;align-self:start;padding:20px;position:sticky;top:12px}.gt-hint{color:var(--gt-muted)}.gt-detail{flex-direction:column;gap:8px;display:flex;position:relative}.gt-x{background:0 0;border:0;width:44px;height:44px;font-size:28px;position:absolute;top:-10px;right:-6px}.gt-badge{background:var(--gt-orange);color:var(--gt-ink);letter-spacing:.05em;align-self:start;padding:4px 10px;font-size:13px;font-weight:800}.gt-date{color:var(--gt-orange);margin:6px 0 0;font-size:20px;font-weight:800}.gt-detail h2{text-transform:uppercase;margin:0;font-size:26px;line-height:1.05}.gt-venue,.gt-bands,.gt-fest{margin:0}.gt-fest{color:var(--gt-amber)}.gt-who{border-top:1px solid var(--gt-line);padding-top:10px}.gt-who div{flex-wrap:wrap;gap:6px 12px;max-height:120px;margin-top:6px;display:flex;overflow:auto}.gt-who span{align-items:center;gap:5px;font-size:14px;display:inline-flex}.gt-note{color:var(--gt-muted);font-size:13px}.gt .primary{background:var(--gt-orange);color:var(--gt-ink);letter-spacing:.04em;border:0;border-radius:4px;min-height:48px;font-weight:800}.gt-two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.gt-two button,.gt-actions button:not(.primary){background:var(--gt-ink);border:1px solid var(--gt-cream);border-radius:4px;min-height:48px}.gt-modal{z-index:50;background:oklch(0% 0 0/.7);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gt-keep{background:var(--gt-panel);border:2px solid var(--gt-orange);width:100%;max-width:520px;max-height:90vh;padding:24px;overflow:auto}.gt-keep h2{margin:0;font-size:34px}.gt-keep ul{padding-left:18px;line-height:1.6}.gt-keep b{color:var(--gt-amber)}.gt-keep small{color:var(--gt-muted);margin-bottom:14px;display:block}.gt-actions{gap:8px;display:flex}.gt-actions button{flex:1}.gt-dock{display:none}.gt-dock a{color:var(--gt-cream);text-decoration:none}.gt button:disabled{cursor:default}@media (width<=767px){.gt-hero h1{font-size:36px}.gt-top{flex-wrap:wrap;padding:10px 12px}.gt-main{grid-template-columns:1fr;padding:0 10px}.gt-hero,.gt-controls,.gt-friends{padding-left:12px;padding-right:12px}.gt-controls{flex-wrap:nowrap;overflow-x:auto}.gt-controls button,.gt-years{flex:none}.gt-privacy{margin:0 12px 10px}.gt-panel{z-index:30;border-radius:14px 14px 0 0;max-height:62vh;transition:transform .25s;position:fixed;inset:auto 0 64px;overflow:auto;transform:translateY(110%)}.gt-panel.open{transform:none}.gt-dock{background:var(--gt-ink);border-top:1px solid var(--gt-line);z-index:40;justify-content:space-around;align-items:center;height:64px;font-size:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.gt-dock .on{color:var(--gt-orange);border-bottom:3px solid var(--gt-orange);padding-bottom:4px}}@media (prefers-reduced-motion:reduce){.gt *{transition:none!important}}