:root{--wall:#fff;--wall-2:#fff;--haze:#fff;--ink:#1c1c1c;--ink-soft:#707070;--skirt:#e6e6e6;--tape-a:#e8b0bec7;--tape-b:#b0d2cdc7;--tape-c:#ecd6a0cc;--shadow:#0003;--label:#fff;--heart:#d4566f;--f-display:"Zen Maru Gothic", "PingFang SC", "Hiragino Maru Gothic ProN", "Noto Sans SC", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--wall:#141414;--wall-2:#1a1a1a;--haze:#1d1b1c;--ink:#ececec;--ink-soft:#a3a3a3;--skirt:#2b2b2b;--tape-a:#d68ca099;--tape-b:#78aaa599;--tape-c:#d2b97899;--shadow:#0000008c;--label:#232323;--heart:#ef7a92;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--wall:#141414;--wall-2:#1a1a1a;--haze:#1d1b1c;--ink:#ececec;--ink-soft:#a3a3a3;--skirt:#2b2b2b;--tape-a:#d68ca099;--tape-b:#78aaa599;--tape-c:#d2b97899;--shadow:#0000008c;--label:#232323;--heart:#ef7a92;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{background:var(--wall);color:var(--ink);font-family:var(--f-display);background-image:radial-gradient(120% 70% at 85% -10%, var(--haze), transparent 60%), radial-gradient(90% 60% at -10% 110%, var(--wall-2), transparent 70%);-webkit-text-size-adjust:100%;background-attachment:fixed;margin:0;font-size:14px}img{max-width:100%}a{color:inherit;text-decoration:none}.mast{z-index:900;background:color-mix(in srgb, var(--wall) 82%, transparent);-webkit-backdrop-filter:blur(10px);view-transition-name:mast;position:sticky;top:0}.mast-in{max-width:1100px;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:12px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));align-items:center;gap:22px;margin:0 auto;display:flex}.brand{letter-spacing:.06em;white-space:nowrap;align-items:center;gap:8px;font-size:1.15rem;font-weight:900;display:inline-flex}.brand img{width:26px;height:auto;image-rendering:pixelated;transition:transform .3s cubic-bezier(.2,.8,.2,1);transform:rotate(-6deg)}.brand:hover img{transform:rotate(8deg)translateY(-2px)scale(1.1)}.mast nav{gap:4px;margin-left:auto;display:flex}.mast nav a{letter-spacing:.08em;color:var(--ink-soft);padding:6px 12px;font-size:.95rem;font-weight:700;transition:color .2s;position:relative}.mast nav a:hover,.mast nav a[aria-current]{color:var(--ink)}.mast nav a:after{content:"";background:var(--tape-a);transform-origin:0;z-index:-1;height:9px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:3px;left:8px;right:8px;transform:rotate(-2deg)scaleX(0)}.mast nav a[aria-current]:after{transform:rotate(-2deg)scaleX(1)}.mode{width:34px;height:34px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.mode:hover{color:var(--ink)}.mode svg{width:18px;height:18px}:is(.mode,.mast a,.tag,.search):focus-visible{outline:2px solid var(--heart);outline-offset:2px}.page{max-width:1100px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom);margin:0 auto;overflow-x:clip}#view{min-height:60vh;padding-top:18px;position:relative}.wall{min-height:340px;position:relative}.item{transform:rotate(var(--rot,0deg));transition:transform .35s cubic-bezier(.2,.8,.2,1);position:absolute}.item:hover,.item:focus-within{transform:rotate(0)translateY(-6px)scale(1.04);z-index:500!important}.item.enter{animation:hang .6s cubic-bezier(.2, .9, .3, 1.15) var(--d,0s) backwards}@keyframes hang{0%{opacity:0;transform:translateY(-26px) rotate(calc(var(--rot,0deg) - 7deg)) scale(1.06)}}.item.fresh{transform-origin:50% -6px;animation:swing 2.6s ease-in-out var(--d,0s) backwards}@keyframes swing{0%{opacity:0;transform:translateY(-30px) rotate(calc(var(--rot,0deg) - 12deg))}18%{opacity:1;transform:rotate(calc(var(--rot,0deg) + 7deg))}40%{transform:rotate(calc(var(--rot,0deg) - 4.5deg))}62%{transform:rotate(calc(var(--rot,0deg) + 2.5deg))}82%{transform:rotate(calc(var(--rot,0deg) - 1deg))}}.cover{aspect-ratio:1;background:var(--skirt);width:100%;box-shadow:0 10px 22px -8px var(--shadow), 0 2px 4px var(--shadow);border-radius:3px;outline:none;transition:box-shadow .35s;display:block;position:relative}.cover img{object-fit:cover;border-radius:3px;width:100%;height:100%;display:block}.cover:focus-visible{box-shadow:0 0 0 3px var(--wall), 0 0 0 6px var(--heart)}.item:hover .cover,.item:focus-within .cover{box-shadow:0 22px 34px -10px var(--shadow), 0 4px 8px var(--shadow)}.tape{width:34%;height:22px;transform:translateX(-50%) rotate(var(--tr,-3deg));background:var(--tape-a);pointer-events:none;mix-blend-mode:multiply;position:absolute;top:-11px;left:50%;-webkit-mask:linear-gradient(90deg,#0000 0 2px,#000 2px calc(100% - 2px),#0000 0);mask:linear-gradient(90deg,#0000 0 2px,#000 2px calc(100% - 2px),#0000 0)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tape{mix-blend-mode:normal}}:root[data-theme=dark] .tape{mix-blend-mode:normal}.label{background:var(--label);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:240px;box-shadow:0 4px 12px -4px var(--shadow);opacity:0;pointer-events:none;z-index:2;border-radius:2px;padding:6px 10px;font-size:.78rem;line-height:1.35;transition:opacity .25s,transform .25s;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%)translateY(-4px)}.label b{text-overflow:ellipsis;font-weight:700;display:block;overflow:hidden}.label span{color:var(--ink-soft)}.item:hover .label,.item:focus-within .label{opacity:1;transform:translate(-50%)}@media (hover:none){.label{display:none}.item:hover{transform:rotate(var(--rot,0deg))}}.critter{image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 3px 2px var(--shadow));position:absolute}.peek{z-index:-1;image-rendering:pixelated;pointer-events:none;animation:9s ease-in-out -2s infinite peek;position:absolute}@keyframes peek{0%,18%,to{transform:translate(0)rotate(0)}28%,62%{transform:translateX(var(--px,46%)) rotate(var(--pr,10deg))}72%{transform:translate(0)rotate(0)}}.item.mini{flex:none;position:relative}.facts{color:var(--ink-soft);letter-spacing:.03em;flex-wrap:wrap;font-size:.95rem;display:flex}.facts>*+:before{content:"·";opacity:.6;margin:0 .6em}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font:inherit;letter-spacing:.04em;color:var(--ink);background:var(--tape-b);cursor:pointer;border:0;padding:3px 11px;font-size:.82rem;transition:transform .2s,background .2s}.tag:nth-child(3n+2){background:var(--tape-c);transform:rotate(1deg)}.tag:nth-child(3n){background:var(--tape-a);transform:rotate(-1deg)}.tag:hover{transform:translateY(-2px)rotate(-1.5deg)}.tag[aria-pressed=true]{background:var(--heart);color:#fff}.note{text-wrap:pretty;max-width:34em;font-size:1.02rem;line-height:1.95}.note p{margin:0 0 1em}.note p:last-child{margin-bottom:0}.veil{max-width:34em;position:relative}.note p{transition:filter .5s}.note.veiled p{filter:blur(7px);-webkit-user-select:none;user-select:none;pointer-events:none}.peel{cursor:pointer;font:inherit;letter-spacing:.1em;color:var(--ink);background:var(--tape-a);border:0;padding:7px 22px;font-size:.85rem;font-weight:700;transition:rotate .2s,scale .2s,translate .4s cubic-bezier(.4,0,.8,.4),opacity .4s;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:-3deg;box-shadow:0 2px 6px #0000002e}.peel:hover{rotate:-6deg;scale:1.05}.peel.gone{opacity:0;pointer-events:none;translate:40% -260%;rotate:24deg}@media (prefers-reduced-motion:reduce){.note p,.peel{transition:none}}.sources,.links{flex-wrap:wrap;gap:4px 14px;font-size:.78rem;display:flex}.sources a{color:var(--ink-soft);opacity:.8;border-bottom:1px dotted}.links a{border-bottom:2px solid var(--tape-b);font-size:.9rem;font-weight:700}.sources a:hover,.links a:hover{color:var(--heart);opacity:1}.card{grid-template-columns:minmax(240px,400px) minmax(0,1fr);align-items:start;gap:clamp(28px,6vw,72px);padding-top:26px;display:grid}.hero{position:relative;transform:rotate(-2deg)}.hero .cover{view-transition-name:hero}.hero .stamp{letter-spacing:.1em;width:auto;height:auto;color:var(--ink);white-space:nowrap;--tr:3deg;padding:4px 16px;font-size:.8rem;font-weight:700;top:-14px}.play{background:var(--label);width:46px;height:46px;color:var(--heart);box-shadow:0 4px 12px -2px var(--shadow);opacity:0;border-radius:50%;place-items:center;transition:opacity .25s,transform .25s cubic-bezier(.2,.8,.2,1.4);display:grid;position:absolute;bottom:14px;right:14px;transform:scale(.8)}.play svg{width:22px;height:22px;margin-left:2px}.hero .cover:hover .play,.hero .cover:focus-visible .play{opacity:1;transform:scale(1)}@media (hover:none){.play{opacity:1;transform:none}}.body{justify-items:start;gap:18px;min-width:0;display:grid}.body h1{letter-spacing:.03em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(1.9rem,4.6vw,3rem);font-weight:900;line-height:1.15}.by{flex-wrap:wrap;gap:4px 18px;margin-top:-8px;font-size:1.2rem;font-weight:700;display:flex}.by a{border-bottom:2px solid var(--tape-a);transition:border-color .2s,color .2s}.by a:hover{color:var(--heart);border-color:var(--heart)}.strip{flex-wrap:wrap;gap:30px 26px;margin-top:72px;padding:14px 6px 40px;display:flex}.body>*{animation:.5s cubic-bezier(.2,.8,.2,1) backwards rise}.body>:first-child{animation-delay:80ms}.body>:nth-child(2){animation-delay:.13s}.body>:nth-child(3){animation-delay:.18s}.body>:nth-child(4){animation-delay:.23s}.body>:nth-child(5){animation-delay:.28s}.body>:nth-child(n+6){animation-delay:.33s}.strip>*,.pile>*{animation:.5s cubic-bezier(.2,.9,.3,1.15) backwards hang;animation-delay:calc(.3s + var(--i,0) * 40ms)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.band{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,6vw,72px);padding-top:26px;display:grid}.band .body h1{font-size:clamp(2.2rem,6vw,4rem)}.pile{flex-wrap:wrap;gap:34px 26px;padding:14px 6px 40px;display:flex}.members{flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.members span{color:var(--ink-soft);letter-spacing:.04em;margin-left:6px;font-size:.8rem;font-weight:400}.related{gap:10px;margin:0;padding:0;list-style:none;display:grid}.related li{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.related a{border-bottom:2px solid var(--tape-a);align-items:center;gap:8px;font-weight:700;display:inline-flex}.related a:hover{color:var(--heart);border-color:var(--heart)}.related a img{object-fit:cover;border-radius:50%;width:30px;height:30px;margin-bottom:3px}.related b{color:var(--ink-soft);font-weight:700}.related span{color:var(--ink-soft);font-size:.82rem}.list{padding-top:14px}.filters{flex-wrap:wrap;align-items:center;gap:14px 18px;margin-bottom:30px;display:flex}.search{font:inherit;color:var(--ink);border:0;border-bottom:2px solid var(--skirt);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E") 8px/18px no-repeat;width:210px;padding:7px 12px 7px 34px;transition:border-color .2s,width .3s}.search:focus{border-color:var(--heart);outline:none;width:260px}.month{grid-template-columns:84px minmax(0,1fr);gap:10px;margin-bottom:34px;display:grid}.when{align-self:start;line-height:1;display:grid;position:sticky;top:74px}.when b{letter-spacing:-.02em;font-size:3rem;font-weight:900}.when span{color:var(--ink-soft);letter-spacing:.12em;margin-top:6px;font-size:.8rem}.row{border-radius:4px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;padding:7px 10px;transition:background .2s,transform .25s cubic-bezier(.2,.8,.2,1);display:grid}.row:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);transform:translate(6px)}.thumb{background:var(--skirt);width:48px;height:48px;box-shadow:0 2px 6px -2px var(--shadow);border-radius:2px;transition:transform .25s;overflow:hidden}.row:hover .thumb{transform:rotate(-4deg)scale(1.08)}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.what{min-width:0;line-height:1.45;display:grid}.what b,.what span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.what b a+a:before{content:" · ";color:var(--ink-soft)}.what b a:hover{color:var(--heart)}.sibs{color:var(--ink-soft);flex-wrap:wrap;gap:4px 14px;font-size:.9rem;display:flex}.sibs a{border-bottom:1px dotted}.sibs a:hover{color:var(--heart)}.what span,.kind{color:var(--ink-soft);font-size:.85rem}.kind{letter-spacing:.04em;white-space:nowrap}.map{touch-action:pan-y;animation:.6s backwards rise;position:relative}.map svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.map line{stroke:var(--ink-soft);stroke-opacity:.28;stroke-width:1.2px;transition:stroke-opacity .25s,stroke .25s}.map line.on{stroke:var(--heart);stroke-opacity:.9;stroke-width:1.8px}.node{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;transition:opacity .25s,filter .25s;position:absolute;top:0;left:0}.node:active{cursor:grabbing}.node.artist{background:var(--skirt);box-shadow:0 4px 10px -4px var(--shadow), 0 0 0 3px var(--wall);border-radius:50%}.node.artist img{object-fit:cover;pointer-events:none;border-radius:50%;width:100%;height:100%;display:block}.node.artist span{white-space:nowrap;background:var(--label);box-shadow:0 2px 8px -3px var(--shadow);opacity:0;pointer-events:none;border-radius:2px;padding:2px 7px;font-size:.74rem;transition:opacity .2s;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.node.artist.on,.node.artist:hover{z-index:5}.node.artist.on span,.node.artist:hover span{opacity:1}.node.tag{white-space:nowrap;padding:3px 11px;font-size:.82rem}.node.tag:hover{transform:none}.node.imprint{letter-spacing:.08em;color:var(--ink-soft);white-space:nowrap;border-bottom:2px dotted;font-size:.8rem;font-weight:700}.map.dim .node:not(.on){opacity:.22;filter:grayscale(.8)}.map.dim line:not(.on){stroke-opacity:.08}.floor{border-top:2px solid var(--skirt);height:64px;margin-top:28px;position:relative;overflow:hidden}.walker{width:56px;image-rendering:pixelated;position:absolute;bottom:6px;left:0}.runner{animation:22s linear infinite run}.stroller{width:48px;animation:36s linear -9s infinite reverse run}@keyframes run{0%{transform:translate(-70px)}49.9%{transform:translateX(calc(var(--fw,1000px) + 10px))}50%{transform:translateX(calc(var(--fw,1000px) + 10px)) scaleX(-1)}99.9%{transform:translate(-70px)scaleX(-1)}to{transform:translate(-70px)}}.foot{color:var(--ink-soft);letter-spacing:.03em;padding-block:14px 32px;font-size:.85rem}.state{text-align:center;color:var(--ink-soft);justify-items:center;gap:10px;padding-top:60px;font-size:.95rem;line-height:1.7;display:grid}.state img{width:72px;image-rendering:pixelated}::view-transition-old(root){animation-duration:.28s}::view-transition-new(root){animation-duration:.28s}::view-transition-group(hero){z-index:10;animation-duration:.5s;animation-timing-function:cubic-bezier(.3,.9,.3,1)}::view-transition-old(hero){object-fit:cover;height:100%}::view-transition-new(hero){object-fit:cover;height:100%}::view-transition-group(mast){z-index:20}@media (width<=720px){.card,.band{grid-template-columns:minmax(0,1fr);gap:34px}.hero{width:min(78vw,340px);margin-inline:auto}.strip{margin:48px calc(-1 * max(16px, env(safe-area-inset-left))) 0;scroll-snap-type:x proximity;scrollbar-width:none;flex-wrap:nowrap;gap:22px;padding:18px 22px 30px;overflow-x:auto}.strip::-webkit-scrollbar{display:none}.strip .item.mini{scroll-snap-align:center}.pile{justify-content:center;gap:30px 22px}.pile .item.mini{width:calc(50% - 14px)!important}.month{grid-template-columns:50px minmax(0,1fr);gap:6px}.when b{font-size:2.1rem}.kind{display:none}.row{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:7px 6px}.thumb{width:44px;height:44px}.row:hover{transform:none}.filters{gap:12px}.search,.search:focus{width:100%;font-size:16px}}@media (width<=560px){.mast-in{gap:8px}.brand{letter-spacing:.03em;gap:6px;font-size:1rem}.brand img{width:22px}.mast nav{gap:0}.mast nav a{letter-spacing:.04em;padding:8px 9px;font-size:.92rem}#view{padding-top:10px}.card,.band{padding-top:22px}.note{font-size:1rem;line-height:1.9}.by{font-size:1.1rem}.floor{height:56px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.runner{left:24px}.stroller{display:none}}