:root{--ink:#151118;--wine:#8e2948;--wine2:#b83a5a;--gold:#e8c27a;--paper:#fff8f0;--muted:#b9aeb7;--line:#362832}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}.site-header{height:76px;display:flex;align-items:center;gap:36px;max-width:1180px;margin:auto;padding:0 28px;border-bottom:1px solid #2b222b}.brand{font-weight:800;font-size:21px;letter-spacing:-.04em;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--wine2);border-radius:50%;font-family:Georgia;font-style:italic}.nav-links{display:flex;gap:28px;margin-left:auto;color:var(--muted);font-size:13px}.nav-links a:hover,.footer-links a:hover{color:var(--paper)}.header-cta,.primary-cta{background:var(--wine2);padding:13px 20px;border-radius:5px;font-weight:700;font-size:13px;box-shadow:0 8px 28px #b83a5a2b}.menu{display:none;background:none;border:0;color:white;font-size:25px}.section-shell{max-width:1180px;margin:auto;padding:95px 28px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:80px}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.16em;margin:0 0 16px;font-weight:700}.hero h1{font-family:'Noto Serif JP',serif;font-size:clamp(42px,5vw,70px);line-height:1.24;letter-spacing:-.07em;margin:0 0 23px}.hero h1 em{color:#df6c86;font-style:normal}.hero-lead{font-size:20px;line-height:1.7;margin:0 0 10px}.hero-sub{color:var(--muted);line-height:1.9;max-width:480px;margin:0 0 28px}.primary-cta{display:inline-flex;align-items:center;justify-content:center;font-family:"Noto Sans JP",sans-serif;font-weight:700;letter-spacing:.02em}.primary-cta span{display:none}.store-buttons{display:flex;gap:10px;margin-top:16px}.store-buttons a{display:flex;align-items:center;gap:8px;border:1px solid #766a73;border-radius:5px;padding:8px 13px;font-size:16px}.store-icon{width:19px;height:19px;display:block;flex:none}.apple-icon{fill:#fff}.google-icon{width:20px;height:20px}.store-buttons span{display:flex;flex-direction:column;font-size:13px;font-weight:700;line-height:1.1}.store-buttons small{font-size:8px;font-weight:400;opacity:.8}.hero-visual{height:500px;position:relative;display:flex;align-items:center;justify-content:center}.poster{position:absolute;width:230px;height:405px;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px #0008;background:linear-gradient(160deg,#7e344c,#1f1520 62%,#0e0c10);padding:22px;display:flex;flex-direction:column;justify-content:flex-end;font-family:'Noto Serif JP',serif;font-size:24px;font-weight:700}.poster:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 60% 25%,#e6a3a05c,transparent 27%),linear-gradient(145deg,transparent 30%,#070609b8)}.poster>*{position:relative}.poster-front{z-index:2;background-image:linear-gradient(180deg,#0000 35%,#111016 92%),url("drama-hero.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;transform:translateY(-12px)}.poster-front p{font-size:19px;line-height:1.5}.poster-back{transform:rotate(-10deg) translate(-105px,12px);opacity:.7}.poster-side{transform:rotate(9deg) translate(105px,25px);opacity:.62}.play{align-self:center;margin-bottom:auto;margin-top:130px;width:56px;height:56px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:18px}.progress{height:3px;background:linear-gradient(90deg,var(--gold) 35%,#fff6 35%);display:block}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:27px}.section-heading h2{font-family:'Noto Serif JP',serif;font-size:35px;margin:0;letter-spacing:-.05em}.section-heading>a{color:var(--gold);font-size:13px}.genre-grid,.story-grid,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.genre-card{height:190px;border:1px solid #4a3944;border-radius:8px;padding:25px;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.genre-card:before{content:'';position:absolute;inset:0;opacity:.75}.genre-card>*{position:relative}.genre-card strong{font-family:'Noto Serif JP';font-size:22px}.genre-card span{color:#d3c3c8;font-size:13px;margin-top:8px}.romance:before{background-image:linear-gradient(135deg,#48203588,#c06e7f33),url("drama-wide-romance.jpg");background-size:cover;background-position:center top}.revenge:before{background-image:linear-gradient(135deg,#1f1b3088,#7a294d33),url("drama-wide-confrontation.jpg");background-size:cover;background-position:center top}.danger:before{background-image:linear-gradient(135deg,#57351f88,#8e294833),url("drama-wide-danger.jpg");background-size:cover;background-position:center}.story-card{background:#201820;border:1px solid #3b2b37;border-radius:8px;overflow:hidden}.story-art{height:245px;padding:18px;display:flex;align-items:end;font-family:'Noto Serif JP';font-size:23px;font-weight:700;line-height:1.4}.art-one{background-image:linear-gradient(180deg,#0000,#35162ecc),url("drama-wide-party.jpg");background-size:cover;background-position:center}.art-two{background-image:linear-gradient(180deg,#0000,#28192acc),url("drama-wide-secretary.jpg");background-size:cover;background-position:center}.art-three{background-image:linear-gradient(180deg,#0000,#171121cc),url("drama-wide-ceo.jpg");background-size:cover;background-position:center}.story-card h3,.story-card p{margin-left:18px;margin-right:18px}.story-card h3{font-size:16px;margin-top:17px;margin-bottom:7px}.story-card p{font-size:12px;line-height:1.7;color:var(--muted);min-height:44px}.how{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps>div{padding:25px 0}.steps b{color:var(--wine2);font-family:Georgia;font-size:34px}.steps h3{margin:15px 0 8px;font-size:17px}.steps p{color:var(--muted);font-size:13px;line-height:1.8;margin:0;max-width:290px}.download{display:flex;justify-content:space-between;align-items:center;gap:30px}.download h2{font-family:'Noto Serif JP';font-size:38px;line-height:1.45;margin:0 0 14px}.download p:not(.eyebrow){color:var(--muted)}.download-actions{display:flex;flex-direction:column;gap:12px;min-width:220px}.outline-cta{border:1px solid #8a7580;padding:13px 20px;border-radius:5px;text-align:center;font-weight:700;font-size:13px}.download-actions .primary-cta,.download-actions .outline-cta{display:flex;justify-content:center;align-items:center;gap:10px}.button-icon{font-size:15px;font-weight:800;display:inline-grid;place-items:center;width:18px}.download-actions .store-icon{width:18px;height:18px}.download-actions .google-icon{width:19px;height:19px}.site-footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;padding:35px 28px 45px;color:var(--muted);font-size:12px}.footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links span{color:#8d8089}.copyright{margin-top:22px;font-size:11px}.mobile-sticky{display:none}
@media(max-width:720px){.site-header{height:64px;padding:0 20px}.nav-links,.header-cta{display:none}.menu{display:block;margin-left:auto}.section-shell{padding:67px 20px}.hero{display:flex;flex-direction:column;gap:25px;align-items:stretch;padding-top:45px;min-height:auto}.hero h1{font-size:42px}.hero-lead{font-size:17px}.hero-visual{height:430px;order:-1;margin:0 -7px}.poster{width:183px;height:324px;font-size:18px;padding:16px}.poster-front{transform:translateY(-4px)}.poster-back{transform:rotate(-10deg) translate(-83px,12px)}.poster-side{transform:rotate(9deg) translate(83px,18px)}.play{margin-top:100px;width:48px;height:48px}.poster-front p{font-size:15px}.primary-cta{justify-content:center;width:100%;padding:15px}.store-buttons{justify-content:center}.store-buttons a{flex:1;justify-content:center}.section-heading h2{font-size:27px}.genre-grid,.story-grid,.steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:7px}.genre-card{min-width:245px;height:160px;scroll-snap-align:start}.story-card{min-width:245px;scroll-snap-align:start}.story-art{height:220px}.steps>div{min-width:240px;scroll-snap-align:start}.download{display:block}.download h2{font-size:30px}.download-actions{margin-top:24px}.site-footer{padding:30px 20px 100px}.footer-top{display:block}.footer-top p{line-height:1.8}.footer-links{gap:12px 18px}.mobile-sticky{display:block;position:fixed;z-index:5;bottom:14px;left:16px;right:16px;background:var(--wine2);padding:15px;border-radius:6px;text-align:center;font-weight:800;box-shadow:0 10px 25px #0009}.hero-sub{font-size:13px}}












/* App Store icon: compensate for whitespace inside the SVG viewBox. */
.store-buttons .apple-icon, .download-actions .apple-icon { width: 26px; height: 26px; }