@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f4f3;--surface:#fff;--surface-2:#ebebe9;--text:#191a1e;--muted:#61636b;--line:#e2e2df;--line-strong:#cacac6;--accent:#b93a26;--accent-strong:#9c2f1e;--accent-ink:#fff;--accent-soft:#f8e8e3;--radius:12px;--radius-sm:8px;--radius-pill:999px;--gap-xs:6px;--gap-sm:10px;--gap:16px;--gap-lg:26px;--gap-xl:44px;--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;--text-display:clamp(1.45rem, 1.15rem + 1.4vw, 1.9rem);--text-h2:1.02rem;--text-body:.94rem;--text-small:.8rem;--ease:cubic-bezier(.16, 1, .3, 1);--dur:.18s;--dur-slow:.32s;--shadow-1:0 1px 2px #191a1e0d, 0 4px 14px #191a1e0d;--shadow-2:0 2px 8px #191a1e14, 0 14px 34px #191a1e1a;--z-topbar:30;--z-player:40;--shell-max:1060px;--read-max:660px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121215;--surface:#1a1a1f;--surface-2:#232329;--text:#ececf0;--muted:#9a9ba5;--line:#2a2a31;--line-strong:#3d3d46;--accent:#ef7a5f;--accent-strong:#f49580;--accent-ink:#1c1210;--accent-soft:#37221d;--shadow-1:0 1px 2px #0000004d, 0 4px 14px #00000040;--shadow-2:0 2px 8px #00000059, 0 14px 34px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121215;--surface:#1a1a1f;--surface-2:#232329;--text:#ececf0;--muted:#9a9ba5;--line:#2a2a31;--line-strong:#3d3d46;--accent:#ef7a5f;--accent-strong:#f49580;--accent-ink:#1c1210;--accent-soft:#37221d;--shadow-1:0 1px 2px #0000004d, 0 4px 14px #00000040;--shadow-2:0 2px 8px #00000059, 0 14px 34px #0006}}}@layer base{*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--text-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}::selection{background:var(--accent-soft);color:var(--text)}a{color:var(--accent);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}h1:focus,[tabindex="-1"]:focus{outline:none}body.is-loading:before{content:"";background:var(--accent);transform-origin:0;height:2px;animation:loading-bar 1s var(--ease) infinite alternate;z-index:var(--z-topbar);position:fixed;inset:0 0 auto}@keyframes loading-bar{0%{transform:scaleX(.05)}to{transform:scaleX(.7)}}.shell{max-width:var(--shell-max);padding:var(--gap-xl) var(--gap) var(--gap-lg);min-height:60vh;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--gap);margin-bottom:var(--gap-lg);display:flex}.page-header h1{font-size:var(--text-display);letter-spacing:-.01em;margin:0;line-height:1.25}.page-header-sub{margin:var(--gap-xs) 0 0;color:var(--muted);font-size:var(--text-small)}.section-title{margin:var(--gap-lg) 0 var(--gap);font-size:var(--text-h2);letter-spacing:.01em}.notice{max-width:440px;padding:var(--gap-xl) var(--gap-lg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);text-align:center;margin:12vh auto 0}.notice h1{margin:0 0 var(--gap-sm);font-size:1.3rem}.notice p{margin:0 0 var(--gap-lg);color:var(--muted)}.empty{color:var(--muted);padding:var(--gap-xl) var(--gap-lg);text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--surface);margin:0}@media (prefers-reduced-motion:reduce){body.is-loading:before{animation:none;transform:scaleX(.4)}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer components{.topbar{z-index:var(--z-topbar);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.topbar-inner{max-width:var(--shell-max);padding:0 var(--gap);align-items:center;gap:var(--gap);height:60px;margin:0 auto;display:flex}.brand{letter-spacing:-.01em;color:var(--text);white-space:nowrap;font-size:1rem;font-weight:700}.brand:after{content:"";border-radius:var(--radius-pill);background:var(--accent);vertical-align:1px;width:6px;height:6px;margin-left:6px;display:inline-block}.topbar-nav{gap:var(--gap);font-size:var(--text-small);margin-left:auto;display:flex}.topbar-nav a{color:var(--muted);white-space:nowrap}.topbar-nav a:hover{color:var(--text);text-decoration:none}.topbar-nav a[aria-current=page]{color:var(--text);font-weight:700}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:var(--radius-pill);font-size:var(--text-small);cursor:pointer;white-space:nowrap;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);padding:4px 12px}.theme-toggle:hover{border-color:var(--line-strong);color:var(--text)}.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:.78rem}@media (width<=560px){.topbar-nav a[href=\/history],.topbar-nav a[href=\/bookmarks]{display:none}}.button{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--text);font-size:var(--text-small);cursor:pointer;transition:transform var(--dur) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);justify-content:center;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--text);text-decoration:none;transform:translateY(-1px)}.button:active{transform:translateY(0)scale(.98)}.button-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.button-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.chip{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);min-height:30px;font-size:var(--text-small);color:var(--muted);cursor:pointer;transition:border-color var(--dur) var(--ease), color var(--dur) var(--ease);align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--line-strong);color:var(--text);text-decoration:none}.chip[aria-current=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.chip-quiet{color:var(--muted);background:var(--surface-2);cursor:default;border-color:#0000}.chip-quiet:hover{color:var(--muted);border-color:#0000}.badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;align-items:center;padding:1px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.lang-switch{gap:var(--gap-xs);display:flex}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(152px,1fr));display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-1);transition:transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease);content-visibility:auto;contain-intrinsic-size:auto 330px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2);text-decoration:none;transform:translateY(-3px)}.card:active{transform:translateY(-1px)scale(.99)}.card-cover{aspect-ratio:3/4;background:var(--surface-2);display:block;overflow:hidden}.card-img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--dur-slow) var(--ease)}.card-img.is-loaded{opacity:1}.img-placeholder{width:100%;height:100%;color:var(--muted);letter-spacing:.14em;justify-content:center;align-items:center;font-size:.72rem;display:flex}.card-body{padding:var(--gap-sm) var(--gap-sm) 12px;flex-direction:column;gap:4px;display:flex}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.88rem;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.card-meta{justify-content:space-between;align-items:center;gap:var(--gap-xs);color:var(--muted);font-size:.75rem;display:flex}.card-audio{color:var(--accent);font-weight:600}.player{gap:var(--gap);margin-bottom:var(--gap-lg);padding:var(--gap);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);justify-items:center;display:grid}.player-illust{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--line);width:100%;max-width:480px}.player-audio{width:min(100%,480px)}.transcript{max-width:var(--read-max);flex-direction:column;gap:2px;margin:0 auto;padding:0;list-style:none;display:flex}.line-btn{gap:var(--gap);text-align:left;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);background:0 0;border:none;border-left:3px solid #0000;padding:8px 12px;display:flex}.line-btn:hover{background:var(--surface-2)}.line-char{min-width:5.5em;color:var(--accent);flex:none;padding-top:2px;font-size:.76rem;font-weight:700}.line-text{color:var(--text);line-height:1.75}.line.is-current .line-btn{background:var(--accent-soft);border-left-color:var(--accent)}.line.is-current .line-text{font-weight:700}.search-bar{gap:var(--gap-sm);width:100%;max-width:460px;display:flex}.search-bar-input{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-height:40px;color:var(--text);font:inherit;transition:border-color var(--dur) var(--ease);flex:1;padding:0 14px}.search-bar-input::placeholder{color:var(--muted)}.search-bar-input:focus{border-color:var(--accent);outline:none}.search-bar-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}}@layer pages{.masthead{gap:var(--gap-sm);padding-bottom:var(--gap-lg);margin-bottom:var(--gap-lg);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.masthead-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.72rem;font-weight:700}.masthead-title{font-size:var(--text-display);letter-spacing:-.02em;margin:0;line-height:1.15}.masthead-sub{color:var(--muted);font-size:var(--text-small);margin:0}.masthead-row{justify-content:space-between;align-items:flex-end;gap:var(--gap);flex-wrap:wrap;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:var(--gap);margin:var(--gap-lg) 0 var(--gap);display:flex}.section-head .section-title{margin:0}.section-count{color:var(--muted);font-size:var(--text-small)}.home-page .continue-section{margin-top:var(--gap-lg)}.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(150px,230px) 1fr;align-items:start;display:grid}.story-cover{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);box-shadow:var(--shadow-1);display:block;overflow:hidden}.story-img{aspect-ratio:3/4;object-fit:cover;width:100%}.story-head-body{gap:var(--gap-sm);flex-direction:column;display:flex}.story-head-body h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.25rem,1rem + 1.2vw,1.6rem);line-height:1.4}.story-synopsis{color:var(--muted);font-size:var(--text-body);white-space:pre-line;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:65ch;margin:0;display:-webkit-box;overflow:hidden}.story-meta{gap:var(--gap-xs);flex-wrap:wrap;margin:0;display:flex}.story-actions{gap:var(--gap-sm);margin-top:var(--gap-xs);flex-wrap:wrap;align-items:center;display:flex}.ep-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-1);margin:0;padding:0;list-style:none;overflow:hidden}.ep-row{justify-content:space-between;align-items:center;gap:var(--gap-sm);padding:0 var(--gap);border-top:1px solid var(--line);min-height:52px;display:flex}.ep-row:first-child{border-top:none}.ep-row:hover{background:var(--surface-2)}.ep-main{align-items:center;gap:var(--gap);color:var(--text);flex:1;min-height:52px;padding:6px 0;display:flex}.ep-main:hover{text-decoration:none}.ep-no{color:var(--muted);min-width:4.2em;font-size:var(--text-small);font-variant-numeric:tabular-nums;flex:none}.ep-title{font-size:var(--text-body)}.ep-listen{color:var(--accent);flex:none;padding:8px 0 8px 8px;font-size:.76rem;font-weight:700}@media (width<=560px){.story-head{grid-template-columns:1fr}.story-cover{max-width:190px}}.reader-progress{background:var(--accent);transform-origin:0;height:2px;z-index:var(--z-topbar);position:fixed;top:60px;left:0;right:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){.reader-progress{animation:linear reader-progress;animation-timeline:scroll(root)}@keyframes reader-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}@media (prefers-reduced-motion:reduce){.reader-progress{display:none}}.reader-page{max-width:var(--read-max);margin:0 auto}.reader-head{margin-bottom:var(--gap-lg)}.reader-story{font-size:var(--text-small);margin:0}.reader-head h1{margin:var(--gap-xs) 0;font-size:clamp(1.2rem,1rem + 1vw,1.45rem);line-height:1.5}.reader-sub{color:var(--muted);font-size:var(--text-small);margin:0}.reader-audio{margin:var(--gap-sm) 0 0}.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);letter-spacing:.01em;font-size:1.04rem;line-height:1.95}.reader-body p{margin:0 0 1.15em}.reader-nav{justify-content:space-between;gap:var(--gap);margin-top:var(--gap-xl);padding-top:var(--gap-lg);border-top:1px solid var(--line);display:flex}.reader-nav .button{flex:1;max-width:240px}@media (width<=560px){.reader-nav .button{max-width:none}}.listen-page .ep-picker{gap:var(--gap-xs);margin-top:var(--gap-sm);scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.listen-page .ep-picker::-webkit-scrollbar{display:none}.listen-page .ep-picker .chip{scroll-snap-align:start;flex:none}.listen-page .transcript{margin-top:var(--gap-lg)}}