@font-face{font-family:Zentry;src:url(/assets/fonts/zentry-regular.woff2) format("woff2");font-weight:700}@font-face{font-family:Robert;src:url(/assets/fonts/robert-regular.woff2) format("woff2");font-weight:400}:root{color-scheme:dark;--bg: #0c0e18;--surface: #11131e;--surface-2: #191b26;--surface-3: #272935;--line: rgba(255, 255, 255, .1);--text: #e1e1f2;--muted: #d6c4ac;--gold: #ffc56c;--coral: #ffb59d;--cyan: #7dd3fc;--violet: #c8a0f0;--shadow: 0 24px 70px rgba(0, 0, 0, .42);font-family:Robert,"Source Sans 3",Inter,system-ui,sans-serif;background:var(--bg);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#0c0e1866,#0c0e18 44rem),#0c0e18}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.top-nav{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0e18c7;border-bottom:1px solid var(--line);display:flex;height:64px;justify-content:space-between;left:0;padding:0 clamp(16px,4vw,48px);position:fixed;right:0;top:0;z-index:50}.brand{background:none;border:0;color:var(--gold);cursor:pointer;font-family:Zentry,Syne,sans-serif;font-size:26px;font-weight:700}.nav-links{display:flex;gap:26px}.nav-links button,.site-footer button{background:none;border:0;color:var(--muted);cursor:pointer}.nav-links button.active,.nav-links button:hover,.site-footer button:hover{color:var(--text)}.nav-actions{align-items:center;display:flex;gap:12px}.search-box{align-items:center;background:var(--surface-3);border:1px solid var(--line);border-radius:999px;color:var(--muted);display:flex;gap:10px;padding:8px 12px}.search-box input{background:transparent;border:0;color:var(--text);width:220px}.icon-button{align-items:center;background:#ffffff0d;border:1px solid var(--line);border-radius:999px;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:transform .18s ease,border-color .18s ease;width:40px}.icon-button:hover{border-color:#ffc56c8c;transform:translateY(-2px)}.account-button{background:#ffc56c1f;border:1px solid rgba(255,197,108,.38);border-radius:999px;color:var(--gold);cursor:pointer;font-size:13px;font-weight:800;padding:10px 14px}.mobile-only{display:none}.hero{min-height:86vh;overflow:hidden;position:relative}.hero-video,.hero-shade{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.hero-video{object-fit:cover}.hero-shade{background:linear-gradient(90deg,#0c0e18f0,#0c0e18a3 42%,#0c0e1833),linear-gradient(0deg,#0c0e18,#0c0e1800 28%)}.hero-content{align-items:center;display:grid;gap:clamp(28px,6vw,86px);grid-template-columns:minmax(0,1fr) 360px;margin:0 auto;max-width:1280px;min-height:86vh;padding:96px clamp(18px,4vw,48px) 58px;position:relative}.hero-copy{max-width:720px}.hero h1{color:var(--gold);font-family:Zentry,Syne,sans-serif;font-size:clamp(56px,9vw,132px);line-height:.92;margin:0 0 24px}.hero p{color:var(--text);font-size:clamp(18px,2.2vw,24px);line-height:1.45;margin:0;max-width:660px}.hero-actions,.detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.primary-button,.secondary-button,.danger-button{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:700;gap:10px;min-height:46px;padding:12px 22px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button{background:var(--coral);border:1px solid rgba(255,181,157,.7);box-shadow:0 0 24px #ffb59d42;color:#390c00}.secondary-button{background:#ffffff0f;border:1px solid rgba(255,197,108,.38);color:var(--gold)}.danger-button{background:#ff4c4c1a;border:1px solid rgba(255,76,76,.38);color:#ffb4ab}.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-2px)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.full{justify-content:center;width:100%}.sound-button{color:var(--gold)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.interactive-card{--card-height: 480px;--card-width: 320px;align-items:flex-end;background:transparent;border:0;cursor:pointer;display:flex;height:var(--card-height);justify-content:center;padding:0 36px;perspective:2500px;position:relative;width:var(--card-width)}.card-wrapper{border-radius:8px;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;transition:transform .5s ease,box-shadow .5s ease;z-index:0}.card-wrapper:before,.card-wrapper:after{content:"";height:42%;left:0;opacity:0;position:absolute;transition:opacity .5s ease,height .5s ease;width:100%}.card-wrapper:before{background:linear-gradient(to top,transparent 46%,rgba(12,13,19,.78) 92%);top:0}.card-wrapper:after{background:linear-gradient(to bottom,transparent 28%,rgba(12,13,19,.9) 92%);bottom:0;opacity:1}.interactive-card:hover .card-wrapper{box-shadow:2px 35px 32px -8px #000000c7;transform:perspective(900px) translateY(-5%) rotateX(24deg)}.interactive-card:hover .card-wrapper:before{opacity:1}.interactive-card:hover .card-wrapper:after{height:54%}.card-cover{height:100%;object-fit:cover;width:100%}.card-title-art{max-width:92%;position:relative;transition:transform .5s ease;z-index:2}.interactive-card strong{color:var(--gold);font-family:Zentry,sans-serif;font-size:38px;line-height:1;position:relative;text-align:center;z-index:2}.card-character{bottom:0;left:0;opacity:0;position:absolute;transition:opacity .5s ease,transform .5s ease;width:100%;z-index:1}.interactive-card:hover .card-title-art{transform:translate3d(0,-58px,100px)}.interactive-card:hover .card-character{opacity:1;transform:translate3d(0,-30%,100px)}.upload-preview-card,.empty-state{align-items:center;background:#11131ebd;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);color:var(--text);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:280px;padding:28px;text-align:center}.upload-preview-card{cursor:pointer;min-height:430px;transition:transform .18s ease,border-color .18s ease;width:320px}.upload-preview-card:hover{border-color:#ffc56c8c;transform:translateY(-4px)}.upload-preview-card svg,.empty-state svg{color:var(--gold)}.upload-preview-card strong,.empty-state strong{color:var(--gold);font-family:Zentry,sans-serif;font-size:30px}.upload-preview-card span,.empty-state p,.panel-note{color:var(--muted);line-height:1.45;margin:0}.empty-state.warning svg{color:var(--coral)}.section-shell{margin:0 auto;max-width:1280px;padding:0 clamp(18px,4vw,48px)}.genre-strip{display:flex;gap:12px;margin-top:28px;overflow-x:auto;padding-bottom:12px;padding-top:12px}.chip{background:var(--surface-3);border:1px solid var(--line);border-radius:999px;color:var(--text);cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:700;padding:10px 18px}.chip.active{background:#ffc56c1f;border-color:var(--gold);color:var(--gold)}.discovery-grid{display:grid;gap:32px;grid-template-columns:minmax(0,1fr) 282px;padding-bottom:86px;padding-top:46px}.library-section{padding-bottom:86px;padding-top:46px}.main-column{min-width:0}.section-header{align-items:center;display:flex;justify-content:space-between;margin:0 0 20px}.section-header h2,.panel h3{align-items:center;color:var(--text);display:flex;font-family:Zentry,sans-serif;font-size:28px;gap:9px;margin:0}.section-header svg,.panel h3 svg{color:var(--coral)}.section-header span{color:var(--gold);font-size:13px}.novel-row{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(162px,1fr));margin-bottom:52px}.novel-card,.release-card,.panel,.synopsis-panel,.chapter-table,.lab-sidebar,.lab-workspace{background:#11131ebd;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.novel-card{cursor:pointer;padding:8px;text-align:left;transition:transform .18s ease,border-color .18s ease}.novel-card:hover,.release-card:hover{border-color:#ffc56c6b;transform:translateY(-4px)}.cover-frame{aspect-ratio:2 / 3;border-radius:6px;display:block;margin-bottom:12px;overflow:hidden}.cover-frame img,.release-card img{height:100%;object-fit:cover;transition:transform .42s ease;width:100%}.novel-card:hover img,.release-card:hover img{transform:scale(1.06)}.novel-card strong{display:block;line-height:1.25;min-height:42px}.rating{align-items:center;color:var(--gold);display:flex;gap:5px;margin-top:6px}.release-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.release-card{color:inherit;cursor:pointer;display:grid;gap:4px 16px;grid-template-columns:92px 1fr;padding:16px;text-align:left;transition:transform .18s ease,border-color .18s ease}.release-card img{aspect-ratio:2 / 3;border-radius:6px;grid-row:span 4}.release-card span{color:var(--gold);font-size:12px;font-weight:800;text-transform:uppercase}.release-card strong{font-family:Zentry,sans-serif;font-size:22px}.release-card p{color:var(--muted);line-height:1.35;margin:0}.sidebar-column{display:flex;flex-direction:column;gap:24px}.panel{padding:22px}.panel h3{color:var(--gold);font-size:25px;margin-bottom:20px}.ranking-row{align-items:center;background:none;border:0;cursor:pointer;display:flex;gap:16px;padding:10px 0;text-align:left;width:100%}.ranking-row>span{color:var(--coral);font-family:Zentry,sans-serif;font-size:24px;width:26px}.ranking-row small,.update-row small,.site-footer p{color:var(--muted)}.update-row{border-bottom:1px solid var(--line);display:grid;gap:4px;padding:12px 0;position:relative}.update-row em{background:#ffb59d1c;border-radius:4px;color:var(--coral);font-size:11px;font-style:normal;padding:4px 6px;position:absolute;right:0;top:14px}.unlock-note{background:#ffb59d1a;border:1px solid rgba(255,181,157,.28);border-radius:8px;color:var(--coral);font-weight:800;margin-top:24px;padding:16px}.site-footer{align-items:start;background:#080a12;border-top:1px solid var(--line);display:grid;gap:32px;grid-template-columns:minmax(0,1fr) repeat(3,auto);padding:44px clamp(18px,4vw,48px)}.site-footer strong{color:var(--gold);display:block;font-family:Zentry,sans-serif;font-size:30px;margin-bottom:10px}.site-footer p{margin:0;max-width:420px}.detail-page{padding-top:96px}.ghost-link{align-items:center;background:none;border:0;color:var(--muted);cursor:pointer;display:inline-flex;gap:8px;margin-bottom:24px}.detail-layout{align-items:center;display:grid;gap:clamp(28px,7vw,92px);grid-template-columns:330px minmax(0,1fr)}.detail-copy h1{color:var(--text);font-family:Zentry,sans-serif;font-size:clamp(44px,6vw,82px);line-height:.98;margin:12px 0 6px}.author{color:var(--muted);font-size:20px;margin:0 0 24px}.meta-line,.stats-row{display:flex;flex-wrap:wrap;gap:14px}.meta-line span{border:1px solid var(--line);border-radius:999px;color:var(--gold);font-weight:800;padding:7px 12px;text-transform:uppercase}.stat{border-bottom:1px solid var(--line);min-width:120px;padding:0 0 12px}.stat span{color:var(--muted);display:block;font-size:13px;text-transform:uppercase}.stat strong{font-size:21px}.synopsis-panel{margin-top:28px;max-width:760px;padding:24px}.synopsis-panel h2{font-size:15px;margin:0 0 8px;text-transform:uppercase}.synopsis-panel p{color:var(--muted);display:-webkit-box;line-height:1.65;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.synopsis-panel p.expanded{display:block}.synopsis-panel button{align-items:center;background:none;border:0;color:var(--gold);cursor:pointer;display:inline-flex;gap:6px;margin-top:12px}.chapters-section{padding-bottom:88px;padding-top:52px}.chapter-table{overflow:hidden}.chapter-table button{align-items:center;background:transparent;border:0;border-bottom:1px solid var(--line);cursor:pointer;display:grid;gap:14px;grid-template-columns:64px minmax(0,1fr) 90px 24px;padding:16px 18px;text-align:left;width:100%}.chapter-table button:hover{background:var(--surface-2)}.chapter-table em{color:var(--muted);font-style:normal;text-align:right}.reader-page{min-height:100vh;padding-top:88px}.reader-topbar,.reader-bottombar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#11131ed1;border:1px solid var(--line);display:flex;gap:16px;left:50%;position:fixed;transform:translate(-50%);z-index:30}.reader-topbar{border-radius:999px;justify-content:space-between;max-width:960px;padding:10px 14px;top:78px;width:calc(100% - 32px)}.reader-topbar button,.reader-bottombar button,.reader-sidebar button{align-items:center;background:#ffffff0d;border:1px solid var(--line);border-radius:999px;cursor:pointer;display:inline-flex;gap:8px;padding:9px 13px}.reader-topbar div{min-width:0}.reader-topbar span{color:var(--muted);display:block;font-size:12px;text-transform:uppercase}.reader-topbar strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-copy{color:var(--muted);font-size:21px;line-height:1.82;margin:0 auto;max-width:760px;padding:96px 18px 160px;transition:transform .3s ease}.reader-copy.shifted{transform:translate(-180px)}.reader-copy h1{color:var(--gold);font-family:Zentry,sans-serif;font-size:48px;line-height:1.08;margin:0 0 46px;text-align:center}.reader-bottombar{border-radius:999px;bottom:22px;max-width:620px;padding:8px;width:calc(100% - 32px)}.progress-track{flex:1;text-align:center}.progress-track:before{background:var(--surface-3);border-radius:999px;content:"";display:block;height:6px;margin-bottom:4px}.progress-track span{background:var(--gold);border-radius:999px;display:block;height:6px;margin-bottom:-6px;width:45%}.progress-track small{color:var(--muted)}.reader-sidebar{background:#11131ef2;border-left:1px solid var(--line);bottom:0;box-shadow:var(--shadow);max-width:420px;padding:24px;position:fixed;right:0;top:64px;transform:translate(100%);transition:transform .3s ease;width:100%;z-index:40}.reader-sidebar.open{transform:translate(0)}.sidebar-head{align-items:center;display:flex;justify-content:space-between}.sidebar-head strong{display:block;font-family:Zentry,sans-serif;font-size:28px}.sidebar-head span{color:var(--gold)}.selector-row,.style-row{display:grid;gap:10px;grid-template-columns:1fr auto 1fr;margin-top:24px}.style-row{grid-template-columns:repeat(3,1fr)}.style-row .active,.style-grid .active{border-color:var(--gold);color:var(--gold)}.toggle-row{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.translation-output{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--muted);line-height:1.55;max-height:360px;overflow:auto;padding:18px}.lab-page{display:grid;gap:24px;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 64px);padding-bottom:64px;padding-top:96px}.upload-page{min-height:calc(100vh - 64px);padding-bottom:72px;padding-top:104px}.upload-intro{margin-bottom:28px;max-width:780px}.upload-intro h1{color:var(--gold);font-family:Zentry,sans-serif;font-size:clamp(46px,7vw,82px);line-height:.95;margin:0 0 14px}.upload-intro p{color:var(--muted);font-size:20px;line-height:1.45}.upload-intro strong{color:var(--coral)}.form-message{color:var(--coral);margin:14px 0 0}.upload-grid{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.upload-form{background:#11131ebd;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;padding:24px}.upload-form h2{color:var(--gold);font-family:Zentry,sans-serif;font-size:31px;margin:0 0 6px}.upload-form input,.upload-form select,.upload-form textarea{background:#0f111b;border:1px solid var(--line);border-radius:8px;color:var(--text);padding:13px 14px;width:100%}.file-upload{background:#0f111b;border:1px dashed rgba(255,197,108,.4);border-radius:8px;color:var(--muted);display:grid;gap:8px;padding:14px}.file-upload span{color:var(--gold);font-weight:800}.file-upload input{border:0;padding:0}.cover-preview{aspect-ratio:2 / 3;border:1px solid var(--line);border-radius:8px;max-width:180px;object-fit:cover;width:100%}.upload-form textarea{min-height:132px;resize:vertical}.form-row{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.genre-picker{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.genre-picker label{align-items:center;background:#0f111b;border:1px solid var(--line);border-radius:8px;color:var(--muted);display:flex;gap:8px;padding:10px}.checkbox-row{align-items:center;color:var(--muted);display:flex;gap:10px}.auth-message{color:var(--coral);line-height:1.35;margin:0}.lab-sidebar,.lab-workspace{padding:24px}.lab-sidebar h1{color:var(--gold);font-family:Zentry,sans-serif;font-size:38px;line-height:1;margin:0 0 12px}.lab-sidebar p{color:var(--muted);line-height:1.45}.lab-field{display:grid;gap:8px;margin-top:18px}.lab-field label,.editor-grid span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase}.lab-field select,.auth-form input{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:12px}.style-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px}.style-grid button{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;cursor:pointer;padding:10px}.lab-toolbar{display:flex;gap:12px;justify-content:space-between;margin-bottom:20px}.editor-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));min-height:620px}.editor-grid label{display:flex;flex-direction:column;gap:10px}.editor-grid textarea{background:#0f111b;border:1px solid var(--line);border-radius:8px;color:var(--text);flex:1;line-height:1.65;padding:18px;resize:none}.auth-overlay{top:0;right:0;bottom:0;left:0;position:fixed;z-index:80}.auth-backdrop{background:#000000b3;border:0;height:100%;width:100%}.auth-panel{background:var(--bg);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 420px;left:50%;max-height:calc(100vh - 36px);max-width:980px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 36px)}.close-button{background:#0000006b;border:1px solid var(--line);border-radius:999px;cursor:pointer;height:36px;position:absolute;right:16px;top:16px;width:36px;z-index:2}.auth-art{min-height:520px;position:relative}.auth-art img{height:100%;object-fit:cover;width:100%}.auth-art:after{background:linear-gradient(0deg,#0c0e18f2,#0c0e1826);content:"";top:0;right:0;bottom:0;left:0;position:absolute}.auth-art h2{bottom:34px;font-family:Zentry,sans-serif;font-size:44px;left:34px;line-height:1;margin:0;max-width:480px;position:absolute;z-index:1}.auth-form{display:flex;flex-direction:column;gap:16px;justify-content:center;padding:42px}.auth-tabs{border-bottom:1px solid var(--line);display:flex;gap:22px;margin-bottom:10px}.auth-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);cursor:pointer;font-weight:800;padding:0 0 12px}.auth-tabs button.active{border-color:var(--gold);color:var(--gold)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:980px){.search-box{display:none}.mobile-only{display:inline-flex}.nav-links{background:#0c0e18f5;border-bottom:1px solid var(--line);display:none;flex-direction:column;left:0;padding:16px 24px;position:absolute;right:0;top:64px}.nav-links.open{display:flex}.hero-content,.detail-layout,.discovery-grid,.lab-page,.editor-grid,.upload-grid,.auth-panel{grid-template-columns:1fr}.hero-content{justify-items:start}.interactive-card{--card-height: 390px;--card-width: 260px}.sidebar-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.reader-copy.shifted{transform:none}.auth-art{display:none}}@media(max-width:640px){.top-nav{padding:0 14px}.brand{font-size:22px}.hero{min-height:92vh}.hero-content{min-height:92vh;padding-top:84px}.hero h1{font-size:62px}.hero p{font-size:18px}.hero-actions,.detail-actions,.lab-toolbar{align-items:stretch;flex-direction:column}.primary-button,.secondary-button{justify-content:center;width:100%}.sidebar-column{grid-template-columns:1fr}.release-card{grid-template-columns:78px 1fr}.form-row,.site-footer{grid-template-columns:1fr}.chapter-table button{grid-template-columns:48px minmax(0,1fr) 22px}.chapter-table em{display:none}.reader-topbar{border-radius:8px}.reader-topbar button:last-child{font-size:0;gap:0}.reader-copy{font-size:19px;padding-top:116px}.reader-bottombar{border-radius:8px}.auth-form{padding:34px 22px}}