:root{color:#3c173d;background:#f8f5fb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background-color:#f8f5fb;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='12' fill='%23f8f5fb'/%3E%3Crect x='2' y='2' width='2' height='2' fill='%237a407b'/%3E%3C/svg%3E");background-size:12px 12px;-webkit-user-select:none;user-select:none}button,img{-webkit-tap-highlight-color:transparent}img{-webkit-touch-callout:none;pointer-events:none}.app{width:min(100%,1040px);min-height:100vh;margin:0 auto;padding:18px 14px 32px}.site-header{display:grid;grid-template-columns:132px 1fr;align-items:center;gap:16px;margin-bottom:12px;border:3px solid #4a1d4c;background:#fffaff;box-shadow:6px 6px #4a1d4c}.slime-row{display:flex;align-items:end;justify-content:center;min-height:78px;gap:8px;padding-left:10px}.slime{position:relative;display:block;width:34px;height:28px;background:#6f3172;image-rendering:pixelated;animation:hop .9s steps(3,end) infinite}.slime.delay-mid{animation-delay:.14s}.slime.delay-late{animation-delay:.28s}.slime:before,.slime:after{position:absolute;content:"";background:#6f3172}.slime:before{left:6px;top:-8px;width:22px;height:8px}.slime:after{left:-4px;bottom:0;width:42px;height:8px}.slime-eye{position:absolute;top:8px;z-index:1;width:5px;height:5px;background:#fffaff}.slime-eye.left{left:9px}.slime-eye.right{right:9px}.slime-mouth{position:absolute;left:14px;top:18px;z-index:1;width:6px;height:3px;background:#fffaff}.title-block{padding:14px 16px 12px 0}h1,p,figure{margin:0}h1{font-size:clamp(24px,4vw,42px);line-height:1;letter-spacing:0}.title-block p{margin-top:8px;font-size:14px;color:#6f3172}.chapter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0 14px}.chapter-tabs button,.arrow{border:3px solid #4a1d4c;border-radius:0;background:#fffaff;color:#4a1d4c;font:inherit;cursor:pointer;box-shadow:4px 4px #4a1d4c}.chapter-tabs button{min-height:42px;padding:8px 6px;overflow-wrap:anywhere}.chapter-tabs button.active{background:#4a1d4c;color:#fffaff}.reader{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:14px;perspective:1600px}.page-shell{position:relative;display:grid;place-items:center;width:min(100%,760px);min-height:420px;margin:0 auto;border:3px solid #4a1d4c;background:#fffaff;box-shadow:8px 8px #4a1d4c;transform-origin:center;transition:transform .24s steps(6,end);overflow:visible}.page-shell img{display:block;width:auto;max-width:100%;height:auto;max-height:min(980px,calc(100svh - 230px));object-fit:contain;background:#fffaff;opacity:0}.page-shell img.loaded{opacity:1}.loading-badge{position:absolute;left:50%;top:50%;z-index:1;padding:8px 10px;border:3px solid #4a1d4c;background:#fffaff;color:#4a1d4c;box-shadow:3px 3px #4a1d4c;font-size:12px;transform:translate(-50%,-50%)}.loading-badge:after{content:"...";animation:blink .8s steps(2,end) infinite}.page-shell.turn-next{animation:pageNext .34s steps(7,end)}.page-shell.turn-prev{animation:pagePrev .34s steps(7,end)}.arrow{display:grid;place-items:center;width:58px;height:72px;padding:0 0 6px;font-size:56px;line-height:1}.arrow:disabled{opacity:.35;cursor:default}.reader-footer{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding:10px 12px;border:3px solid #4a1d4c;background:#fffaff;box-shadow:4px 4px #4a1d4c;font-size:14px}.chapter-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.chapter-nav button{min-height:42px;border:3px solid #4a1d4c;border-radius:0;background:#fffaff;color:#4a1d4c;box-shadow:4px 4px #4a1d4c;font:inherit;cursor:pointer;overflow-wrap:anywhere}.chapter-nav button:disabled{opacity:.35;cursor:default}.next-note{margin-top:18px;padding:18px;border:3px solid #4a1d4c;background:#fffaff;box-shadow:4px 4px #4a1d4c;font-size:18px;line-height:1.5;text-align:center}@keyframes hop{0%,to{transform:translateY(0) scaleX(1.08) scaleY(.92)}50%{transform:translateY(-14px) scaleX(.92) scaleY(1.08)}}@keyframes pageNext{0%{transform:rotateY(0) translate(0)}45%{transform:rotateY(-16deg) translate(-12px)}to{transform:rotateY(0) translate(0)}}@keyframes pagePrev{0%{transform:rotateY(0) translate(0)}45%{transform:rotateY(16deg) translate(12px)}to{transform:rotateY(0) translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:720px){.app{padding:10px 8px 22px}.site-header{grid-template-columns:112px 1fr;gap:10px;box-shadow:4px 4px #4a1d4c}.slime-row{min-height:64px;gap:5px}.slime{width:26px;height:23px}.slime:before{left:5px;top:-6px;width:16px;height:6px}.slime:after{left:-3px;width:32px;height:6px}.slime-eye{top:7px;width:4px;height:4px}.slime-eye.left{left:7px}.slime-eye.right{right:7px}.slime-mouth{left:11px;top:16px;width:5px}.title-block{padding:12px 10px 10px 0}.title-block p{font-size:12px}.chapter-tabs{gap:6px}.chapter-tabs button{min-height:40px;font-size:12px}.reader{display:block;touch-action:pan-y}.page-shell{width:100%;min-height:360px;box-shadow:5px 5px #4a1d4c}.page-shell img{max-height:calc(100svh - 206px)}.arrow{position:absolute;top:50%;z-index:2;width:42px;height:58px;font-size:42px;box-shadow:3px 3px #4a1d4c;opacity:.72;transform:translateY(-50%)}.arrow.left{left:8px}.arrow.right{right:8px}.reader-footer{font-size:12px}.chapter-nav{gap:6px}.chapter-nav button{min-height:40px;font-size:12px;box-shadow:3px 3px #4a1d4c}.next-note{font-size:15px}}