:root{--gradient-home: linear-gradient(135deg, #d4af37, #a471c2);--gradient-contact: linear-gradient(135deg, #a471c2, #40e0d0);--gradient-chapters: linear-gradient(135deg, #a471c2, #d4af37);--gradient-reader: linear-gradient(135deg, #f9f5ec, #d4af37);--gradient-default: linear-gradient(135deg, #f9f5ec, #a471c2);--color-bg: #fdf9ef;--color-surface: #f5f0e6;--color-surface-raised: #fffdf8;--color-border: #e0d5bd;--color-text: #2c1e00;--color-text-muted: #7a5f30;--color-updates-heading: #1a1200;--color-updates-text: #2c1e00;--color-selection: #d8882c;--color-selection-text: #ffffff;--color-navbar: #b18e3c;--color-title-bg: #d4af37;--color-title-text: #2c1e00;--color-icon: brightness(0) invert(.08);--color-icon-hover: brightness(0) invert(.22);--color-sound-muted: brightness(0) invert(.45);--icon-filter-content: brightness(0) invert(.35);--color-dropdown-bg: #f1e7c8;--color-dropdown-border: #b48e2c;--color-dropdown-hover: #dfc167;--color-footer-bg: #eae1d0;--color-footer-text: #7e673c;--color-footer-link: #a4823f;--color-footer-link-hover: #40e0d0;--color-accent: #d4af37;--color-accent-hover: #40e0d0;--color-accent-contrast: #2c1e00;--color-link: #7a5400;--color-link-hover: #5a3d00;--color-focus: #1f6feb;--color-danger: #b3261e;--color-danger-soft: #fdecea;--color-success: #1b6b33;--color-success-soft: #e8f5ec;--color-warning: #8a6100;--color-warning-soft: #fdf3d8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgb(0 0 0 / 12%);--shadow-md: 0 6px 20px rgb(0 0 0 / 14%);--transition-fast: .14s ease;--transition-base: .24s ease;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--font-body: "Noto Sans", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif}html.dark{--gradient-home: linear-gradient(135deg, #7a4fcf, #3ccfcf);--gradient-contact: linear-gradient(135deg, #7a4fcf, #c19c52);--gradient-chapters: linear-gradient(135deg, #5784be, #be3ccf);--gradient-reader: linear-gradient(135deg, #1c1b22, #5784be);--gradient-default: linear-gradient(135deg, #1c1b22, #7a4fcf);--color-bg: #1f1a27;--color-surface: #2e2440;--color-surface-raised: #3a2e4e;--color-border: #4b3a66;--color-text: #ece7f5;--color-text-muted: #b9a9d4;--color-updates-heading: #ffffff;--color-updates-text: #ece7f5;--color-selection: #d82cd8;--color-selection-text: #ffffff;--color-navbar: #5f3e7a;--color-title-bg: #38275c;--color-title-text: #ffffff;--color-icon: brightness(0) invert(.95);--color-icon-hover: brightness(0) invert(.75);--color-sound-muted: brightness(0) invert(.45);--icon-filter-content: brightness(0) invert(.85);--color-dropdown-bg: #3a2e4e;--color-dropdown-border: #654f80;--color-dropdown-hover: #5f4587;--color-footer-bg: #2c223a;--color-footer-text: #c7b0e2;--color-footer-link: #b699dd;--color-footer-link-hover: #40e0d0;--color-accent: #8b5aa8;--color-accent-hover: #40e0d0;--color-accent-contrast: #ffffff;--color-link: #e0bd4c;--color-link-hover: #f0d270;--color-focus: #7aa7ff;--color-danger: #ff8a80;--color-danger-soft: #3a2028;--color-success: #7fdba0;--color-success-soft: #1e3327;--color-warning: #ffcf6b;--color-warning-soft: #3a3020;--shadow-sm: 0 1px 3px rgb(0 0 0 / 45%);--shadow-md: 0 6px 20px rgb(0 0 0 / 55%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-bg);line-height:1.55}button,a.icon-btn,.navbar,.nav-title,.reader-toolbar,.mode-btn,.navbtns,.page-indicator,.reader-hint,.chapter-box,.chapter-label{-webkit-user-select:none;user-select:none}button,a,.icon-btn,.mode-btn,.chapter-box{-webkit-tap-highlight-color:transparent}img,svg,canvas{max-width:100%}img{height:auto}h1,h2,h3{line-height:1.25;margin:0 0 var(--space-3)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;top:-100px;left:var(--space-4);z-index:1000;padding:var(--space-2) var(--space-4);background:var(--color-surface-raised);color:var(--color-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-4)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}#page-content{position:relative;z-index:1;min-height:60vh;padding-bottom:var(--space-6)}#page-content:focus{outline:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit;font-weight:600;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.button:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.button--full{width:100%}.link-button{padding:0;border:0;background:none;color:var(--color-text-muted);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.link-button:hover{color:var(--color-accent-hover)}.link-button--danger{color:var(--color-danger)}.link-button--approve{color:var(--color-success)}.link-button--reject{color:var(--color-warning)}.field{display:block;margin-bottom:var(--space-4)}.field>span{display:block;margin-bottom:var(--space-1);font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.field input,.field select,.field textarea,.comment-input{width:100%;padding:.55rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font:inherit}.field input:focus,.field textarea:focus,.comment-input:focus{border-color:var(--color-accent)}.field-hint{margin:calc(var(--space-3) * -1) 0 var(--space-4);font-size:.8rem;color:var(--color-text-muted)}.form-error{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:.9rem}.form-success{margin:0 0 var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success);font-size:.9rem}.empty-note{margin:var(--space-4) 0;color:var(--color-text-muted);font-style:italic;text-align:center}.page-error{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.not-found,.reader-missing,.chapters-empty{max-width:34rem;margin:0 auto;padding:clamp(var(--space-6),10vh,6rem) var(--space-4);text-align:center}.empty-illustration{width:72px;opacity:.35;margin-bottom:var(--space-4);filter:var(--icon-filter-content)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-raised) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}.skeleton--text{height:.9rem;margin-bottom:var(--space-2)}.skeleton--short{width:60%}.skeleton--block{height:6rem}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-host{position:fixed;inset-block-end:var(--space-4);inset-inline:var(--space-4);z-index:900;display:flex;flex-direction:column;gap:var(--space-2);align-items:center;pointer-events:none}.toast{max-width:min(32rem,100%);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-md);opacity:0;transform:translateY(12px);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:auto;cursor:pointer}.toast.is-visible{opacity:1;transform:translateY(0)}.toast--error{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.toast--success{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}#particle-canvas{display:none}}a{text-decoration:none}@keyframes fadeInSmooth{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInSmooth .6s ease-out forwards}.animate-click{animation:shake .3s ease}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}html{overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}#particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100vw;height:100vh;pointer-events:none;display:block}#gradient-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;mix-blend-mode:overlay;display:grid}.gradient-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 1s ease;opacity:0;z-index:0}.gradient-layer.active{opacity:1;z-index:1}*{box-sizing:border-box;margin:0;padding:0}.theme-icons{position:relative;display:inline-grid;place-items:center;width:var(--nav-icon);height:var(--nav-icon)}.theme-icons img{grid-area:1 / 1;width:100%;height:100%;filter:var(--color-icon);transition:opacity var(--transition-base),transform var(--transition-base)}.theme-sun{opacity:1;transform:rotate(0) scale(1)}.theme-moon{opacity:0;transform:rotate(-70deg) scale(.6)}html.dark .theme-sun{opacity:0;transform:rotate(70deg) scale(.6)}html.dark .theme-moon{opacity:1;transform:rotate(0) scale(1)}body{overflow-x:hidden;font-family:Noto Sans Rounded,Noto Sans Arabic,Noto Sans JP,sans-serif}body{background-color:var(--color-bg);color:var(--color-text)}body{transition:background-color .4s ease,color .4s ease}.navbar,.nav-title,.dropdown-menu,footer,.button-accent{transition:background-color .4s ease,color .4s ease,filter .4s ease}.icon-btn img{transition:transform .2s ease,filter .4s ease}.navbar{--nav-icon: 32px;display:flex;flex-wrap:nowrap;align-items:center;background-color:var(--color-navbar);padding:10px 20px;height:60px;min-width:0}.nav-left,.nav-right{display:flex;align-items:center;gap:14px;flex:0 0 auto}.nav-title{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center}.nav-left{justify-content:flex-start}.nav-right{justify-content:flex-end}.nav-right-actions{display:flex;align-items:center;gap:14px}.nav-title a{font-size:1.75rem;font-weight:700;background-color:var(--color-title-bg);color:var(--color-title-text);padding:2px 12px;border-radius:5px;white-space:nowrap;text-decoration:none;overflow:hidden;text-overflow:ellipsis;max-width:100%}.icon-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-btn img{width:var(--nav-icon);height:var(--nav-icon);filter:var(--color-icon);transition:transform .2s ease,filter .2s ease}.icon-btn:hover img{transform:scale(1.1);filter:var(--color-icon-hover)}html.theme-changing,html.theme-changing body,html.theme-changing .navbar,html.theme-changing .dropdown-menu,html.theme-changing .auth-card,html.theme-changing .account-section,html.theme-changing .comment{transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base)}#sound-toggle img{transition:transform var(--transition-fast),filter var(--transition-base),opacity var(--transition-base)}#sound-toggle.is-muted img{filter:var(--color-sound-muted);opacity:.7}.sound-icon{position:relative;display:inline-grid;place-items:center}.sound-slash{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:118%;height:2.5px;border-radius:2px;background:currentcolor;box-shadow:0 0 0 1.5px var(--color-navbar);transform:rotate(-45deg) scaleX(0);transform-origin:center;opacity:0;transition:transform var(--transition-base),opacity var(--transition-fast)}#sound-toggle.is-muted .sound-slash{transform:rotate(-45deg) scaleX(1);opacity:1}@keyframes soundShake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}#sound-toggle.is-shaking .sound-icon{animation:soundShake .36s ease}@keyframes soundPop{0%{transform:scale(1)}45%{transform:scale(.8)}to{transform:scale(1)}}#sound-toggle.is-animating .sound-icon{animation:soundPop .32s ease}.dropdown{position:relative}.dropdown-menu{position:absolute;top:110%;right:0;z-index:999;min-width:140px;padding:6px 0;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-dropdown-bg);border:1px solid var(--color-dropdown-border);box-shadow:0 8px 20px #0003;transition:opacity .3s ease,transform .2s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.dropdown.show .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-menu li a{display:block;padding:10px 16px;color:var(--color-text);text-decoration:none;font-size:.95rem;text-align:left;transition:background var(--transition-fast)}.dropdown-menu li a:hover{background-color:var(--color-dropdown-hover)}#sound-toggle.active img{filter:var(--color-sound-muted)}footer{background-color:var(--color-footer-bg);color:var(--color-footer-text);padding:20px;text-align:center}footer a{color:var(--color-footer-link);text-decoration:none}footer a:hover{color:var(--color-footer-link-hover)}.button-accent{background-color:var(--color-accent);color:var(--color-accent-contrast);padding:10px 16px;border:none;border-radius:4px}.button-accent:hover{background-color:var(--color-accent-hover)}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(2px,1px)}50%{transform:translate(-2px,-1px)}75%{transform:translate(2px,2px)}to{transform:translate(0)}}#sound-toggle.animate-click{animation:shake .2s ease}.icon-btn:active{transform:scale(.95);transition:transform .1s ease}.icon-btn.release-pop{transform:scale(1.05);transition:transform .1s ease}.icon-btn{position:relative;transition:transform .1s ease}#language-toggle.disabled{opacity:.3;pointer-events:auto;animation:shake .2s ease}#background-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}#particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}#bg-image{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;width:100%;height:100%;overflow:hidden}#bg-image img{width:100%;height:100%;object-fit:cover;opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){html,body{cursor:url(/images/cursor.svg) 5 3,default}a,button,.icon-btn,.chapter-box{cursor:url(/images/cursor-pointer.svg) 11 3,pointer}input,textarea,[contenteditable=true]{cursor:url(/images/cursor-text.svg) 12 12,text}[aria-busy=true]{cursor:url(/images/cursor-loading.svg) 12 12,progress}}::selection{background:var(--color-selection);color:var(--color-selection-text)}html{font-size:16px}@media(max-width:768px){html{font-size:15px}}@media(max-width:720px){html{font-size:15px}}@media(max-width:600px){.navbar{flex-wrap:nowrap;gap:8px;padding:8px 10px}.nav-title a{font-size:1.4rem;padding:2px 10px}.nav-left{gap:8px;flex-wrap:nowrap}.nav-right-actions{gap:8px}.navbar{--nav-icon: 26px}.dropdown-menu{right:0;left:auto}.reader-toggle{flex-direction:row;gap:6px;justify-content:center;max-width:100%}.mode-btn{width:30px;height:30px}}@media(max-width:480px){html{font-size:14px}.navbar{--nav-icon: 24px}}@media(max-width:400px){.nav-title a{font-size:1.25rem;padding:2px 8px}.navbar{--nav-icon: 22px}.nav-left,.nav-right{gap:8px}}@media(max-width:360px){.nav-title a{font-size:1.05rem;padding:2px 6px}.navbar{--nav-icon: 20px}.nav-left,.nav-right{gap:4px}}.nav-link{padding:.35rem .6rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;color:var(--color-title-text);white-space:nowrap;cursor:pointer}.nav-link:hover{background:#ffffff26}.language-option{display:block;width:100%;padding:.45rem .9rem;border:0;background:none;font:inherit;text-align:start;color:var(--color-text);cursor:pointer}.language-option:hover{background:var(--color-dropdown-hover)}.language-option[aria-current=true]{font-weight:700;color:var(--color-link-hover)}.dropdown-menu li{list-style:none}.nav-title a{color:var(--color-title-text);text-decoration:none}.nav-title a:hover{color:var(--color-title-text);opacity:.85}.home-layout{display:flex;flex-direction:column;gap:2rem;padding:2rem}.home-sections{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.home-block{flex:1 1 300px;max-width:48%}@media(max-width:768px){.home-sections{flex-direction:column}.home-block{max-width:100%}}.updates-box{background:var(--color-surface);padding:1rem;border-radius:10px;box-shadow:var(--shadow, 0 0 10px rgba(0, 0, 0, .1));max-width:700px;margin:0 auto 2rem;width:100%}.home-pair{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1rem,5vw,4rem);max-width:1000px;margin:0 auto}.updates-box h2{margin-bottom:.5rem;color:var(--color-updates-heading);text-align:center}#updates-text{min-height:100px;line-height:1.6;font-size:.95rem;color:var(--color-updates-text);padding:.5rem;text-align:center}.update-loading{opacity:.7;font-style:italic}.updates-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.arrow-btn{background:none;border:none;font-size:1.6rem;padding:6px 12px;opacity:.75;color:var(--color-updates-text);transition:opacity .3s ease,transform .2s ease}.arrow-btn:hover{opacity:1;transform:scale(1.2)}.continue-reading,.latest-chapter{text-align:center}.chapter-preview{width:100%;height:400px;background:var(--color-surface);border:2px dashed var(--color-border);font-size:1.5rem;color:var(--color-text);border-radius:8px;transition:background .3s ease}.chapter-preview:hover{background:var(--color-accent)}.cover-card{display:block;position:relative;width:100%;max-width:300px;margin:0 auto;border-radius:8px;overflow:hidden;box-shadow:0 0 10px #0003;text-decoration:none}.cover-img{width:100%;height:auto;display:block}.cover-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e0,#000000b8 55%,#0000);color:#fff;padding:1.6em .6em .6em;text-shadow:0 1px 3px rgb(0 0 0 / 70%);font-size:1rem;text-align:center}.updates-text{transition:opacity var(--transition-fast)}.updates-text.is-fading{opacity:0}.update-date{margin:0 0 var(--space-2);font-weight:700;color:var(--color-updates-heading)}.update-message{margin:0}.update-counter{min-width:4rem;text-align:center;font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--color-text-muted)}.arrow-btn:disabled{opacity:.15;cursor:default;transform:none}.arrow-icon{width:1.2rem;filter:var(--icon-filter-content)}.arrow-icon--back{transform:rotate(180deg)}.cover-card{display:block;position:relative;width:100%;max-width:300px;margin:0 auto;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-base)}.cover-card:hover{transform:translateY(-4px)}.cover-title{display:flex;flex-direction:column;gap:.15rem}.cover-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#ffffffeb}.cover-name{font-weight:600}.chapters-shelf-container{--shelf-cols: 5;--shelf-card: 200px;--shelf-gap: 1.2rem;display:flex;flex-direction:column;padding:2rem;gap:1rem;align-items:center}.shelf-row,.shelf-line{width:min(100%,calc(var(--shelf-cols) * var(--shelf-card) + (var(--shelf-cols) - 1) * var(--shelf-gap)))}.shelf-row{display:flex;gap:var(--shelf-gap);justify-content:flex-start;flex-wrap:nowrap}.fade-in{opacity:1!important;transition:opacity .4s ease}.chapter-box{width:200px;text-align:center;animation:fadeInUp .4s ease both}.chapter-box{transition:transform .3s ease,box-shadow .3s ease}.chapter-box:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003}.chapter-box:active{transform:scale(.95)}.chapter-box img{width:100%;border-radius:8px;box-shadow:0 2px 6px #0003}.chapter-label{margin-top:.3rem;font-size:.75rem;font-weight:600;color:var(--color-text, #111)}.shelf-line{height:6px;background:var(--color-text-muted);border-radius:4px;margin:1rem 0;transform-origin:left center;animation:growLine .6s ease-out both}@keyframes growLine{0%{opacity:0;transform:scaleX(0) translateY(12px)}to{opacity:1;transform:scaleX(1) translateY(0)}}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}@media(max-width:480px){.chapters-shelf-container{--shelf-card: 150px}.chapter-box{width:150px;text-align:center;animation:fadeInUp .4s ease both}}@media(max-width:350px){.chapters-shelf-container{--shelf-card: 120px}.chapter-box{width:120px;text-align:center;animation:fadeInUp .4s ease both}}@media(prefers-reduced-motion:reduce){.chapter-box,.shelf-line{animation:none}}.chapters-page{padding-top:var(--space-4)}.chapter-box img{aspect-ratio:3 / 4;object-fit:cover;background:var(--color-surface)}.chapter-label{display:flex;flex-direction:column;gap:.1rem}.chapter-number{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.chapter-title{font-size:.85rem;color:var(--color-text)}.chapter-date{font-size:.68rem;color:var(--color-text-muted)}@media(max-width:480px){.shelf-row{flex-wrap:wrap}}*{margin:0;padding:0;box-sizing:border-box}.navbtns{max-width:20%;margin:0 auto;display:flex;justify-content:space-between;padding:10px 5px}.navbtnR,.navbtnL{width:3rem;height:3rem;background-color:#06f0;border:none;transition-duration:.4s}.navbtnL img{transform:scaleX(-1);transition-duration:.4s}.navbtnR:hover{transform:scale(1.05) translateY(-5px);transition-duration:.2s}.navbtnR:active{transform:scale(.95) translateY(5px);transition-duration:.2s}.navbtnL:hover img{transform:scaleX(-1.05) translateY(-5px);transition-duration:.2s}.navbtnL:active img{transform:scaleX(-.95) translateY(5px);transition-duration:.2s}.right{width:4rem;height:100%}.body{min-height:100vh;display:flex;justify-content:center;align-items:center}.reader-toggle{grid-column:1;justify-self:center;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0}.mode-btn{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.mode-btn img{width:1.25rem;height:1.25rem;filter:var(--icon-filter-content)}.mode-btn:hover{border-color:var(--color-accent);transform:translateY(-1px)}.mode-btn:active{transform:scale(.95)}.mode-btn.active{border-color:var(--color-accent);background:var(--color-accent)}.mode-btn.active img{filter:brightness(0) invert(.08)}html.dark .mode-btn.active img{filter:brightness(0) invert(1)}.Wepcomic-inner{position:relative;width:100%;max-width:min(90vw,var(--page-w));min-width:0;height:min(var(--page-h),135vw);overflow-y:auto;scroll-behavior:smooth;padding-bottom:0}.page-scroll{width:100%;padding:0;margin:0;box-sizing:border-box;line-height:0;font-size:0}.page-scroll .page-iner{width:100%;height:auto;display:block;aspect-ratio:var(--page-ratio, 27 / 40)}.book{--page-h: clamp(300px, calc(100vh - 320px) , 700px);--page-h: clamp(300px, calc(100svh - 320px) , 700px);--page-w: calc(var(--page-h) * 27 / 40);display:flex;justify-content:center;transition:transform .3s ease;width:100%;max-width:100%;padding-top:1rem;overflow:hidden}.book[data-mode=card],.book[data-mode=scroll]{overflow:visible}.book-inner{position:relative;height:var(--page-h);width:auto;aspect-ratio:var(--page-ratio, 27 / 40);max-width:min(90vw,450px);perspective:1500px;transition:transform .3s ease}.book-inner.shifted{transform:translate(50%)}.book-inner.center{transform:translate(100%)}.front,.back{position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:left;transition:.4s}.front{backface-visibility:hidden}.back img{transform:rotateY(180deg)}.fliped{transform:translate(1px) rotateY(-180deg);transition:.4s}.page-iner{width:100%;height:auto;display:block;margin:0 auto}#book.fade-out{opacity:0;transition:opacity .15s ease-in-out}#book.fade-in{opacity:1;transition:opacity .15s ease-in-out}#header-container.hidden{transform:translateY(-100%);transition:transform .3s ease}.card-inner{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;padding:0 5vw;box-sizing:border-box;width:100%;max-width:100%;min-height:var(--page-h);overflow:visible}.card-page{width:auto;max-width:min(90vw,450px);top:0;left:50%;position:absolute;transform:translate(-50%) rotateY(0);transition:transform .6s ease,.3s ease}.card-page img{width:auto;height:auto;max-width:min(90vw,450px);max-height:var(--page-h);display:block;margin:0 auto}.card-page.show{opacity:1;transform:translate(-50%) rotateY(0);z-index:3;backface-visibility:hidden}.card-page.hide-left{opacity:0;transform:translate(-50%) rotateY(-180deg);z-index:1;backface-visibility:hidden}.card-page.hide-right{opacity:0;transform:translate(-50%) rotateY(180deg);z-index:1;backface-visibility:hidden}@media(max-width:1079px){.navbtns{flex-direction:row;gap:10px}}@media(max-width:768px){.navbtns{flex-direction:row;gap:10px}.card-page{max-width:85vw}}@media(max-width:490px){.navbtns{flex-direction:row;gap:10px}}@media(max-width:400px){.navbtns{flex-direction:row;gap:10px}}.reader-toolbar{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:var(--space-2);max-width:1100px;margin:0 auto;padding:var(--space-4) var(--space-4) 0}.reader-title{grid-column:1;margin:0;min-width:0;text-align:center;font-size:1.05rem;color:var(--color-text)}.page-indicator{margin:var(--space-3) auto 0;text-align:center;font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.reader-hint{margin:var(--space-1) auto var(--space-5);text-align:center;font-size:.75rem;opacity:.6;color:var(--color-text-muted)}.page-iner{background:var(--color-surface)}.card-page .page-iner{background:transparent}@media(hover:none){.navbtns{opacity:1}}@media(max-width:640px){.reader-toolbar{padding-inline:var(--space-3)}.reader-hint{display:none}.Wepcomic-inner{--scroll-h: min( 150vw , calc(100svh - 200px) );max-width:min(100%,calc(var(--scroll-h) * 2 / 3));height:var(--scroll-h)}}:root{--social-icon-filter: brightness(0) invert(.1);--social-icon-hover: brightness(.1) invert(.5)}html.dark{--social-icon-filter: brightness(0) invert(.85);--social-icon-hover: brightness(.2) invert(.6)}.contact-container{padding:2rem;text-align:center}.contact-container h2{font-size:1.4rem;margin-bottom:1.5rem;color:var(--color-heading)}.social-grid a img{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:50%;transition:outline-color .3s ease}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:1.5rem;justify-items:center;padding:1rem}.social-grid a img{width:48px;height:48px;transition:transform .3s ease,filter .3s ease;filter:var(--social-icon-filter)}.social-grid a:hover img{transform:rotate(-4deg) scale(1.15);filter:var(--social-icon-hover)}.social-grid{list-style:none;margin:0;padding:0}.contact-container h1{font-size:1.35rem}.comments-section{max-width:52rem;margin:var(--space-6) auto 0;padding:var(--space-5) var(--space-4);border-top:1px solid var(--color-border)}.comments-section h2{color:var(--color-updates-heading);font-size:1.25rem}.comment-list,.comment-replies{list-style:none;margin:0;padding:0}.comment-list{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.comment{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.comment--pending{border-style:dashed;border-color:var(--color-warning);background:var(--color-warning-soft)}.comment--rejected{opacity:.6}.comment-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);font-size:.85rem}.comment-author{font-weight:700;color:var(--color-text)}.comment-time,.comment-edited{color:var(--color-text-muted)}.comment-badge{padding:.1rem .45rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--color-accent);color:var(--color-accent-contrast)}.comment-badge--moderator{background:var(--color-accent-hover);color:#062a28}.comment-pending{color:var(--color-warning);font-weight:600}.comment-flag{width:100%;color:var(--color-danger);font-size:.78rem}.comment-body{margin:0 0 var(--space-3);overflow-wrap:anywhere}.comment-removed{margin:0;color:var(--color-text-muted);font-style:italic}.comment-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.comment-replies{margin-top:var(--space-4);padding-inline-start:var(--space-4);border-inline-start:2px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.comment-composer{display:flex;flex-direction:column;gap:var(--space-2)}.comment-composer--reply{margin-top:var(--space-3)}.comment-input{resize:vertical;min-height:4.5rem}.comment-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.comment-counter{margin-inline-end:auto;font-size:.78rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.comment-signin{padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);text-align:center}.comment-signin a{color:var(--color-link);font-weight:600;text-decoration:underline;text-underline-offset:3px}@media(max-width:560px){.comment-replies{padding-inline-start:var(--space-3)}.comment-composer-actions{flex-wrap:wrap}}.comment-verified{display:inline-grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:999px;background:var(--color-success-soft);color:var(--color-success);font-size:.7rem;font-weight:700;line-height:1;cursor:help}.auth-card{max-width:26rem;margin:clamp(var(--space-6),8vh,5rem) auto;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-md)}.auth-card h1{margin-bottom:var(--space-5);font-size:1.4rem;text-align:center;color:var(--color-text)}.auth-switch{margin:var(--space-5) 0 0;text-align:center;font-size:.9rem;color:var(--color-text-muted)}.auth-switch a{color:var(--color-link);font-weight:600;text-decoration:underline;text-underline-offset:3px}@media(max-width:480px){.auth-card{margin:var(--space-4);padding:var(--space-5) var(--space-4)}}.button--google{gap:var(--space-3);margin-bottom:var(--space-4);border-color:#747775;background:#fff;color:#1f1f1f;text-decoration:none}.button--google:hover:not(:disabled){border-color:#747775;background:#f7f8f8}html.dark .button--google{border-color:#8e918f;background:#131314;color:#e3e3e3}html.dark .button--google:hover:not(:disabled){border-color:#8e918f;background:#1e1f20}.google-mark{width:1.15rem;height:1.15rem;flex:0 0 auto}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.account-page{max-width:34rem;margin:clamp(var(--space-5),6vh,3.5rem) auto;padding-inline:var(--space-4)}.account-page>h1{margin:0 0 var(--space-5);font-size:1.5rem;color:var(--color-text)}.account-section{margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.setup-pending{border-color:color-mix(in srgb,var(--color-warning) 45%,transparent);background:var(--color-warning-soft)}.setup-pending h2{color:var(--color-warning)}.setup-pending p{margin:0 0 var(--space-4);color:var(--color-text)}.setup-pending p:last-child{margin-bottom:0}.account-section h2{margin:0 0 var(--space-4);font-size:1rem;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.account-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-4);margin:0}.account-facts dt{margin-bottom:var(--space-1);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.account-facts dd{margin:0;font-weight:600;color:var(--color-text)}.account-email{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4)}.account-email-address{font-weight:600;word-break:break-all;color:var(--color-text)}.account-note{margin:0;color:var(--color-text-muted)}.account-form{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.verify-badge{padding:.15rem .5rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.verify-badge.is-verified{border-color:color-mix(in srgb,var(--color-success) 45%,transparent);background:var(--color-success-soft);color:var(--color-success)}@media(max-width:480px){.account-section{padding:var(--space-4)}}.profile-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.profile-head h1{margin:0}.profile-head-actions{display:flex;align-items:center;gap:var(--space-2)}.icon-action{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);font-size:1rem;line-height:1;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.icon-action img{width:1.1rem;height:1.1rem;filter:var(--icon-filter-content)}.icon-action:hover:not(:disabled){border-color:var(--color-accent);transform:translateY(-1px)}.icon-action:active:not(:disabled){transform:scale(.94)}.icon-action:disabled{opacity:.5;cursor:not-allowed}.icon-action.is-signout:hover:not(:disabled){border-color:var(--color-danger)}.icon-action.is-approve{color:var(--color-success)}.icon-action.is-reject{color:var(--color-danger)}.count-pill{display:inline-block;margin-left:var(--space-2);padding:.05rem .45rem;border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font-size:.72rem;font-variant-numeric:tabular-nums}.mine-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.mine-item{position:relative;padding:var(--space-4);border:1px solid var(--color-border);border-left:3px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.mine-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.mine-where{color:var(--color-link);font-size:.8rem;font-weight:600;text-decoration:none}.mine-where:hover{text-decoration:underline}.mine-status{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.mine-status.is-visible{color:var(--color-success)}.mine-status.is-pending{color:var(--color-warning)}.mine-status.is-rejected{color:var(--color-danger)}.mine-item:has(.mine-status.is-pending){border-left-color:var(--color-warning)}.mine-item:has(.mine-status.is-rejected){border-left-color:var(--color-danger)}.mine-author{margin:0 0 var(--space-2);font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.mine-body{margin:0 0 var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text)}.mine-flag{margin:0 0 var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-warning-soft);color:var(--color-warning);font-size:.8rem}.mine-time{font-size:.72rem;color:var(--color-text-muted)}.mine-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.coming-soon{max-width:30rem;margin:clamp(var(--space-6),10vh,6rem) auto;padding-inline:var(--space-4);text-align:center}.coming-soon-mark{width:3.5rem;height:3.5rem;margin-bottom:var(--space-4);filter:var(--icon-filter-content);opacity:.55}.coming-soon-flag{margin:0 0 var(--space-2);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-link)}.coming-soon h1{margin:0 0 var(--space-3);font-size:1.6rem;color:var(--color-text)}.coming-soon-blurb{margin:0 0 var(--space-5);color:var(--color-text-muted)}