:root{--bg:#120f1b;--bg2:#231b30;--card:#211a2d;--line:rgba(224,199,156,.22);--gold:#e6c68b;--cream:#f6eee0;--muted:#baafbf;--ink:#291d29;--purple:#806099;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}.topbar{height:72px;position:sticky;top:0;z-index:90;border-bottom:1px solid var(--line);background:rgba(17,13,26,.95);backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2))}.brand{font-size:19px;font-weight:700;letter-spacing:.11em}.brand-mark{font-size:25px;color:var(--gold)}.brand-en{font:9px/1.5 Georgia,serif;letter-spacing:.2em;color:var(--muted);padding-left:10px}.topbar nav{display:flex;gap:20px;align-items:center;font-size:13px}.topbar button,.tool-button{border:1px solid var(--line);color:var(--cream);background:transparent;border-radius:100px;padding:9px 13px}.hero{min-height:660px;position:relative;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 78% 42%,#61456c 0,transparent 49%),linear-gradient(135deg,#12101c,#2a1c37 61%,#10101d)}.hero::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 155px,#eac58a11 156px,#eac58a11 157px),radial-gradient(circle at 80% 23%,#ffffff48 0 2%,transparent 18%);opacity:.8}.hero-inner{width:min(1180px,90vw);margin:auto;position:relative;z-index:1}.eyebrow{font:11px/1.7 Georgia,serif;letter-spacing:.35em;color:var(--gold)}.hero h1{font-weight:600;font-size:clamp(32px,4.3vw,62px);line-height:1.55;letter-spacing:.1em;max-width:790px;text-shadow:0 2px 22px #1b112a}.gold-line{height:1px;background:linear-gradient(90deg,var(--gold),transparent);width:220px;margin:30px 0}.hero p{font-size:15px;line-height:2.3;letter-spacing:.05em;color:#ded3dc}.hero-meta{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.tag{border:1px solid var(--line);border-radius:2px;padding:7px 10px;font-size:11px;letter-spacing:.05em}.button{border:1px solid var(--gold);background:var(--gold);color:#241b29;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:15px 25px;font-size:13px;letter-spacing:.12em;font-weight:700}.button:hover{background:#f7e2b6;color:#241b29}.button.secondary{background:transparent;color:var(--gold)}.hero-figure{position:absolute;right:6%;bottom:-20px;width:min(35vw,420px);height:570px;opacity:.86;filter:drop-shadow(0 0 32px #e3c1d02a)}.hero-figure .hair{position:absolute;top:11%;left:24%;width:51%;height:68%;background:linear-gradient(90deg,#847095,#e7d9ef 46%,#ad91c7);clip-path:polygon(25% 0,69% 2%,90% 20%,100% 90%,71% 82%,40% 100%,0 78%,9% 21%);border-radius:45%}.hero-figure .face{position:absolute;top:18%;left:37%;width:25%;height:25%;border-radius:44% 43% 50% 50%;background:linear-gradient(100deg,#f0cbbc,#ffe2d8);box-shadow:inset -8px -7px 12px #be8faa}.hero-figure .dress{position:absolute;top:42%;left:6%;width:88%;height:58%;background:linear-gradient(110deg,#352040,#6f4877 40%,#221729 80%);clip-path:polygon(42% 0,65% 0,76% 17%,99% 95%,4% 100%,22% 15%);border:2px solid #cfaf8c}.hero-figure .crown{position:absolute;top:9%;left:38%;width:24%;height:9%;clip-path:polygon(0 100%,0 32%,25% 64%,50% 0,75% 64%,100% 32%,100% 100%);background:linear-gradient(90deg,#b99052,#f6e0a3,#a8874b)}.content{width:min(1180px,90vw);margin:auto;padding:80px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.overline{font:10px Georgia,serif;letter-spacing:.34em;color:var(--gold)}.section-head h2{font-size:31px;font-weight:500;letter-spacing:.16em;margin:9px 0 0}.muted{color:var(--muted);font-size:13px}.notice{padding:16px 20px;border-left:2px solid var(--gold);background:#ffffff08;line-height:1.9;font-size:12px;color:var(--muted)}.arc-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.arc-tab{padding:11px 14px;border:1px solid var(--line);background:transparent;color:var(--cream);font-size:12px}.arc-tab.active{background:var(--gold);color:#241b29;border-color:var(--gold)}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.chapter-card{min-height:210px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#2b2138,#1b1626);position:relative;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}.chapter-card:hover{transform:translateY(-3px);border-color:var(--gold)}.chapter-card .ep{font:12px Georgia,serif;letter-spacing:.14em;color:var(--gold)}.chapter-card h3{font-size:19px;font-weight:500;line-height:1.6;margin:18px 0 10px}.chapter-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.chapter-card .card-bottom{margin-top:auto;font-size:11px;color:var(--gold);padding-top:20px}.chapter-card.done::after{content:"✓ 読了";position:absolute;right:16px;top:20px;font-size:10px;color:var(--gold)}.world-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.world-grid p{font-size:14px;line-height:2.5;color:var(--muted)}.character-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.character{padding:18px;border:1px solid var(--line)}.character strong{color:var(--gold);font-size:13px}.character p{font-size:11px;line-height:1.8;margin:6px 0 0}.reader-head{min-height:240px;padding:42px 0 35px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#30243b,#17111f)}.reader-head .inner{max-width:920px;width:92vw;margin:auto}.breadcrumb{font-size:12px;color:var(--gold)}.reader-head h1{font-size:clamp(26px,4vw,42px);font-weight:500;line-height:1.6;margin:17px 0}.reader-head p{font-size:13px;line-height:2;color:var(--muted)}.read-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:20px}.read-tools button,.read-tools select{color:var(--cream);background:#2e2438;border:1px solid var(--line);padding:9px 13px;font-size:12px}.read-tools select{max-width:250px}.read-tools .progress{font:12px Georgia,serif;color:var(--gold);margin-left:auto}.reader-body{max-width:780px;width:100%;margin:0 auto;padding:55px 15px 90px}.chapter-opening{text-align:center;padding:60px 15px 70px}.chapter-opening .ep-number{font:22px Georgia,serif;letter-spacing:.3em;color:var(--gold)}.chapter-opening h2{font-size:34px;line-height:1.55;font-weight:500}.chapter-opening p{color:var(--muted);font-size:12px}.comic-panel{height:480px;border:6px solid #f6eee0;margin:0 0 11px;position:relative;overflow:hidden;color:#201522;background:#b6a7b9;box-shadow:0 16px 45px #0003;isolation:isolate}.comic-panel.tall{height:620px}.comic-panel.short{height:330px}.comic-art{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 70% 20%,#eee1db 0,transparent 28%),linear-gradient(130deg,#aa8ca8,#403150 65%,#1c1a2f);filter:contrast(1.08)}.comic-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0c051600 0 4px,#0c051612 5px 5px);opacity:.45}.comic-panel[data-mood=fire] .comic-art{background:radial-gradient(circle at 50% 80%,#ffe0ab,#d16c55 26%,#2d2334 83%)}.comic-panel[data-mood=warm] .comic-art,.comic-panel[data-mood=romance] .comic-art{background:radial-gradient(circle at 77% 15%,#fff8dd,#c4a7ad 32%,#554361 90%)}.comic-panel[data-mood=study] .comic-art,.comic-panel[data-mood=academy] .comic-art{background:linear-gradient(140deg,#c9bea9,#796e83 45%,#292233)}.comic-panel[data-mood=danger] .comic-art{background:radial-gradient(circle at 60% 40%,#96768e,#33213e 58%,#140e18)}.comic-panel[data-mood=memory] .comic-art,.comic-panel[data-mood=mirror] .comic-art{background:linear-gradient(120deg,#d8d2da,#7d7892,#211a36);filter:grayscale(.45)}.panel-orbit{position:absolute;width:360px;height:360px;right:-55px;top:-160px;border:3px solid #fff6;box-shadow:0 0 0 26px #ffffff08,0 0 0 70px #fff2;border-radius:50%}.panel-arch{position:absolute;width:56%;height:90%;left:4%;top:23%;border:14px double #ffe2bb55;border-bottom:0;border-radius:50% 50% 0 0;transform:rotate(-6deg)}.panel-person{position:absolute;right:13%;bottom:-20%;height:83%;width:34%;border-radius:46% 46% 0 0;background:linear-gradient(150deg,#e5c1ce 0 18%,#44324c 18% 44%,#160f27 44% 100%);box-shadow:0 0 0 15px #ffffff19,35px 20px 45px #09061088;transform:rotate(-4deg)}.panel-person::before{content:"";position:absolute;width:50%;height:29%;top:-12%;left:27%;background:linear-gradient(130deg,#eee3ef,#b8a9c2);border-radius:46% 44% 48% 46%;box-shadow:0 0 0 6px #e7dbea55}.panel-person::after{content:"";position:absolute;width:26%;height:12%;left:38%;top:0;background:#f6d5cb;border-radius:30% 28% 60% 60%}.comic-panel[data-who=アルヴィン] .panel-person{background:linear-gradient(140deg,#3c435c 0 39%,#111829 39% 100%)}.comic-panel[data-who=アルヴィン] .panel-person::before{background:linear-gradient(140deg,#171b2a,#47455a)}.comic-panel[data-who=リゼ] .panel-person::before{background:linear-gradient(140deg,#edc6b2,#bd725b)}.comic-panel[data-who=ミラ] .panel-person::before{background:linear-gradient(140deg,#c3876d,#7c4c41)}.comic-panel:nth-of-type(3n) .panel-person{right:56%;transform:rotate(3deg) scale(.93)}.comic-panel:nth-of-type(4n) .panel-art{transform:scale(1.1)}.scene-label{position:absolute;left:22px;bottom:20px;padding:9px 12px;color:#fff;background:#17101dba;border-left:3px solid var(--gold);font-size:12px;max-width:65%;line-height:1.6}.speech{position:absolute;z-index:3;left:7%;top:10%;background:var(--cream);border:3px solid #2a2031;border-radius:50% 50% 48% 48%;min-width:180px;max-width:270px;min-height:145px;display:grid;place-items:center;padding:26px 20px;box-shadow:2px 6px 0 #100a1e42}.speech::after{content:"";position:absolute;bottom:-18px;left:65%;border:18px solid transparent;border-top-color:#2a2031;transform:rotate(-19deg)}.speech strong{font-size:10px;color:#7b506f;letter-spacing:.08em}.speech span{display:block;line-height:1.7;font-size:clamp(14px,2vw,20px);font-weight:700;letter-spacing:.03em}.comic-panel:nth-child(2n) .speech{left:auto;right:6%;top:7%}.comic-panel:nth-child(3n) .speech{top:auto;bottom:16%}.comic-panel:nth-child(3n) .scene-label{bottom:auto;top:15px}.comic-panel[data-who=地の文] .speech{border-radius:3px;min-height:unset;max-width:85%;width:auto;padding:15px 19px}.comic-panel[data-who=地の文] .speech::after{display:none}.reader-bottom{display:flex;gap:13px;justify-content:space-between;flex-wrap:wrap;margin-top:48px}.reader-bottom a,.reader-bottom button{min-width:180px;text-align:center}.chapter-counter{color:var(--muted);font:12px Georgia,serif;text-align:center;margin-bottom:30px}.footer{background:#0d0b12;border-top:1px solid var(--line);padding:35px 5vw}.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:30px}.footer p,.footer small{font-size:11px;color:var(--muted)}.footer a{font-size:12px;color:var(--gold)}.footer small{display:block;margin-top:13px}.search{background:#181321;border:1px solid var(--line);color:var(--cream);padding:12px 14px;max-width:270px;width:100%;font-size:13px}.fade-up{animation:fadein .5s ease both}@keyframes fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}body.light{--bg:#f6f1eb;--bg2:#e8dfda;--card:#fffdf8;--cream:#f6eee0;--muted:#b6a9b7;color:#342739}body.light .content,body.light .section-head{color:#342739}body.light .chapter-card{background:#f8f0eb;color:#362640}body.light .chapter-card p{color:#605266}body.light .arc-tab{color:#47374e}body.light .arc-tab.active{color:#241b29}body.light .notice{background:#f7f0e5;color:#6f5b63}body.light .world-grid p{color:#655768}@media(max-width:900px){.chapter-grid{grid-template-columns:repeat(2,1fr)}.hero-figure{opacity:.34;right:-8%;height:540px;width:470px}.hero h1{max-width:650px}}@media(max-width:620px){.topbar{height:60px;padding:0 15px}.brand{font-size:14px}.brand-en{display:none}.topbar nav{gap:10px;font-size:11px}.hero{min-height:635px}.hero-inner{padding:45px 0}.hero h1{font-size:34px;line-height:1.6}.hero p{font-size:13px}.hero-figure{right:-38%;bottom:-65px;opacity:.24}.content{padding:55px 0}.chapter-grid{grid-template-columns:1fr}.chapter-card{min-height:175px}.section-head h2{font-size:26px}.world-grid{grid-template-columns:1fr}.character-list{grid-template-columns:1fr 1fr}.reader-body{padding:25px 7px 70px}.comic-panel{height:470px;border-width:4px}.comic-panel.tall{height:550px}.comic-panel.short{height:310px}.speech{max-width:230px;min-width:166px;min-height:127px;padding:20px 15px}.speech span{font-size:16px}.scene-label{max-width:75%;font-size:11px;left:12px;bottom:12px}.reader-head{padding:30px 0}.reader-head h1{font-size:28px}.footer-inner{flex-direction:column}.reader-bottom a,.reader-bottom button{flex:1;min-width:135px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.chapter-card[hidden]{display:none}