:root{--wall: #44514c;--wall-light: #52615b;--paper: #eef0ec;--ink: #1b211f;--muted: #5f6a66;--line: #ccd3cf;--gilt: #a7834a;--gilt-dark: #7a5d2e;--gilt-light: #d6b878;--control: #ffffff;--focus: #2f6fb3;--serif: "Source Serif 4", "Iowan Old Style", Georgia, serif;--sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--digits: "Barlow Semi Condensed", "Arial Narrow", sans-serif;--step--1: .8125rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: 1.5625rem;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color-scheme:light}@media(prefers-color-scheme:dark){:root{--wall: #2c3633;--wall-light: #36423e;--paper: #181d1c;--ink: #e6e9e5;--muted: #9aa5a0;--line: #313a37;--control: #222927;--focus: #79aef0;color-scheme:dark}}*,*:before,*:after{box-sizing:inherit}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--step-0)/1.5 var(--sans);-webkit-text-size-adjust:100%}a{color:inherit;text-underline-offset:.18em}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.wall{background:radial-gradient(120% 90% at 50% 20%,var(--wall-light),var(--wall) 70%);padding:2.5rem 1rem 1.25rem;display:flex;flex-direction:column;align-items:center}.frame{margin:0;padding:14px;background:linear-gradient(160deg,#3a3d41,#1e2023 55%,#141517);box-shadow:inset 0 0 0 1px #ffffff14,0 18px 30px -12px #0000008c;border-radius:28px}.frame.round{border-radius:50%;padding:18px}.screen{position:relative;width:var(--sw, 288px);height:var(--sh, 336px);max-width:calc(100vw - 4rem);background:#000;overflow:hidden;box-shadow:inset 0 0 0 1px #0009}.screen.round{border-radius:50%}.screen canvas{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.screen-empty{position:absolute;inset:0;margin:0;display:grid;place-items:center;padding:2rem;text-align:center;color:#b9c2be;font-size:var(--step--1)}.overlay{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--scale, 2) * 1px);font-family:var(--digits);font-weight:600;color:#fff;line-height:1;font-variant-numeric:tabular-nums;transition:opacity .16s ease}.overlay.outline{text-shadow:-1px 0 #000,1px 0 #000,0 -1px #000,0 1px #000}.overlay.boxed{background:#000;padding:calc(var(--scale, 2) * 3px);border-radius:calc(var(--scale, 2) * 3px)}.overlay.hidden{opacity:0}.ov-time{font-size:calc(var(--scale, 2) * 25px);letter-spacing:.1em}.ov-date{font-size:calc(var(--scale, 2) * 19.5px);letter-spacing:.055em}.ov-ampm{margin-left:calc(var(--scale, 2) * 2px);font-size:calc(var(--scale, 2) * 19.5px);letter-spacing:.055em}.overlay.size-s .ov-time{font-size:calc(var(--scale, 2) * 19.5px);letter-spacing:.12em}.overlay.size-s .ov-date,.overlay.size-s .ov-ampm{font-size:calc(var(--scale, 2) * 15.5px);letter-spacing:-.08em}.overlay.size-l .ov-time{font-size:calc(var(--scale, 2) * 35px);letter-spacing:0}.overlay.size-l .ov-date,.overlay.size-l .ov-ampm{font-size:calc(var(--scale, 2) * 25px);letter-spacing:.07em}.preview-note{margin:.6rem 0 0;color:#d5dcd8;font-size:var(--step--1)}main{max-width:34rem;margin:0 auto;padding:0 1.25rem 7rem}.label{padding:1.5rem 0 1.25rem;border-bottom:1px solid var(--line)}.label-title{margin:0;font:italic 500 var(--step-2)/1.2 var(--serif);text-wrap:balance}.label-artist{margin:.35rem 0 0;font-size:var(--step-1);font-weight:500}.label-meta{margin:.15rem 0 0;color:var(--muted)}.label-links{margin:.9rem 0 0;display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}.text-button{margin-top:1rem;padding:.55rem .9rem;font:500 var(--step-0) var(--sans);color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer}.text-button[aria-pressed=true]{border-color:var(--gilt);background:color-mix(in srgb,var(--gilt) 14%,transparent)}.group{padding-top:1.75rem}.group h2{margin:0 0 .25rem;font:600 var(--step-1)/1.3 var(--sans)}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--line)}.row.stacked{flex-direction:column;align-items:stretch;gap:.6rem}.row-text{display:flex;flex-direction:column}.row-text small{color:var(--muted);font-size:var(--step--1);line-height:1.4;margin-top:.15rem}[hidden]{display:none!important}.switch{appearance:none;flex:none;width:48px;height:28px;margin:0;border-radius:14px;background:var(--line);position:relative;cursor:pointer;transition:background .15s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform .15s ease}.switch:checked{background:var(--gilt)}.switch:checked:after{transform:translate(20px)}.segmented{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--control)}.segmented label{flex:1 1 auto;position:relative}.segmented label+label{border-left:1px solid var(--line)}.segmented input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.segmented span{display:block;padding:.6rem .5rem;text-align:center;font-size:.9375rem;white-space:nowrap}.segmented input:checked+span{background:var(--ink);color:var(--paper);font-weight:600}.segmented input:focus-visible+span{outline:2px solid var(--focus);outline-offset:-3px}.credits{margin-top:2.5rem;color:var(--muted);font-size:var(--step--1);line-height:1.55}.savebar{position:fixed;left:0;right:0;bottom:0;padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);display:flex;justify-content:center}.save{width:100%;max-width:34rem;padding:.9rem;font:600 var(--step-0) var(--sans);color:var(--paper);background:var(--ink);border:0;border-radius:8px;cursor:pointer}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.screen canvas{transition:opacity .16s ease}.screen.loading canvas{opacity:.45}.label-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0}.label-actions .text-button{margin-top:0}.label-status{min-height:1.25em;margin:.6rem 0 0;color:var(--muted);font-size:var(--step--1)}.group.look{padding-top:1.25rem}.group.look .row{padding:.65rem 0}.era{margin-top:1.1rem}.era-title{display:block;margin-bottom:.45rem;color:var(--muted);font-size:var(--step--1)}.segmented.compact span{padding:.5rem .25rem;font-size:var(--step--1);font-variant-numeric:tabular-nums}.visit{margin-top:2.25rem;padding:1.25rem 1.25rem 1.35rem;border:1px solid color-mix(in srgb,var(--gilt) 55%,transparent);border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--gilt) 16%,transparent),transparent 70%),var(--control)}.visit p{margin:0}.visit-kicker{color:var(--gilt-dark);font-size:var(--step--1);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.visit-title{margin-top:.3rem!important;font:italic 500 var(--step-2)/1.2 var(--serif)}.visit-text{margin-top:.35rem!important;color:var(--muted)}.visit-link{display:inline-block;margin-top:.9rem;padding:.55rem 1rem;border-radius:6px;background:var(--ink);color:var(--paper);font-weight:600;text-decoration:none}.visit-link:after{content:" \2197"}@media(prefers-color-scheme:dark){.visit-kicker{color:var(--gilt)}}.label-credit{margin:.15rem 0 0;color:var(--muted);font-size:var(--step--1)}.label-credit a{color:inherit}.minutes{display:inline-flex;align-items:center;gap:.5rem;flex:none}.number{width:4.25rem;padding:.5rem .6rem;font:600 var(--step-0) var(--sans);font-variant-numeric:tabular-nums;text-align:center;color:var(--ink);background:var(--control);border:1px solid var(--line);border-radius:8px}.number:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.minutes-unit{color:var(--muted);min-width:4.2em}.link-button{padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:.18em;background:none;border:0;cursor:pointer}.link-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pinned{margin-top:.75rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--gilt) 55%,transparent);border-radius:8px;background:color-mix(in srgb,var(--gilt) 10%,transparent)}.pinned p{margin:0}.pinned .text-button{margin-top:.7rem}.advanced{border-bottom:1px solid var(--line)}.advanced summary{padding:.25rem 0 .85rem;font:600 var(--step-1)/1.3 var(--sans);cursor:pointer}.advanced[open] summary{border-bottom:1px solid var(--line)}.pin-form{border-bottom:0}.pin-field{position:relative;display:flex;gap:.5rem}.pin-field input{flex:1;min-width:0;padding:.55rem .7rem;font:500 var(--step-0) var(--sans);color:var(--ink);background:var(--control);border:1px solid var(--line);border-radius:8px}.pin-field input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.pin-field input{padding-right:2.75rem}.pin-clear{position:absolute;top:0;right:0;bottom:0;width:2.75rem;display:flex;align-items:center;justify-content:center;padding:0;color:var(--muted);background:none;border:0;border-radius:8px;cursor:pointer}.pin-clear svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pin-clear:hover{color:var(--ink)}.pin-clear:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.pin-field input:placeholder-shown+.pin-clear{display:none}.pin-field .text-button{margin-top:0}.backup-input{box-sizing:border-box;width:100%;padding:.55rem .7rem;font:400 max(16px,var(--step--1))/1.4 ui-monospace,Menlo,monospace;color:var(--ink);background:var(--control);border:1px solid var(--line);border-radius:8px;resize:vertical}.backup-input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#111;color:#eee}.viewer[open]{display:flex;flex-direction:column}.viewer::backdrop{background:#000000d9}.viewer-bar{display:flex;align-items:center;gap:.75rem;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem;background:#1b1b1b}.viewer-title{flex:1;min-width:0;margin:0;overflow:hidden;font:italic 500 var(--step-0) var(--serif);white-space:nowrap;text-overflow:ellipsis}.viewer-tools{display:flex;gap:.35rem}.viewer-tools button{width:2.5rem;height:2.5rem;font:600 1.15rem/1 var(--sans);color:#eee;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;cursor:pointer}.viewer-tools button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.viewer-canvas{flex:1;min-height:0}.viewer-hint{margin:0;padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom));font-size:var(--step--1);color:#aaa;background:#1b1b1b}.preview-light{display:inline-flex;margin-top:1rem;padding:2px;border-radius:999px;background:#00000047}.preview-light label{position:relative}.preview-light input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.preview-light span{display:block;padding:.35rem .75rem;border-radius:999px;color:#d5dcd8;font-size:var(--step--1)}.preview-light input:checked+span{background:#ffffffe6;color:#1b211f;font-weight:600}.preview-light input:focus-visible+span{outline:2px solid var(--focus);outline-offset:1px}.screen.mip:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(0,0,0,.16) .5px,transparent .5px),linear-gradient(to bottom,rgba(0,0,0,.16) .5px,transparent .5px);background-size:calc(var(--scale, 2) * 1px) calc(var(--scale, 2) * 1px)}.screen.mip .overlay{color:var(--screen-white, #fff)}label,button,input,summary,a{-webkit-tap-highlight-color:transparent}.wall-kicker{margin:0 0 .9rem;color:#d5dcd8;font-size:var(--step--1);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.wall .label{width:100%;max-width:34rem;margin-top:1.25rem;padding:1.25rem 0 .25rem;border-top:1px solid rgba(255,255,255,.14);border-bottom:0;color:#eef0ec}.wall .label-meta,.wall .label-credit,.wall .label-status{color:#b9c4bf}.wall .text-button{color:#eef0ec;border-color:#ffffff59}.mini{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:.9rem;padding:calc(.5rem + env(safe-area-inset-top)) 1rem .5rem;background:var(--wall);box-shadow:0 6px 18px #00000040;transform:translateY(-110%);transition:transform .2s ease}.mini.shown{transform:none}.mini-screen{position:relative;flex:none;border:4px solid #232528;border-radius:8px;background:#000;line-height:0;overflow:hidden}.mini-screen.round{border-radius:50%;overflow:hidden}.mini-screen .overlay{color:var(--screen-white, #fff)}.mini canvas{height:96px;width:auto;image-rendering:pixelated}.mini-title{flex:0 1 14rem;margin:0;color:#eef0ec;font:italic 500 var(--step-0)/1.25 var(--serif)}.loader{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:radial-gradient(120% 90% at 50% 20%,var(--wall-light),var(--wall) 70%);color:#d5dcd8;transition:opacity .25s ease}.loader.done{opacity:0;pointer-events:none}.loader-frame{width:96px;height:112px;border:8px solid var(--gilt);box-shadow:inset 0 0 0 2px var(--gilt-dark),0 8px 24px #00000059;background:#111;animation:hang 1.4s ease-in-out infinite}@keyframes hang{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media(prefers-reduced-motion:reduce){.loader-frame{animation:none}}.advanced.nested{border-bottom:1px solid var(--line)}.advanced.nested summary{font:600 var(--step-0)/1.3 var(--sans);padding:.85rem 0}.range-label{flex-direction:row;justify-content:space-between}.range-label output{color:var(--muted);font-variant-numeric:tabular-nums}.range{box-sizing:border-box;width:calc(100% - 2.5rem);margin-inline:1.25rem;accent-color:var(--ink)}.reset-row{margin:.75rem 0 1rem}.group.block .row{border-bottom:0;padding:.55rem 0}.group.block .advanced.nested{border-bottom:0}.group.block .advanced.nested summary{padding:.35rem 0 .55rem}.mini-side{display:flex;flex-direction:column;gap:.4rem;min-width:0}.mini-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}.mini .text-button{margin:0;padding:.35rem .7rem;font-size:var(--step--1);color:#eef0ec;border-color:#ffffff59}.mini canvas{transition:height .2s ease}.mini.large{flex-direction:column}.mini.large canvas{height:min(50vh,460px)}.mini.large .mini-side{align-items:center;text-align:center}.mini-side{flex:0 1 15rem}.mini .mini-title,.mini.large .mini-side{flex:none}.group.block .advanced.nested[open] summary{border-bottom:0}.icon-button{display:inline-flex;align-items:center;gap:.35rem}.icon-button svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button .when-large,.mini.large .icon-button .when-small{display:none}.mini.large .icon-button .when-large{display:block}.mini .text-button[aria-pressed=true]{background:#ffffff29}.label-links{gap:.5rem}.cta{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;font:500 var(--step--1) var(--sans);color:#eef0ec;text-decoration:none;background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:999px;cursor:pointer}.cta[hidden]{display:none}.cta.primary{color:#1b211f;background:#eef0ec;border-color:#eef0ec;font-weight:600}.cta:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cta svg,.label-actions svg{width:1.05em;height:1.05em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-button[hidden]{display:none}.mini:not(.large) #mini-time span,.mini:not(.large) #mini-size span{display:none}.segmented+.segmented{margin-top:.5rem}canvas.draggable{cursor:grab}canvas.draggable:active{cursor:grabbing}.nudge{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.nudge svg{display:block;width:1.1rem;height:1.1rem;margin:0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nudge .text-button{margin-top:0;min-width:2.6rem}.nudge .text-button:disabled{opacity:.35;cursor:default}.pinned-gone{margin:.5rem 0 0;color:var(--ink);font-size:var(--step--1)}.debug{margin:1.5rem 0 0;font-size:var(--step--1);color:var(--muted)}.debug summary{cursor:pointer;width:max-content;padding:.2rem 0}.debug-hint{margin:.4rem 0}.debug-actions{display:flex;flex-wrap:wrap;gap:.3rem}.debug-actions button{padding:.25rem .55rem;font:500 var(--step--1) var(--sans);color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;cursor:pointer}.debug-status{min-height:1.2em;margin:.4rem 0 0}.debug-state{margin-top:.3rem}.debug-info{max-height:14rem;overflow:auto;margin:.4rem 0 0;padding:.5rem;font:400 .7rem/1.35 ui-monospace,Menlo,monospace;background:var(--control);border:1px solid var(--line);border-radius:6px;white-space:pre-wrap;word-break:break-all}.pin-form{position:relative}.pin-results{list-style:none;margin:.35rem 0 0;padding:.25rem;max-height:18rem;overflow-y:auto;background:var(--paper);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 20px #0000001f}.pin-results li{display:flex;align-items:center;gap:.6rem;padding:.4rem .5rem;border-radius:6px;cursor:pointer}.pin-results .pin-result-thumb{flex:none;width:64px;height:64px;border-radius:4px;background:var(--control);object-fit:cover}.pin-results .pin-result-text{min-width:0}.pin-results li[aria-selected=true],.pin-results li:hover{background:var(--control)}.pin-results .pin-result-title{display:block;font-weight:600}.pin-results .pin-result-meta{display:block;color:var(--muted);font-size:var(--step--1)}.pin-results .pin-result-note{color:var(--muted);font-size:var(--step--1);cursor:default}.view-group .view-zoom{display:flex;justify-content:space-between;margin-top:.4rem;color:var(--ink)}.view-group .nudge{margin-top:.5rem}.group.block+.group.block{border-top:3px solid var(--line);margin-top:1.25rem;padding-top:1.25rem}.group .label-status:empty,#status:empty{display:none}.view-hints{display:grid}.view-hints>span{grid-area:1 / 1;visibility:hidden}.view-hints[data-show=both]>[data-hint=both],.view-hints[data-show=x]>[data-hint=x],.view-hints[data-show=y]>[data-hint=y],.view-hints[data-show=none]>[data-hint=none],.view-hints:not([data-show])>[data-hint=both]{visibility:visible}.tour-spot{position:fixed;z-index:100;border-radius:12px;box-shadow:0 0 0 200vmax #0a0e0d9e;transition:top .25s ease,left .25s ease,width .25s ease,height .25s ease;pointer-events:none}.touring body:after{content:"";position:fixed;inset:0;z-index:99}.tour-card{position:fixed;z-index:101;left:1rem;right:1rem;max-width:24rem;margin:0 auto;padding:1rem 1.1rem .85rem;color:var(--ink);background:var(--paper);border-radius:14px;box-shadow:0 12px 32px #00000059;transition:top .25s ease}.tour-count{margin:0;color:var(--muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}.tour-title{margin:.15rem 0 .35rem;font:600 var(--step-1)/1.3 var(--sans)}.tour-body{margin:0;line-height:1.45}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.9rem}.tour-nav{display:flex;gap:.5rem;margin-left:auto}.tour-nav .text-button{margin-top:0}.tour-skip{padding:.5rem 0;font:inherit;color:var(--muted);background:none;border:0;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.tour-next{padding:.55rem 1.1rem;font:600 var(--step-0)/1.2 var(--sans);color:var(--paper);background:var(--ink);border:0;border-radius:999px;cursor:pointer}.tour-card button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){.tour-spot,.tour-card{transition:none}}