.atl-stage{--stage:#fbfaf7;--stage-edge:#fbfaf7;--gold:#f2a52c;--bone:#cf922f;--bone-2:#7a5a22;--bone-3:#a08a64;--slate:#e6dcc8;--verdigris:#58a08f;--vermilion:#d2502f;isolation:isolate;width:100%;height:100%;min-height:240px;color:var(--bone);background:radial-gradient(ellipse 80% 75% at 50% 45%, var(--stage) 55%, var(--stage-edge) 100%);position:relative;overflow:hidden}.atl-stage[data-mode=full]{border:1px solid var(--line);border-radius:14px;min-height:clamp(280px,62vh,620px)}.atl-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.atl-canvas:active{cursor:grabbing}.atl-stage[data-mode=preview] .atl-canvas{touch-action:pan-y}.atl-vignette{pointer-events:none;background:radial-gradient(ellipse 78% 72% at 50% 46%, transparent 58%, var(--stage-edge) 100%);position:absolute;inset:0}.atl-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.atl-lbl{white-space:nowrap;color:#5c3f0c;text-shadow:0 0 2px var(--stage-edge), 0 0 3px var(--stage-edge), 0 0 6px var(--stage-edge), 0 0 10px var(--stage-edge);will-change:transform;font-size:12px;font-weight:600;line-height:1.25;position:absolute;top:0;left:0}.atl-lbl-domain{font-family:var(--font-serif);color:#4a320a;font-size:15px;font-weight:700}.atl-lbl-row{font-family:var(--font-serif);color:var(--bone-2);font-size:13px}.atl-lbl-month,.atl-lbl-axis-low{color:var(--bone-2)}.atl-lbl-now{color:var(--bone);font-size:12px}.atl-lbl-axis{background:color-mix(in srgb, var(--stage-edge) 72%, transparent);border-radius:3px;padding:1px 6px}.atl-lbl-season{color:var(--verdigris)}.atl-lbl-sel{text-overflow:ellipsis;border-left:2px solid var(--vermilion);background:color-mix(in srgb, var(--stage-edge) 82%, transparent);max-width:min(260px,62%);padding:2px 8px;font-size:13px;overflow:hidden}.atl-arrow{color:var(--bone-2);margin-left:4px;display:inline-block}.atl-pad-wrap{justify-items:center;gap:6px;display:grid;position:absolute;bottom:12px;right:12px}.atl-pad-grid{grid-template:".up."32px"left pad right"56px".down."32px/32px 56px 32px;place-items:center;display:grid}.atl-pad{border:1px solid var(--slate);background:color-mix(in srgb, var(--stage-edge) 60%, transparent);width:56px;height:56px;color:var(--bone-2);touch-action:none;cursor:move;-webkit-user-select:none;user-select:none;border-radius:50%;grid-area:pad;place-items:center;font-size:12px;display:grid}.atl-pad-key{border:1px solid var(--line);background:color-mix(in srgb, var(--stage-edge) 60%, transparent);width:32px;height:32px;color:var(--bone);font:inherit;cursor:pointer;border-radius:50%;font-size:14px}.atl-pad-key.up{grid-area:up}.atl-pad-key.down{grid-area:down}.atl-pad-key.left{grid-area:left}.atl-pad-key.right{grid-area:right}.atl-pad-reset{background:color-mix(in srgb, var(--stage-edge) 60%, transparent)}@media (width<=420px){.atl-pad-grid{grid-template-rows:28px 48px 28px;grid-template-columns:28px 48px 28px}.atl-pad{width:48px;height:48px}.atl-pad-key{width:28px;height:28px}}.atl-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.atl-btn{border:1px solid var(--line);min-height:32px;color:var(--bone);font:inherit;cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:13px;line-height:1.2;transition:border-color .15s;display:inline-flex}.atl-btn:hover:not(:disabled){border-color:var(--bone-3)}.atl-btn[aria-pressed=true]{border-color:var(--bone);background:color-mix(in srgb, var(--bone) 10%, transparent)}.atl-btn:disabled{opacity:.5;cursor:default}.atl-btn:focus-visible,.atl-pad-key:focus-visible,.atl-bar-body:focus-visible,.atl-axes select:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.atl-axes{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.atl-axes-legend{font-family:var(--font-serif);margin-bottom:4px;padding:0;font-size:15px}.atl-axes-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;display:grid}.atl-axes-field{gap:4px;min-width:0;display:grid}.atl-axes-field label{color:var(--bone-2);font-size:13px}.atl-axes select{border:1px solid var(--line);background:var(--stage-raised);width:100%;min-width:0;min-height:36px;color:var(--bone);font:inherit;border-radius:8px;padding:0 8px;font-size:14px}.atl-axes-note{color:var(--bone-3);margin:0;font-size:12px}.atl-axes .atl-btn{justify-self:start}.atl-scrub{gap:8px;min-width:0;display:grid}.atl-scrub-row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.atl-scrub-label{color:var(--bone-2);font-size:13px}.atl-scrub-out{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-right:auto;font-size:13px}.atl-range{cursor:pointer;appearance:none;background:0 0;width:100%;height:32px;margin:0}.atl-range::-webkit-slider-runnable-track{background:var(--slate);height:2px}.atl-range::-moz-range-track{background:var(--slate);height:2px}.atl-range::-webkit-slider-thumb{border:2px solid var(--bone);background:var(--stage);-webkit-appearance:none;border-radius:50%;width:18px;height:18px;margin-top:-8px}.atl-range::-moz-range-thumb{border:2px solid var(--bone);background:var(--stage);border-radius:50%;width:14px;height:14px}.atl-range:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}.atl-range:focus-visible::-webkit-slider-thumb{border-color:var(--vermilion)}.atl-range:focus-visible::-moz-range-thumb{border-color:var(--vermilion)}.atl-scrub-ends{color:var(--bone-3);justify-content:space-between;font-size:12px;display:flex}.atl-scrub-presets{border:0;min-width:0;margin:0;padding:0}.atl-scrub-presets legend{float:left;margin:7px 10px 0 0;padding:0}.atl-chips{flex-wrap:wrap;gap:8px;display:flex}.atl-chip{display:inline-flex;position:relative}.atl-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.atl-chip span{border:1px solid var(--line);min-height:32px;color:var(--bone-2);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;transition:border-color .15s;display:inline-flex}.atl-chip input:checked+span{border-color:var(--bone);color:var(--bone);background:color-mix(in srgb, var(--bone) 10%, transparent)}.atl-chip input:focus-visible+span{outline:2px solid var(--vermilion);outline-offset:2px}.atl-scrub-window{color:var(--bone-2);margin:0 auto 0 0;font-size:13px}@media (prefers-reduced-motion:reduce){.atl-btn,.atl-chip span{transition:none}}.atl-bars{gap:8px;min-width:0;margin:0;display:grid}.atl-bars-title{color:var(--bone-2);flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:13px;display:flex}.atl-bars-hint,.atl-bars-note{color:var(--bone-3);margin:0;font-size:12px}.atl-bars-list{grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;height:128px;margin:0;padding:0;list-style:none;display:grid}.atl-bar{min-width:0;display:flex}.atl-bar-body{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}button.atl-bar-body{cursor:pointer;border-radius:4px}.atl-bar-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.atl-bar-track{border-bottom:1px solid var(--line);flex:auto;width:min(18px,72%);position:relative}.atl-bar-fill{background:var(--slate);border-radius:2px 2px 0 0;position:absolute;bottom:0;left:0;right:0}.atl-bar.is-active .atl-bar-fill{background:var(--gold)}button.atl-bar-body:hover .atl-bar-fill{background:var(--bone-3)}.atl-bar-month{letter-spacing:-.02em;white-space:nowrap;color:var(--bone-2);font-size:12px}