:root{--bg-deep: #171335;--bg-mid: #2c2456;--bg-soft: #3d3272;--accent-violet: #b39ef2;--accent-pink: #f5c9dd;--accent-gold: #ffe9ac;--text-light: #f6f2ff;--text-soft: #cfc4ec;--text-muted: #9c90c4;--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .12);--font-display: "Kaisei Decol", "Zen Maru Gothic", serif;--font-body: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--radius-lg: 28px;--radius-md: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text-light);background:linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-mid) 55%,var(--bg-soft) 100%);overflow-x:hidden;line-height:1.85;letter-spacing:.02em}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;color:var(--text-light);letter-spacing:.04em;margin:0 0 .6em}a{color:inherit}img{max-width:100%;display:block}.container{max-width:1080px;margin:0 auto;padding:0 24px}.starfield{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.starfield:before,.starfield:after{content:"";position:absolute;inset:-10%;background-image:radial-gradient(2px 2px at 10% 20%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1.5px 1.5px at 25% 65%,rgba(255,255,255,.7),transparent 60%),radial-gradient(2px 2px at 40% 15%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.5px 1.5px at 60% 80%,rgba(255,255,255,.6),transparent 60%),radial-gradient(2px 2px at 75% 35%,rgba(255,255,255,.9),transparent 60%),radial-gradient(1.5px 1.5px at 88% 60%,rgba(255,255,255,.7),transparent 60%),radial-gradient(2px 2px at 95% 10%,rgba(255,255,255,.8),transparent 60%),radial-gradient(1.5px 1.5px at 15% 90%,rgba(255,255,255,.6),transparent 60%);background-repeat:repeat;animation:twinkle 6s ease-in-out infinite alternate}.starfield:after{inset:-15%;background-position:30px 40px;animation-duration:9s;animation-delay:1.5s;opacity:.6}@keyframes twinkle{0%{opacity:.35}to{opacity:1}}.moon-glow{position:fixed;top:-180px;right:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8e2 0%,var(--accent-gold) 35%,rgba(255,233,172,0) 70%);filter:blur(2px);opacity:.55;z-index:0;pointer-events:none}main{position:relative;z-index:1}.site-header{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:#1713358c;border-bottom:1px solid var(--card-border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}.logo{font-family:var(--font-display);font-size:1.3rem;letter-spacing:.12em;text-decoration:none;color:var(--text-light)}.logo span{color:var(--accent-gold)}.nav-links{display:flex;gap:28px;list-style:none;margin:0;padding:0}.nav-links a{text-decoration:none;font-size:.95rem;color:var(--text-soft);transition:color .25s ease;position:relative}.nav-links a:hover{color:var(--accent-gold)}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:999px;font-family:var(--font-body);font-size:.95rem;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-gold),var(--accent-pink));color:#2a1f45;font-weight:700;box-shadow:0 8px 30px #ffe9ac40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px #ffe9ac59}.btn-ghost{border-color:var(--card-border);color:var(--text-light);background:#ffffff0a}.btn-ghost:hover{border-color:var(--accent-violet);color:var(--accent-gold)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:28px;backdrop-filter:blur(6px)}.eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.3em;color:var(--accent-gold);text-transform:uppercase;margin-bottom:14px}.section{padding:96px 0}.section-title{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:16px}.section-lead{color:var(--text-soft);max-width:620px;margin:0 0 48px}.grid{display:grid;gap:28px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.media-card{border-radius:var(--radius-md);overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);transition:transform .3s ease,box-shadow .3s ease}.media-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0f0a2866}.media-card .thumb{aspect-ratio:4 / 3;background:linear-gradient(135deg,var(--bg-soft),var(--accent-violet));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.9rem;color:#ffffffa6;text-align:center;padding:12px}.media-card .body{padding:20px 22px 24px}.tag{display:inline-block;font-size:.72rem;padding:4px 12px;border-radius:999px;background:#b39ef22e;color:var(--accent-violet);margin-bottom:10px}.price{font-family:var(--font-display);font-size:1.2rem;color:var(--accent-gold);margin:10px 0 16px}.novel-body{margin-top:40px;font-family:var(--font-body);font-size:1.02rem;color:var(--text-light)}.novel-body p{margin:0 0 1.6em;text-indent:1em}.novel-separator{text-align:center;text-indent:0;color:var(--accent-gold);letter-spacing:.4em;margin:2.4em 0!important}.novel-next{text-align:right;color:var(--text-muted);font-size:.88rem;margin-top:8px}.news-item{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--card-border)}.news-item time{flex:0 0 110px;color:var(--text-muted);font-size:.85rem;padding-top:4px}.news-item .news-tag{font-size:.72rem;color:var(--accent-gold);margin-bottom:6px;display:inline-block}.signup-panel{background:linear-gradient(135deg,#b39ef224,#f5c9dd14);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:48px;text-align:center}.signup-form{display:flex;gap:12px;max-width:480px;margin:28px auto 0;flex-wrap:wrap;justify-content:center}.signup-form input[type=email],.signup-form input[type=text]{flex:1 1 240px;padding:14px 20px;border-radius:999px;border:1px solid var(--card-border);background:#ffffff0f;color:var(--text-light);font-family:var(--font-body);font-size:.95rem}.signup-form input::placeholder{color:var(--text-muted)}.signup-form .hp-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}.form-message{margin-top:16px;font-size:.9rem;min-height:1.4em;color:var(--accent-gold)}.form-message.error{color:#ffb4c6}.site-footer{position:relative;z-index:1;border-top:1px solid var(--card-border);padding:48px 0 32px;text-align:center;color:var(--text-muted);font-size:.85rem}.footer-links{display:flex;gap:20px;justify-content:center;margin:14px 0;list-style:none;padding:0}.footer-links a{text-decoration:none;color:var(--text-soft)}.footer-links a:hover{color:var(--accent-gold)}@media (max-width: 640px){.nav-links{gap:16px}.section{padding:64px 0}.signup-panel{padding:32px 20px}}