@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--color-primary: #7033ff;--color-primary-hover: #5c24e0;--color-accent: #e250ff;--color-chip-bg: #e0bdff;--color-chip-bg-hover: #d3a8ff;--color-chip-text: #6000b4;--color-bg: #f6f4fa;--color-surface: #ffffff;--color-border: #e3def0;--color-text: #111111;--color-text-muted: #71708a;--color-tag-bg: #e0bdff;--radius-card: 16px;--radius-button: 14px;--font-body: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.6}.page{max-width:480px;margin:0 auto;padding:40px 20px 64px}.backlink{display:inline-block;color:var(--color-text-muted);text-decoration:none;font-size:.85rem;margin-bottom:20px}.backlink:hover{color:var(--color-primary)}.cover{display:block;width:220px;margin:0 auto 24px;border-radius:8px;box-shadow:0 8px 32px #7033ff26}h1{font-size:1.6rem;line-height:1.3;text-align:center;margin-bottom:4px}.author{text-align:center;color:var(--color-text-muted);font-size:.95rem;margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px}.tag{background:var(--color-tag-bg);color:var(--color-chip-text);font-size:.78rem;font-weight:500;padding:4px 10px;border-radius:6px}.availability-hint{display:block;text-align:center;font-size:.82rem;font-weight:600;color:var(--color-primary);text-decoration:none;margin-bottom:20px}.availability-hint:hover{text-decoration:underline}.synopsis{font-size:.92rem;color:var(--color-text);white-space:pre-line;margin-bottom:32px}.synopsis.clamped{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:0}.more-btn{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--color-chip-text);background:var(--color-chip-bg);border:none;border-radius:6px;padding:5px 12px;margin:8px 0 24px;cursor:pointer}.more-btn:hover{background:var(--color-chip-bg-hover)}.buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.btn{display:block;text-align:center;text-decoration:none;border-radius:var(--radius-button);transition:transform .1s ease,background .15s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:3px solid var(--color-chip-text);outline-offset:2px}.btn-omo{background:var(--color-primary);color:#fff;font-size:1.05rem;font-weight:700;padding:20px 16px;box-shadow:0 6px 24px #7033ff4d}.btn-omo:hover{background:var(--color-primary-hover);box-shadow:0 8px 32px #7033ff73}.btn-omo .benefit{display:block;font-size:.8rem;font-weight:400;opacity:.9;margin-top:2px}.divider{text-align:center;color:var(--color-text-muted);font-size:.8rem;margin:16px 0 6px;padding-top:16px;border-top:1px solid var(--color-border)}.btn-store{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text);font-size:.92rem;font-weight:600;padding:12px}.btn-store:hover{border-color:var(--color-accent)}.btn-amazon{border-color:#f90;color:#8a5300}.btn-amazon:hover{background:#fff4e0;border-color:#f90}.btn-kobo{border-color:#bf0000;color:#9c0000}.btn-kobo:hover{background:#fbeaea;border-color:#bf0000}.btn-google_play{border-color:#5f6368;color:#4d5156}.btn-google_play:hover{background:#eef0f1;border-color:#5f6368}.license{text-align:center;color:var(--color-text-muted);font-size:.78rem}.sticky-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:10;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#f6f4faeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -4px 20px #0000001f;transform:translateY(100%);transition:transform .25s ease}.sticky-cta.visible{transform:translateY(0)}.sticky-cta-btn{font-size:.95rem;padding:14px 16px}@media(max-width:768px){.sticky-cta{display:block}.page{padding-bottom:96px}}@media(prefers-reduced-motion:reduce){.sticky-cta{transition:none}}html{scroll-behavior:smooth}.hub{max-width:1200px;margin:0 auto;padding:20px 20px 48px}.hero{position:relative;overflow:hidden;background:var(--color-primary);border-radius:28px;padding:56px 56px 60px;margin-bottom:36px;color:#fff}.hero-inner{position:relative;max-width:640px}.hero-shape{position:absolute;border-radius:64px;pointer-events:none}.hero-shape-a{width:340px;height:340px;right:-80px;top:-110px;background:var(--color-accent);opacity:.35;transform:rotate(18deg)}.hero-shape-b{width:260px;height:260px;right:140px;bottom:-150px;background:#fff;opacity:.08;transform:rotate(-12deg)}.hero-mascot{position:absolute;right:48px;bottom:60px;height:210px}@media(max-width:768px){.hero-mascot{height:76px;right:12px;bottom:44px}}.hub-brand{font-size:.95rem;font-weight:800;color:var(--color-chip-bg);letter-spacing:-.01em;margin-bottom:6px}.hub-title{font-size:clamp(2.4rem,5.5vw,3.6rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;text-align:left;text-wrap:balance;margin-bottom:12px}.hub-tagline{color:#ffffffd1;font-size:1rem;line-height:1.55;max-width:46ch;text-wrap:pretty}.hero-cta-block{margin-top:26px}.hub-benefit-badge{display:inline-block;background:#ffffff2e;color:#fff;font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:8px;margin-bottom:10px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hub-cta{display:inline-block;padding:14px 26px;font-size:1rem;font-weight:700;white-space:nowrap}.btn-invert{background:#fff;color:var(--color-primary)}.btn-invert:hover{background:var(--color-chip-bg);transform:translateY(-1px)}@media(max-width:768px){.hero{padding:40px 28px 44px;border-radius:20px}.hero-shape-a{width:220px;height:220px;right:-110px;top:-80px}}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px}.chip{font-family:var(--font-body);font-size:.82rem;font-weight:500;padding:7px 14px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:#4b4762;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chips-stores{margin-top:-20px}.chips-stores .chip{border:none;background:var(--color-chip-bg);color:var(--color-chip-text);font-weight:600}.chips-stores .chip:hover{background:var(--color-chip-bg-hover);color:var(--color-chip-text)}.chips-stores .chip[data-channel=amazon]{background:#ffe8c2;color:#8a5300}.chips-stores .chip[data-channel=amazon]:hover{background:#ffdca3}.chips-stores .chip[data-channel=amazon].active{background:#f90;color:#0f1111}.chips-stores .chip[data-channel=kobo]{background:#f6d2d2;color:#9c0000}.chips-stores .chip[data-channel=kobo]:hover{background:#f0bcbc}.chips-stores .chip[data-channel=kobo].active{background:#bf0000;color:#fff}.chips-stores .chip[data-channel=google_play]{background:#e4e5e7;color:#4d5156}.chips-stores .chip[data-channel=google_play]:hover{background:#d6d8db}.chips-stores .chip[data-channel=google_play].active{background:#5f6368;color:#fff}@media(max-width:768px){.chips-scroll{position:relative;margin-left:-20px;margin-right:-20px}.chips-scroll:after{content:"";position:absolute;right:0;top:0;bottom:8px;width:36px;background:linear-gradient(to right,transparent,var(--color-bg));pointer-events:none}.chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 36px 8px 20px}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto}}.chip.active,.chips-stores .chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px 16px}@media(max-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.grid{grid-template-columns:repeat(2,1fr)}}.card{display:flex;flex-direction:column;text-decoration:none;color:var(--color-text)}.card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:12px}.card-cover-wrap{position:relative;display:block;border-radius:12px;box-shadow:0 4px 16px #7033ff1a;transition:transform .2s ease,box-shadow .2s ease}.card:hover .card-cover-wrap{transform:translateY(-4px);box-shadow:0 12px 28px #7033ff33}@media(prefers-reduced-motion:reduce){.card:hover .card-cover-wrap,.btn:hover{transform:none}}.card-cover{display:block;width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;border-radius:12px}.card-badges{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:5px}.badge{font-size:.9rem;font-weight:600;line-height:1;padding:6px 11px;border-radius:999px;background:#121022b8;color:#fff;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.badge-omofictions{background:#7033ffeb}.badge-amazon{background:#f90;color:#0f1111}.badge-kobo{background:#bf0000}.badge-google_play{background:#5f6368}.badge-only{position:absolute;bottom:8px;left:8px;background:#7033ffeb}.card-title{font-size:.85rem;font-weight:600;line-height:1.35;margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-genres{font-size:.72rem;color:var(--color-text-muted);margin-top:2px}.site-footer{margin-top:56px;text-align:center;font-size:.8rem;color:var(--color-text-muted)}.site-footer a{color:var(--color-primary);text-decoration:none;font-weight:600}.site-footer a:hover{text-decoration:underline}