@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
:root{--primary:#00c2a8;--primary-hover:#00a38f;--primary-light:#e3fbf6;--bg:#f2f4f6;--surface:#fff;--text-main:#191f28;--text-sub:#4e5968;--border:#e5e8eb;--c-price:#00c2a8;--c-share:#8a5fc7;--c-membership:#3fa0c2;--c-free:#c99a3d;--c-guide:#d66e9e;--c-faq:#6e85d6;--c-updates:#4c9a5a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);letter-spacing:-.3px;word-break:keep-all;font-family:Pretendard,sans-serif;line-height:1.75}.app-container{background-color:var(--surface);max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:80px;overflow-x:hidden;box-shadow:0 0 20px #00000008}@media (min-width:600px){body{padding:0}.app-container{max-width:960px;min-height:100vh;overflow-x:visible}}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;font-size:22px;font-weight:800;display:flex;position:sticky;top:0}.header a{color:var(--text-main);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.header .logo-text{background:linear-gradient(120deg,#00c2a8,#00e3b8 60%,#00a38f);color:#0000;-webkit-background-clip:text;background-clip:text}.logo-mark{border-radius:8px;flex-shrink:0}.watcha-entry-link{background:linear-gradient(120deg,#f0a0b3,#e8829a 60%,#d9678a);border-radius:999px;flex-shrink:0;padding:7px 16px;font-size:14px;font-weight:800;transition:transform .15s;box-shadow:0 4px 10px #d8678a4d;color:#fff!important}.watcha-entry-link:hover{transform:translateY(-1px)}.nav-wrapper{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;display:flex;position:relative}.nav-scroll{white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;gap:18px;width:100%;padding:14px 24px;display:flex;overflow-x:auto}.nav-scroll::-webkit-scrollbar{display:none}.nav-scroll a{color:var(--text-sub);font-size:15px;font-weight:600;text-decoration:none;transition:color .2s}.nav-scroll a:hover{color:var(--text-main)}.nav-arrow{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--primary);cursor:pointer;z-index:5;background:#ffffffe6;border:none;padding:0 16px;font-size:16px;font-weight:900;position:absolute;top:0;bottom:0}.nav-arrow.left{left:0;box-shadow:10px 0 15px #ffffffe6}.nav-arrow.right{right:0;box-shadow:-10px 0 15px #ffffffe6}@media (min-width:600px){.nav-scroll{flex-wrap:wrap;overflow:visible}.nav-arrow{display:none}}.page-section{max-width:760px;margin:0 auto;padding:32px 24px}.page-section.wide{max-width:960px}@media (min-width:600px){.page-section{padding:40px 40px 48px}}.title{color:var(--text-main);margin-bottom:24px;font-size:28px;font-weight:800}.content-block{margin-bottom:40px}.content-block h2{color:var(--text-main);align-items:center;gap:6px;margin:0 0 16px;font-size:21px;font-weight:800;display:flex}.content-block p{color:#333d4b;margin-bottom:16px;font-size:16px}.point-text{color:var(--text-main);background:linear-gradient(#fff0 60%,#00c2a840 40%);padding:0 2px;font-weight:700}.summary-box{background:linear-gradient(160deg, var(--primary-light) 0%, #fff 65%);border:2px solid var(--primary);border-radius:18px;margin-bottom:24px;padding:20px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00c2a81f}.summary-box h3{color:var(--primary-hover);margin-bottom:12px;font-size:17px;font-weight:800}.summary-list{flex-direction:column;gap:10px;list-style:none;display:flex}.summary-list li{align-items:flex-start;gap:8px;font-size:15px;font-weight:600;display:flex}.cta-button{background:linear-gradient(120deg, #00d9b5, var(--primary) 60%, var(--primary-hover));color:#fff;text-align:center;border-radius:16px;width:100%;margin:24px 0;padding:18px;font-size:18px;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .2s;display:block;box-shadow:0 6px 16px #00c2a838}.cta-button:active{transform:scale(.96);box-shadow:0 3px 8px #00c2a833}.seo-table{border-collapse:collapse;border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;margin-bottom:16px;overflow:hidden}.seo-table th,.seo-table td{text-align:left;border-bottom:1px solid var(--border);padding:16px;font-size:15px}.seo-table th{background:linear-gradient(120deg, var(--primary-light), #eaf6ff);color:var(--primary-hover);font-weight:800}.seo-table tr:not(:last-child) td{border-bottom:1px solid var(--border)}.animate-up{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) forwards fadeInUp;transform:translateY(20px)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.category-grid{grid-template-columns:1fr;gap:12px;margin-bottom:24px;display:grid}@media (min-width:600px){.category-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width:880px){.page-section.wide .category-grid{grid-template-columns:repeat(3,1fr)}}.category-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:18px;align-items:center;gap:14px;padding:18px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.category-card:hover{border-color:var(--badge-color,var(--primary));box-shadow:0 6px 16px color-mix(in srgb, var(--badge-color,var(--primary)) 18%, transparent);transform:translateY(-2px)}.category-card-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.category-card-title{color:var(--text-main);font-size:16px;font-weight:700}.category-card-desc{color:var(--text-sub);font-size:13px;font-weight:500;line-height:1.5}.category-card-arrow{color:#c4cbd3;flex-shrink:0;font-size:20px;font-weight:800}.category-card:hover .category-card-arrow{color:var(--badge-color,var(--primary))}.category-badge{--badge-color:#00c2a8;background:linear-gradient(145deg, color-mix(in srgb, var(--badge-color) 82%, white), var(--badge-color));box-shadow:0 4px 10px color-mix(in srgb, var(--badge-color) 28%, transparent), inset 0 1px 0 #fff6;border-radius:30%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.badge-sm{border-radius:15px;width:48px;height:48px;font-size:24px}.badge-md{border-radius:19px;width:60px;height:60px;margin-bottom:14px;font-size:30px}.badge-lg{border-radius:26px;width:84px;height:84px;margin-bottom:16px;font-size:42px}.breadcrumb{color:var(--text-sub);flex-wrap:wrap;align-items:center;gap:2px 4px;margin-bottom:18px;font-size:13px;display:flex}.breadcrumb-item{align-items:center;gap:4px;display:inline-flex}.breadcrumb a{color:var(--text-sub);text-decoration:none}.breadcrumb a:hover{color:var(--primary);text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--text-main);font-weight:600}.breadcrumb-sep{color:#c4cbd3}.verified-badge{color:var(--text-sub);align-items:center;gap:6px;margin-bottom:20px;font-size:12.5px;font-weight:600;display:inline-flex}.verified-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:6px;height:6px}.illustration-frame{max-width:280px;margin:0 auto 28px;padding:8px}.illustration-frame svg{width:100%;height:auto;display:block}.source-cite{background:var(--bg);border:1px solid var(--border);border-radius:14px;margin-top:28px;padding:16px 18px}.source-cite h3{color:var(--text-sub);letter-spacing:.2px;margin-bottom:8px;font-size:12.5px;font-weight:800}.source-cite ul{flex-direction:column;gap:6px;list-style:none;display:flex}.source-cite a{color:var(--primary-hover);word-break:break-all;font-size:13px;text-decoration:none}.source-cite a:hover{text-decoration:underline}.related-block{border-top:1px solid var(--border);margin-top:8px;padding-top:28px}.related-block h2{color:var(--text-main);margin-bottom:16px;font-size:19px;font-weight:800}.hub-intro{color:var(--text-sub);margin-bottom:24px;font-size:16px;line-height:1.7}.section-label{color:var(--text-sub);letter-spacing:-.2px;margin:8px 0 12px;font-size:15px;font-weight:800}.hero-banner{isolation:isolate;background:linear-gradient(155deg, var(--primary-light) 0%, #fff 70%);background-image:radial-gradient(color-mix(in srgb, var(--primary) 22%, transparent) 1.5px, transparent 1.5px), linear-gradient(155deg, var(--primary-light) 0%, #fff 70%);border:1px solid color-mix(in srgb, var(--primary) 15%, var(--border));background-position:-9px -9px,0 0;background-size:18px 18px,100% 100%;border-radius:24px;margin-bottom:28px;padding:32px 22px 28px;position:relative;overflow:hidden}@media (min-width:600px){.hero-banner{padding:44px 44px 36px}}.eyebrow-badge{border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));color:var(--primary-hover);background:#ffffffd9;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 14px;font-size:13px;font-weight:800;display:inline-flex}.nav-item{align-items:center;display:inline-flex;position:relative}.nav-item>a{align-items:center;gap:7px;display:inline-flex}.nav-dot{width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 15%, transparent);border-radius:50%;flex-shrink:0}.nav-dropdown{display:none}@media (min-width:600px){.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown{background:var(--surface);border:1px solid var(--border);z-index:20;border-top:3px solid;border-radius:14px;flex-direction:column;gap:2px;min-width:200px;margin-top:6px;padding:8px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0000001a}.nav-dropdown a{color:var(--text-sub);white-space:nowrap;border-radius:9px;padding:9px 12px;font-size:14px;font-weight:600}.nav-dropdown a:hover{background:var(--bg);color:var(--text-main)}}.site-footer{border-top:1px solid var(--border);color:var(--text-sub);word-break:keep-all;margin-top:48px;padding:32px 24px;font-size:12px;line-height:1.7}@media (min-width:600px){.site-footer{padding:40px}}.footer-cols{grid-template-columns:repeat(2,1fr);gap:24px 16px;margin-bottom:28px;display:grid}@media (min-width:700px){.footer-cols{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.footer-cols{grid-template-columns:repeat(7,1fr)}}.footer-col-bar{border-radius:4px;width:22px;height:4px;margin-bottom:8px;display:block}.footer-col h4{color:var(--text-main);margin-bottom:10px;font-size:13px;font-weight:800}.footer-col a{color:var(--text-sub);margin-bottom:7px;font-size:12.5px;text-decoration:none;display:block}.footer-col a:hover{color:var(--primary)}.footer-legal{border-top:1px solid var(--border);padding-top:20px}.calc-people-picker{gap:8px;margin-bottom:20px;display:flex}.calc-people-btn{border:2px solid var(--border);background:var(--surface);color:var(--text-sub);cursor:pointer;border-radius:14px;flex:1;padding:14px 0;font-size:15px;font-weight:700;transition:border-color .15s,color .15s,background .15s}.calc-people-btn.active{border-color:var(--primary);color:var(--primary-hover);background:var(--primary-light)}.calc-result{border:2px solid var(--primary);background:linear-gradient(160deg, var(--primary-light) 0%, #fff 65%);border-radius:18px;margin:16px 0 20px;padding:20px}.calc-result-plan{color:var(--text-main);margin-bottom:4px;font-size:18px;font-weight:800}.calc-result-price{color:var(--primary-hover);font-size:28px;font-weight:800}.calc-result-sub{color:var(--text-sub);font-size:13px;font-weight:600}.calc-result-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.calc-result-item{background:#ffffffb3;border-radius:12px;padding:10px 12px}.calc-result-item .calc-label{color:var(--text-sub);font-size:12px;font-weight:600;display:block}.calc-result-item .calc-value{color:var(--text-main);font-size:16px;font-weight:700;display:block}.calc-note{color:var(--text-sub);margin-top:14px;font-size:12.5px}.calc-illustration{max-width:220px;margin:4px auto 20px}.calc-compare{border:1px solid var(--border);background:var(--surface);border-radius:18px;margin-bottom:20px;padding:18px 20px}.calc-compare-title{color:var(--text-main);margin-bottom:8px;font-size:15.5px;font-weight:800}.calc-compare-desc{color:var(--text-sub);margin-bottom:16px;font-size:13.5px;line-height:1.6}.calc-compare-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (max-width:480px){.calc-compare-grid{grid-template-columns:1fr}}.calc-compare-item{background:var(--bg);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.calc-compare-item .calc-label{color:var(--text-sub);font-size:11.5px;font-weight:700}.calc-compare-item .calc-value{color:var(--text-main);font-size:17px;font-weight:800}.calc-compare-unit{color:var(--text-sub);margin-left:2px;font-size:11px;font-weight:600}.calc-compare-note{color:var(--text-sub);font-size:11px}.calc-promo{background:linear-gradient(120deg, var(--primary-light), #fff);border:2px solid var(--primary);border-radius:18px;align-items:center;gap:14px;margin-bottom:24px;padding:16px 18px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.calc-promo:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00c2a82e}.calc-promo-emoji{flex-shrink:0;font-size:28px}.calc-promo-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.calc-promo-title{color:var(--text-main);font-size:15px;font-weight:800}.calc-promo-desc{color:var(--text-sub);font-size:12.5px}.calc-promo-arrow{color:var(--primary-hover);flex-shrink:0;font-size:20px;font-weight:800}.anime-update-list{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.anime-update-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.anime-update-title{color:var(--text-main);font-size:14.5px;font-weight:700}.anime-update-tags{flex-wrap:wrap;gap:6px;display:flex}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.status-pill.tag-exclusive{background:color-mix(in srgb, var(--c-updates) 14%, white);color:var(--c-updates)}.status-pill.tag-dub{background:color-mix(in srgb, var(--c-membership) 14%, white);color:var(--c-membership)}.status-pill.tag-up{background:color-mix(in srgb, var(--primary) 14%, white);color:var(--primary-hover)}.status-pill.tag-only{background:color-mix(in srgb, var(--c-guide) 14%, white);color:var(--c-guide)}.status-pill.tag-upcoming{background:color-mix(in srgb, var(--c-free) 16%, white);color:var(--c-free)}.anime-update-source{font-size:12px}.anime-update-source a{color:var(--primary-hover);text-decoration:none}.anime-update-source a:hover{text-decoration:underline}.anime-update-quarter{color:var(--text-main);margin:28px 0 12px;font-size:15px;font-weight:800}.anime-update-quarter:first-of-type{margin-top:0}.anime-update-empty{text-align:center;color:var(--text-sub);padding:40px 20px;font-size:14px}.footer-legal p{margin-bottom:8px}.watcha-theme{--primary:#e8829a;--primary-hover:#d9678a;--primary-light:#fcebf0}.watcha-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#fffffff2;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;position:sticky;top:0}.watcha-wordmark{min-width:0;color:var(--primary-hover);flex:1;align-items:center;gap:8px;font-size:15px;font-weight:800;line-height:1.3;text-decoration:none;display:inline-flex}.watcha-wordmark-dot{background:linear-gradient(135deg, var(--primary), var(--primary-hover));border-radius:4px;flex-shrink:0;width:10px;height:10px;display:inline-block}.raftel-entry-link{background:linear-gradient(120deg,#00d9b5,#00c2a8 60%,#00a38f);border-radius:999px;flex-shrink:0;padding:7px 16px;font-size:14px;font-weight:800;transition:transform .15s;box-shadow:0 4px 10px #00c2a847;color:#fff!important}.raftel-entry-link:hover{transform:translateY(-1px)}.watcha-nav-scroll a:hover{color:var(--primary-hover)}.watcha-hero{background:linear-gradient(155deg, var(--primary-light) 0%, #fff 70%);background-image:radial-gradient(color-mix(in srgb, var(--primary) 22%, transparent) 1.5px, transparent 1.5px), linear-gradient(155deg, var(--primary-light) 0%, #fff 70%);border-color:color-mix(in srgb, var(--primary) 15%, var(--border));background-position:-9px -9px,0 0;background-size:18px 18px,100% 100%}.watcha-eyebrow{border-color:color-mix(in srgb, var(--primary) 20%, var(--border))}