@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fbfaf7;--surface:#fff;--text:#1d1b18;--muted:#6d6960;--line:#e7e2d9;--accent:#6d4df2;--accent-ink:#fff;--accent-soft:#efeafd;--radius:14px;--radius-sm:9px;--gap-xs:6px;--gap-sm:10px;--gap:16px;--gap-lg:26px;--font:"Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", system-ui, sans-serif;--font-read:"Hiragino Mincho ProN", "Noto Serif JP", "Yu Mincho", serif;--shell-max:1020px;--read-max:680px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141318;--surface:#1d1c23;--text:#eceaf4;--muted:#a29eb1;--line:#2c2a34;--accent:#a48bff;--accent-ink:#17151f;--accent-soft:#2a2440}}}@layer base{*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{font:inherit;color:inherit}.shell{max-width:var(--shell-max);padding:var(--gap-lg) var(--gap);min-height:60vh;margin:0 auto}body.is-loading .shell{opacity:.6}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--gap);margin-bottom:var(--gap-lg);display:flex}.page-header h1{margin:0;font-size:1.6rem}h1:focus,[tabindex="-1"]:focus{outline:none}.page-header-sub{margin:var(--gap-xs) 0 0;color:var(--muted);font-size:.9rem}.section-title{margin:var(--gap-lg) 0 var(--gap);font-size:1.1rem}.notice{max-width:480px;padding:var(--gap-lg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;margin:10vh auto}.notice h1{margin-top:0}.empty{color:var(--muted);padding:var(--gap-lg);text-align:center;border:1px dashed var(--line);border-radius:var(--radius)}}@layer components{.topbar{border-bottom:1px solid var(--line);background:var(--surface)}.topbar-inner{max-width:var(--shell-max);padding:var(--gap-sm) var(--gap);justify-content:space-between;align-items:center;gap:var(--gap);margin:0 auto;display:flex}.brand{color:var(--text);font-size:1.05rem;font-weight:700}.topbar-nav{gap:var(--gap);font-size:.9rem;display:flex}.topbar-nav a[aria-current=page]{font-weight:700;text-decoration:underline}.footer{max-width:var(--shell-max);padding:var(--gap-lg) var(--gap);color:var(--muted);border-top:1px solid var(--line);margin:0 auto;font-size:.82rem}.button{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);padding:.55em 1.1em;font-size:.9rem;text-decoration:none;display:inline-block}.button:hover{border-color:var(--accent);text-decoration:none}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.2em .7em;font-size:.82rem;text-decoration:none;display:inline-block}.chip[aria-current=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:700}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.1em .6em;font-size:.78rem;display:inline-block}.lang-switch{gap:var(--gap-xs);display:flex}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);content-visibility:auto;contain-intrinsic-size:auto 330px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card:hover{border-color:var(--accent);text-decoration:none}.card-cover{aspect-ratio:3/4;background:var(--accent-soft);display:block;overflow:hidden}.card-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .25s}.card-img.is-loaded{opacity:1}.img-placeholder{width:100%;height:100%;color:var(--muted);letter-spacing:.08em;justify-content:center;align-items:center;font-size:.75rem;display:flex}.card-body{gap:var(--gap-xs);padding:var(--gap-sm);flex-direction:column;display:flex}.card-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-meta{justify-content:space-between;gap:var(--gap-xs);color:var(--muted);font-size:.78rem;display:flex}.card-audio{color:var(--accent)}.player{gap:var(--gap);margin-bottom:var(--gap-lg);justify-items:center;display:grid}.player-illust{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);border:1px solid var(--line);width:100%;max-width:420px}.player-audio{width:min(100%,420px)}.transcript{max-width:var(--read-max);gap:var(--gap-xs);flex-direction:column;margin:0 auto;padding:0;list-style:none;display:flex}.line-btn{gap:var(--gap-sm);text-align:left;width:100%;padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;display:flex}.line-btn:hover{background:var(--accent-soft)}.line-char{min-width:5.5em;color:var(--accent);flex:none;font-size:.82rem;font-weight:700}.line-text{color:var(--text)}.line.is-current .line-btn{background:var(--accent-soft);outline:1px solid var(--accent)}.line.is-current .line-text{font-weight:700}.search-bar{gap:var(--gap-sm);margin-bottom:var(--gap-lg);max-width:420px;display:flex}.search-bar-input{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;flex:1;padding:.55em .9em}}@layer pages{.home-page .grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.story-head{gap:var(--gap-lg);margin-bottom:var(--gap);grid-template-columns:minmax(140px,220px) 1fr;align-items:start;display:grid}.story-cover{border-radius:var(--radius);border:1px solid var(--line);background:var(--accent-soft);display:block;overflow:hidden}.story-img{aspect-ratio:3/4;object-fit:cover;width:100%}.story-head-body h1{margin:0 0 var(--gap-sm);font-size:1.45rem;line-height:1.4}.story-synopsis{color:var(--muted);white-space:pre-line;font-size:.9rem}.story-meta{color:var(--muted);font-size:.85rem}.story-meta .badge{margin-left:var(--gap-xs)}.story-actions{gap:var(--gap-sm);flex-wrap:wrap;align-items:center;display:flex}.ep-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.ep-row{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm) var(--gap);border-top:1px solid var(--line);display:flex}.ep-row:first-child{border-top:none}.ep-main{gap:var(--gap);color:var(--text);flex:1;display:flex}.ep-no{color:var(--muted);flex:none;min-width:4em}.ep-listen{flex:none;font-size:.82rem}@media (width<=560px){.story-head{grid-template-columns:1fr}.story-cover{max-width:220px}}.reader-page{max-width:var(--read-max);margin:0 auto}.reader-head{margin-bottom:var(--gap-lg)}.reader-story{margin:0;font-size:.85rem}.reader-head h1{margin:var(--gap-xs) 0;font-size:1.35rem;line-height:1.5}.reader-sub{color:var(--muted);margin:0;font-size:.85rem}.reader-illust{margin:0 0 var(--gap-lg)}.reader-illust img{border-radius:var(--radius);border:1px solid var(--line);width:100%}.reader-body{font-family:var(--font-read);font-size:1.02rem;line-height:2}.reader-body p{margin:0 0 1.1em}.reader-nav{justify-content:space-between;gap:var(--gap);margin-top:var(--gap-lg);display:flex}.listen-page .ep-picker{gap:var(--gap-xs);margin-top:var(--gap-sm);flex-wrap:wrap;display:flex}}