:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050507;--panel:#111117;--panel-2:#181820;--text:#f7f7f7;--muted:#a8abb6;--line:#2b2d36;--cyan:#01e3c4;--cyan-dark:#08bfa7;--pink:#ff3c77;--pink-dark:#e00b7c;--paper:#fff7e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 8% 0,#01e3c429,#0000 28rem),radial-gradient(circle at 95% 18%,#ff3c7721,#0000 25rem),linear-gradient(#050507 0%,#0b0b10 46%,#050507 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-shell{min-height:100vh}.cursor-trail-canvas{z-index:9999;pointer-events:none;mix-blend-mode:screen;width:100vw;height:100vh;position:fixed;inset:0}body.manga-page-active .cursor-trail-canvas{display:none}body.manga-page-active{background:#17233a;overflow:hidden}body.manga-page-active .site-shell{background:#17233a;min-height:100dvh}body.manga-page-active .footer{display:none}@media (pointer:coarse),(prefers-reduced-motion:reduce){.cursor-trail-canvas{display:none}}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050507d1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:24px;padding:16px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}body.manga-page-active .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000;position:fixed;top:0;left:0;right:0}body.manga-page-active .brand{opacity:0;pointer-events:none}body.manga-page-active .nav a,body.manga-page-active .mobile-account-link,body.manga-page-active .mobile-menu-button{color:#dff5f8;text-shadow:0 1px 4px #05080fd6,0 0 14px #05080f66;background:0 0}.mobile-menu-button,.mobile-account-link{display:none}.brand{align-items:center;gap:12px;min-width:fit-content;display:flex}.brand-mark{background:0 0;place-items:center;width:54px;height:42px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-title{letter-spacing:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:26px}.nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.nav a{color:var(--muted);border:1px solid #0000;padding:8px 10px;font-size:14px}.nav a:hover{border-color:var(--line);color:var(--text);background:#ffffff0a}.mobile-menu-button,.mobile-account-link{border:1px solid var(--line);color:var(--text);background:#111117e0;border-radius:8px}@media (max-width:760px){.topbar{min-height:calc(62px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:#050507e6;grid-template-columns:44px minmax(0,1fr) 64px;align-items:center;gap:8px;display:grid;position:sticky;top:0}.mobile-menu-button,.mobile-account-link{justify-content:center;align-items:center;height:40px;display:inline-flex}.mobile-menu-button{width:40px;padding:0}.mobile-account-link{min-width:56px;color:var(--cyan);justify-self:end;padding:0 10px;font-size:13px;font-weight:800}.brand{justify-content:center;justify-self:center;gap:8px;min-width:0;padding:0 8px}.brand-mark{width:44px;height:34px}.brand-title{text-overflow:ellipsis;white-space:nowrap;max-width:44vw;font-size:22px;overflow:hidden}.nav{opacity:0;pointer-events:none;background:#050507f5;border:0 solid #0000;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:0;padding:0;transition:max-height .18s,opacity .18s,padding .18s,border-color .18s;display:grid;position:absolute;top:calc(100% + 8px);left:12px;right:12px;overflow:hidden;box-shadow:0 22px 40px #00000070}.nav.open{opacity:1;pointer-events:auto;border-width:1px;border-color:#ffffff1a;max-height:360px;padding:10px}.nav a{min-height:42px;color:var(--text);background:#111117e0;border-color:#ffffff14;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}}.container{width:min(1180px,100% - 36px);margin:0 auto}.hero{align-items:center;min-height:76vh;padding:clamp(48px,8vh,84px) 0 clamp(36px,6vh,56px);display:grid;position:relative;overflow:hidden}.hero-with-bg{background-image:url(/images/hero-rain-night.webp);background-position:50% 18%;background-repeat:no-repeat;background-size:cover;min-height:calc(100svh - 75px)}.hero-with-bg:before{content:"";background:linear-gradient(90deg,#05050761 0%,#05050747 42%,#05050724 100%),linear-gradient(#0505071f 0%,#05050733 58%,#050507d6 100%);position:absolute;inset:0}.hero-with-bg:after{content:"";background:#00000008;position:absolute;inset:0}.hero>.container{z-index:1;position:relative}.hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:42px;display:grid}.hero-grid-solo{grid-template-columns:minmax(0,760px);align-self:center;padding-top:clamp(34px,7vh,90px)}.eyebrow{border:1px solid var(--cyan);width:fit-content;color:var(--cyan);text-transform:uppercase;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}h1,h2,h3{letter-spacing:0;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;line-height:1}h1{text-transform:uppercase;max-width:780px;margin-top:18px;font-size:clamp(64px,13vw,150px)}h2{font-size:clamp(40px,7vw,78px)}h3{font-size:28px}.lead{color:#d8d9df;max-width:720px;font-size:clamp(17px,2.4vw,22px)}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:800;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s,color .16s;display:inline-flex;box-shadow:0 0 #0000}.btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px #00000047}.btn:active{border-color:var(--pink);background:var(--pink);color:#fff;transform:translateY(1px);box-shadow:0 4px 12px #ff3c773d}.btn.primary{border-color:var(--cyan);background:var(--cyan);color:#050507}.btn.pink{border-color:var(--pink);background:var(--pink);color:#fff}.auth-screen{place-items:center;min-height:calc(100svh - 75px);padding:clamp(18px,4vw,46px) 0;scroll-margin-top:82px;display:grid}.auth-section{background:radial-gradient(circle at 50% 8%,#01e3c429,#0000 18rem),radial-gradient(circle at 62% 84%,#ff3c771f,#0000 17rem),linear-gradient(#0505071a,#050507e6),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 88px),repeating-linear-gradient(#01e3c40a 0 1px,#0000 1px 118px),#050507;min-height:calc(100svh - 75px);padding:0;position:relative;overflow:hidden}.section.auth-section{padding:0}.auth-page-main+.footer{display:none}.site-shell:has(.auth-page-main) .brand-mark{display:none}.auth-window{width:min(430px,100vw - 32px);color:var(--text);box-shadow:none;background:0 0;border:0;border-radius:0;padding:clamp(18px,4vw,34px);position:relative;transform:translateY(-24px)}.auth-window:before{content:none}.auth-welcome{text-align:center;justify-items:center;gap:6px;margin-bottom:24px;display:grid}.auth-logo{object-fit:contain;filter:drop-shadow(0 0 12px #01e3c42e);width:138px;height:108px}.auth-welcome p{color:var(--text);margin:-4px 0 0;font-weight:900;line-height:1.1}.auth-welcome h2{color:var(--text);text-shadow:0 0 14px #01e3c424,0 0 18px #ff3c771a;margin:16px 0 0;font-size:28px;font-weight:900;line-height:1.05}.auth-welcome span,.auth-form span,.auth-switch,.last-login{color:var(--muted);margin:0}.auth-welcome span{max-width:320px;font-size:14px;line-height:1.7}.auth-form{gap:12px;display:grid}.auth-form label{color:var(--text);gap:7px;font-weight:700;display:grid}.auth-form label span{justify-content:space-between;display:flex}.auth-form label button,.auth-switch button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-weight:800}.auth-form input,.auth-code-row input{width:100%;min-height:56px;color:var(--text);background:#050507c7;border:1px solid #01e3c457;border-radius:8px;outline:none;padding:0 16px;transition:border-color .16s,box-shadow .16s}.auth-form input::placeholder,.auth-code-row input::placeholder{color:#f7f7f77a}.auth-form input:focus,.auth-code-row input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #01e3c424}.email-login-btn{border:1px solid var(--cyan);background:var(--cyan);color:#050507;cursor:pointer;border-radius:8px;min-height:58px;margin-top:4px;font-size:16px;font-weight:900;transition:transform .16s,background-color .16s,border-color .16s,color .16s;box-shadow:0 0 20px #01e3c429}.email-login-btn:hover{border-color:var(--cyan);background:var(--cyan);transform:translateY(-3px)}.email-login-btn:active{border-color:var(--pink);background:var(--pink);color:#fff}.auth-code-panel,.password-login-panel{gap:12px;margin-top:16px;display:grid}.password-toggle{width:100%;min-height:38px;color:var(--cyan);cursor:pointer;background:0 0;border:0;border-radius:8px;margin-top:10px;font-weight:800;transition:color .16s,background-color .16s}.password-toggle:hover{color:var(--cyan);background:#ffffff0d}.password-form{background:0 0;border:0;padding:0}.forgot-password{min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-self:center;font-weight:800}.forgot-password:hover{color:var(--cyan)}.auth-code-row{grid-template-columns:minmax(0,1fr) 128px;gap:10px;display:grid}.auth-code-row button,.email-code-btn{min-height:56px;color:var(--text);cursor:pointer;background:#ff3c7714;border:1px solid #ff3c7757;border-radius:8px;font-size:14px;font-weight:800;transition:border-color .16s,color .16s,transform .16s}.auth-code-row button:disabled,.email-code-btn:disabled,.email-login-btn:disabled{cursor:not-allowed;opacity:.62;transform:none}.email-login-btn:disabled{color:#f7f7f7ad;box-shadow:none;background:#01e3c42e;border-color:#01e3c452}.auth-notice{color:var(--text);background:#01e3c414;border:1px solid #01e3c45c;border-radius:8px;margin:14px 0 0;padding:10px 12px;font-size:13px}.auth-divider{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:20px 0 16px;display:grid}.auth-divider span{background:#f7f7f747;height:1px}.auth-divider em{font-size:14px;font-style:normal}.social-login-list{justify-content:center;gap:10px;display:flex}.social-login{width:62px;min-height:48px;color:var(--text);cursor:pointer;text-align:center;background:#111117d1;border:1px solid #01e3c438;border-radius:8px;justify-content:center;align-items:center;gap:14px;padding:0;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.social-login:hover{background:#ff3c771a;border-color:#ff3c779e;transform:translateY(-3px)}.social-login:active{border-color:var(--pink);background:#ff3c7729}.social-login>span:last-child{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.social-glyph{place-items:center;width:30px;height:30px;display:grid;position:relative}.social-glyph img{object-fit:contain;filter:grayscale()brightness(0)invert()contrast(1.25);width:28px;height:28px}.last-login{text-align:center;margin-top:14px;font-size:13px}.auth-switch{text-align:center;margin-top:18px}@media (max-width:520px){.auth-screen{min-height:calc(100svh - 62px);padding:4px 0 10px;scroll-margin-top:66px}.auth-section{min-height:calc(100svh - 62px)}.auth-section .container{width:min(100%,100% - 20px)}.auth-window{background:0 0;width:100%;padding:10px 14px 12px;transform:translateY(-34px)}.auth-welcome{gap:3px;margin-bottom:14px}.auth-logo{width:114px;height:87px}.auth-welcome p{margin-top:-6px;font-size:14px}.auth-welcome h2{margin-top:8px;font-size:25px}.auth-welcome span{font-size:12px;line-height:1.45}.auth-form{gap:9px}.auth-form label{gap:5px;font-size:13px}.auth-form input,.auth-code-row input,.auth-code-row button{min-height:48px;padding:0 12px;font-size:14px}.auth-code-row{grid-template-columns:minmax(0,1fr) 126px;gap:8px}.email-login-btn{min-height:50px;font-size:15px}.password-toggle{min-height:34px;margin-top:8px;font-size:14px}.auth-divider{margin:12px 0}.social-login-list{gap:9px}.social-login{width:58px;min-height:44px}.social-glyph,.social-glyph img{width:25px;height:25px}.last-login{margin-top:10px;font-size:12px;line-height:1.35}.auth-switch{margin-top:12px;font-size:14px}}.temp-admin-link{text-align:center;color:var(--pink);margin-top:12px;font-weight:800;display:block}.feature-board{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff12,#ffffff05);gap:12px;padding:16px;display:grid}.poster{border:2px solid var(--text);background:linear-gradient(135deg,#01e3c4d1,#0000 45%),linear-gradient(315deg,#ff3c77e0,#0000 52%),repeating-linear-gradient(0deg,#17171f 0 12px,#101016 12px 24px);align-content:end;min-height:360px;padding:20px;display:grid;box-shadow:10px 10px #000}.poster strong{color:#050507;text-transform:uppercase;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:64px;line-height:.95}.section{padding:54px 0}.page-header.compact{padding:28px 0 20px}.page-header.compact h1{font-size:clamp(44px,7vw,72px)}.page-header.compact .lead{max-width:780px;font-size:17px}.section-head{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-head.stacked{justify-content:start;gap:6px;display:grid}.section-head.stacked h2{margin:0;font-size:clamp(34px,5vw,56px)}.section-head.stacked .meta{text-transform:uppercase;margin:0;font-size:14px}.section-head p{max-width:560px;color:var(--muted);margin:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:#111117eb;border-radius:8px;min-height:210px;padding:18px;overflow:hidden}.legal-layout{grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.legal-nav,.legal-document{border:1px solid var(--line);background:#111117eb;border-radius:8px}.legal-nav{gap:8px;padding:16px;display:grid;position:sticky;top:94px}.legal-nav span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.legal-nav a{color:var(--text);border:1px solid #0000;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:900;text-decoration:none}.legal-nav a:hover,.legal-nav a.active{color:var(--cyan);background:#01e3c414;border-color:#01e3c457}.legal-document{gap:22px;padding:clamp(20px,4vw,38px);display:grid}.legal-document>.meta{margin:0}.legal-section{gap:10px;display:grid}.legal-section h2{margin:0;font-size:clamp(24px,3vw,34px)}.legal-section p{max-width:920px;color:var(--muted);margin:0;line-height:1.78}.product-card{flex-direction:column;min-height:460px;display:flex}.product-card .muted{flex:0;margin-bottom:16px}.product-card-footer{margin-top:auto}.product-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-actions button.btn{cursor:pointer;border-width:1px}.purchase-owned-link{cursor:pointer;text-decoration:none}.purchase-box{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.purchase-coupon-field{gap:6px;min-width:min(100%,220px);display:grid}.purchase-coupon-field span{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:900;display:inline-flex}.purchase-coupon-field input{border:1px solid var(--line);height:44px;color:var(--text);background:#ffffff0d;border-radius:8px;padding:0 12px;font-weight:800}.purchase-coupon-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.purchase-coupon-actions span,.purchase-coupon-notice{color:var(--cyan);font-size:12px;font-weight:900}.purchase-coupon-notice{flex-basis:100%;margin:-2px 0 0}.purchase-inline-notice{color:var(--pink);flex-basis:100%;margin:0;font-size:12px;font-weight:800}.purchase-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.purchase-modal{width:min(100%,420px);color:var(--text);text-align:center;background:linear-gradient(135deg,#01e3c41a,#0000 48%),#09090d;border:1px solid #01e3c45c;border-radius:8px;padding:24px;position:relative;box-shadow:0 24px 70px #0000008c}.purchase-modal h3{margin:8px 0;font-size:28px}.purchase-choice-modal h3{margin-bottom:18px}.purchase-choice-modal:has(.course-agreement-box){text-align:left;width:min(100%,720px)}.purchase-choice-modal:has(.course-agreement-box) h3{text-align:center}.purchase-choice-modal:has(.course-agreement-box) .meta{text-align:center}.purchase-modal p:not(.meta),.purchase-modal small{color:var(--muted)}.course-agreement-box{background:#ffffff0a;border:1px solid #f7f7f71f;border-radius:8px;max-height:min(48vh,430px);padding:16px;overflow:auto}.course-agreement-box h4{color:var(--text);margin:14px 0 6px;font-size:15px}.course-agreement-box h4:first-of-type{margin-top:0}.course-agreement-box p,.course-agreement-box li{color:var(--muted);font-size:13px;line-height:1.75}.course-agreement-box ul{margin:8px 0 0;padding-left:18px}.course-agreement-check{color:var(--text);align-items:flex-start;gap:10px;margin:14px 0;font-size:13px;font-weight:900;line-height:1.55;display:flex}.course-agreement-check input{width:18px;height:18px;accent-color:var(--cyan);flex:none;margin-top:1px}.purchase-modal-close{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:999px;place-items:center;display:inline-grid;position:absolute;top:14px;right:14px}.purchase-amount{color:var(--cyan);margin:14px 0;font-size:30px;display:block}.purchase-qr{background:#fff;border:1px solid #01e3c447;border-radius:8px;place-items:center;width:264px;height:264px;margin:0 auto 14px;display:grid}.purchase-success{width:264px;height:180px;color:var(--cyan);background:#01e3c414;border:1px solid #01e3c447;border-radius:8px;place-items:center;gap:8px;margin:0 auto 14px;font-weight:900;display:grid}.purchase-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.purchase-method-card{border:1px solid var(--line);min-height:148px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-items:center;gap:8px;padding:18px 12px;display:grid}.purchase-method-card:hover,.purchase-method-card:focus-visible{border-color:#01e3c48c;outline:none}.purchase-method-card:disabled{cursor:wait;opacity:.72}.purchase-method-icon{border-radius:999px;place-items:center;width:48px;height:48px;display:inline-grid}.purchase-method-icon.alipay{color:#1677ff;background:#1677ff24}.purchase-method-icon.wechat{color:#07c160;background:#07c16024}.purchase-method-card b{font-size:17px}.purchase-method-card small{font-size:12px}@media (max-width:520px){.purchase-methods{grid-template-columns:1fr}}.purchase-modal-notice{color:var(--cyan);margin:12px 0 0;font-weight:800}.purchase-modal-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.purchase-modal-actions a,.purchase-modal-actions button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:10px 14px;font-weight:900}.purchase-modal-actions a{color:var(--cyan);border-color:#01e3c47a}.course-detail{border:1px solid var(--line);background:#111117eb;padding:clamp(22px,4vw,42px)}.course-detail p:not(.meta){max-width:860px;color:var(--muted)}.course-cover{object-fit:cover;border-radius:8px;width:100%;max-height:420px;margin-bottom:24px;display:block}.course-markdown{gap:14px;display:grid}.course-markdown p{margin:0}.course-markdown img{border:1px solid var(--line);border-radius:8px;width:min(100%,860px)}.card .thumb{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#01e3c480,#0000 48%),linear-gradient(315deg,#ff3c776b,#0000 55%),repeating-linear-gradient(45deg,#20202a 0 10px,#15151d 10px 20px);height:210px;margin:-18px -18px 18px}.card .thumb img{object-fit:cover;width:100%;height:100%;display:block}.price del{color:var(--muted);margin-left:10px;font-size:15px;font-weight:700;display:inline-block}.course-buy-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}.course-buy-row strong{color:var(--pink);font-size:28px}.course-buy-row del{color:var(--muted);font-weight:800}.user-center-page{gap:28px;width:min(100% - 48px,1480px);margin:0 auto;padding:28px 0 52px;display:grid}.user-hero-card,.user-nav-card,.user-detail-card{border:1px solid var(--line);background:linear-gradient(135deg,#01e3c40f,#0000 38%),#111117f0;border-radius:8px}.user-hero-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:160px;padding:28px 34px;display:grid}.user-avatar{width:96px;height:96px;color:var(--cyan);background:#01e3c41a;border:1px solid #01e3c46b;border-radius:999px;place-items:center;font-size:42px;font-weight:900;display:grid}.user-hero-copy h1{text-transform:none;margin:4px 0 6px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(30px,3.6vw,44px);font-weight:900;line-height:1.1}.user-hero-copy p:not(.meta),.user-panel-title p,.user-nav-card small,.user-card-list span,.user-record-list span,.user-progress-list span,.user-favorite-grid p,.user-form-grid span,.user-bind-grid span,.user-setting-list span{color:var(--muted)}.user-login-meta{flex-wrap:wrap;gap:4px 12px;display:flex}.user-login-meta span{display:inline-flex}.user-hero-badges{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.user-hero-badges span,.user-card-list b,.user-record-list b,.user-bind-grid b{color:var(--pink);background:#ff3c771a;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.user-hero-badges .good,.user-card-list b,.user-record-list b,.user-bind-grid article.linked b{color:var(--cyan);background:#01e3c41a}.user-hero-stats{grid-template-columns:repeat(4,78px);gap:12px;display:grid}.user-hero-stats article{background:#09090dc2;border:1px solid #ffffff0f;border-radius:8px;place-items:center;min-height:86px;display:grid}.user-hero-stats strong{font-size:26px}.user-hero-stats span{color:var(--muted);font-size:13px}.user-center-layout{grid-template-columns:330px minmax(0,1fr);align-items:start;gap:28px;min-width:0;display:grid}.user-nav-card,.user-detail-card{padding:24px}.user-nav-card{position:sticky;top:90px}.user-nav-card h2{margin:0 0 20px;font-size:20px}.user-nav-card nav{gap:10px;display:grid}.user-nav-card button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.user-nav-card button:hover,.user-nav-card button.active{background:#01e3c414;border-color:#01e3c452}.user-nav-card button.active{box-shadow:inset 3px 0 0 var(--cyan)}.user-nav-icon{border:1px solid var(--line);width:42px;height:42px;color:var(--cyan);background:#09090dbd;border-radius:8px;place-items:center;font-weight:900;display:grid}.user-nav-icon svg{stroke-width:2.4px}.user-nav-card strong,.user-nav-card small,.user-nav-card em{display:block}.user-nav-card em{font-style:normal;display:none}.user-nav-card small{margin-top:3px;font-size:12px}.user-detail-card{min-width:0;min-height:520px}.user-panel-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.user-panel-title h2{margin:0 0 8px;font-size:clamp(26px,3vw,34px)}.user-panel-title a{color:var(--cyan);border:1px solid #01e3c447;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;display:inline-flex}.user-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.user-form-grid label{gap:8px;display:grid}.user-form-grid input{border:1px solid var(--line);color:var(--text);background:#09090dc7;border-radius:8px;padding:14px}.user-bind-grid,.user-card-list,.user-delivery-list,.user-record-list,.user-progress-list,.user-setting-list{gap:14px;display:grid}.user-bind-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.user-bind-grid article,.user-card-list a,.user-delivery-list article,.user-record-list article,.user-progress-list article,.user-favorite-grid article,.user-setting-list article{border:1px solid var(--line);color:var(--text);background:#09090dc7;border-radius:8px;padding:16px}.user-bind-grid article.linked{background:#01e3c412;border-color:#01e3c457}.user-bind-grid strong,.user-bind-grid span,.user-card-list strong,.user-card-list span,.user-record-list strong,.user-record-list span,.user-progress-list strong,.user-progress-list span{display:block}.user-bind-grid b{width:fit-content;margin-top:12px;display:inline-flex}.user-card-list a{gap:6px;display:grid}.user-card-list b{width:fit-content}.user-record-list article,.user-delivery-list article,.user-setting-list article{justify-content:space-between;align-items:center;gap:16px;display:flex}.user-delivery-list article{align-items:flex-start}.purchase-delivery-summary{margin-bottom:18px}.purchase-delivery-summary article{background:linear-gradient(135deg,#01e3c424,#09090de0);border:1px solid #01e3c46b;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex}.purchase-delivery-summary h3{margin:8px 0;font-size:22px}.purchase-delivery-summary p,.purchase-delivery-summary dl{margin:0}.purchase-delivery-summary dl{gap:8px;min-width:180px;display:grid}.purchase-delivery-summary dl div{justify-content:space-between;gap:16px;display:flex}.purchase-delivery-summary dt{color:var(--muted);font-size:12px;font-weight:800}.purchase-delivery-summary dd{color:var(--text);margin:0;font-weight:900}.purchase-status-pill{width:fit-content;color:var(--cyan);background:#01e3c41f;border:1px solid #01e3c46b;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.purchase-status-pill.pending{color:#ffd778;background:#ffd7781a;border-color:#ffd77880}.purchase-order-list{margin:0 0 18px}.purchase-delivery-item>div:first-child{gap:8px;display:grid}.delivery-empty-note{color:#ffd778;background:#ffd77814;border:1px dashed #ffd77873;border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.65}.user-order-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.user-order-actions a,.user-delivery-actions a{color:var(--cyan);white-space:nowrap;border:1px solid #01e3c447;border-radius:999px;justify-content:center;align-items:center;padding:9px 12px;font-size:13px;font-weight:900;display:inline-flex}.user-delivery-list pre{white-space:pre-wrap;max-width:680px;color:var(--muted);margin:12px 0 0;font-family:inherit;line-height:1.7}.user-delivery-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;min-width:180px;display:flex}.user-delivery-actions button{color:var(--cyan);cursor:pointer;background:#01e3c41a;border:1px solid #01e3c46b;border-radius:999px;padding:9px 12px;font-weight:900}.user-delivery-actions button:disabled{cursor:not-allowed;opacity:.58}.user-setting-list article>div,.user-favorite-grid article{gap:8px;display:grid}.user-setting-list button,.user-setting-list a{color:var(--pink);cursor:pointer;white-space:nowrap;background:#ff3c771f;border:0;border-radius:999px;padding:9px 12px;font-weight:900}.user-setting-list button.user-toggle{color:#ffffffe0;background:#ff3c77b8;border:1px solid #ffffff2e;border-radius:999px;justify-content:flex-end;align-items:center;width:74px;height:34px;padding:3px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000052,0 0 18px #ff3c771a}.user-setting-list button.user-toggle.on{color:#fff;background:#01e3c4c7;border-color:#01e3c48c;justify-content:flex-start;box-shadow:inset 0 2px 8px #00000047,0 0 18px #01e3c42e}.user-toggle span{background:#f7f7fb;border-radius:999px;width:26px;height:26px;transition:left .16s,right .16s;position:absolute;top:4px;box-shadow:0 2px 8px #00000061}.user-toggle b{z-index:1;text-align:center;width:38px;font-size:11px;line-height:1;position:relative}.user-toggle:not(.on) span{left:4px}.user-toggle.on span{right:4px}.user-setting-list .user-logout-row{background:#ff3c7714;border-color:#ff3c776b}.user-logout-row a{color:var(--pink);white-space:nowrap;border:1px solid #ff3c778c;border-radius:999px;padding:9px 14px;font-weight:900}.user-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.user-modal{background:linear-gradient(135deg,#01e3c41a,#0000 48%),#09090d;border:1px solid #01e3c457;border-radius:8px;width:min(100%,420px);padding:24px;box-shadow:0 24px 70px #00000080}.user-modal h3{margin:8px 0 10px;font-size:28px}.user-modal p:not(.meta){color:var(--muted)}.user-modal-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.user-modal-actions button,.user-modal-actions a{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:10px 14px;font-weight:900}.user-modal-actions button:disabled,.user-modal-code-row button:disabled{cursor:not-allowed;opacity:.52}.user-modal.account-modal{width:min(100%,480px)}.user-modal-form{gap:14px;margin-top:18px;display:grid}.user-modal-form label{gap:8px;display:grid}.user-modal-form span{color:var(--muted);font-size:13px;font-weight:800}.user-modal-form input{border:1px solid var(--line);min-height:48px;color:var(--text);background:#ffffff0d;border-radius:8px;padding:0 13px}.user-modal-code-row{grid-template-columns:minmax(0,1fr) 118px;align-items:end;gap:10px;display:grid}.user-modal-code-row button{min-height:48px;color:var(--cyan);cursor:pointer;background:#01e3c41f;border:1px solid #01e3c480;border-radius:8px;font-weight:900}.user-modal-notice{color:var(--text);background:#01e3c414;border:1px solid #01e3c447;border-radius:8px;margin-top:14px;padding:10px 12px}.user-modal-actions a{color:var(--pink);background:#ff3c771f;border-color:#ff3c778c}.user-progress-list article{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.user-progress-list i{background:#ffffff14;border-radius:999px;height:8px;margin-top:10px;display:block;overflow:hidden}.user-progress-list em{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--pink));height:100%;display:block}.user-progress-list a{color:var(--cyan);white-space:nowrap;border:1px solid #01e3c452;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900}.user-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.user-favorite-grid span{color:var(--cyan);font-size:14px;font-weight:900;line-height:1.35}.user-favorite-grid strong{line-height:1.35}.meta{color:var(--cyan);font-size:13px;font-weight:800}.muted{color:var(--muted)}.price{color:var(--pink);margin:8px 0 14px;font-size:26px;font-weight:900}.form{gap:12px;max-width:520px;display:grid}.form label.field{color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.form input,.form select,.form textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#09090d;border-radius:8px;padding:12px 14px}.form textarea{resize:vertical}.small-note{color:#85899a;margin:0;font-size:13px}.btn.small{min-height:36px;padding:8px 12px;font-size:13px}.dashboard{grid-template-columns:1fr;display:grid}.admin-workbench{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;display:grid}.admin-sidebar{border:1px solid var(--line);background:#0a0a0ef5;gap:14px;padding:16px;display:grid;position:sticky;top:90px}.sidebar-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:12px;display:flex}.sidebar-brand h1{margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:26px}.sidebar-brand p{color:var(--muted);margin:4px 0 0;font-size:13px}.nav-section{gap:8px;display:grid}.nav-label{color:var(--cyan);letter-spacing:0;margin:0;font-size:12px;font-weight:800}.nav-toggle,.nav-stack button,.nav-subgroup button{width:100%;min-height:42px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:800;transition:transform .2s,background .2s,border-color .2s,color .2s;display:flex}.nav-toggle:hover,.nav-stack button:hover,.nav-subgroup button:hover,.nav-toggle.active,.nav-stack button.active,.nav-subgroup button.active{color:var(--cyan);background:#01e3c414;border-color:#01e3c459;transform:translateY(-1px)}.nav-subgroup{border-left:1px solid #ffffff0f;gap:6px;padding-left:12px;display:grid}.nav-stack{gap:6px;display:grid}.nav-stack button{font-weight:700}.admin-workspace{gap:16px;display:grid}.workspace-badge{width:fit-content;color:var(--muted);background:#01e3c40f;border:1px solid #01e3c440;border-radius:999px;align-items:center;gap:12px;padding:8px 12px;display:inline-flex}.workspace-badge span{color:var(--cyan);font-size:12px;font-weight:800}.workspace-badge strong{font-size:13px;font-weight:700}.panel{border:1px solid var(--line);background:#111117eb;gap:16px;padding:18px;display:grid}.panel-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.panel-head h2{margin:0;font-size:clamp(32px,4vw,52px)}.panel-head p:not(.meta){color:var(--muted);margin:8px 0 0}.panel-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-card{border:1px solid var(--line);background:#09090dd9;border-radius:10px;padding:14px 16px}.stat-card span{color:var(--muted);font-size:13px;display:block}.stat-card strong{margin-top:8px;font-size:26px;display:block}.toolbar,.coupon-toolbar{align-items:center;gap:12px;display:flex}.toolbar label,.coupon-toolbar label{border:1px solid var(--line);background:#09090d;border-radius:10px;align-items:center;gap:8px;min-width:min(100%,420px);padding:10px 12px;display:flex}.toolbar input,.coupon-toolbar input{background:0 0;border:0;flex:1;padding:0}.split-layout,.upload-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:16px;display:grid}.wide-form{max-width:none}.panel-stack{gap:16px;display:grid}.panel-card{border:1px solid var(--line);background:#09090de6;padding:16px}.panel-card h3,.record-list h3{margin:0 0 12px}.drop-zone{text-align:center;background:#01e3c412;border:1px dashed #01e3c48c;border-radius:12px;place-items:center;gap:10px;padding:28px;display:grid}.drop-zone svg{color:var(--cyan)}.drop-zone p,.drop-zone ul{color:var(--muted);margin:0}.drop-zone ul{flex-wrap:wrap;justify-content:center;gap:6px;padding:0;list-style:none;display:flex}.drop-zone li{border:1px solid var(--line);background:#0003;border-radius:999px;padding:4px 8px;font-size:12px}.editor-body{grid-template-columns:minmax(0,1fr) 340px;gap:16px;display:grid}.editor-form{max-width:none}.record-list{border:1px solid var(--line);background:#09090de6;min-height:320px;padding:16px}.record-list article{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.record-list article.active{background:#01e3c414;border:1px solid #01e3c459;border-radius:10px;margin-inline:-8px;padding:10px 8px}.record-list article>button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0}.record-list article>button:last-child{width:36px;height:36px;color:var(--pink);border:1px solid #ff3c7747;border-radius:10px;place-items:center;display:grid}.record-list strong,.record-list small{display:block}.record-list small{color:var(--muted)}.coupon-usage-panel{background:#01e3c40d;border:1px solid #01e3c433;border-radius:12px;gap:12px;margin-top:14px;padding:14px;display:grid}.coupon-usage-panel span,.coupon-usage-panel small{color:var(--muted)}.coupon-usage-panel strong{color:var(--text);display:block}.coupon-usage-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.coupon-usage-stats span{border:1px solid var(--line);color:var(--cyan);text-align:center;background:#09090dcc;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:800}.coupon-usage-list{gap:8px;display:grid}.coupon-usage-list h4{margin:2px 0;font-size:14px}.coupon-usage-list div{border:1px solid var(--line);background:#09090dd1;border-radius:10px;padding:10px}.staged-list{gap:10px;display:grid}.divider{background:var(--line);height:1px;margin:14px 0}.table-wrap{border:1px solid var(--line);background:#09090de6;overflow:auto}.table{border-collapse:collapse;width:100%;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px}.table th{color:var(--cyan);font-size:13px}.form label.field{color:var(--muted)}.field{color:var(--muted);gap:6px;font-size:13px;font-weight:800;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#09090d;border-radius:8px;padding:12px 14px}.field textarea{resize:vertical}.coupon-form-section{background:#01e3c40a;border:1px solid #01e3c424;border-radius:12px;gap:12px;padding:14px;display:grid}.coupon-inline-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-checks{border:1px solid var(--line);border-radius:10px;gap:8px;padding:12px;display:grid}.product-checks legend{color:var(--cyan);padding:0 8px;font-weight:800}.product-checks label{color:var(--text);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.product-checks small{color:var(--muted)}.course-admin-page,.course-upload-page{gap:18px;display:grid}.course-page-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.course-page-head.sticky-actions{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090deb;border-radius:8px;padding:16px;position:sticky;top:12px}.course-page-head h2{margin:0;font-size:clamp(34px,4vw,56px)}.course-page-head p{color:var(--muted);margin:6px 0 0}.course-toolbar{justify-content:space-between}.course-table-card{border:1px solid var(--line);background:#111117f5;border-radius:14px;overflow:auto}.course-table th,.course-table td{padding:18px 20px}.course-table td strong,.course-table td small{display:block}.course-table td small{color:var(--muted);margin-top:4px}.status-pill{border-radius:999px;align-items:center;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.status-pill.published{color:var(--cyan);background:#01e3c41f}.status-pill.draft{color:var(--pink);background:#ff3c771f}.table-actions{flex-wrap:wrap;gap:8px;display:flex}.btn.danger{color:var(--pink);border-color:#ff3c7759}.course-upload-grid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.course-info-card,.video-upload-card,.chapters-card{gap:16px;display:grid}.course-side-stack{align-content:start;gap:18px;display:grid}.step-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.step-head h3{margin:0;font-size:28px}.step-head p{color:var(--muted);margin:4px 0 0}.step-head span{color:#031310;background:var(--cyan);border-radius:999px;padding:8px 14px;font-weight:900}.cover-drop{min-height:176px;color:var(--cyan);background:#01e3c40d;border:1px dashed #01e3c473;border-radius:14px;place-items:center;margin-bottom:14px;display:grid;position:relative;overflow:hidden}.cover-drop img{object-fit:cover;width:100%;height:100%;min-height:176px}.cover-drop .drop-zone{opacity:0;background:#030824a3;border:0;border-radius:0;min-height:0;transition:opacity .16s;position:absolute;inset:0}.cover-drop:hover .drop-zone,.cover-drop:focus-within .drop-zone{opacity:1}.cover-drop:not(:has(img)) .drop-zone{opacity:1}.cover-drop span{color:var(--muted);word-break:break-all;padding:12px}.chapter-editor{border:1px solid var(--line);width:100%;color:var(--text);background:#09090d;border-radius:12px;padding:14px}.chapter-list{gap:12px;display:grid}.chapter-list article{border:1px solid var(--line);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.chapter-list span{color:var(--muted)}.markdown-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-group-list{gap:16px;display:grid}.course-outline-import{background:#01e3c40f;border:1px dashed #01e3c47a;border-radius:8px;gap:12px;padding:16px;display:grid}.course-outline-import strong{color:var(--text);font-size:16px;display:block}.course-outline-import p{color:var(--muted);margin:4px 0 0}.course-outline-actions{flex-wrap:wrap;gap:10px;display:flex}.course-outline-import textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:132px;color:var(--text);background:#09090d;border-radius:8px;padding:12px}.lesson-group-editor{border:1px solid var(--line);background:#ffffff08;border-radius:8px;gap:14px;padding:16px;display:grid}.lesson-group-head{grid-template-columns:minmax(180px,.8fr) minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.lesson-list-editor{gap:10px;display:grid}.lesson-row-editor{background:#0000002e;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:44px minmax(160px,1fr) minmax(110px,.45fr) minmax(180px,1fr) minmax(140px,.6fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.lesson-row-editor span,.lesson-row-editor small{color:var(--muted);font-size:12px}.lesson-row-editor input{border:1px solid var(--line);width:100%;min-width:0;color:var(--text);background:#09090d;border-radius:8px;padding:10px 12px}.icon-actions{align-items:center;gap:6px;display:inline-flex}.icon-actions button{border:1px solid var(--line);width:34px;height:34px;color:var(--text);cursor:pointer;background:#ffffff0d;border-radius:8px;place-items:center;display:inline-grid}.upload-progress{background:#ffffff14;border-radius:999px;width:min(100%,320px);height:8px;overflow:hidden}.upload-progress span{border-radius:inherit;background:var(--cyan);height:100%;transition:width .18s;display:block}.upload-ok,.upload-error{align-items:center;gap:6px;margin:0;font-weight:900;display:inline-flex}.upload-ok{color:var(--cyan)}.upload-error{color:var(--pink)}.uploaded-assets-wide{min-height:0}.course-detail-list{gap:18px;display:grid}.course-syllabus{margin-top:24px}.course-lesson-group{margin-top:18px}.course-lesson-group h4{margin:0 0 6px;font-size:20px}.course-lesson-group>p{color:var(--muted);margin:0 0 12px}.course-syllabus article{border:1px solid var(--line);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;margin-top:10px;padding:16px 18px;display:flex}.course-syllabus span{color:var(--muted)}.comic-studio-page{gap:18px;display:grid}.comic-studio-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.comic-studio-head h2{color:var(--text);margin:0;font-size:clamp(34px,4vw,58px)}.comic-studio-head p{color:var(--muted);margin:8px 0 0}.comic-head-actions,.comic-row-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.comic-admin-button,.comic-outline-button,.comic-soft-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 16px;font-weight:900;transition:transform .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.comic-admin-button:hover,.comic-outline-button:hover,.comic-soft-button:hover{transform:translateY(-2px)}.comic-admin-button.dark{border:1px solid var(--cyan);background:var(--cyan);color:#050507}.comic-admin-button.teal{border:1px solid var(--cyan);background:var(--cyan);color:#050507;box-shadow:0 12px 22px #01e3c424}.comic-outline-button{color:var(--cyan);background:#01e3c40f;border:1px solid #01e3c46b}.comic-outline-button.large{min-height:48px;padding-inline:20px}.comic-soft-button{min-height:36px;color:var(--cyan);background:#01e3c414;border:1px solid #01e3c438;font-size:13px}.comic-soft-button.warn{color:#ffd778;background:#ffd77814;border-color:#ffd77847}.comic-soft-button.danger{color:var(--pink);background:#ff3c771a;border-color:#ff3c774d}.comic-admin-table-card,.comic-admin-card,.comic-wide-item,.comic-comment-card,.comic-stats-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#01e3c40f,#0000 34%),#111117f0;border-radius:8px}.comic-admin-table-card{overflow:auto}.comic-admin-table{border-collapse:collapse;width:100%}.comic-admin-table th,.comic-admin-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:18px 20px}.comic-admin-table th{color:var(--cyan);font-size:13px}.comic-admin-table tr:last-child td{border-bottom:0}.comic-admin-table.simple th,.comic-admin-table.simple td{padding:16px 20px}.comic-work-cell{align-items:center;gap:16px;display:flex}.comic-work-cell strong,.comic-work-cell small{display:block}.comic-work-cell small,.comic-wide-item p,.comic-comment-card small,.comic-card-head p,.comic-chapter-mini-list small,.comic-toggle-card small,.comic-dropzone p{color:var(--muted)}.comic-cover-placeholder{background:linear-gradient(135deg,#01e3c4bf,#0000 52%),linear-gradient(315deg,#ff3c77b8,#0000 58%),#15151d;border:2px solid #f7f7f7e6;border-radius:8px;width:64px;height:80px;box-shadow:6px 6px #000}.comic-pill{border-radius:999px;align-items:center;padding:5px 12px;font-size:12px;font-weight:900;display:inline-flex}.comic-pill.green{color:var(--cyan);background:#01e3c41f}.comic-pill.pink{color:var(--pink);background:#ff3c771f}.comic-pill.amber{color:#ffd778;background:#ffd7781f}.comic-upload-layout{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.comic-upload-main,.comic-upload-side,.comic-list-stack{align-content:start;gap:18px;display:grid}.comic-admin-card{gap:16px;padding:20px;display:grid}.comic-admin-card h3,.comic-wide-item h3{color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:24px;font-weight:900}.comic-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.comic-card-head p,.comic-wide-item p{margin:6px 0 0}.comic-step{color:var(--cyan);background:#01e3c41a;border:1px solid #01e3c466;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:900}.comic-step.blue{color:var(--pink);background:#ff3c771a;border-color:#ff3c775c}.comic-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.comic-field{gap:6px;display:grid}.comic-field input,.comic-field select,.comic-field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#09090d;border-radius:8px;padding:14px 16px}.comic-field textarea{resize:vertical}.comic-field input:focus,.comic-field select:focus,.comic-field textarea:focus{border-color:#01e3c48f;outline:2px solid #01e3c447}.comic-dropzone,.comic-cover-drop{text-align:center;background:linear-gradient(135deg,#01e3c41a,#0000 54%),#01e3c40a;border:1px dashed #01e3c485;border-radius:8px;place-items:center;gap:12px;display:grid}.comic-dropzone{min-height:300px;padding:28px}.comic-dropzone svg,.comic-cover-drop svg{color:var(--cyan)}.comic-dropzone strong{font-size:clamp(22px,3vw,30px)}.comic-cover-drop{min-height:240px}.comic-chapter-mini-list{gap:12px;display:grid}.comic-chapter-mini-list article,.comic-toggle-card{border:1px solid var(--line);background:#09090dbd;border-radius:8px;padding:14px 16px}.comic-chapter-mini-list article{justify-content:space-between;align-items:center;gap:16px;display:flex}.comic-chapter-mini-list strong,.comic-chapter-mini-list small,.comic-toggle-card strong,.comic-toggle-card small{display:block}.comic-chapter-mini-list button{color:var(--cyan);cursor:pointer;background:0 0;border:0;font-weight:900}.comic-toggle-card{grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid}.comic-toggle-card.compact{margin-top:4px}.comic-toggle-card>.comic-field{grid-column:1/-1}.comic-toggle{color:#ffffffe0;background:#ff3c77b8;border:1px solid #ffffff2e;border-radius:999px;justify-content:flex-end;align-items:center;width:74px;height:34px;padding:3px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #00000052,0 0 18px #ff3c771a}.comic-toggle:after{content:"";background:#f4f4f4;border-radius:50%;width:26px;height:26px;transition:left .16s;position:absolute;top:3px;left:4px;box-shadow:0 2px 7px #00000059}.comic-toggle.on{color:#fff;background:#01e3c4c7;border-color:#01e3c48c;justify-content:flex-start;box-shadow:inset 0 2px 8px #00000047,0 0 18px #01e3c42e}.comic-toggle.on:after{left:42px}.comic-toggle b{z-index:1;text-align:center;width:40px;font-size:11px;line-height:1;position:relative}.comic-check-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.comic-check-grid label{border:1px solid var(--line);color:var(--text);background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:800;display:flex}.comic-wide-item,.comic-comment-card{padding:22px 24px}.comic-wide-item{justify-content:space-between;align-items:center;gap:18px;display:flex}.comic-comment-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.comic-comment-card p{margin:18px 0}.comic-avatar{border:2px solid var(--text);background:var(--pink);color:#fff;border-radius:8px;place-items:center;width:44px;height:44px;font-weight:900;display:grid;box-shadow:4px 4px #000}.comic-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.novel-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.comic-stats-grid article{padding:22px 24px}.comic-stats-grid span{color:var(--muted);display:block}.comic-stats-grid strong{color:var(--text);margin-top:10px;font-size:clamp(30px,4vw,42px);line-height:1;display:block}.novel-cover-placeholder{background:linear-gradient(135deg,#ff3c77bd,#0000 50%),linear-gradient(315deg,#01e3c4b3,#0000 58%),repeating-linear-gradient(#15151d 0 10px,#0b0b10 10px 20px)}.novel-inline-input{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.novel-segmented{gap:10px;display:grid}.novel-segmented>span,.comic-field>span{color:var(--muted);font-size:13px;font-weight:900}.novel-segmented>div{gap:10px;width:fit-content;display:inline-flex}.novel-segmented button{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:8px;padding:9px 18px;font-weight:900}.novel-segmented button.active{border-color:var(--cyan);background:var(--cyan);color:#050507}.novel-file-drop{min-height:330px}.novel-avatar{background:var(--cyan);color:#050507}.novel-reply-box{border:1px solid var(--line);background:#ffffff08;border-radius:8px;gap:8px;margin:0 0 18px;padding:14px 16px;display:grid}.novel-reply-box strong{color:var(--cyan);font-size:13px}.novel-reply-box span{color:var(--text)}.character-admin-page{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:18px;display:grid}.character-admin-list,.character-section-card{border:1px solid var(--line);background:linear-gradient(145deg,#01e3c40d,#0000 36%),#111117f0;border-radius:8px}.character-admin-list{gap:16px;padding:16px;display:grid;position:sticky;top:90px}.character-list-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.character-list-head h2{margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:900}.character-list-head p{color:var(--muted);margin:4px 0 0;font-size:13px}.character-list-stack{gap:12px;display:grid}.character-list-stack button{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:#ffffff08;border-radius:8px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.character-list-stack button.active,.character-list-stack button:hover{background:#01e3c41a;border-color:#01e3c494}.character-mini-cover{border:1px solid var(--line);width:64px;height:64px;color:var(--cyan);background:#01e3c414;border-radius:8px;place-items:center;display:grid;overflow:hidden}.character-mini-cover img{object-fit:cover;width:100%;height:100%}.character-list-stack strong,.character-list-stack small,.character-list-stack em{display:block}.character-list-stack small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;overflow:hidden}.character-list-stack em,.character-list-stack b{color:var(--muted);font-size:12px;font-style:normal;font-weight:700}.character-editor{gap:18px;display:grid}.character-section-card{padding:24px}.character-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.character-tags-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.character-tags-row>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.character-tags-row span{color:var(--muted);flex-basis:100%;font-size:13px;font-weight:900}.character-tags-row b{color:var(--cyan);background:#01e3c41a;border:1px solid #01e3c461;border-radius:999px;padding:6px 12px;font-size:13px}.character-tags-row .bad b{color:var(--pink);background:#ff3c771a;border-color:#ff3c775c}.character-hero-image{border:1px solid var(--line);min-height:360px;color:var(--cyan);background:linear-gradient(135deg,#01e3c414,#ff3c7714),#09090d;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.character-hero-image img{object-fit:cover;width:100%;height:430px}.character-hero-image span{color:#fff;background:#0000009e;border:1px solid #00000080;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900;position:absolute;top:16px;left:16px}.character-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.character-gallery article{border:1px solid var(--line);background:#09090dd6;border-radius:8px;overflow:hidden}.character-gallery img{aspect-ratio:4/3;object-fit:cover;width:100%}.character-gallery .comic-field{padding:10px 12px 0}.character-gallery .comic-field input{min-height:38px;padding:8px 10px}.character-image-actions{flex-wrap:wrap;gap:8px;padding:10px 12px 12px;display:flex}.character-image-actions .comic-soft-button{min-height:32px;padding:7px 10px}.home-role-admin-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.home-role-admin-card{border:1px solid var(--line);background:#09090dc7;border-radius:8px;gap:12px;padding:12px;display:grid}.home-role-preview{background:#030824;border:1px solid #01e3c433;border-radius:8px;min-height:260px;position:relative;overflow:hidden}.home-role-preview img{object-fit:cover;filter:saturate(1.08)brightness(.8);width:100%;height:100%;min-height:260px}.home-role-preview span{color:#fff;background:#000000ad;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;position:absolute;bottom:10px;left:10px}.home-role-range{color:var(--muted);gap:8px;font-size:12px;font-weight:900;display:grid}.home-role-range input{width:100%;accent-color:var(--cyan)}.character-bottom-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.product-category-stack{gap:18px;display:grid}.product-category-card{gap:18px}.product-subset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-subset-grid button{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:#09090dbd;border-radius:8px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.product-subset-grid button:hover{background:#01e3c414;border-color:#01e3c47a}.product-subset-grid span,.product-thumb{border:1px solid var(--line);width:72px;height:72px;color:var(--cyan);background:#01e3c414;border-radius:8px;place-items:center;display:grid;overflow:hidden}.product-subset-grid img,.product-thumb img{object-fit:cover;width:100%;height:100%}.product-subset-grid strong,.product-subset-grid small{display:block}.product-subset-grid small{color:var(--muted);margin-top:6px}.product-edit-layout{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:start;gap:18px;display:grid}.product-edit-main,.product-edit-side{gap:18px;display:grid}.product-main-image{min-height:320px;color:var(--cyan);background:linear-gradient(135deg,#01e3c41a,#0000 52%),#01e3c40a;border:1px dashed #01e3c480;border-radius:8px;place-items:center;display:grid;overflow:hidden}.product-main-image img{object-fit:cover;width:100%;height:360px}.product-detail-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.product-delivery-card{position:sticky;top:90px}.product-delivery-preview{background:#01e3c40f;border:1px solid #01e3c447;border-radius:8px;gap:14px;padding:18px;display:grid}.product-delivery-preview h3{color:var(--cyan);font-size:18px}.product-delivery-preview input{color:var(--cyan);background:#01e3c414}.product-stats-panels{grid-template-columns:minmax(0,1fr) 360px;gap:18px;display:grid}.product-chart-bars{border:1px solid var(--line);background:#09090dbd;border-radius:8px;align-items:end;gap:14px;height:260px;padding:18px;display:flex}.product-chart-bars span{background:linear-gradient(180deg, var(--cyan), #01e3c42e), var(--cyan);border-radius:8px 8px 0 0;flex:1;min-height:24px}.product-detail-page{padding:clamp(96px,12vw,150px) 0 80px}.product-detail-hero,.product-detail-usage{width:min(1180px,100% - 32px);margin:0 auto}.product-detail-hero{grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:stretch;gap:28px;display:grid}.product-detail-image{background:#ffffff0a;border:1px solid #01e3c442;border-radius:10px;min-height:520px;overflow:hidden}.product-detail-image img{object-fit:contain;background:#050507;width:100%;height:100%;display:block}.product-detail-panel,.product-detail-usage{background:#111117c7;border:1px solid #01e3c442;border-radius:10px}.product-detail-panel{flex-direction:column;justify-content:center;gap:18px;padding:clamp(22px,4vw,34px);display:flex}.product-detail-panel h1{color:var(--cyan);margin:0;font-size:clamp(34px,5vw,64px);line-height:1}.product-detail-price{color:var(--pink);font-size:clamp(28px,4vw,44px)}.product-detail-usage{margin-top:28px;padding:clamp(22px,4vw,34px)}.product-detail-usage h2{color:var(--cyan);margin:0 0 12px}.product-detail-usage p{color:var(--muted);line-height:1.8}.product-stat-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.product-stat-row:last-child{border-bottom:0}.product-stat-row span{color:var(--muted)}.illustration-admin-page{grid-template-columns:350px minmax(0,1fr);align-items:start;gap:18px;display:grid}.illustration-side{border:1px solid var(--line);background:linear-gradient(145deg,#01e3c40d,#0000 36%),#111117f0;border-radius:8px;gap:16px;padding:16px;display:grid;position:sticky;top:90px}.illustration-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.illustration-mini-stats article{background:#01e3c40f;border:1px solid #01e3c433;border-radius:8px;padding:14px 16px}.illustration-mini-stats span,.illustration-list small{color:var(--muted);font-size:13px;display:block}.illustration-mini-stats strong{margin-top:8px;font-size:30px;display:block}.illustration-category-list{gap:10px;display:grid}.illustration-category-list button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-weight:900;display:flex}.illustration-category-list button:hover{background:#01e3c414;border-color:#01e3c473}.illustration-category-list button.active{background:#01e3c41f;border-color:#01e3c49e}.illustration-category-list b{color:var(--muted);background:#ffffff14;border-radius:999px;padding:4px 9px}.illustration-filter-note{color:var(--cyan);margin:-4px 0 0;font-size:13px;font-weight:900}.illustration-list{gap:12px;display:grid}.illustration-list button{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:#ffffff08;border-radius:8px;grid-template-columns:78px minmax(0,1fr) max-content;align-items:center;gap:12px;padding:12px;display:grid}.illustration-list button.active,.illustration-list button:hover{background:#01e3c41a;border-color:#01e3c48f}.illustration-list span{width:78px;height:64px;color:var(--cyan);background:#01e3c414;border-radius:8px;place-items:center;display:grid;overflow:hidden}.illustration-list img{object-fit:cover;width:100%;height:100%}.illustration-list strong,.illustration-list em{display:block}.illustration-list small{grid-column:2}.illustration-list em{color:var(--cyan);white-space:nowrap;writing-mode:horizontal-tb;background:#01e3c41f;border-radius:999px;padding:5px 10px;font-size:12px;font-style:normal;font-weight:900;line-height:1}.illustration-editor{gap:18px;display:grid}.illustration-stage-shell{--illustration-motion-tilt:0deg;height:calc(100svh - 70px);min-height:640px;color:var(--text);cursor:grab;isolation:isolate;-webkit-user-select:none;user-select:none;touch-action:none;background:#020204;position:relative;overflow:hidden}.illustration-stage-shell:active{cursor:grabbing}.illustration-view-toggle{z-index:74;color:#050507;text-align:center;background:radial-gradient(circle at 32% 28%,#ffffff29,#0000 30%),linear-gradient(145deg,#01e3c4f5,#ff3c77db);border:1px solid #01e3c4b3;border-radius:50%;place-items:center;width:clamp(76px,8vw,104px);height:clamp(76px,8vw,104px);font-weight:1000;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:grid;position:fixed;top:clamp(92px,11vw,132px);right:clamp(18px,3vw,44px);box-shadow:0 18px 48px #0000006b,0 0 28px #01e3c45c}.illustration-view-toggle:hover{filter:saturate(1.08);transform:translateY(-2px)scale(1.03);box-shadow:0 22px 60px #00000085,0 0 36px #ff3c7752,0 0 42px #01e3c45c}.illustration-view-toggle span,.illustration-view-toggle small{line-height:1;display:block}.illustration-view-toggle span{font-size:clamp(18px,2.1vw,25px)}.illustration-view-toggle small{color:#050507c2;margin-top:4px;font-size:clamp(11px,1.2vw,13px)}.shop-view-toggle{background:radial-gradient(circle at 32% 28%,#ffffff24,#0000 30%),linear-gradient(145deg,#ff3c77eb,#01e3c4e6)}.illustration-stage-shell:before{display:none}.illustration-stage{z-index:1;perspective:950px;will-change:transform;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.illustration-stage-board{width:100%;height:100%;position:absolute;top:0;left:0}.illustration-stage-shell{--illustration-card-width:330px;--illustration-card-height:450px}.illustration-stage-card{width:var(--illustration-card-width);height:var(--illustration-card-height);color:var(--text);cursor:pointer;transform-origin:0 0;transform-style:preserve-3d;will-change:transform;background:0 0;border:0;border-radius:10px;padding:0;display:block;position:absolute;top:0;left:0;overflow:visible;transform:translate(0,0)}.illustration-stage-card-frame{transform-origin:50%;background:#08080a;border-radius:10px;width:100%;height:100%;transition:filter .18s,transform .18s,box-shadow .18s;display:block;overflow:hidden;transform:scale(1);box-shadow:0 24px 62px #0000008a}.illustration-stage-shell.is-moving .illustration-stage-card-frame{filter:none;transition:none;transform:scale(1);box-shadow:0 18px 44px #0000007a}.illustration-stage-shell.is-moving .illustration-stage-card:hover .illustration-stage-card-frame{filter:none;transform:scale(1);box-shadow:0 18px 44px #0000007a}.illustration-stage-card:hover .illustration-stage-card-frame{filter:saturate(1.08)brightness(1.08);transform:scale(1.035);box-shadow:0 30px 76px #000000ad}.illustration-stage-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.illustration-stage-card:after{display:none}.illustration-empty-state{z-index:2;background:#111117b8;border:1px solid #01e3c447;border-radius:8px;width:min(420px,100% - 40px);padding:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.illustration-empty-state h3{color:var(--cyan);margin:0 0 8px}.illustration-lightbox{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:zoom-out;background:#000000b8;place-items:center;padding:clamp(28px,8vh,86px) clamp(28px,9vw,172px);display:grid;position:fixed;inset:0}.illustration-lightbox-panel{cursor:default;background:0 0;border-radius:12px;max-width:min(100%,1530px);max-height:min(100%,690px);display:inline-block;position:relative;box-shadow:0 38px 96px #000000ad}.illustration-lightbox-panel img{object-fit:contain;pointer-events:none;background:0 0;border-radius:12px;max-width:min(100%,1530px);max-height:min(100vh - 170px,690px);display:block}.illustration-lightbox-copy{color:#fff;text-shadow:0 3px 18px #000000eb,0 1px 2px #000000f2;max-width:min(520px,100% - 48px);position:absolute;bottom:clamp(18px,3vw,40px);left:clamp(18px,3vw,42px)}.illustration-lightbox-copy .meta{color:#ffffffc7;margin:0 0 8px}.illustration-lightbox-panel h3{color:#fff;margin:0 0 10px;font-size:clamp(28px,4vw,54px);line-height:1.1}.illustration-lightbox-panel p{color:#ffffffdb;margin:0;font-weight:700}.illustration-wallpaper-buy{color:#050507;background:#01e3c4e6;border:1px solid #01e3c49e;border-radius:999px;padding:12px 18px;font-weight:1000;text-decoration:none;position:absolute;bottom:clamp(18px,3vw,40px);right:clamp(18px,3vw,40px);box-shadow:0 16px 34px #0000006b,0 0 28px #01e3c447}.illustration-wallpaper-buy:hover{color:#fff;background:#ff3c77eb;border-color:#ff3c77b8}.illustration-lightbox-close{z-index:82;width:44px;height:44px;color:var(--text);cursor:pointer;background:#050507d1;border:1px solid #ffffff2e;border-radius:8px;place-items:center;display:grid;position:fixed;top:clamp(16px,3vw,34px);right:clamp(16px,3vw,34px)}.illustration-lightbox-close:hover{color:var(--pink);border-color:#ff3c77a6}.illustration-tag-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.illustration-tag-row span{color:var(--cyan);background:#01e3c414;border:1px solid #01e3c442;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.illustration-screen-shield{z-index:120;color:#ffffffbd;letter-spacing:0;opacity:0;pointer-events:none;background:#000;place-items:center;font-size:14px;font-weight:900;transition:opacity .12s;display:grid;position:fixed;inset:0}.illustration-screen-shield.visible{opacity:1;pointer-events:auto}.comic-admin-table{min-width:760px}.comic-admin-table td:first-child{min-width:360px}.manga-real-admin{gap:18px;display:grid}.manga-admin-layout{align-items:start}.manga-admin-message,.manga-admin-empty{color:#334155;background:#ffffffc2;border:1px solid #0f172a1a;border-radius:8px;padding:12px 14px;font-weight:800}.manga-admin-thumb{object-fit:cover;border-radius:8px;width:54px;height:70px;box-shadow:0 10px 24px #0f172a29}.manga-file-button{cursor:pointer;position:relative;overflow:hidden}.manga-file-button.disabled{cursor:wait;opacity:.72}.manga-file-button input{opacity:0;cursor:inherit;position:absolute;inset:0}.manga-cover-crop-tool{background:#ffffff9e;border:1px solid #0f172a1a;border-radius:8px;gap:14px;padding:14px;display:grid}.manga-cover-crop-preview{aspect-ratio:.66;background:#0f172a;border-radius:8px;width:min(220px,100%);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a29}.manga-cover-crop-preview img{object-fit:cover;opacity:.72;width:100%;height:100%}.manga-cover-crop-frame{pointer-events:none;background:#01e3c41a;border:2px solid #01e3c4f0;position:absolute;box-shadow:0 0 0 999px #0f172a75,0 0 18px #01e3c447}.manga-cover-crop-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;display:grid}.manga-cover-crop-controls label{color:#334155;gap:6px;font-size:12px;font-weight:900;display:grid}.manga-cover-crop-controls input{width:100%}.manga-page-dropzone{color:#334155;cursor:pointer;text-align:center;background:#eff6f9bd;border:1px dashed #0f172a42;border-radius:10px;place-items:center;gap:8px;min-height:150px;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.manga-page-dropzone:hover,.manga-page-dropzone:focus-visible,.manga-page-dropzone.is-active{background:#e0f2feeb;border-color:#0ea5e9b8;transform:translateY(-1px)}.manga-page-dropzone strong{color:#0f172a}.manga-page-grid{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:14px;margin-top:16px;display:grid}.manga-page-card{cursor:grab;background:#0f172a;border:2px solid #0000;border-radius:10px;min-height:230px;position:relative;overflow:hidden;box-shadow:0 12px 28px #0f172a2e}.manga-page-card.selected{border-color:#ff563f;box-shadow:0 0 0 3px #ff563f2e,0 12px 28px #0f172a2e}.manga-page-card.is-spread{border-color:#0ea5e9}.manga-page-card img{object-fit:cover;pointer-events:none;width:100%;height:230px}.manga-page-select{z-index:2;color:#0f172a;cursor:pointer;background:#ffffffeb;border-radius:999px;width:34px;height:34px;font-weight:900;position:absolute;top:8px;left:8px}.manga-page-card-actions{z-index:2;justify-content:center;gap:6px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.manga-page-card-actions button{color:#0f172a;cursor:pointer;background:#ffffffe6;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.manga-spread-badge{z-index:2;color:#fff;background:#0ea5e9f0;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:900;position:absolute;top:8px;right:8px}.manga-admin-list{gap:10px;display:grid}.manga-admin-list button{color:#0f172a;cursor:pointer;text-align:left;background:#ffffffb8;border:1px solid #0f172a1f;border-radius:8px;gap:4px;padding:12px;display:grid}.manga-admin-list span{color:#64748b;font-size:12px;font-weight:800}.manga-admin-preview{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f9faf0;border-radius:12px;grid-template-rows:auto minmax(0,1fr);gap:16px;padding:22px;display:grid;position:fixed;inset:4vh 4vw;overflow:hidden;box-shadow:0 30px 90px #0f172a57}.manga-preview-close{color:#0f172a;cursor:pointer;background:#fff;border-radius:999px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;right:18px}.manga-preview-strip{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid;overflow:auto}.manga-preview-strip figure{gap:8px;margin:0;display:grid}.manga-preview-strip figure>div{background:#fff;border:3px solid #141820;display:grid;overflow:hidden}.manga-preview-strip figure.spread>div{grid-template-columns:1fr 1fr}.manga-preview-strip img{object-fit:cover;width:100%;height:220px}.manga-order-filter{max-width:420px}.footer{border-top:1px solid var(--line);color:var(--muted);background:#050507;margin-top:54px;padding:32px clamp(18px,4vw,56px)}.footer-brandline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.footer strong{color:var(--text);align-items:center;gap:10px;display:inline-flex}.footer strong img{object-fit:contain;width:54px;height:32px}.footer-links{flex-wrap:wrap;gap:10px 16px;margin-top:18px;display:flex}.footer-links a{color:var(--muted);font-size:13px;font-weight:900;text-decoration:none}.footer-links a:hover{color:var(--cyan)}.footer-note{margin:14px 0 0;font-size:12px}.footer-course-notice{color:#f7f7f7ad;max-width:980px;margin:12px 0 0;font-size:12px;line-height:1.7}.footer-course-notice a{color:var(--cyan);margin-left:8px;font-weight:900;text-decoration:none}@media (max-width:860px){.hero{align-items:start;min-height:min(720px,100svh - 72px);padding:clamp(34px,7vh,58px) 0 34px}.hero-with-bg{background-position:48% 0}.hero-grid-solo{align-self:start}.hero-grid,.grid,.grid.two,.legal-layout,.dashboard,.admin-workbench,.auth-panel,.admin-grid,.split-layout,.upload-workspace,.course-upload-grid,.lesson-group-head,.lesson-row-editor,.comic-upload-layout,.comic-form-grid,.comic-stats-grid,.novel-stats-grid,.novel-inline-input,.character-admin-page,.character-form-grid,.character-tags-row,.character-gallery,.product-subset-grid,.product-edit-layout,.product-detail-gallery,.product-detail-hero,.product-stats-panels,.illustration-admin-page,.illustration-mini-stats,.account-grid,.account-stat-strip,.editor-body{grid-template-columns:1fr}.legal-nav{position:static}.comic-studio-head,.comic-wide-item,.comic-chapter-mini-list article{flex-direction:column;align-items:flex-start}.comic-comment-card{grid-template-columns:auto minmax(0,1fr)}.comic-comment-card .comic-pill{grid-column:1/-1;width:fit-content}.admin-sidebar{position:static}.user-center-layout{display:block}.illustration-view-toggle{top:84px;right:16px}.user-hero-card,.user-form-grid,.user-bind-grid,.user-favorite-grid{grid-template-columns:1fr}.user-nav-card{background:0 0;border:0;margin:0 -18px 22px;padding:0;position:relative}.user-hero-card{padding:18px}.user-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.user-nav-card{top:auto}.user-nav-card:before,.user-nav-card:after{color:#01e3c4c7;z-index:2;pointer-events:none;align-items:center;width:54px;font-size:18px;font-weight:900;display:grid;position:absolute;top:0;bottom:0}.user-nav-card:before{content:"‹";background:linear-gradient(90deg,#050507 0%,#05050700);justify-items:start;padding-left:7px;left:0}.user-nav-card:after{content:"›";background:linear-gradient(270deg,#050507 0%,#05050700),radial-gradient(circle at 74%,#01e3c447,#0000 44%);justify-items:end;padding-right:7px;right:0}.user-nav-card h2{display:none}.user-nav-card nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;padding:0 18px 12px;scroll-padding:18px;display:flex;overflow-x:auto}.user-nav-card nav::-webkit-scrollbar{display:none}.user-nav-card button{min-width:88px;height:44px;color:var(--muted);text-align:center;background:#0d1626f0;border-color:#ffffff14;border-radius:999px;flex:none;justify-content:center;gap:8px;padding:0 16px;display:inline-flex}.user-nav-card button.active{color:var(--cyan);background:#01e3c421;border-color:#01e3c49e;box-shadow:inset 0 0 0 1px #01e3c42e,0 0 18px #01e3c41f}.user-nav-icon{background:0 0;border:0;width:auto;height:auto}.user-nav-icon svg{width:16px;height:16px}.user-nav-card em{font-size:14px;font-weight:900;line-height:1;display:block}.user-nav-card strong,.user-nav-card small{display:none}.user-panel-title,.user-record-list article,.user-setting-list article{flex-direction:column;align-items:flex-start}.character-admin-list,.product-delivery-card,.illustration-side{position:static}.illustration-stage-shell{--illustration-card-width:188px;--illustration-card-height:282px;height:calc(100svh - 62px);min-height:560px}.illustration-stage{perspective:none;transform:translate(-50%,-50%)}.illustration-stage-card{will-change:auto;transform-style:flat;border-radius:8px}.illustration-stage-card-frame{box-shadow:none;transform:rotate(calc(var(--illustration-motion-tilt) + var(--tilt-bias,0deg)));will-change:transform;border-radius:8px;transition:transform 80ms linear}.illustration-stage-card:hover .illustration-stage-card-frame,.illustration-stage-shell.is-moving .illustration-stage-card:hover .illustration-stage-card-frame,.illustration-stage-shell.is-moving .illustration-stage-card-frame{box-shadow:none;filter:none;transform:rotate(calc(var(--illustration-motion-tilt) + var(--tilt-bias,0deg)))}.illustration-stage-copy{display:none}.illustration-lightbox{padding:14px}.illustration-lightbox-panel,.illustration-lightbox-panel img{max-width:100%;max-height:86vh}.panel-head{flex-direction:column}.poster strong{font-size:48px}}@media (max-width:640px){.user-center-page{gap:18px;width:100%;max-width:100vw;padding:18px 12px 40px;overflow-x:hidden}.user-hero-card{background:0 0;border:0;grid-template-columns:62px minmax(0,1fr);gap:12px;min-height:0;padding:8px 0 0}.user-avatar{background:var(--cyan);color:#050507;border-radius:18px;width:62px;height:62px;font-size:26px}.user-hero-copy .meta{display:none}.user-hero-copy h1{overflow-wrap:anywhere;margin:0 0 2px;font-size:clamp(18px,5vw,22px);line-height:1.18}.user-hero-copy h1:first-letter{letter-spacing:0}.user-hero-copy p:not(.meta){white-space:normal;margin:0;font-size:12px;overflow:visible}.user-login-meta{gap:2px;line-height:1.35;display:grid}.user-hero-badges,.user-hero-stats{display:none}.user-center-layout{display:block}.user-nav-card{margin:4px -12px 18px}.user-nav-card:before,.user-nav-card:after{width:42px}.user-nav-card nav{padding-inline:12px;scroll-padding:12px}.user-nav-card button{gap:6px;min-width:78px;height:40px;padding:0 13px}.user-detail-card{background:radial-gradient(circle at 94% 10%,#01e3c433,#0000 32%),#0c1220f0;border-radius:22px;width:100%;min-height:420px;padding:20px}.user-panel-title{margin-bottom:18px}.user-panel-title h2{font-size:24px}.user-panel-title p{margin-top:4px;font-size:13px}.user-form-grid,.user-bind-grid,.user-favorite-grid{grid-template-columns:1fr}.user-bind-grid,.user-card-list,.user-record-list,.user-progress-list,.user-setting-list{gap:12px}.user-bind-grid article,.user-card-list a,.user-record-list article,.user-progress-list article,.user-favorite-grid article,.user-setting-list article{background:#08101ec7;border-radius:18px;min-width:0;padding:15px}.user-card-list a{gap:8px}.user-record-list article,.user-setting-list article{align-items:flex-start}.user-progress-list article{grid-template-columns:1fr}.user-progress-list a{width:fit-content}}.comic-feature{background:#030824;min-height:clamp(720px,52vw,804px);padding:clamp(92px,10vw,136px) 0}.data-stream-zone{isolation:isolate;position:relative;overflow:hidden}.data-stream-zone>section{z-index:0;position:relative}.data-stream-zone .container{z-index:2;position:relative}.data-matrix{z-index:1;pointer-events:none;opacity:.72;background-image:linear-gradient(#01e3c421 1px,#0000 1px),linear-gradient(90deg,#01e3c421 1px,#0000 1px),linear-gradient(#0000 0%,#01e3c414 100%);background-size:34px 34px,34px 34px,100% 100%;height:min(38%,300px);position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 38% 100%);mask-image:linear-gradient(#0000 0%,#000 38% 100%)}.data-matrix span{color:#01e3c400;text-shadow:none;font-family:Courier New,monospace;font-size:12px;font-weight:800;line-height:1;transition:color .18s,text-shadow .18s,transform .18s;position:absolute;bottom:34px;transform:translate(-50%,50%)scale(.82)}.data-matrix span:nth-child(3n+1){bottom:68px}.data-matrix span:nth-child(4n+2){bottom:102px}.data-matrix span.active{color:#01e3c4e6;text-shadow:0 0 8px #01e3c4c2,0 0 20px #ff3c7738;animation:.76s ease-out forwards matrix-node-fade;transform:translate(-50%,50%)scale(1)}.data-matrix span.active:nth-child(2n){color:#ff3c77c2;text-shadow:0 0 8px #ff3c778f,0 0 18px #01e3c438}@keyframes matrix-node-fade{0%{opacity:0}18%{opacity:1}to{opacity:0}}.straight-marquee{z-index:4;pointer-events:none;background:linear-gradient(#0000 0%,#ffdc4614 31%,#ffdc461c 50%,#ffdc4614 69%,#0000 100%),linear-gradient(90deg,#03082405,#03082447,#03082405);height:clamp(84px,9vw,126px);margin-top:calc(clamp(84px,9vw,126px)/-2);margin-bottom:calc(clamp(84px,9vw,126px)/-5.55556);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 24% 76%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 24% 76%,#0000 100%)}.straight-marquee:before,.straight-marquee:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.straight-marquee:before{background:linear-gradient(90deg,#030824 0%,#0000 9% 91%,#030824 100%)}.straight-marquee:after{box-shadow:inset 0 18px 28px #030824bd,inset 0 -18px 28px #030824c2,0 0 30px #ffd6402e}.straight-marquee-track{filter:drop-shadow(0 0 8px #ffe65fe6)drop-shadow(0 0 22px #ffc4287a);will-change:transform;width:max-content;animation:24s linear infinite straight-marquee-scroll;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.straight-marquee-segment{flex:none;display:flex}.straight-marquee img{opacity:.96;flex:none;width:auto;height:clamp(38px,4.8vw,68px);display:block}.creation-boundary-marquee .straight-marquee-track{animation-duration:24s}@keyframes straight-marquee-scroll{0%{transform:translateY(-50%)}to{transform:translate(-50%,-50%)}}.comic-feature-grid{grid-template-columns:minmax(660px,1fr) minmax(440px,.86fr);align-items:center;gap:clamp(20px,2.8vw,36px);display:grid}.home-creation-scroll{height:480vh;min-height:3000px;scroll-margin-top:76px;position:relative}.home-creation-section{box-sizing:border-box;color:#f7f7fb;isolation:isolate;background:radial-gradient(circle at 22% 22%,#01e3c42e,#0000 28%),radial-gradient(circle at 78% 72%,#ff3c7729,#0000 30%),#050507;height:100vh;min-height:680px;position:sticky;top:0;overflow:hidden}.creation-image-background{z-index:0;pointer-events:none;background:linear-gradient(#01e3c41f 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#01e3c41f 1px,#0000 1px) 0 0/34px 34px,radial-gradient(circle at 44% 78%,#ffce5b1f,#0000 26%),linear-gradient(#06132c 0%,#041227 56%,#02060f 100%);position:absolute;inset:0;overflow:hidden}.creation-image-background span{--bg-image:none;--bg-opacity:1;background-image:var(--bg-image);opacity:var(--bg-opacity);filter:saturate(1.04)brightness(1.02);will-change:opacity;background-position:50%;background-size:cover;transition:none;position:absolute;inset:0;transform:scale(1.025)}.creation-image-background span.next{z-index:0}.creation-image-background:after{content:"";z-index:2;background:radial-gradient(circle at 42% 46%,#05050700,#05050729 68%),linear-gradient(90deg,#0505073d,#0505070a 48%,#05050742),linear-gradient(#05050738,#05050705 40%,#05050757);position:absolute;inset:0}.creation-image-hex-layer{--hex-width:max(190px, 12vw);--hex-height:calc(var(--hex-width) * .866);z-index:1;pointer-events:none;background:0 0;position:absolute;inset:-8vh -8vw}.creation-image-hex-layer i{--hex-col:0;--hex-row:0;--hex-scale:1;--hex-stagger:0;--tile-image:none;left:calc(var(--hex-col) * var(--hex-width) * .78 + var(--hex-stagger) * var(--hex-width) * .39);top:calc(var(--hex-row) * var(--hex-height) * .9);width:calc(var(--hex-width) * 1.18);height:calc(var(--hex-height) * 1.18);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);filter:saturate(1.04)brightness(1.02);opacity:calc(min(1, var(--hex-scale) * 1.4));transform:scale(max(.001, var(--hex-scale)));transform-origin:50%;will-change:transform, opacity;position:absolute;overflow:hidden}.creation-image-hex-layer i b{left:calc(8vw - var(--hex-col) * var(--hex-width) * .78 - var(--hex-stagger) * var(--hex-width) * .39);top:calc(8vh - var(--hex-row) * var(--hex-height) * .9);background-image:var(--tile-image);background-position:50%;background-size:cover;width:100vw;height:100vh;position:absolute;transform:scale(1.025)}.mobile-creation-hex-layer{--hex-width:max(126px, 34vw);--hex-height:calc(var(--hex-width) * .866);z-index:1;pointer-events:none;position:absolute;inset:-10vh -16vw}.mobile-creation-hex-layer span{--hex-col:0;--hex-row:0;--hex-stagger:0;--mobile-hex-scale:0;--tile-image:none;inset:auto;left:calc(var(--hex-col) * var(--hex-width) * .78 + var(--hex-stagger) * var(--hex-width) * .39);top:calc(var(--hex-row) * var(--hex-height) * .9);width:calc(var(--hex-width) * 1.16);height:calc(var(--hex-height) * 1.16);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);opacity:0;transform:scale(max(.001, var(--mobile-hex-scale)));transform-origin:50%;will-change:transform, opacity;background:0 0;position:absolute;overflow:hidden}.mobile-creation-hex-layer span i{left:calc(16vw - var(--hex-col) * var(--hex-width) * .78 - var(--hex-stagger) * var(--hex-width) * .39);top:calc(10vh - var(--hex-row) * var(--hex-height) * .9);background-image:var(--tile-image);background-position:50%;background-size:cover;width:100vw;height:100vh;display:block;position:absolute;transform:scale(1.01)}.creation-hex-background{--cell-light:0;z-index:1;opacity:.74;width:max(178vh,130vw);height:max(178vh,130vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(.001deg)}.creation-hex-cell{fill:#01e3c406;stroke:color-mix(in srgb, #01e3c43d, #ff3c779e calc(var(--cell-light) * 100%));stroke-width:1px;transition:stroke .42s cubic-bezier(.2,.6,.45,1)}.creation-feature-main{z-index:2;will-change:transform;align-items:center;gap:clamp(250px,26vw,520px);width:max-content;transition:transform 80ms linear;display:flex;position:absolute;top:46%;left:50%;transform:translate(0,0)}.creation-feature-title{width:max-content;color:var(--text);flex:none;justify-content:center;align-items:center;gap:clamp(14px,2vw,24px);display:flex;transform:translate(-50%,-50%)}.creation-feature-title p{color:var(--cyan);letter-spacing:0;text-transform:uppercase;writing-mode:vertical-rl;margin:0;font-size:clamp(13px,1vw,16px);font-weight:1000}.creation-feature-title h2{color:#f7f7fb;text-shadow:0 0 22px #01e3c447,0 0 46px #ff3c772e;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(76px,13vw,178px);font-weight:1000;line-height:.9}.creation-feature-mark{gap:5px;display:grid;position:relative}.creation-feature-mark i{aspect-ratio:1.1547;background:var(--cyan);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:clamp(12px,1.4vw,20px);display:block;box-shadow:0 0 18px #01e3c480}.creation-feature-mark i:nth-child(2){background:var(--pink);margin-left:10px;box-shadow:0 0 18px #ff3c7785}.creation-feature-strip{grid-template-columns:repeat(4,minmax(260px,340px));gap:clamp(260px,28vw,560px);display:grid;transform:translateY(-50%)}.creation-feature-card{clip-path:polygon(0 0,100% 0,100% calc(100% - 42px),calc(100% - 42px) 100%,0 100%);min-height:clamp(260px,28vw,390px);color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.62;background:#0a0a0ec7;border:0;border-radius:8px;align-content:end;padding:clamp(22px,2.4vw,32px);text-decoration:none;transition:opacity .26s,transform .26s,box-shadow .26s;display:grid;transform:translateY(22px)scale(.94);box-shadow:0 34px 76px #00000057}.creation-feature-card.active,.creation-feature-card:hover{opacity:1;transform:translateY(0)scale(1);box-shadow:0 44px 92px #0000007a,0 0 36px #01e3c438}.creation-feature-card span{color:var(--pink);text-transform:uppercase;font-size:12px;font-weight:1000}.creation-feature-card strong{color:var(--cyan);margin-top:8px;font-size:clamp(26px,2.4vw,36px);font-weight:1000}.creation-feature-card small{color:#f7f7fbb8;margin-top:12px;font-size:15px;line-height:1.7}.creation-feature-card em{width:fit-content;color:var(--cyan);border:1px solid #01e3c4ad;border-radius:999px;margin-top:22px;padding:8px 14px;font-size:13px;font-style:normal;font-weight:900}.creation-scroll-cue{z-index:2;color:#f7f7fbb8;text-transform:uppercase;writing-mode:vertical-rl;justify-items:center;gap:10px;font-size:10px;font-weight:1000;display:grid;position:absolute;bottom:clamp(28px,4vw,56px);right:clamp(22px,3vw,42px)}.creation-scroll-cue i{border:1px solid;border-radius:999px;width:9px;height:9px;animation:1.2s ease-in-out infinite creation-scroll-dot;display:block}@keyframes creation-scroll-dot{0%,to{opacity:.42;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}.role-stack{grid-template-columns:repeat(4,minmax(0,184px));justify-content:center;align-items:center;gap:clamp(6px,.9vw,10px);min-height:500px;display:grid}.role-card{background-color:#01e3c4;border:1px solid #ffffff14;border-radius:8px;align-items:end;width:100%;height:424px;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 42px #0000005c}.role-card img{object-fit:cover;filter:saturate(1.08)brightness(.72);width:100%;height:100%;transition:transform .2s,filter .2s;position:absolute;inset:0}.role-card:after{content:"";background:linear-gradient(#05050714,#05050752 58%,#050507e0);position:absolute;inset:0}.role-card:hover{transform:translateY(-10px);box-shadow:0 34px 60px #00000075}.role-card:hover img{filter:saturate(1.18)brightness(.86);transform:scale(1.04)}.role-card:active{outline:2px solid var(--pink);box-shadow:0 18px 36px #ff3c7747}.role-card span{z-index:1;color:#fff;width:100%;padding:12px;font-size:13px;font-weight:800;position:relative}.role-card strong,.role-card small{display:block}.role-card-2{z-index:2;height:458px;top:34px}.role-card-4{height:458px;top:34px}.comic-copy{max-width:560px}.pink-meta{color:var(--pink)}.comic-copy h2{color:var(--cyan);white-space:nowrap;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(38px,5vw,58px);font-weight:900}.comic-line{color:#aab0c8b3;margin:24px 0 28px;font-size:20px;line-height:1.9}.comic-btn{min-width:150px}.comic-feature+.section{padding-top:70px}@media (max-width:860px){.hero{align-items:start;min-height:auto;padding:clamp(28px,6vh,48px) 0 clamp(28px,6vh,46px)}.hero-with-bg{background-position:top;background-size:cover}.hero-with-bg:before{background:linear-gradient(90deg,#05050757 0%,#0505073d 48%,#0505071f 100%),linear-gradient(#05050714 0%,#05050729 62%,#050507c7 100%)}.hero h1{margin-top:12px}.hero .lead{max-width:95%}.hero .actions{margin-top:22px}.comic-feature{min-height:auto;padding:58px 0}.home-creation-section{min-height:640px}.home-creation-scroll{height:440vh;min-height:2600px}.creation-hex-background{width:max(160vh,230vw);height:max(160vh,230vw)}.creation-feature-main{gap:clamp(110px,32vw,180px);transition:none;top:50%}.creation-feature-title{width:max-content;transform:translate(-50%,-50%)}.creation-feature-title h2{font-size:clamp(72px,26vw,126px)}.creation-feature-title p{font-size:12px}.creation-feature-strip{grid-template-columns:repeat(4,minmax(236px,72vw));gap:clamp(96px,28vw,150px)}.creation-feature-card{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:.72;min-height:330px;padding:24px;transition:opacity .12s linear,transform .12s linear;transform:translateY(0)scale(.98);box-shadow:0 18px 38px #00000057}.creation-feature-card.active,.creation-feature-card:hover{transform:translateY(0)scale(1);box-shadow:0 20px 42px #00000061}.creation-image-background:after{background:linear-gradient(90deg,#05050733,#0505070a 48%,#05050738),linear-gradient(#05050729,#0505070a 44%,#05050747)}.creation-image-background span{filter:saturate(1.02)brightness();transform:scale(1.01)}.creation-scroll-cue{bottom:28px;right:18px}.comic-feature-grid{grid-template-columns:1fr}.role-stack{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-height:250px;padding-bottom:0;overflow:visible}.role-card{background-size:auto 340px;width:100%;height:clamp(210px,55vw,286px)}.role-card-1{top:0}.role-card-2{height:clamp(230px,60vw,306px);top:22px}.role-card-3{top:0}.role-card-4{height:clamp(230px,60vw,306px);top:22px}.comic-copy h2{white-space:normal;font-size:34px}.comic-line{margin-bottom:22px;font-size:18px}.product-card{min-height:0}}.manga-experience{--book-float-y:0px;--book-rotate-x:0deg;--book-rotate-y:0deg;--book-rotate-z:0deg;--manga-timeline-direction:normal;--trail-opacity:0;color:#dceff4;isolation:isolate;background-color:#0000;background-image:radial-gradient(closest-side,#81a4ba,#81a4ba00),radial-gradient(closest-side,#364c6e,#364c6e00),radial-gradient(closest-side,#cdecf2d1,#cdecf200),radial-gradient(closest-side,#0a1223,#0a122300),radial-gradient(closest-side,#526f92,#526f9200),linear-gradient(#26354f 0%,#17243c 62%,#10192c 100%);background-position:-94vmax -88vmax,56vmax -42vmax,8vmax 6vmax,-44vmax -18vmax,45vmax 48vmax,50%;background-repeat:no-repeat;background-size:150vmax 150vmax,112vmax 112vmax,120vmax 120vmax,150vmax 150vmax,116vmax 116vmax,100% 100%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;height:100dvh;min-height:100svh;margin-bottom:0;animation:10s linear infinite manga-gradient-movement;position:relative;overflow:hidden}.manga-experience.is-opening{--manga-timeline-direction:normal}.manga-experience.is-closing{--manga-timeline-direction:reverse}.manga-experience:before,.manga-experience:after{content:"";pointer-events:none;position:absolute;inset:0}.manga-experience:before{z-index:0;opacity:.9;background:linear-gradient(90deg,#d3eff6b8 1px,#0000 1px) 50px 148px/calc(100% - 100px) calc(100% - 260px) no-repeat,linear-gradient(0deg,#d3eff6b8 1px,#0000 1px) 50px 148px/calc(100% - 100px) calc(100% - 260px) no-repeat}.manga-experience:after{display:none}.manga-grain,.manga-halftone,.manga-glass-layer,.manga-brush-canvas,.manga-reader-wipe,.manga-main-title,.manga-cover-stage,.manga-reader{z-index:2;position:relative}.manga-glass-layer{z-index:2;pointer-events:none;-webkit-backdrop-filter:blur(26px)saturate(1.16);opacity:1;background:#c6e0e805;position:absolute;inset:0;overflow:hidden}.manga-glass-layer:before,.manga-glass-layer:after,.manga-glass-layer span{display:none}.manga-glass-layer:before{border-radius:42% 58% 45% 55%/48% 42% 58% 52%;width:58%;height:70%;top:8%;left:-12%}.manga-glass-layer:after{border-radius:55% 45% 62% 38%/44% 56% 45% 55%;width:64%;height:76%;top:18%;right:-10%}.manga-glass-layer span:first-child{opacity:.28;border-radius:50%;width:46%;height:48%;top:-16%;left:22%}.manga-glass-layer span:nth-child(2){opacity:.34;border-radius:48% 52% 40% 60%/52% 44% 56% 48%;width:70%;height:40%;bottom:-18%;left:12%}.manga-glass-layer span:nth-child(3){opacity:.22;border-radius:50%;width:32%;height:28%;bottom:12%;right:18%}.manga-grain{z-index:3;pointer-events:none;mix-blend-mode:soft-light;opacity:.18;background:radial-gradient(circle,#e6f3f72e 0 1px,#0000 1.8px) 0 0/6px 6px,linear-gradient(90deg,#ffffff05,#0000 30%,#050b1814);position:absolute;inset:0}.manga-halftone{z-index:1;pointer-events:none;background:0 0;position:absolute;inset:0}.manga-brush-canvas{z-index:24;pointer-events:none;mix-blend-mode:normal;opacity:1;width:100vw;height:100vh;position:fixed;inset:0}.manga-reader-wipe{z-index:12;opacity:0;pointer-events:none;will-change:opacity, transform;background:radial-gradient(circle,#f8fbfb 0 54%,#eff7f9fa 72%,#e0eef200 100%);border-radius:50%;width:12vmax;height:12vmax;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.02)}.manga-experience.is-opening .manga-reader-wipe,.manga-experience.is-closing .manga-reader-wipe{animation:1.76s cubic-bezier(.22,1,.36,1) both manga-reader-wipe-open;animation-direction:var(--manga-timeline-direction)}.manga-experience.is-open:not(.is-closing) .manga-reader-wipe{opacity:0;transform:translate(-50%,-50%)scale(18)}.manga-main-title{z-index:30;color:#ff563f;text-align:center;text-shadow:2px 2px #dff5f8,4px 4px #141820,0 12px 24px #14182052;pointer-events:none;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(46px,4.8vw,78px);line-height:.8;transition:top .9s cubic-bezier(.22,1,.36,1),font-size .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),opacity .26s;position:absolute;top:calc(50% - 6px);left:50%;transform:translate(-50%,-50%)skew(-8deg)}.manga-open-layer{z-index:10;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.manga-experience.is-opening .manga-open-layer,.manga-experience.is-open .manga-open-layer{opacity:0;pointer-events:none}.manga-cover-stage{height:100svh;min-height:100svh;transition:background-color .72s;overflow:hidden}.manga-cover-stage h1{color:#dbf0f6e6;text-align:center;white-space:nowrap;width:112vw;max-width:none;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(86px,17.5vw,286px);line-height:.78;transition:top .9s cubic-bezier(.22,1,.36,1),opacity .52s,transform .9s cubic-bezier(.22,1,.36,1);position:absolute;top:-1vw;left:50%;transform:translate(-50%)}.manga-start-cue,.manga-sound-icon{z-index:4;margin:0;position:absolute}.manga-book{z-index:11;--book-art-drift-x:0%;--book-art-drift-y:0%;--book-art-scale:1;aspect-ratio:.66;perspective:1200px;width:min(28vw,500px);min-width:280px;transform:translate(-50%, calc(-47% + var(--book-float-y))) rotateX(var(--book-rotate-x)) rotateY(var(--book-rotate-y)) rotate(var(--book-rotate-z));filter:drop-shadow(-18px 24px 8px #00000075)drop-shadow(-34px 42px 24px #00000080);will-change:transform;transition:opacity .52s,top .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),width .9s cubic-bezier(.22,1,.36,1);animation:11.6s ease-in-out .7s infinite alternate manga-book-air-breathe;position:absolute;top:50%;left:50%}.manga-book:before{content:"";z-index:0;opacity:0;transform-origin:0;background:linear-gradient(90deg,#1418201f,#0000 18%),linear-gradient(135deg,#f8fbfbfa,#e0ecf1fa);border:1px solid #14182033;position:absolute;inset:0;transform:translate(-3%)scaleX(.72);box-shadow:inset 18px 0 28px #1418201f}.manga-book-cover{z-index:2;transform-origin:0;filter:none;backface-visibility:hidden;background:radial-gradient(circle at 50% 36%,#01e3c475,#0000 30%),linear-gradient(135deg,#20222a,#0c0f18);border:1px solid #ffffff3d;animation:14.2s ease-in-out 2.1s infinite alternate manga-book-cover-breathe;position:absolute;inset:0;overflow:hidden;transform:none;box-shadow:0 0 0 1px #00000057}.manga-book-cover:after{content:none}.manga-book-art{object-fit:cover;filter:saturate(.96)contrast(1.04);width:100%;height:100%;position:absolute;inset:0}.manga-year{z-index:3;color:#0000;-webkit-text-stroke:2px #dcf3f9eb;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(110px,14vw,220px);line-height:.8;position:absolute;bottom:1.5%}.manga-year-left{left:clamp(48px,4vw,72px)}.manga-year-right{right:clamp(48px,4vw,72px)}.manga-start-cue{color:#dcf3f99e;font-size:12px;bottom:22px;left:50%;transform:translate(-50%)}.manga-sound-icon{color:#dcf3f9d1;bottom:24px;right:48px}.manga-experience.is-opening .manga-cover-stage,.manga-experience.is-closing .manga-cover-stage,.manga-experience.is-open .manga-cover-stage{pointer-events:none}.manga-experience.is-opening .manga-cover-stage h1,.manga-experience.is-open .manga-cover-stage h1{opacity:0;top:-16vw;transform:translate(-50%,-12vh)}.manga-experience.is-opening .manga-start-cue,.manga-experience.is-opening .manga-sound-icon,.manga-experience.is-opening .manga-year,.manga-experience.is-open .manga-start-cue,.manga-experience.is-open .manga-sound-icon,.manga-experience.is-open .manga-year{opacity:0;transition:opacity .36s}.manga-experience.is-opening .manga-cover-stage h1,.manga-experience.is-closing .manga-cover-stage h1,.manga-experience.is-opening .manga-main-title,.manga-experience.is-closing .manga-main-title,.manga-experience.is-opening .manga-start-cue,.manga-experience.is-closing .manga-start-cue,.manga-experience.is-opening .manga-sound-icon,.manga-experience.is-closing .manga-sound-icon,.manga-experience.is-opening .manga-year,.manga-experience.is-closing .manga-year{animation:1.76s cubic-bezier(.22,1,.36,1) both manga-cover-chrome-open;animation-direction:var(--manga-timeline-direction)}.manga-experience.is-opening .manga-book:before,.manga-experience.is-closing .manga-book:before{opacity:1;animation:1.76s cubic-bezier(.2,.72,.2,1) both manga-book-page-reveal;animation-direction:var(--manga-timeline-direction)}.manga-experience.is-opening .manga-book-cover{animation:1.76s cubic-bezier(.2,.72,.2,1) both manga-book-cover-open;animation-direction:var(--manga-timeline-direction)}.manga-experience.is-closing .manga-book{z-index:26;animation:1.76s cubic-bezier(.22,1,.36,1) both manga-book-shell-open;animation-direction:var(--manga-timeline-direction)}.manga-experience.is-closing .manga-book-cover{opacity:1;animation:1.76s cubic-bezier(.2,.72,.2,1) both manga-book-cover-open;animation-direction:var(--manga-timeline-direction)}.manga-experience.is-open:not(.is-closing) .manga-book{top:calc(34px + env(safe-area-inset-top));z-index:14;opacity:0;filter:none;width:min(132px,28vw);min-width:116px;transform:translate(-50%)}.manga-experience.is-open:not(.is-closing) .manga-book-cover{opacity:0;transition:opacity .36s,transform .9s cubic-bezier(.22,1,.36,1);animation-play-state:paused;transform:perspective(1200px)rotateY(-154deg)translate(-5%)}.manga-experience.is-opening .manga-main-title,.manga-experience.is-closing .manga-main-title{position:fixed}.manga-experience.is-open .manga-main-title{top:calc(18px + env(safe-area-inset-top));z-index:30;opacity:1;font-size:clamp(30px,3vw,42px);position:fixed;transform:translate(-50%)skew(-8deg)}.manga-reader{color:#141820;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px)saturate(1.08);background-color:#f4fbfc;background-image:radial-gradient(closest-side,#fff,#fff0),radial-gradient(closest-side,#d0e8ee,#d0e8ee00),radial-gradient(closest-side,#a6c4d2e6,#a6c4d200),radial-gradient(closest-side,#f0f8f9,#f0f8f900),radial-gradient(closest-side,#6582976b,#65829700);background-position:-94vmax -88vmax,56vmax -42vmax,8vmax 6vmax,-44vmax -18vmax,45vmax 48vmax;background-repeat:no-repeat;background-size:150vmax 150vmax,112vmax 112vmax,120vmax 120vmax,150vmax 150vmax,116vmax 116vmax;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,40px);height:100svh;min-height:100svh;padding:clamp(18px,3vw,34px);transition:opacity .46s 40ms,transform .56s cubic-bezier(.22,1,.36,1) 40ms;animation:10s linear infinite manga-reader-gradient-movement;display:grid;position:absolute;inset:0;overflow:hidden;transform:translateY(36px)}.manga-experience.is-open:not(.is-closing) .manga-reader{opacity:1;pointer-events:auto;position:absolute;transform:translateY(0)}.manga-experience.is-closing .manga-reader{opacity:0;pointer-events:none;animation:1.76s cubic-bezier(.22,1,.36,1) both manga-reader-stage-open;animation-direction:var(--manga-timeline-direction);transform:translateY(20px)}.manga-reader-head{left:50%;right:auto;top:calc(36px + env(safe-area-inset-top));z-index:29;color:#171b24;opacity:0;pointer-events:none;width:min(600px,100% - 28px);height:72px;font-size:14px;font-weight:900;transition:opacity .52s .26s,transform .9s cubic-bezier(.22,1,.36,1) .18s;display:block;position:fixed;transform:translate(-50%,26px)}.manga-experience.is-open .manga-reader-head{opacity:1;transform:translate(-50%)}.manga-experience.is-closing .manga-reader-head{opacity:0;transition:opacity .36s,transform .62s cubic-bezier(.7,0,.84,0);transform:translate(-50%,26px)}.manga-reader-head:before{content:"";z-index:-1;background:#171b24;height:1px;position:absolute;top:50%;left:0;right:0}.manga-top-action{z-index:2;color:#171b24;cursor:pointer;text-align:center;opacity:0;pointer-events:auto;background:linear-gradient(#fffffff5,#e5eef1eb);border:1px solid #ffffffd1;border-radius:14px;place-items:center;min-width:104px;min-height:58px;padding:17px 24px;font-weight:900;line-height:1;transition:box-shadow .16s,color .16s,background-color .16s,opacity .52s .43s,transform .9s cubic-bezier(.22,1,.36,1) .26s;display:grid;position:absolute;top:50%;box-shadow:0 14px 28px #222f3f29,0 4px #12181f29,inset 0 1px #ffffffe6}.manga-top-action:before{display:none}.manga-top-action:hover{background:linear-gradient(#fff,#eff7f9fa);box-shadow:0 18px 34px #222f3f33,0 5px #12181f33,inset 0 1px #fff}.manga-top-action:active{box-shadow:0 8px 18px #222f3f29,0 2px #12181f2e,inset 0 1px #fff}.manga-top-action.active{color:#d43f3f}.manga-top-action:first-child{left:calc(50% - 234px);transform:translate(76px,-50%)}.manga-top-action:last-child{right:calc(50% - 234px);transform:translate(-76px,-50%)}.manga-experience.is-open .manga-top-action{opacity:1;transform:translateY(calc(-50% - 4px))}.manga-experience.is-closing .manga-top-action:first-child{opacity:0;transform:translate(76px,-50%)}.manga-experience.is-closing .manga-top-action:last-child{opacity:0;transform:translate(-76px,-50%)}.manga-experience.controls-hidden .manga-reader-head,.manga-experience.controls-hidden .manga-reader-close{opacity:0;pointer-events:none}.manga-reader-head span:last-child{text-align:right}.manga-reader-logo{background:0 0;justify-items:center;gap:2px;width:clamp(128px,14vw,164px);height:56px;margin-top:0;padding:0;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.manga-reader-close{right:clamp(18px,3vw,34px);top:calc(92px + env(safe-area-inset-top));z-index:13;color:#141820;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f9fad6;border:1px solid #1418203d;border-radius:999px;place-items:center;width:42px;height:42px;display:grid;position:fixed}.manga-reader-page-button{z-index:12;color:#141820;cursor:pointer;opacity:.78;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f9fab8;border:1px solid #1418202e;border-radius:999px;place-items:center;width:54px;height:74px;transition:opacity .18s,transform .18s,background-color .18s,border-color .18s;display:grid;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 18px 34px #14182029}.manga-reader-page-button:hover{opacity:1;background:#ffffffe0;border-color:#14182057}.manga-reader-page-button:active{transform:translateY(-50%)scale(.96)}.manga-reader-page-button:disabled{cursor:default;opacity:.24;pointer-events:none}.manga-reader-page-button-prev{left:clamp(18px,3vw,42px)}.manga-reader-page-button-next{right:clamp(18px,3vw,42px)}.manga-reader-tap-zone{z-index:5;cursor:pointer;background:0 0;border:0;width:50vw;padding:0;position:fixed;top:0;bottom:0}.manga-reader-tap-zone:disabled{cursor:default;pointer-events:none}.manga-reader-tap-zone-prev{left:0}.manga-reader-tap-zone-next{right:0}.manga-drawer{z-index:11;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f9fac7;border:1px solid #14182029;border-radius:8px;align-content:start;gap:12px;width:min(280px,100vw - 36px);max-height:min(68vh,560px);padding:16px;transition:opacity .22s,transform .26s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;top:50%;bottom:auto;overflow:auto;box-shadow:0 24px 50px #1418202e}.manga-chapters{left:clamp(18px,3vw,42px);transform:translate(-18px,-50%)}.manga-comments{right:clamp(18px,3vw,42px);transform:translate(18px,-50%)}.manga-experience.drawer-chapters .manga-chapters,.manga-experience.drawer-comments .manga-comments{opacity:1;pointer-events:auto;transform:translateY(-50%)}.manga-chapters p,.manga-comments-title p{margin:0;font-size:13px;font-weight:1000}.manga-chapters button{color:#141820;cursor:pointer;text-align:left;background:#ffffff61;border:1px solid #1418202e;border-radius:8px;gap:4px;padding:12px;transition:background-color .16s,border-color .16s,transform .16s;display:grid}.manga-chapters button:hover,.manga-chapters button.active{background:#fff;border-color:#141820;transform:translate(4px)}.manga-chapters button span{color:#14182094;font-size:12px;font-weight:900}.manga-panel{z-index:6;align-content:center;place-items:center;gap:24px;width:min(82.8vw,1588px);height:calc(100svh - 190px);min-height:520px;margin:118px auto 56px;padding:0;display:grid;position:relative}.manga-page-frame{aspect-ratio:.7;background:#f9fbfb;border:5px solid #141820;place-items:center;width:auto;max-width:100%;height:min(100svh - 250px,760px);max-height:calc(100% - 54px);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px #121c2a33}.manga-page-frame.is-spread{aspect-ratio:1.42;max-width:min(88vw,1320px);height:min(100svh - 238px,760px)}.manga-page-frame img{object-fit:contain;filter:none;background:#f9fbfb;width:100%;height:100%}.manga-spread-scroll{width:100%;height:100%;overflow:hidden}.manga-image-viewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.manga-image-viewport:active{cursor:grabbing}.manga-reader-reset{color:#141820;cursor:pointer;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f9fbfbd6;border:1px solid #14182038;border-radius:8px;justify-content:center;align-items:center;min-width:96px;min-height:36px;padding:0 14px;font-size:12px;font-weight:900;transition:opacity .16s,transform .16s,background-color .16s;display:inline-flex;transform:translateY(-6px)}.manga-reader-reset.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.manga-reader-reset:hover{background:#fffffff0}.manga-preload-strip{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.manga-preload-strip img{width:1px;height:1px}.manga-spread-inner{will-change:transform;transform-origin:50%;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.manga-single-scroll,.manga-single-inner{width:100%;height:100%;overflow:hidden}.manga-single-inner{will-change:transform;transform-origin:50%}.manga-reader-empty{color:#141820;margin:0;font-weight:900}.manga-comment-reply{border-left:3px solid #ff563f99;padding-left:8px}.manga-chapter-end-dialog{z-index:18;color:#141820;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9fbfbf0;border:1px solid #1418203d;border-radius:8px;justify-items:center;gap:12px;width:min(360px,100vw - 42px);padding:24px 22px 22px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 26px 70px #14182047}.manga-chapter-end-dialog span{color:#141820a3;font-size:13px;font-weight:900}.manga-chapter-end-dialog strong{overflow-wrap:anywhere;max-width:100%;font-size:22px;line-height:1.2}.manga-chapter-end-primary{color:#f9fbfb;cursor:pointer;background:#141820;border:1px solid #141820;border-radius:8px;justify-content:center;align-items:center;min-width:132px;min-height:44px;padding:0 18px;font-weight:900;display:inline-flex}.manga-chapter-end-close{color:#141820;cursor:pointer;background:#ffffffb3;border:1px solid #14182033;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.manga-page-frame:after{content:none}.manga-caption{z-index:2;text-align:center;background:#fff;border:2px solid #141820;border-radius:8px;width:min(230px,42%);padding:10px 12px;position:absolute;top:-1px;left:8%;transform:rotate(-1deg)}.manga-caption span,.manga-caption strong{display:block}.manga-caption span{text-transform:uppercase;font-size:11px;font-weight:900}.manga-caption strong{margin-top:2px;font-size:15px;line-height:1.2}.manga-panel>p{color:#141820;text-align:center;max-width:700px;margin:0;font-weight:800}.manga-comments-title{align-items:center;gap:8px;display:flex}.manga-comment{background:#ffffff6b;border:1px solid #14182024;border-radius:8px;gap:5px;padding:12px;display:grid}.manga-comment strong{font-size:13px}.manga-comment span{color:#141820b8;font-size:13px;line-height:1.5}.manga-comment-box{grid-template-columns:minmax(0,1fr) 42px;gap:8px;display:grid}.manga-comment-box input,.manga-comment-box button{color:#141820;background:#ffffffb3;border:1px solid #1418202e;border-radius:8px;min-height:42px}.manga-comment-box input{min-width:0;padding:0 12px}.manga-comment-box button{cursor:pointer;place-items:center;display:grid}@keyframes manga-gradient-movement{0%,to{background-position:-94vmax -88vmax,56vmax -42vmax,8vmax 6vmax,-44vmax -18vmax,45vmax 48vmax,50%;background-size:150vmax 150vmax,112vmax 112vmax,120vmax 120vmax,150vmax 150vmax,116vmax 116vmax,100% 100%}25%{background-position:-72vmax -102vmax,46vmax -52vmax,-8vmax -28vmax,-54vmax -26vmax,34vmax 64vmax,50%;background-size:122vmax 122vmax,128vmax 128vmax,132vmax 132vmax,114vmax 114vmax,86vmax 86vmax,100% 100%}50%{background-position:-58vmax -76vmax,34vmax -36vmax,12vmax -2vmax,22vmax 12vmax,20vmax 74vmax,50%;background-size:104vmax 104vmax,148vmax 148vmax,110vmax 110vmax,92vmax 92vmax,118vmax 118vmax,100% 100%}75%{background-position:-56vmax -42vmax,52vmax -34vmax,22vmax 0,-18vmax 10vmax,36vmax 58vmax,50%;background-size:118vmax 118vmax,122vmax 122vmax,138vmax 138vmax,126vmax 126vmax,100vmax 100vmax,100% 100%}}@keyframes manga-reader-gradient-movement{0%,to{background-position:-94vmax -88vmax,56vmax -42vmax,8vmax 6vmax,-44vmax -18vmax,45vmax 48vmax;background-size:150vmax 150vmax,112vmax 112vmax,120vmax 120vmax,150vmax 150vmax,116vmax 116vmax}25%{background-position:-72vmax -102vmax,46vmax -52vmax,-8vmax -28vmax,-54vmax -26vmax,34vmax 64vmax;background-size:122vmax 122vmax,128vmax 128vmax,132vmax 132vmax,114vmax 114vmax,86vmax 86vmax}50%{background-position:-58vmax -76vmax,34vmax -36vmax,12vmax -2vmax,22vmax 12vmax,20vmax 74vmax;background-size:104vmax 104vmax,148vmax 148vmax,110vmax 110vmax,92vmax 92vmax,118vmax 118vmax}75%{background-position:-56vmax -42vmax,52vmax -34vmax,22vmax 0,-18vmax 10vmax,36vmax 58vmax;background-size:118vmax 118vmax,122vmax 122vmax,138vmax 138vmax,126vmax 126vmax,100vmax 100vmax}}@keyframes manga-reader-wipe-open{0%{opacity:0;transform:translate(-50%,-50%)scale(.02)}40%{opacity:0;transform:translate(-50%,-50%)scale(.02)}78%{opacity:1;transform:translate(-50%,-50%)scale(18)}to{opacity:0;transform:translate(-50%,-50%)scale(18)}}@keyframes manga-cover-chrome-open{0%{opacity:1}18%{opacity:1}52%,to{opacity:0}}@keyframes manga-book-shell-open{0%{opacity:1;filter:drop-shadow(-18px 24px 8px #00000075)drop-shadow(-34px 42px 24px #00000080);width:min(28vw,500px);min-width:280px;transform:translate(-50%, calc(-47% + var(--book-float-y))) rotate(var(--book-rotate-z));top:50%}72%{opacity:1;filter:drop-shadow(-18px 24px 8px #00000075)drop-shadow(-34px 42px 24px #00000080);width:min(28vw,500px);min-width:280px;transform:translate(-50%, calc(-47% + var(--book-float-y))) rotate(var(--book-rotate-z));top:50%}to{top:calc(34px + env(safe-area-inset-top));opacity:0;filter:none;width:min(132px,28vw);min-width:116px;transform:translate(-50%)}}@keyframes manga-reader-stage-open{0%,68%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes manga-book-cover-open{0%{filter:brightness();transform:perspective(1200px)rotateY(0)}42%{filter:brightness(1.08);transform:perspective(1200px)rotateY(-72deg)translate(-1.5%)}to{filter:brightness(.72);transform:perspective(1200px)rotateY(-154deg)translate(-5%)}}@keyframes manga-book-page-reveal{0%{opacity:0;transform:translate(8%)scaleX(.52)}45%{opacity:1;transform:translate(0)scaleX(.94)}to{opacity:1;transform:translate(-2%)scaleX(1.18)}}@media (max-width:980px){body.manga-page-active .topbar{padding-inline:14px}body.manga-page-active .nav{gap:2px}body.manga-page-active .nav a{padding:6px 7px;font-size:12px}.manga-cover-stage h1{font-size:clamp(64px,15vw,150px);top:12px}.manga-book{width:min(52vw,380px);min-width:230px}.manga-year{font-size:clamp(72px,18vw,130px)}.manga-reader{grid-template-columns:1fr;gap:20px;height:100svh;min-height:100svh;padding:120px 20px 34px;position:relative;overflow:hidden}.manga-experience.is-open:not(.is-closing) .manga-book{top:calc(32px + env(safe-area-inset-top))}.manga-chapters,.manga-comments{align-self:auto;max-height:none;padding-top:0;overflow:visible}.manga-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.manga-chapters p{grid-column:1/-1}.manga-panel{width:min(92vw,900px);height:calc(100svh - 168px);min-height:420px;margin:112px auto 34px}}@media (max-width:640px){body.manga-page-active{width:100%;min-height:100dvh;position:fixed;inset:0;overflow:hidden}body.manga-page-active .topbar{min-height:auto;padding:calc(8px + env(safe-area-inset-top)) 8px 0;grid-template-columns:minmax(0,1fr)}body.manga-page-active .mobile-menu-button,body.manga-page-active .mobile-account-link,body.manga-page-active .brand{display:none}body.manga-page-active .nav{max-height:none;box-shadow:none;opacity:1;pointer-events:auto;background:0 0;border:0;flex-wrap:nowrap;justify-content:center;gap:2px;padding:0;display:flex;position:static;overflow-x:auto}body.manga-page-active .nav a{border:0;flex:none;min-height:28px;padding:4px 6px;font-size:11px}.manga-experience,.manga-cover-stage{width:100%;height:100svh;min-height:100svh;position:fixed;inset:0}.manga-experience.is-opening .manga-reader-wipe,.manga-experience.is-open:not(.is-closing) .manga-reader-wipe{transition-duration:.42s}.manga-experience.is-opening .manga-book:before,.manga-experience.is-opening .manga-book-cover{animation-duration:1.76s;animation-delay:0s}.manga-experience.is-closing .manga-book:before,.manga-experience.is-closing .manga-book-cover{animation-duration:1.76s}.manga-cover-stage h1{font-size:clamp(52px,20vw,96px);top:38px}.manga-book{width:min(66vw,300px);min-width:0;top:46%}.manga-main-title{font-size:clamp(32px,11vw,44px);top:46%}.manga-experience.is-open .manga-main-title{top:calc(14px + env(safe-area-inset-top));font-size:clamp(26px,8vw,34px);transform:translate(-50%)skew(-8deg)}.manga-year{-webkit-text-stroke-width:1px;font-size:66px;bottom:8%}.manga-year-left{left:18px}.manga-year-right{right:18px}.manga-reader{height:100dvh;padding:112px 12px 26px}.manga-reader-head{font-size:12px}.manga-chapters{padding-bottom:16px;display:grid;overflow-x:visible}.manga-chapters p{flex:none;align-self:center}.manga-chapters button{flex:initial}.manga-page-frame{aspect-ratio:.7;width:min(100%,430px);height:auto;max-height:100%}.manga-caption{width:76%}}@media (max-width:980px){.manga-experience.is-open:not(.is-closing) .manga-reader{position:absolute}.manga-reader-head{width:min(450px,100% - 40px);left:50%;right:auto;transform:translate(-50%,26px)}.manga-experience.is-open .manga-reader-head{transform:translate(-50%)}.manga-drawer{max-height:min(68vh,560px);padding:16px;position:fixed;top:50%;bottom:auto;overflow:auto}.manga-chapters{grid-template-columns:1fr;display:grid;left:18px;transform:translate(-18px,-50%)}.manga-comments{right:18px;transform:translate(18px,-50%)}.manga-experience.drawer-chapters .manga-chapters,.manga-experience.drawer-comments .manga-comments{transform:translateY(-50%)}.manga-panel{width:min(92vw,900px);height:calc(100svh - 168px);min-height:420px;margin:112px auto 34px}.manga-page-frame{width:min(100%,800px)}}@media (max-width:640px){.manga-reader-head{width:min(390px,100% - 18px);height:58px;left:50%;right:auto;transform:translate(-50%,24px)}.manga-experience.is-open .manga-reader-head{transform:translate(-50%)}.manga-top-action{border-radius:10px;min-width:78px;min-height:46px;padding:12px 14px}.manga-top-action:first-child{left:calc(50% - 168px);transform:translate(52px,-50%)}.manga-top-action:last-child{right:calc(50% - 168px);transform:translate(-52px,-50%)}.manga-experience.is-open .manga-top-action{transform:translateY(-50%)}.manga-experience.is-closing .manga-top-action:first-child{transform:translate(52px,-50%)}.manga-experience.is-closing .manga-top-action:last-child{transform:translate(-52px,-50%)}.manga-reader-logo{width:92px;height:58px;padding:0}.manga-reader-close{right:12px;top:calc(82px + env(safe-area-inset-top));width:44px;height:44px}.manga-reader-page-button{opacity:.68;width:46px;height:62px}.manga-reader-page-button-prev{left:8px}.manga-reader-page-button-next{right:8px}.manga-drawer{width:auto;max-height:min(54vh,420px);inset:54% 14px auto;transform:translateY(calc(18px - 50%))}.manga-comments{right:14px}.manga-experience.drawer-chapters .manga-chapters,.manga-experience.drawer-comments .manga-comments{transform:translateY(-50%)}.manga-panel{gap:16px;width:100%;height:100%;min-height:0;margin:0 auto}.manga-panel>p{text-align:center;max-width:min(88vw,430px);font-size:13px;line-height:1.5}}@media (max-width:430px){body.manga-page-active .topbar{padding-top:calc(6px + env(safe-area-inset-top))}body.manga-page-active .nav{scrollbar-width:none;justify-content:flex-start;padding-inline:8px}body.manga-page-active .nav::-webkit-scrollbar{display:none}body.manga-page-active .nav a{min-height:24px;padding:3px 5px;font-size:10px}.manga-cover-stage h1{font-size:clamp(44px,18vw,76px);top:42px}.manga-book{width:min(72vw,278px);top:47%}.manga-main-title{font-size:clamp(30px,12vw,42px);top:47%}.manga-year{font-size:clamp(48px,18vw,64px);bottom:10%}.manga-start-cue{bottom:max(14px, calc(10px + env(safe-area-inset-bottom)));text-align:center;width:80%}.manga-sound-icon{right:18px;bottom:max(16px, calc(12px + env(safe-area-inset-bottom)))}.manga-experience.is-opening .manga-main-title,.manga-experience.is-open .manga-main-title{top:calc(46px + env(safe-area-inset-top));font-size:clamp(24px,8.4vw,32px)}.manga-experience.is-closing .manga-main-title{font-size:clamp(30px,12vw,42px);top:47%}.manga-reader{height:100dvh;padding:calc(116px + env(safe-area-inset-top)) 10px calc(18px + env(safe-area-inset-bottom))}.manga-reader-head{top:calc(54px + env(safe-area-inset-top));width:min(342px,100% - 16px)}.manga-top-action:first-child{left:calc(50% - 150px)}.manga-top-action:last-child{right:calc(50% - 150px)}.manga-reader-logo{width:86px;height:44px}.manga-reader-close{top:calc(104px + env(safe-area-inset-top));width:44px;height:44px;right:10px}.manga-panel{gap:12px;min-height:0}.manga-page-frame{aspect-ratio:.7;border-width:3px;width:min(100%,390px);max-height:100%}.manga-page-frame.is-spread{aspect-ratio:.7;width:100%;height:auto}.manga-spread-scroll{z-index:8;touch-action:none;-webkit-overflow-scrolling:touch;position:relative;overflow:hidden}.manga-spread-scroll::-webkit-scrollbar{display:none}.manga-spread-inner{width:200%}.manga-spread-inner img{flex:0 0 50%}.manga-caption{width:84%;padding:6px 10px;font-size:12px;left:5%}.manga-panel>p{margin:0;font-size:12px}.manga-drawer{max-height:min(50vh,380px);top:56%;left:10px;right:10px}}@media (max-width:380px){.manga-book{width:min(76vw,260px)}.manga-main-title{font-size:clamp(28px,11vw,38px)}.manga-reader{padding-top:calc(108px + env(safe-area-inset-top))}.manga-reader-head{top:calc(48px + env(safe-area-inset-top))}.manga-page-frame{max-height:100%}}.product-card{background:0 0;border:0;min-height:0;padding:0;position:relative;overflow:visible}.product-pack-link{--pack-tilt:-1.4deg;isolation:isolate;min-height:clamp(420px,46vw,540px);color:inherit;filter:drop-shadow(10px 16px #000000b8)drop-shadow(0 28px 34px #00000052);transform-origin:50% 58%;grid-template-rows:auto minmax(0,1fr);text-decoration:none;transition:filter .18s,transform .18s;display:grid;position:relative;overflow:visible}.product-pack-link:before{content:"";z-index:-1;transform:rotate(var(--pack-tilt));transform-origin:top;background:linear-gradient(90deg,#ffffff29,#0000 16%,#ffffff14 50%,#0000 82%),#eff8f52e;border:2px solid #ffffff4d;position:absolute;inset:112px 0 14px;box-shadow:inset 0 0 30px #fff3,inset 0 -18px 28px #ffffff1f}.product-pack-link:after{content:"";z-index:3;mix-blend-mode:screen;opacity:.42;pointer-events:none;transform:rotate(var(--pack-tilt));transform-origin:top;background-image:url(/images/plastic-wrap-overlay.jpg);background-position:50%;background-size:cover;position:absolute;inset:112px 0 14px}.product-pack-hook{z-index:4;width:184px;height:58px;transform:translateX(-50%) rotate(var(--pack-tilt));background:linear-gradient(#f8f5eb,#ded8c9),repeating-linear-gradient(0deg,#0000000d 0 1px,#0000 1px 5px);border:2px solid #161616;border-bottom:0;border-radius:34px 34px 8px 8px;position:absolute;top:-15px;left:50%}.product-pack-hook span{background:radial-gradient(circle at 50% -2px, transparent 0 13px, #f2eee4 14px 19px, transparent 20px), var(--bg);border-radius:999px;width:128px;height:20px;position:absolute;top:25px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 2px #0000002e,0 0 0 2px #f2eee4}.product-pack-header{z-index:2;color:#111;min-height:150px;transform:rotate(var(--pack-tilt));transform-origin:top;background:linear-gradient(#ffffffd1,#fff3),#f2eee4;border:2px solid #151515;gap:8px;padding:20px clamp(16px,2.2vw,24px) 14px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffd1,0 7px #000c}.product-pack-header h3{color:#050507;text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:58px;font-size:clamp(42px,4.6vw,62px);line-height:.95;display:-webkit-box;overflow:hidden}.product-pack-body{z-index:1;min-height:328px;transform:rotate(var(--pack-tilt));transform-origin:top;background:radial-gradient(circle at 20% 22%,#ffffff42,#0000 22%),linear-gradient(#ffffff2e,#ffffff0f);border:2px solid #ffffff2e;border-top:0;margin:-22px 0 0;padding:0;display:grid;position:relative;overflow:hidden}.product-pack-price .price{color:#fff;background:#26bd78;border:4px solid #111;border-radius:999px;align-items:baseline;gap:6px;min-height:76px;margin:0;padding:8px 16px 8px 12px;display:inline-flex;box-shadow:inset 0 0 0 2px #ffffff73,5px 6px #000}.product-pack-price del{color:#f8f8f8;background:#050507;border:3px solid #111;border-radius:999px;justify-content:center;min-width:96px;margin-top:-4px;padding:3px 12px;font-size:14px;font-weight:1000;line-height:1.1;text-decoration-thickness:2px;display:inline-flex;box-shadow:3px 4px #000}@keyframes product-pack-hover-wobble{0%{transform:translateY(0)rotate(0)}34%{transform:translateY(-13px)rotate(-1.1deg)}68%{transform:translateY(-11px)rotate(.8deg)}to{transform:translateY(-12px)rotate(-.35deg)}}@media (max-width:860px){.product-pack-link{min-height:clamp(430px,118vw,560px)}.product-pack-preview{min-height:320px}.product-pack-price{right:-8px}}@media (max-width:520px){.product-pack-link{min-height:clamp(390px,126vw,500px)}.product-pack-header{min-height:140px;padding:16px 14px 12px}.product-pack-header h3{min-height:58px;font-size:clamp(36px,11vw,48px)}.product-pack-summary{font-size:clamp(13px,4vw,16px)}.product-pack-link:before,.product-pack-link:after{top:100px;bottom:10px}.product-pack-body{min-height:300px;margin-inline:0}.product-pack-preview{min-height:300px}.product-pack-price{bottom:14px;right:-10px}.product-pack-price .price{border-width:3px;min-height:62px;padding:7px 12px 7px 10px}.product-pack-price .price strong{font-size:clamp(32px,12vw,44px)}.product-pack-price del{min-width:82px;font-size:12px}.product-pack-hook{width:154px;height:52px}.product-pack-hook span{width:108px;height:18px;top:23px}}.grid:has(>.product-card){align-items:start;gap:80px;overflow:visible}.product-card{transform-origin:top;transform:scale(.8)}.product-pack-link{min-height:clamp(380px,40vw,500px)}.product-pack-link:before,.product-pack-link:after{top:110px;bottom:18px}.product-pack-header{z-index:4;color:#fff;background:linear-gradient(90deg,#000000bd,#0003 58%,#00000057),url(/images/product-pack-header.png) 50%/cover no-repeat;border:0;border-radius:8px 8px 2px 2px;min-height:128px;padding:18px clamp(16px,2.2vw,24px) 12px;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1f,0 7px #000c}.product-pack-header:before,.product-pack-header:after{background:#ffffffa8;bottom:19px}.product-pack-hook{z-index:5;background:linear-gradient(#ffffff2e,#0000002e),url(/images/product-pack-header.png) 50% 6%/108% no-repeat;border-color:#00000075}.product-pack-hook span{background:radial-gradient(circle at 50% -2px, transparent 0 13px, #f7f7f7 14px 19px, transparent 20px), var(--bg);box-shadow:inset 0 0 0 2px #0000002e,0 0 0 2px #f7f7f7eb}.product-pack-summary{color:#ffffffd6;font-size:clamp(11px,1.2vw,13px)}.product-pack-header h3{color:#fff;text-shadow:0 3px #000000e0,0 0 14px #00000075;font-size:clamp(30px,3.3vw,44px)}.product-pack-category{min-width:112px;max-width:min(72%,190px);min-height:28px;padding:4px 16px;font-size:14px}.product-pack-body,.product-pack-preview{min-height:286px}.product-pack-body{margin-top:-16px}.product-pack-price{z-index:5;bottom:20px;right:-38px}.product-pack-price .price{z-index:1;min-height:72px;position:relative}.product-pack-price .price strong{font-size:clamp(34px,4.5vw,56px)}.product-pack-price del{z-index:2;margin-top:-8px;position:relative}@media (max-width:860px){.grid:has(>.product-card){gap:80px}.product-card{width:min(100%,440px);margin-inline:auto;transform:scale(.88)}.product-pack-link{min-height:clamp(392px,112vw,520px)}.product-pack-body,.product-pack-preview{min-height:304px}.product-pack-price{right:-26px}}@media (max-width:520px){.grid:has(>.product-card){justify-items:center;gap:max(72px,8svh)}.product-card{width:min(88vw,390px);min-height:min(78svh,640px);transform:scale(1)}.product-pack-link{min-height:min(76svh,610px)}.product-pack-header{min-height:clamp(116px,25svh,148px);padding:clamp(15px,4vw,18px) 14px 12px}.product-pack-header h3{min-height:clamp(46px,12svh,58px);font-size:clamp(29px,8.6vw,38px)}.product-pack-summary{font-size:clamp(10px,3.2vw,13px)}.product-pack-link:before,.product-pack-link:after{top:clamp(96px,23svh,122px);bottom:16px}.product-pack-body,.product-pack-preview{min-height:clamp(290px,46svh,430px)}.product-pack-price{bottom:18px;right:-18px}}.grid:has(>.product-card){grid-template-columns:repeat(3,minmax(220px,1fr));align-items:start;gap:80px;overflow:visible}.product-card{transform-origin:top;background:0 0;border:0;min-height:0;padding:0;position:relative;overflow:visible;transform:scale(.8)}.product-pack-link{--pack-tilt:-1.8deg;--pack-header-height:150px;isolation:isolate;grid-template-rows:var(--pack-header-height) minmax(0, 1fr);min-height:500px;color:inherit;filter:drop-shadow(11px 15px #000000b3)drop-shadow(0 28px 34px #00000052);transform-origin:50% 58%;text-decoration:none;transition:filter .18s,transform .18s;display:grid;position:relative;overflow:visible}.product-pack-link:before,.product-pack-link:after{content:"";left:5%;right:5%;top:calc(var(--pack-header-height) - 8px);z-index:1;pointer-events:none;transform:rotate(var(--pack-tilt));transform-origin:top;position:absolute;bottom:20px}.product-pack-header{z-index:6;min-height:var(--pack-header-height);color:#fff;transform:rotate(var(--pack-tilt));transform-origin:top;background:linear-gradient(90deg,#000000a8,#00000024 58%,#00000057),url(/images/product-pack-header.png) 50%/cover no-repeat;border:0;border-radius:14px 14px 2px 2px;align-content:end;gap:7px;padding:30px clamp(20px,2.6vw,30px) 18px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff1f,0 7px #000000d1}.product-pack-header:before,.product-pack-header:after{content:"";background:#ffffffa8;width:42px;height:2px;position:absolute;bottom:20px}.product-pack-header:before{left:24px}.product-pack-header:after{right:24px}.product-pack-summary{color:#ffffffd1;text-transform:uppercase;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:18px;margin:0;font-size:clamp(11px,1.2vw,13px);font-weight:900;line-height:1.2;display:-webkit-box;overflow:hidden}.product-pack-header h3{color:#fff;text-transform:uppercase;text-shadow:0 3px #000000e6,0 0 14px #00000080;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:58px;font-size:clamp(30px,3.3vw,44px);line-height:.95;display:-webkit-box;overflow:hidden}.product-pack-category-row{justify-content:center;align-items:center;margin-top:0;display:flex}.product-pack-category{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#26bd78;border:2px solid #f7fff8;border-radius:999px;justify-content:center;align-items:center;min-width:116px;max-width:min(72%,190px);min-height:28px;padding:4px 16px;font-size:14px;font-weight:1000;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 2px #111}.product-pack-body{z-index:2;min-height:350px;transform:rotate(var(--pack-tilt));transform-origin:top;background:linear-gradient(#ffffff29,#ffffff0d),#d2dad81c;border:2px solid #ffffff2e;border-top:0;align-items:stretch;margin:-18px 5% 0;padding:0;display:grid;position:relative;overflow:visible}.product-pack-preview{z-index:2;width:100%;height:100%;min-height:350px;transform:rotate(calc(var(--pack-tilt) * -1)) scale(1.08);background:linear-gradient(135deg,#01e3c46b,#0000 48%),linear-gradient(315deg,#ff3c775c,#0000 55%),repeating-linear-gradient(45deg,#20202a 0 10px,#15151d 10px 20px);border:0;border-radius:0;place-items:center;display:grid;position:relative;overflow:hidden}.product-pack-preview img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.06)}.product-pack-preview span{color:#fff;text-align:center;text-shadow:2px 3px #000;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:36px;line-height:1}.product-pack-price{z-index:8;justify-items:center;gap:0;display:grid;position:absolute;bottom:22px;right:-44px;transform:rotate(1deg)}.product-pack-price .price{z-index:1;color:#fff;background:#26bd78;border:4px solid #111;border-radius:999px;align-items:baseline;gap:6px;min-height:76px;margin:0;padding:8px 16px 8px 12px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #ffffff73,5px 6px #000}.product-pack-price .price small{color:#fff;font-size:clamp(13px,1.3vw,16px);font-weight:1000;line-height:1}@media (max-width:860px){.grid:has(>.product-card){grid-template-columns:1fr;justify-items:center;gap:80px}.product-card{width:min(100%,440px);transform:scale(.9)}.product-pack-link{min-height:clamp(420px,104vw,560px)}.product-pack-body,.product-pack-preview{min-height:350px}.product-pack-price{right:-28px}}@media (max-width:520px){.grid:has(>.product-card){gap:max(78px,9svh)}.product-card{width:min(88vw,390px);min-height:min(82svh,660px);transform:scale(1)}.product-pack-link{--pack-header-height:clamp(126px, 24svh, 150px);min-height:min(78svh,620px)}.product-pack-header{padding:clamp(18px,4.8vw,24px) 14px 12px}.product-pack-summary{font-size:clamp(10px,3.2vw,13px)}.product-pack-header h3{min-height:clamp(46px,12svh,58px);font-size:clamp(29px,8.6vw,38px)}.product-pack-body,.product-pack-preview{min-height:clamp(330px,50svh,440px)}.product-pack-price{bottom:22px;right:-18px}.product-pack-price .price{border-width:3px;min-height:62px;padding:7px 12px 7px 10px}.product-pack-price .price strong{font-size:clamp(32px,12vw,44px)}.product-pack-price del{min-width:82px;font-size:12px}}.grid:has(>.product-card){grid-template-columns:repeat(3,minmax(220px,1fr));place-items:start center;gap:clamp(76px,7vw,112px);overflow:visible}.product-card{width:min(100%,330px);min-height:0;box-shadow:none;background:0 0;border:0;padding:0;position:relative;overflow:visible}.product-pack-link{--pack-tilt:-4deg;--pack-header-height:clamp(96px, 9.2vw, 128px);--pack-green:#27bd78;isolation:isolate;grid-template-rows:var(--pack-header-height) minmax(270px, 1fr);width:100%;min-height:clamp(438px,43vw,520px);color:inherit;transform-origin:50% 52%;filter:drop-shadow(0 20px 20px #00000038);text-decoration:none;transition:filter .18s,transform .18s;display:grid;position:relative;overflow:visible}.product-card:hover .product-pack-link,.product-card:focus-within .product-pack-link{filter:drop-shadow(0 30px 24px #00000047);animation:.72s both product-pack-hover-wobble}.product-card:active .product-pack-link{transform:translateY(-5px)rotate(-.5deg)scale(.99)}.product-pack-link:focus-visible{outline:3px solid var(--cyan);outline-offset:10px}.product-pack-hook{display:none}.product-pack-header{z-index:6;min-height:var(--pack-header-height);color:#111;transform:rotate(var(--pack-tilt));transform-origin:50% 100%;background:radial-gradient(circle at 18% 20%,#fffffff5,#0000 28%),radial-gradient(circle at 78% 18%,#ffffffb8,#0000 24%),linear-gradient(104deg,#f1eee8 0%,#fbfaf5 42%,#e7e2d8 100%);border-radius:2px;align-content:end;justify-items:center;padding:clamp(28px,3vw,36px) clamp(18px,2.5vw,26px) clamp(11px,1.3vw,16px);display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #fffc,inset 0 -16px 24px #28201814,0 5px 8px #00000038}.product-pack-header:before{content:"";background:radial-gradient(circle at 50% -1px,#f8f8f5 0 clamp(13px,1.25vw,18px),#0000 calc(clamp(13px,1.25vw,18px) + 1px)),#f8f8f5;border-radius:999px;width:clamp(92px,9vw,124px);height:clamp(15px,1.7vw,22px);position:absolute;top:clamp(-2px,.15vw,2px);left:50%;transform:translate(-50%);box-shadow:inset 0 2px 5px #00000047,0 -1px #ffffffdb,0 2px 2px #0000002e}.product-pack-header:after{content:"";z-index:-1;border-radius:inherit;mix-blend-mode:multiply;opacity:.46;background:repeating-linear-gradient(0deg,#00000006 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#ffffff38 0 1px,#0000 1px 4px);position:absolute;inset:0}.product-pack-summary{z-index:2;color:#34312e;text-align:center;text-transform:uppercase;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;min-height:16px;margin:0;font-size:clamp(12px,1vw,15px);font-weight:700;line-height:1.08;display:-webkit-box;position:relative;overflow:hidden}.product-pack-header h3{z-index:2;color:#050505;text-align:center;text-transform:uppercase;text-shadow:0 1px #fff;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:100%;min-height:clamp(32px,3.4vw,44px);margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(28px,3vw,39px);font-weight:900;line-height:.95;display:-webkit-box;position:relative;overflow:hidden}.product-pack-category-row{z-index:2;justify-content:center;align-items:center;width:100%;margin-top:3px;display:flex;position:relative}.product-pack-category-row:before,.product-pack-category-row:after{content:"";background:#3d3833;flex:0 44px;height:2px;margin:0 13px;transform:rotate(-3deg)}.product-pack-category{background:var(--pack-green);color:#fff;text-overflow:ellipsis;white-space:nowrap;border:2px solid #ffffffe6;border-radius:999px;justify-content:center;align-items:center;max-width:min(62%,154px);min-height:clamp(22px,2.1vw,28px);padding:3px 18px;font-size:clamp(12px,1.15vw,15px);font-weight:1000;line-height:1;display:inline-flex;overflow:hidden;box-shadow:0 2px #00000040}.product-pack-link:before,.product-pack-link:after,.product-pack-body{left:8.5%;right:8.5%;top:calc(var(--pack-header-height) - 3px);transform:rotate(var(--pack-tilt));transform-origin:50% 0;bottom:20px}.product-pack-link:before,.product-pack-link:after{content:"";z-index:1;pointer-events:none;position:absolute}.product-pack-link:before{background:linear-gradient(90deg,#ffffff6b,#0000 16%,#ffffff2e 47%,#0000 76%),linear-gradient(#fcffff47,#e1eae81a 62%,#ffffff47),#eef4f233;border:1px solid #ffffff9e;box-shadow:inset 0 0 24px #ffffff9e,inset 0 -24px 30px #ffffff47,0 12px 20px #00000029}.product-pack-link:after{z-index:5;mix-blend-mode:screen;opacity:.34;background-image:url(/images/plastic-wrap-overlay.jpg);background-position:50%;background-size:cover}.product-pack-body{z-index:2;background:0 0;border:0;place-items:center;min-height:0;margin:0;display:grid;position:absolute;overflow:visible}.product-pack-preview{z-index:3;background:0 0;border:0;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:visible}.product-pack-preview:before,.product-pack-preview:after{content:"";z-index:-1;opacity:.72;background:radial-gradient(circle at 55% 35%,#27bd78b8,#0000 38%),#151816;border:6px solid #fff;border-radius:22% 18% 24%;width:66%;height:56%;position:absolute;box-shadow:0 0 0 3px #222,0 8px 12px #00000052}.product-pack-preview:before{top:18%;left:6%;transform:rotate(-13deg)}.product-pack-preview:after{background:radial-gradient(circle at 50% 42%,#ff9128b3,#0000 36%),#2a2a2a;border-radius:28% 18% 30%;top:12%;right:5%;transform:rotate(11deg)}.product-pack-preview img{z-index:2;object-fit:cover;border:6px solid #fff;border-radius:24% 20% 26%;width:92%;height:82%;max-height:326px;display:block;position:relative;transform:rotate(4deg);box-shadow:0 0 0 2px #202020,0 8px #0003,0 18px 24px #00000042}.product-pack-preview span{z-index:2;background:var(--pack-green);color:#fff;text-align:center;text-shadow:2px 3px #111;border:6px solid #fff;border-radius:24% 20% 26%;place-items:center;width:88%;height:72%;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(34px,4vw,48px);line-height:1;display:grid;position:relative;transform:rotate(4deg);box-shadow:0 0 0 2px #202020,0 18px 24px #00000042}.product-pack-price{z-index:9;pointer-events:none;justify-items:center;gap:0;display:grid;position:absolute;bottom:8px;right:-42px;transform:rotate(1deg)}.product-pack-price .price{z-index:1;background:var(--pack-green);color:#fff;border:4px solid #111;border-radius:999px;align-items:baseline;gap:5px;min-height:clamp(58px,6.2vw,74px);margin:0;padding:7px 15px 7px 12px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #ffffff73,4px 5px #000}.product-pack-price .price small{color:#fff;text-shadow:1px 2px #111;font-size:clamp(12px,1.2vw,16px);font-weight:1000;line-height:1}.product-pack-price .price strong{color:#fff;text-shadow:2px 4px #111;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(36px,5.1vw,62px);font-weight:900;line-height:.84}.product-pack-price del{z-index:2;color:#fff;background:#050507;border:3px solid #111;border-radius:999px;justify-content:center;min-width:clamp(78px,8.5vw,112px);margin-top:-8px;padding:4px 12px 3px;font-size:clamp(11px,1.1vw,14px);font-weight:1000;line-height:1;text-decoration-thickness:2px;display:inline-flex;position:relative;box-shadow:3px 4px #000}@media (max-width:860px){.grid:has(>.product-card){grid-template-columns:1fr;gap:clamp(80px,12svh,128px)}.product-card{width:min(86vw,360px)}.product-pack-link{--pack-header-height:clamp(96px, 25vw, 124px);min-height:min(78svh,540px)}.product-pack-summary{font-size:clamp(11px,3.1vw,14px)}.product-pack-header h3{font-size:clamp(27px,7.8vw,36px)}.product-pack-price{bottom:12px;right:-28px}}@media (max-width:520px){.grid:has(>.product-card){gap:max(88px,12svh)}.product-card{width:min(82vw,330px)}.product-pack-link{--pack-header-height:clamp(92px, 26vw, 112px);min-height:min(76svh,510px)}.product-pack-header{padding:clamp(24px,7vw,31px) 13px 11px}.product-pack-category-row:before,.product-pack-category-row:after{flex-basis:30px;margin:0 9px}.product-pack-link:before,.product-pack-link:after,.product-pack-body{bottom:18px;left:9%;right:9%}.product-pack-preview img{border-width:7px;width:88%;height:72%}.product-pack-price{bottom:16px;right:-18px}.product-pack-price .price{border-width:3px;min-height:58px;padding:7px 12px 7px 10px}.product-pack-price .price strong{font-size:clamp(34px,12vw,46px)}}
