:root{--bg:#111110;--ink:#eeeae2;--mute:#aaa69e;color-scheme:dark;font-family:"Iowan Old Style","Hiragino Mincho ProN",Georgia,serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}body{font-size:21px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}button:disabled{opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,circle:focus-visible{outline:0;filter:brightness(1.4);text-decoration:underline;text-underline-offset:6px}.ic{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;font-family:system-ui,sans-serif;font-size:32px}.bar{display:flex;align-items:center;justify-content:space-between;padding:calc(10px + env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));height:calc(76px + env(safe-area-inset-top));background:var(--bg)}.bar nav{display:flex;gap:4px}.wordmark{font-size:23px;letter-spacing:-.6px;white-space:nowrap}#app{padding:0 0 calc(30px + env(safe-area-inset-bottom))}.pond{display:flex;flex-wrap:wrap;gap:4px;width:100%;align-content:start}.tile{position:relative;display:block;overflow:hidden;flex:none;background:#1a1916}.tile img{display:block;width:100%;height:100%;object-fit:cover}.type-art{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:18px;font-size:clamp(18px,1.8vw,26px);line-height:1.2;background:#302b25;color:#e7d9bb}.type-art small{display:block;margin-bottom:14px;font-size:.65em;color:#bfb09b}.empty{text-align:center;color:var(--mute);font-size:32px;margin:120px 0}.sent{height:2px}.q{display:block;width:calc(100% - 40px);margin:8px 20px 28px;padding:8px 0;background:none;border:0;border-radius:0;font-size:32px;outline-offset:4px}.timeline{display:flex;gap:32px;overflow:auto;padding:32px 24px 24px;scrollbar-width:thin}.century{font-size:28px;flex:none;min-height:48px;color:var(--mute)}.century[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:12px}.atlas{max-width:1100px;margin:20px auto 50px;padding:12px}.atlas svg{display:block;width:100%;overflow:visible}.grat{stroke:#383834;stroke-width:.6;fill:none}.atlas circle{fill:#d6bc8c;opacity:.8;cursor:pointer;stroke:transparent;stroke-width:8}.atlas circle[aria-pressed=true]{fill:white;opacity:1}#ov{position:fixed;inset:0;z-index:20;background:#080808;display:flex;flex-direction:column}.vt{display:flex;align-items:center;gap:6px;position:absolute;inset:0 0 auto;z-index:4;padding:calc(8px + env(safe-area-inset-top)) 10px 18px;background:linear-gradient(#0009,transparent)}.spacer{flex:1}.zv{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center}.zv>img{opacity:0;max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none}.deep{position:absolute;inset:0}.sheet{position:absolute;z-index:5;bottom:0;left:0;right:0;max-height:75dvh;overflow:auto;background:#171716f2;backdrop-filter:blur(16px);border-radius:22px 22px 0 0;padding:35px max(24px,calc((100vw - 900px)/2)) calc(35px + env(safe-area-inset-bottom));font-size:22px}.sheet h1{font-weight:400;font-size:clamp(28px,4vw,42px);line-height:1.2;margin:14px 0}.sheet p{margin:15px 0;color:#c3c0b9}.sheet a{text-decoration:underline;text-underline-offset:5px}.dismiss{position:absolute;right:14px;top:4px}.pl{width:min(640px,100%);padding:0 26px;margin:auto;text-align:center}.pl h1{font-size:34px;line-height:1.25;font-weight:400}.pl p{color:var(--mute)}.ctl{display:flex;justify-content:center;gap:30px}.ctl button{min-width:60px;min-height:60px}.ctl .ic{width:36px;height:36px}.pl input{width:100%;accent-color:#d3bd99;margin:30px 0}#mini{position:fixed;bottom:0;left:0;right:0;z-index:6;background:#181816f5;display:flex;align-items:center;padding:4px 10px calc(4px + env(safe-area-inset-bottom));gap:12px}#mini .tt{flex:1;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[hidden]{display:none!important}@media(min-width:1000px){.bar{padding-left:28px;padding-right:24px;height:88px}.wordmark{font-size:28px}.bar nav{gap:18px}}

.music-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.type-art small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
.tile{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.tile img{-webkit-user-drag:none;pointer-events:none}.me{display:flex;flex-direction:column;gap:8px;padding:32px max(16px,calc((100vw - 640px)/2))}.me .btn{display:flex;align-items:center;gap:20px;width:auto;height:auto;padding:18px 8px;font-size:30px;justify-content:flex-start}.me .btn .ic{width:34px;height:34px}.me b{font-weight:400;color:#c3c0b9}