:root{--paper:#fff;--ink:#000;--tone:#63636c;--rule:#d6d6dc;--eye:#8e63e8;--eye-ink:#6537cf;--eye-wash:#f1ebfd;--night-text:#fff;--night-tone:#a7a7b2;--online:#23a55a;--idle:#f0b232;--dnd:#f23f43;--offline:#80848e;--status-color:var(--offline);--f-display:"Dela Gothic One", "M PLUS 1", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--f-text:"M PLUS 1", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--f-kana:"M PLUS 1", "Hiragino Sans", "Yu Gothic", sans-serif;--t-xs:.8125rem;--t-s:.9375rem;--t-m:1.0625rem;--t-l:1.3125rem;--t-xl:clamp(1.375rem, 1.05rem + .9vw, 1.875rem);--t-2xl:clamp(2rem, 1.3rem + 2.2vw, 3.25rem);--t-3xl:clamp(2.5rem, 1.2rem + 4.6vw, 5.75rem);--frame:4px;--gutter:14px;--margin:clamp(16px, 3.4vw, 52px);--pad-left:clamp(16px, 3.4vw, 52px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-snap:cubic-bezier(.7, 0, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-mode=book]{--pad-left:clamp(72px, 6.2vw, 104px)}html[data-status=online]{--status-color:var(--online)}html[data-status=idle]{--status-color:var(--idle)}html[data-status=dnd]{--status-color:var(--dnd)}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow-x:clip}body{background:var(--paper);color:var(--ink);font-family:var(--f-text);font-size:var(--t-m);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:400;line-height:1.7;overflow-x:hidden}html[data-mode=book] body,body.is-locked{overflow:hidden}img,video,canvas,svg{max-width:100%;display:block}[hidden]{display:none!important}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}p{margin:0}h1,h2,h3{margin:0;font-weight:400}[lang=ja]{font-feature-settings:"palt"}:focus-visible{outline:3px solid var(--eye);outline-offset:3px}[tabindex="-1"]:focus{outline:none}::selection{background:var(--eye);color:var(--paper)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{min-height:46px;font-weight:700;font-size:var(--t-s);transition:background-color .25s, color .25s, transform .25s var(--ease-out);border:2px solid;justify-content:center;align-items:center;gap:10px;padding:0 20px;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)scale(.98)}.btn--ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--ink:hover{background:var(--eye-ink);border-color:var(--eye-ink)}.btn--light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn--light:hover{background:var(--eye);border-color:var(--eye);color:var(--paper)}.btn--ghost{color:var(--night-text)}.btn--ghost:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}html[data-mode=book] .stage{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}html[data-mode=book] .book{perspective:3000px;perspective-origin:50%;position:absolute;top:0;bottom:0;left:0;right:0}html[data-mode=book] .page{visibility:hidden;background:var(--paper);transform-origin:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;bottom:0;left:0;right:0}html[data-mode=book] .page.is-current{visibility:visible;z-index:3}html[data-mode=book] .page.is-under{visibility:visible;z-index:2}html[data-mode=book] .page.is-turning{visibility:visible;z-index:4;will-change:transform}.page__face{min-height:100svh;position:relative}html[data-mode=book] .page__face{overscroll-behavior:contain;scrollbar-width:none;min-height:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}html[data-mode=book] .page__face::-webkit-scrollbar{display:none}.page__shade,.page__cast{pointer-events:none;opacity:0;position:absolute}.page__shade{background:linear-gradient(90deg,#00000080,#0000001f 60%,#0000000a);top:0;bottom:0;left:0;right:0}.page__cast{background:linear-gradient(90deg,#0000,#00000052);width:34%;top:0;bottom:0;left:0}html[data-mode=scroll] .page__shade,html[data-mode=scroll] .page__cast{display:none}html[data-mode=scroll] .page{position:relative}html[data-mode=scroll] .page__face{max-width:820px;margin-inline-start:auto;margin-inline-end:auto}html[data-mode=scroll] .page+.page{border-top:var(--frame) solid var(--ink)}.runhead,.nombre{z-index:6;font-size:var(--t-xs);line-height:1;position:absolute}.runhead{top:20px;left:var(--pad-left);color:var(--tone)}.runhead span{margin-left:6px}.nombre{bottom:16px;right:var(--margin);font-family:var(--f-display);font-size:var(--t-s)}.corner{z-index:8;--fold:42px;width:132px;height:132px;position:absolute;bottom:0;left:0}.corner__fold{width:var(--fold);height:var(--fold);filter:drop-shadow(3px -3px 4px #00000029);transition:width .45s var(--ease-out), height .45s var(--ease-out);position:absolute;bottom:0;left:0}.corner__fold svg{width:100%;height:100%;overflow:visible}.corner__gap{fill:#e3e3e9}.corner__flap{fill:#f7f7f9;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.corner__label{font-size:var(--t-xs);white-space:nowrap;opacity:0;transition:opacity .3s, transform .4s var(--ease-out);font-weight:700;position:absolute;bottom:54px;left:18px;transform:translateY(6px)}.corner:hover{--fold:74px}.corner:focus-visible{--fold:74px}.corner:hover .corner__label{opacity:1;bottom:86px;transform:none}.corner:focus-visible .corner__label{opacity:1;bottom:86px;transform:none}html[data-mode=scroll] .corner{display:none}.tabs{z-index:40;opacity:0;visibility:hidden;display:flex;position:fixed}body.is-open .tabs{opacity:1;visibility:visible;transition:opacity .6s .4s}html[data-mode=book] .tabs{flex-direction:column;gap:8px;top:50%;left:0;transform:translateY(-50%)}.tab{background:var(--paper);border:2px solid var(--ink);transition:background-color .3s, color .3s, padding .4s var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}html[data-mode=book] .tab{border-left:0;width:44px;padding:14px 0}.tab__ja{font-family:var(--f-kana);letter-spacing:.08em;font-size:.875rem;font-weight:800;line-height:1}html[data-mode=book] .tab__ja{writing-mode:vertical-rl}.tab__tr{font-size:var(--t-xs);white-space:nowrap;background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;transition:opacity .25s, transform .35s var(--ease-out);padding:4px 10px;font-weight:700;position:absolute;top:50%;left:calc(100% + 10px);transform:translate(-6px,-50%)}.tab:hover .tab__tr{opacity:1;transform:translateY(-50%)}.tab:focus-visible .tab__tr{opacity:1;transform:translateY(-50%)}.tab[aria-current=page]{background:var(--ink);color:var(--paper)}html[data-mode=book] .tab[aria-current=page]{width:56px}.tab__dot{background:var(--status-color);width:8px;height:8px;box-shadow:0 0 0 2px var(--paper);border-radius:50%;position:absolute;top:6px;right:5px}html[data-mode=scroll] .tabs{background:var(--paper);border:2px solid var(--ink);gap:0;top:10px;left:50%;transform:translate(-50%)}html[data-mode=scroll] .tab{border:0;padding:7px 10px}html[data-mode=scroll] .tab+.tab{border-left:2px solid var(--ink)}html[data-mode=scroll] .tab__ja{display:none}html[data-mode=scroll] .tab__tr{opacity:1;color:inherit;background:0 0;padding:0;position:static;transform:none}html[data-mode=scroll] .tab__dot{top:2px;right:2px}.panels{gap:var(--gutter) 18px;display:grid;position:relative}.panel{z-index:1;min-width:0;position:relative}.panels__frames{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.panels__frames path{fill:var(--paper);stroke:var(--ink);stroke-width:var(--frame);stroke-linejoin:miter}.panels__frames path[data-fill=night]{fill:var(--ink)}.panels__frames path.is-tone{fill:url(#tone-dots)}.page-title{font-family:var(--f-display);font-size:var(--t-2xl);letter-spacing:-.01em;line-height:1.05}.page-kana{font-family:var(--f-kana);font-weight:800;font-size:var(--t-s);color:var(--eye-ink);letter-spacing:.12em}[data-status-dot]{--s:12px;width:var(--s);height:var(--s);background:var(--status-color);border-radius:50%;flex:none;transition:background-color .4s;display:inline-block;position:relative}html[data-status=idle] [data-status-dot]{-webkit-mask:radial-gradient(circle at 22% 22%,#0000 0 34%,#000 35%);mask:radial-gradient(circle at 22% 22%,#0000 0 34%,#000 35%)}html[data-status=dnd] [data-status-dot]:after{content:"";background:var(--paper);border-radius:2px;height:22%;position:absolute;top:50%;left:22%;right:22%;translate:0 -50%}html[data-status=offline] [data-status-dot],html:not([data-status]) [data-status-dot]{box-shadow:inset 0 0 0 calc(var(--s) * .26) var(--status-color);background:0 0}.cover{inset:52px var(--margin) 40px var(--pad-left);position:absolute}.cover__vol{font-family:var(--f-kana);letter-spacing:.08em;background:var(--ink);color:var(--paper);padding:7px 10px 8px;font-size:.9375rem;font-weight:900;line-height:1;position:absolute;top:0;left:0}.cover__about{width:min(36%,500px);position:absolute;top:17%;left:0}.cover__tagline{font-family:var(--f-display);letter-spacing:-.005em;font-size:clamp(1.5rem,1rem + 1.25vw,2.3rem);line-height:1.3}.cover__role{max-width:34ch;color:var(--tone);margin-top:16px}.presence{border-top:2px solid var(--ink);align-items:flex-start;gap:12px;max-width:40ch;margin-top:26px;padding-top:18px;display:flex}.presence [data-status-dot]{--s:13px;margin-top:.42em}.presence__lines{font-size:var(--t-s);gap:2px;line-height:1.5;display:grid}.presence__status{font-weight:800}.presence__activity{color:var(--tone)}.presence__activity:empty{display:none}.presence__art{object-fit:cover;border:2px solid var(--ink);width:46px;height:46px;margin-left:auto;rotate:3deg}.cover__art{width:46%;height:72%;margin:0;position:absolute;top:0;right:6.5%}.cover__frame{background:var(--paper);border:5px solid var(--ink);box-shadow:14px 14px 0 var(--eye);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;rotate:-1.6deg}.cover__img,.cover__gl{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cover__img{filter:grayscale()contrast(1.3)}.cover__gl{opacity:0;transition:opacity .5s}.cover__art.is-gl .cover__gl{opacity:1}.cover__art.is-gl .cover__img{visibility:hidden}.cover__hint{z-index:2;font-size:var(--t-xs);background:var(--paper);border:2px solid var(--ink);padding:5px 9px;font-weight:700;line-height:1.3;position:absolute;bottom:14px;right:12px;rotate:-1.6deg}.cover__kana{writing-mode:vertical-rl;font-family:var(--f-display);letter-spacing:.02em;color:var(--eye);font-size:clamp(2.25rem,4.2vw,4.5rem);line-height:1;position:absolute;top:0;right:0}.cover__title{z-index:4;font-family:var(--f-display);letter-spacing:-.04em;outline-offset:8px;font-size:min(15vw,25vh);line-height:1;position:absolute;bottom:-.1em;left:-.03em}.cover__word{display:inline-flex}.cover__l{z-index:0;transform-origin:50% 100%;-webkit-text-stroke:.075em var(--paper);paint-order:stroke fill;display:inline-block;position:relative}.cover__l:before{content:attr(data-l);z-index:-1;color:var(--eye);-webkit-text-stroke:0;transform:translate(calc(var(--mis,2) * 1px), calc(var(--mis,2) * -.6px));position:absolute;top:0;left:0}.cover__author{font-weight:800;font-size:var(--t-s);position:absolute;bottom:0;right:0}.cover__author span{font-family:var(--f-kana);margin-left:4px;font-weight:900}html[data-mode=scroll] .cover{flex-direction:column;padding:72px 18px 56px;display:flex;position:relative;top:auto;bottom:auto;left:auto;right:auto}html[data-mode=scroll] .cover__vol{order:0;align-self:flex-start;position:relative}html[data-mode=scroll] .cover__art{order:1}html[data-mode=scroll] .cover__title{order:2}html[data-mode=scroll] .cover__about{order:3}html[data-mode=scroll] .cover__author{order:4}html[data-mode=scroll] .cover__art{aspect-ratio:4/4.4;width:auto;height:auto;margin:22px 10px 0 0;position:relative;right:auto}html[data-mode=scroll] .cover__kana{z-index:5;-webkit-text-stroke:.06em var(--paper);paint-order:stroke fill;font-size:2.6rem;top:72px;right:14px}html[data-mode=scroll] .cover__title{margin:-.42em 0 0 -.03em;font-size:18.2vw;position:relative;bottom:auto;left:auto}html[data-mode=scroll] .cover__about{width:auto;margin-top:28px;position:relative;top:auto}html[data-mode=scroll] .cover__author{align-self:flex-end;margin-top:28px;position:relative}.panels--about{grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);grid-template-columns:repeat(12,minmax(0,1fr))}html[data-mode=book] .panels--about,html[data-mode=book] .panels--now{inset:52px var(--margin) 44px var(--pad-left);position:absolute}.panel--bio{grid-column:1/8}.panel--coffee{grid-column:8/10}.panel--anime{grid-column:10/13}.panels--about>section:nth-of-type(4){grid-column:1/4}.panels--about>section:nth-of-type(5){grid-column:4/7}.panels--about>section:nth-of-type(6){grid-column:7/10}.panels--about>section:nth-of-type(7){grid-column:10/13}.panel--bio{grid-template-rows:auto 1fr;grid-template-columns:minmax(110px,.32fr) 1fr;padding:0 clamp(18px,2.4vw,40px) clamp(18px,2vw,30px) 0;display:grid}.narration{background:var(--ink);color:var(--paper);grid-column:1/-1;justify-self:start;align-items:baseline;gap:14px;padding:12px 20px 14px;display:flex}.narration .page-kana{color:#c7b2ff}.bubble{background:var(--paper);border:4px solid var(--ink);transform-origin:12% 88%;border-radius:50%;grid-area:2/2;place-self:center;max-width:38rem;padding:clamp(28px,3.4vw,54px) clamp(34px,4.4vw,74px);position:relative}.bubble p{text-align:center;text-wrap:pretty;font-size:clamp(1rem,.86rem + .42vw,1.25rem);font-weight:500;line-height:1.62}.bubble:before,.bubble:after{content:"";clip-path:polygon(30% 0,100% 0,0 100%);width:64px;height:52px;position:absolute;bottom:-4px;left:8%;translate:0 100%}.bubble:before{background:var(--ink)}.bubble:after{background:var(--paper);width:52px;height:40px;bottom:2px;left:calc(8% + 9px)}.speaker{aspect-ratio:1;border:4px solid var(--ink);background:var(--paper);border-radius:50%;grid-area:2/1;place-self:end center;width:clamp(96px,9vw,150px);position:relative;overflow:hidden}.speaker img{object-fit:cover;filter:grayscale()contrast(1.6)brightness(1.08);width:100%;height:100%}.speaker:after{content:"";background:radial-gradient(circle, transparent 0 1.1px, var(--paper) 1.6px) 0 0 / 5px 5px;mix-blend-mode:screen;opacity:.85;position:absolute;top:0;bottom:0;left:0;right:0}.panel--trait{flex-direction:column;justify-content:flex-end;gap:6px;padding:clamp(16px,1.6vw,24px);display:flex;overflow:hidden}.trait__kanji{font-family:var(--f-display);line-height:1}.trait__title{font-family:var(--f-display);font-size:var(--t-l);line-height:1.2}.trait__text{font-size:var(--t-s);color:var(--tone);line-height:1.55}.panel--coffee .trait__kanji{writing-mode:vertical-rl;font-size:clamp(2.4rem,4vw,4.2rem);position:absolute;top:clamp(14px,1.4vw,22px);right:clamp(12px,1.2vw,20px)}.steam{width:clamp(46px,4vw,64px);position:absolute;top:clamp(18px,2vw,30px);left:clamp(14px,1.4vw,22px);overflow:visible}.steam path{fill:none;stroke:var(--eye);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:18 14;animation:1.85s linear infinite steam}.steam path:nth-child(2){animation-delay:-.6s}.steam path:nth-child(3){animation-delay:-1.2s}@keyframes steam{to{stroke-dashoffset:-64px}}.panel--anime{align-items:stretch}.panel--anime .trait__kanji{-webkit-text-stroke:.08em var(--paper);paint-order:stroke fill;white-space:nowrap;font-size:clamp(2.6rem,4.6vw,5rem);position:absolute;top:40%;left:50%;translate:-50% -50%}.burst{background:repeating-conic-gradient(from 0deg at 50% 44%, var(--ink) 0deg .9deg, transparent .9deg 4.2deg);opacity:.9;animation:.5s steps(2,end) infinite burst;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%;-webkit-mask:radial-gradient(circle at 50% 44%,#0000 0 22%,#000 46%);mask:radial-gradient(circle at 50% 44%,#0000 0 22%,#000 46%)}@keyframes burst{50%{rotate:1.4deg;scale:1.04}}.panel--anime .trait__title,.panel--anime .trait__text{background:var(--paper);align-self:flex-start;padding:0 6px;position:relative}.panel--craft{transform-style:preserve-3d;transition:transform .5s var(--ease-out);flex-direction:column;justify-content:flex-end;gap:8px;padding:clamp(16px,1.8vw,28px);display:flex}.craft__kana{font-family:var(--f-display);color:#0000;-webkit-text-stroke:2px var(--ink);font-size:clamp(2.2rem,3.8vw,4rem);line-height:1;transition:color .35s,-webkit-text-stroke-color .35s;position:absolute;top:clamp(14px,1.6vw,24px);left:clamp(16px,1.8vw,28px);translate:0 0 40px}.craft__title{font-family:var(--f-display);font-size:var(--t-xl);line-height:1.15}.craft__text{font-size:var(--t-s);color:var(--tone);max-width:30ch;line-height:1.55}.panel--craft:hover .craft__kana{color:var(--eye);-webkit-text-stroke-color:var(--eye)}html[data-mode=scroll] .panels--about{grid-template-rows:none;grid-template-columns:1fr 1fr;padding:72px 14px 48px}html[data-mode=scroll] .panels--about>section{grid-column:auto;min-height:220px}html[data-mode=scroll] .panels--about>.panel--bio{grid-column:1/-1;grid-template-columns:1fr;padding:0 16px 20px}html[data-mode=scroll] .panels--about>.panel--anime{grid-column:2}html[data-mode=scroll] .panel--bio .bubble{border-radius:30px;grid-area:2/1;margin:22px 0 70px;padding:22px 24px}html[data-mode=scroll] .bubble p{text-align:left}html[data-mode=scroll] .panel--bio .speaker{grid-area:3/1;justify-self:start}.panels--now{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.panel--night{color:var(--night-text);grid-template-rows:auto minmax(0,1fr);gap:clamp(18px,2.2vw,32px);padding:clamp(24px,2.8vw,44px) clamp(24px,3.4vw,58px);display:grid}.now__head{flex-wrap:wrap;align-items:baseline;gap:4px 18px;display:flex}.now__head .page-kana{color:#c7b2ff}.now__lead{color:var(--night-tone);font-size:var(--t-s);flex:22rem}.now__live{font-size:var(--t-xs);color:var(--night-tone);align-items:center;gap:8px;font-weight:700;display:inline-flex}.now__live-dot{background:var(--offline);border-radius:50%;width:8px;height:8px}.now__live.is-live .now__live-dot{background:var(--online);animation:1.6s ease-in-out infinite live}.now__live.is-live{color:var(--night-text)}@keyframes live{50%{box-shadow:0 0 0 5px #23a55a40}}.dc{grid-template:"plate acts""profile acts"/minmax(0,1.12fr) minmax(0,1fr);align-content:center;gap:clamp(26px,3.4vw,52px) clamp(28px,3.6vw,64px);min-height:0;display:grid}.plate{grid-area:plate;margin:0;position:relative}.plate__row{background:linear-gradient(90deg, rgba(var(--plate-rgb,255, 255, 255), 0) 35%, rgba(var(--plate-rgb,255, 255, 255), .16)), #17171b;isolation:isolate;border-radius:10px;align-items:center;gap:14px;min-height:clamp(104px,10.5vw,158px);padding:0 clamp(18px,2vw,30px);display:flex;position:relative;overflow:hidden}.plate__row:after{content:"";z-index:-1;background:linear-gradient(90deg,#101014e0,#10101499 38%,#10101400 66%);position:absolute;top:0;bottom:0;left:0;right:0}.plate__art{z-index:-1;aspect-ratio:448/84;border-radius:0 10px 10px 0;width:auto;max-width:none;height:100%;position:absolute;top:0;right:0}.plate__text{min-width:0;line-height:1.25;display:grid}.plate__name{text-shadow:0 1px 8px #0000008c;font-size:clamp(1.2rem,.9rem + .9vw,1.85rem);font-weight:800}.plate__sub{font-size:var(--t-s);color:#dcdce4;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #0009;overflow:hidden}.plate__caption{font-size:var(--t-xs);color:var(--night-tone);margin-top:10px}.avatar{flex:none;display:inline-block;position:relative}.avatar>img:first-child{object-fit:cover;background:#2b2b31;border-radius:50%;width:100%;height:100%}.avatar--sm{width:clamp(52px,4.6vw,70px);height:clamp(52px,4.6vw,70px)}.avatar--lg{width:clamp(104px,10vw,156px);height:clamp(104px,10vw,156px)}.avatar__deco{pointer-events:none;width:120%;max-width:none;height:120%;position:absolute;top:-10%;bottom:-10%;left:-10%;right:-10%}.avatar [data-status-dot]{--s:28%;outline:4px solid #17171b;position:absolute;bottom:0;right:0}.avatar--lg [data-status-dot]{outline-color:var(--ink);--s:22%;outline-width:6px;bottom:4%;right:4%}.dc__profile{grid-area:profile;grid-template-columns:auto minmax(0,1fr);align-content:start;gap:20px 24px;display:grid}.dc__names{align-content:center;gap:4px;min-width:0;display:grid}.dc__display{font-family:var(--f-display);overflow-wrap:anywhere;font-size:clamp(2rem,1.2rem + 2.4vw,3.4rem);line-height:1.05}.dc__display.has-glow{text-shadow:0 0 18px #ffffff8c,0 0 2px #ffffffe6}.dc__user{color:var(--night-tone);align-items:center;gap:10px;font-weight:600;display:flex}.dc__tag{font-size:var(--t-xs);color:var(--night-text);border:1.5px solid #4a4a52;border-radius:6px;align-items:center;gap:4px;padding:1px 7px;font-weight:800;display:inline-flex}.dc__tag img{width:14px;height:14px}.dc__state{font-size:var(--t-s);flex-wrap:wrap;gap:4px 10px;font-weight:700;display:flex}.dc__platform{color:var(--night-tone);font-weight:500}.dc__custom{font-size:var(--t-s);color:#e4e4ea;align-items:center;gap:8px;display:flex}.dc__custom img{width:20px;height:20px}.dc__actions{flex-wrap:wrap;grid-column:1/-1;gap:12px;display:flex}.dc__acts{grid-area:acts;align-content:start;gap:14px;min-width:0;display:grid}.dc__acts-title{font-size:var(--t-xs);color:var(--night-tone);font-weight:800}.acts{gap:14px;margin:0;padding:0;list-style:none;display:grid}.act{border:2px solid #f4f4f6;grid-template-columns:auto minmax(0,1fr);gap:16px;padding:16px;display:grid}.act__art{aspect-ratio:1;width:clamp(72px,6.4vw,96px);position:relative}.act__art img{object-fit:cover;border-radius:6px;width:100%;height:100%}.act__art .act__small{outline:3px solid var(--ink);border-radius:50%;width:34%;height:34%;position:absolute;bottom:-6px;right:-6px}.act__glyph{background:var(--eye);width:100%;height:100%;font-family:var(--f-display);border-radius:6px;place-items:center;font-size:2rem;display:grid}.act__body{align-content:start;gap:2px;min-width:0;display:grid}.act__type{font-size:var(--t-xs);color:#c7b2ff;font-weight:800}.act__name{font-weight:800;font-size:var(--t-m);line-height:1.35}.act__line{font-size:var(--t-s);color:var(--night-tone);text-overflow:ellipsis;white-space:nowrap;line-height:1.45;overflow:hidden}.act__bar{background:#3a3a42;border-radius:2px;height:4px;margin-top:10px;overflow:hidden}.act__bar i{background:var(--paper);transform-origin:0;height:100%;display:block}.act__times{font-size:var(--t-xs);font-variant-numeric:tabular-nums;color:var(--night-tone);justify-content:space-between;margin-top:4px;display:flex}.act__link{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}.acts__empty{color:var(--night-tone);font-size:var(--t-s)}html[data-mode=scroll] .panels--now{padding:72px 14px 48px}html[data-mode=scroll] .dc{grid-template-columns:1fr;grid-template-areas:"plate""profile""acts"}html[data-mode=scroll] .dc__profile{grid-template-columns:1fr}.back{grid-template-rows:auto minmax(0,1fr) auto;gap:24px;display:grid}html[data-mode=book] .back{inset:52px var(--margin) 34px var(--pad-left);position:absolute}html[data-mode=scroll] .back{min-height:100svh;padding:72px 18px 110px}.back__head{flex-wrap:wrap;align-items:baseline;gap:6px 18px;display:flex}.back__lead{font-size:var(--t-l);flex-basis:100%;font-weight:500}.links{align-self:center;margin:0;padding:0;list-style:none}.links li+li,.links li:first-child{border-top:2px solid var(--ink)}.links li:last-child{border-bottom:2px solid var(--ink)}.link{isolation:isolate;grid-template-columns:auto minmax(2rem,1fr) auto minmax(8.5em,auto);align-items:center;gap:clamp(12px,1.6vw,26px);padding:clamp(6px,1vh,14px) 12px;text-decoration:none;transition:color .3s;display:grid;position:relative}.link:before{content:"";z-index:-1;background:var(--ink);transform-origin:0;transition:transform .55s var(--ease-snap);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.link:hover{color:var(--paper)}.link:focus-visible{color:var(--paper)}.link:hover:before{transform:scaleX(1)}.link:focus-visible:before{transform:scaleX(1)}.link__name{font-family:var(--f-display);font-size:var(--t-3xl);letter-spacing:-.02em;line-height:1.08}.link__lead{opacity:.55;border-bottom:4px dotted;height:0;translate:0 .2em}.link__handle{font-size:var(--t-l);font-weight:800}.link__kana{font-family:var(--f-kana);font-weight:800;font-size:var(--t-s);color:var(--eye-ink);white-space:nowrap;justify-self:end}.link:hover .link__kana{color:#c7b2ff}.link:focus-visible .link__kana{color:#c7b2ff}.colophon{border-top:2px solid var(--ink);grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"code price clock back""code price copy back";align-items:end;gap:4px clamp(18px,3vw,44px);padding-top:16px;display:grid}.barcode{grid-area:code;margin:0}.barcode__bars{width:clamp(150px,15vw,210px);height:54px}.barcode figcaption{font-size:var(--t-xs);letter-spacing:.32em;text-align:center;margin-top:4px;font-weight:700}.price{font-size:var(--t-xs);grid-area:price;line-height:1.5;display:grid}.price span:first-child{font-family:var(--f-kana);font-weight:900;font-size:var(--t-s)}.clock{font-size:var(--t-s);grid-area:clock;font-weight:700}.clock time{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-weight:400}.copyright{font-size:var(--t-xs);color:var(--tone);grid-area:copy}.colophon .btn{grid-area:back}html[data-mode=scroll] .link{grid-template-columns:1fr auto;padding:10px 6px}html[data-mode=scroll] .link__lead,html[data-mode=scroll] .link__kana{display:none}html[data-mode=scroll] .colophon{grid-template-columns:1fr 1fr;grid-template-areas:"code price""clock clock""copy copy""back back";gap:14px}.intro{z-index:100;position:fixed;top:0;bottom:0;left:0;right:0}.intro__veil{background:var(--paper);position:absolute;top:0;bottom:0;left:0;right:0}.intro__gl{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.intro__hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.intro__enter{left:var(--cx,50%);top:var(--cy,50%);min-width:clamp(11rem,15vw,15rem);min-height:clamp(6.5rem,9vw,8.5rem);font-family:var(--f-display);background:var(--paper);color:var(--ink);border:4px solid var(--ink);pointer-events:auto;opacity:0;border-radius:50%;place-items:center;padding:1.2rem 2.2rem;font-size:clamp(1.3rem,.9rem + 1.2vw,2rem);line-height:1;transition:background-color .2s,color .2s;display:grid;position:absolute;translate:-50% -50%}.intro__enter:before,.intro__enter:after{content:"";clip-path:polygon(0 0,100% 0,85% 100%);position:absolute;bottom:0;left:68%}.intro__enter:before{background:var(--ink);width:34px;height:30px;translate:0 calc(100% - 3px)}.intro__enter:after{background:var(--paper);width:24px;height:21px;transition:background-color .2s;translate:5px calc(100% - 7px)}.intro__enter:not(:disabled):hover{background:var(--ink);color:var(--paper)}.intro__enter:not(:disabled):focus-visible{background:var(--ink);color:var(--paper)}.intro__enter:not(:disabled):hover{animation:.16s steps(2,end) infinite jitter}.intro__enter:not(:disabled):hover:after{background:var(--ink)}.intro__enter:not(:disabled):focus-visible:after{background:var(--ink)}.intro__enter:disabled{cursor:progress}@keyframes jitter{0%{transform:translate(1px,-1px)rotate(-1deg)}to{transform:translate(-1px,1px)rotate(1deg)}}.intro__note{left:var(--cx,50%);top:calc(var(--cy,50%) + clamp(5.4rem, 7vw, 6.6rem));font-size:var(--t-xs);white-space:nowrap;background:var(--paper);opacity:0;padding:3px 10px;font-weight:700;position:absolute;translate:-50%}.player{right:var(--margin);z-index:60;background:var(--paper);border:2px solid var(--ink);opacity:0;visibility:hidden;align-items:center;gap:10px;height:40px;padding:0 12px 2px 4px;transition:opacity .6s .5s;display:flex;position:fixed;top:7px}body.is-open .player{opacity:1;visibility:visible}.player__toggle{border-radius:50%;flex:none;width:30px;height:30px;position:relative}.disc{background:repeating-radial-gradient(circle,#1d1d22 0 1px,#000 1px 3px);border-radius:50%;animation:2.46s linear infinite paused spin;position:absolute;top:0;bottom:0;left:0;right:0}.disc__label{background:var(--eye);border-radius:50%;position:absolute;top:31%;bottom:31%;left:31%;right:31%}.player.is-playing .disc{animation-play-state:running}@keyframes spin{to{rotate:360deg}}.player__icon{background:linear-gradient(90deg, var(--paper) 0 35%, transparent 35% 65%, var(--paper) 65%);width:8px;height:9px;position:absolute;top:50%;left:50%;translate:-50% -50%}.player:not(.is-playing) .player__icon{background:var(--paper);clip-path:polygon(0 0,100% 50%,0 100%);width:8px;translate:-38% -50%}.player__meta{line-height:1;font-size:var(--t-xs);color:var(--tone);white-space:nowrap;align-items:baseline;gap:7px;display:flex}.player__meta b{font-family:var(--f-display);font-weight:400;font-size:var(--t-s);color:var(--ink)}.player__spec{width:64px;height:20px}.player__bar{background:var(--rule);height:3px;position:absolute;bottom:0;left:0;right:0}.player__bar i{background:var(--eye);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}html[data-mode=scroll] .player__meta,html[data-mode=scroll] .player__spec{display:none}html[data-mode=scroll] .player{height:auto;padding:5px;top:auto;bottom:12px;right:12px}.fx{z-index:150;pointer-events:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.sfx-layer{z-index:160;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.sfx{z-index:0;font-family:var(--f-display);white-space:nowrap;color:var(--ink);line-height:1;position:absolute;top:0;left:0}.sfx:before{content:attr(data-t);z-index:-1;color:var(--paper);-webkit-text-stroke:.2em var(--paper);position:absolute;top:0;bottom:0;left:0;right:0}.sfx--eye{color:var(--eye)}.impact{z-index:300;mix-blend-mode:difference;opacity:0;pointer-events:none;background:#fff;position:fixed;top:0;bottom:0;left:0;right:0}.cursor{z-index:400;pointer-events:none;mix-blend-mode:difference;opacity:0;position:fixed;top:0;left:0}.cursor.is-on{opacity:1}.cursor__dot,.cursor__ring{border-radius:50%;position:absolute;top:0;left:0}.cursor__dot{background:#fff;width:6px;height:6px;margin:-3px 0 0 -3px}.cursor__ring{width:36px;height:36px;transition:width .35s var(--ease-out), height .35s var(--ease-out), margin .35s var(--ease-out), background-color .3s;border:1.5px solid #fff;margin:-18px 0 0 -18px}.cursor.is-link .cursor__ring{background:#fff;width:62px;height:62px;margin:-31px 0 0 -31px}.cursor__label{font-size:var(--t-xs);color:#fff;white-space:nowrap;font-weight:800;position:absolute;top:16px;left:22px}@media (pointer:fine){html.has-cursor,html.has-cursor a,html.has-cursor button{cursor:none}}.toast{z-index:450;font-size:var(--t-s);background:var(--ink);color:var(--paper);opacity:0;pointer-events:none;transition:opacity .3s, transform .45s var(--ease-out);padding:11px 18px;font-weight:700;position:fixed;bottom:30px;left:50%;transform:translateY(12px)}.toast.is-shown{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.burst,.steam path,.disc{animation:none}}