:root{color-scheme: light;--ink: #0b1220;--ink-2: #1e293b;--text: #475569;--text-muted: #64748b;--text-faint: #64748b;--icon: #94a3b8;--bg: #ffffff;--bg-subtle: #f8fafc;--bg-muted: #f1f5f9;--bg-raised: #ffffff;--line: #e6eaf0;--line-strong: #d5dbe4;--mint-50: #ecfdf5;--mint-100: #d1fae5;--mint-300: #6ee7b7;--mint-400: #34d399;--mint-500: #10b981;--mint-600: #059669;--mint-700: #047857;--accent-text: #047857;--grad-accent: linear-gradient(100deg,#059669 0%,#0d9488 46%,#0284c7 100%);--navy: #0b1220;--navy-900: #0b1220;--teal: #10b981;--teal-600: #059669;--teal-700: #047857;--teal-050: #ecfdf5;--teal-100: #d1fae5;--bg-sunken: #f8fafc;--bg-tint: #f1f5f9;--ok: #047857;--ok-bg: #ecfdf5;--danger: #b91c1c;--danger-bg: #fef2f2;--font: "Inter","InterVariable",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono: ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;--fs-xs: 0.75rem;--fs-sm: 0.875rem;--fs-base: 1rem;--fs-md: 1.0625rem;--fs-lg: clamp(1.2rem,1.08rem + 0.5vw,1.4rem);--fs-xl: clamp(1.6rem,1.3rem + 1.3vw,2.25rem);--fs-2xl: clamp(2.3rem,1.5rem + 3.4vw,4.1rem);--s-1: 0.25rem;--s-2: 0.5rem;--s-3: 0.75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4.5rem;--section: clamp(3rem,2rem + 4vw,5.5rem);--r-btn: 8px;--r-sm: 6px;--r: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 999px;--page-top: clamp(1.5rem,1rem + 1.6vw,2.5rem);--fs-h1-page: clamp(1.75rem,1.35rem + 1.6vw,2.5rem);--fs-h2-content: clamp(1.3rem,1.15rem + 0.55vw,1.6rem);--shadow-xs: 0 1px 2px rgb(15 23 42 / 5%);--shadow-sm: 0 1px 3px rgb(15 23 42 / 6%),0 1px 2px rgb(15 23 42 / 4%);--shadow: 0 4px 14px -4px rgb(15 23 42 / 10%),0 2px 4px -2px rgb(15 23 42 / 5%);--shadow-lg: 0 18px 44px -14px rgb(15 23 42 / 20%),0 4px 12px -4px rgb(15 23 42 / 7%);--ring: 0 0 0 4px rgb(16 185 129 / 20%);--container: 1240px;--gutter: clamp(1rem,0.55rem + 1.9vw,2rem);--header-h: 68px;--tabbar-h: 60px;--ease: cubic-bezier(0.22,1,0.36,1);--fast: 0.16s;--medium: 0.28s}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: calc(var(--header-h) + var(--s-4))}body{margin: 0;background: var(--bg);color: var(--text);font-family: var(--font);font-size: var(--fs-base);line-height: 1.65;font-feature-settings: "cv02","cv03","cv04","cv11";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-x: hidden}img,svg,video{max-width: 100%;height: auto;display: block}h1,h2,h3,h4,h5,h6{margin: 0 0 var(--s-3);color: var(--ink);font-weight: 700;line-height: 1.15;letter-spacing: -0.022em;text-wrap: balance}h1{font-size: var(--fs-xl);font-weight: 800;letter-spacing: -0.03em}h2{font-size: var(--fs-lg)}h3{font-size: var(--fs-md);letter-spacing: -0.012em}h4,h5,h6{font-size: var(--fs-base)}p{margin: 0 0 var(--s-4)}p:last-child{margin-bottom: 0}b,strong{color: var(--ink-2);font-weight: 650}a{color: var(--accent-text);text-decoration: none;transition: color var(--fast) var(--ease),text-decoration-color var(--fast) var(--ease)}a:hover{color: var(--ink)}.logo-des a,.p-m-b a,.content-blog a,.sv-faq-inner a,.policies a,.sv-brandcolor-note a,.sv-format-inline a,.home-content-bottom a,.sv-prose a,.sv-faq dd a{color: var(--ink);font-weight: 600;text-decoration: underline;text-decoration-thickness: 1.5px;text-underline-offset: 3px;text-decoration-color: rgb(16 185 129 / 55%)}.logo-des a:hover,.p-m-b a:hover,.content-blog a:hover,.sv-faq-inner a:hover,.policies a:hover,.sv-brandcolor-note a:hover,.sv-format-inline a:hover,.home-content-bottom a:hover,.sv-prose a:hover,.sv-faq dd a:hover{color: var(--ink);text-decoration-color: var(--mint-600)}ul,ol{margin: 0 0 var(--s-4);padding-left: 1.25rem}li{margin-bottom: var(--s-1)}hr{border: 0;border-top: 1px solid var(--line);margin: var(--s-6) 0}code,kbd,pre{font-family: var(--mono);font-size: 0.9em}code{padding: 0.1em 0.4em;border-radius: 6px;background: var(--bg-muted);color: var(--ink-2);overflow-wrap: anywhere}pre{max-width: 100%;overflow-x: auto;padding: var(--s-4);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg-subtle)}pre code{padding: 0;background: none;overflow-wrap: normal}kbd{display: inline-grid;place-items: center;min-width: 1.6em;height: 1.6em;padding: 0 0.35em;border: 1px solid var(--line-strong);border-bottom-width: 2px;border-radius: 6px;background: var(--bg);color: var(--text-muted);font-size: 0.75rem;font-weight: 600}::selection{background: var(--mint-100);color: var(--ink)}:focus-visible{outline: 2px solid var(--mint-600);outline-offset: 2px;border-radius: 6px}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}}.container{width: 100%;max-width: var(--container);margin-inline: auto;padding-inline: var(--gutter)}.main-padding{padding-block: var(--s-7) var(--section)}.site-content-contain{display: block;min-height: 50vh}.display-flex{display: flex}.flex-wrap{flex-wrap: wrap}.align-item-base{align-items: center}.align-flex-start,.align-item-start,.align-item-top{align-items: flex-start}.align-baseline{align-items: baseline}.justify-content-center{justify-content: center}.sv-visually-hidden,.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0}.sv-skip-link{position: absolute;left: var(--s-4);top: -100px;z-index: 300;padding: var(--s-3) var(--s-4);border-radius: var(--r-sm);background: var(--ink);color: #fff;font-weight: 600;transition: top var(--fast) var(--ease)}.sv-skip-link:focus{top: var(--s-3);color: #fff}.row{display: flex;flex-wrap: wrap;margin-inline: calc(var(--s-3) * -1)}.row>[class*="col-"]{padding-inline: var(--s-3);width: 100%}.col-md-4,.col-md-6,.col-md-8{flex: 0 0 auto}@media (min-width: 768px){.col-md-4{width: 33.3333%}.col-md-6{width: 50%}.col-md-8{width: 66.6667%}.offset-md-4{margin-left: 33.3333%}.text-md-right{text-align: right}}.m-0{margin: 0}.mb-0{margin-bottom: 0}.p-0{padding: 0}.m-t-4{margin-top: var(--s-5)}.m-b-4{margin-bottom: var(--s-5)}.margin-b-1{margin-bottom: var(--s-4)}.py-4{padding-block: var(--s-5)}.padding-top-1{padding-top: var(--s-4)}.padding-bottom,.padding-bottom-1-5rem{padding-bottom: var(--s-5)}.bold{font-weight: 700}.d-inline{display: inline}.bg-white{background: var(--bg)}.ml-auto{margin-left: auto}.mr-auto{margin-right: auto}.align-center{text-align: center;margin-block: var(--s-6)}.order-1{order: 1}.order-2{order: 2}.shadow-sm{box-shadow: var(--shadow-sm)}.opacity-down{opacity: 0.65}.btn,.btn-primary,.btn-search,.btn-submit,.btn-save,button.btn,.sv-btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--s-2);min-height: 44px;padding: 0.65rem 1.2rem;border: 1px solid var(--ink);border-radius: var(--r-btn);background: var(--ink);color: #fff;font: inherit;font-size: 0.9375rem;font-weight: 600;line-height: 1.2;letter-spacing: -0.005em;text-align: center;white-space: nowrap;cursor: pointer;box-shadow: inset 0 1px 0 rgb(255 255 255 / 12%),var(--shadow-sm);transition: background-color var(--fast) var(--ease),transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.btn:hover,.btn-primary:hover,.btn-search:hover,.btn-submit:hover,.btn-save:hover,.sv-btn:hover{background: var(--ink-2);border-color: var(--ink-2);color: #fff;box-shadow: inset 0 1px 0 rgb(255 255 255 / 12%),var(--shadow)}.btn:active,.sv-btn:active,.btn-search:active{transform: translateY(1px)}.sv-btn-secondary,.btn-lite{display: inline-flex;align-items: center;justify-content: center;gap: var(--s-2);min-height: 44px;padding: 0.65rem 1.2rem;border: 1px solid var(--line-strong);border-radius: var(--r-btn);background: var(--bg);color: var(--ink);font-weight: 600;font-size: 0.9375rem;box-shadow: var(--shadow-xs);transition: border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.sv-btn-secondary:hover,.btn-lite:hover{border-color: var(--ink);color: var(--ink);background: var(--bg)}.btn-full,.btn-block{width: 100%}.btn-link{background: none;border: 0;box-shadow: none;color: var(--accent-text);padding: 0;min-height: 0}.form-control,.uk-input,.uk-textarea,.sv-field,input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="url"],input[type="number"],textarea,select{width: 100%;min-height: 46px;padding: 0.65rem 0.95rem;border: 1px solid var(--line-strong);border-radius: var(--r);background: var(--bg);color: var(--ink);font: inherit;font-size: max(16px,1rem);box-shadow: var(--shadow-xs);transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.form-control:focus,.uk-input:focus,.sv-field:focus,textarea:focus,select:focus,input:focus{outline: none;border-color: var(--mint-500);box-shadow: var(--ring)}::placeholder{color: #8391a7;opacity: 1}.form-group,.sv-field-row{margin-bottom: var(--s-4)}.col-form-label,.sv-field-label{display: block;margin-bottom: var(--s-2);color: var(--ink);font-size: var(--fs-sm);font-weight: 600}.form-check{display: flex;align-items: center;gap: var(--s-2);margin-bottom: var(--s-3)}.form-check-input{width: 18px;height: 18px;min-height: 0;accent-color: var(--ink);box-shadow: none}.form-check-label{margin: 0;font-size: var(--fs-sm);font-weight: 500;color: var(--text)}.input-group{display: flex;width: 100%}.input-group-btn{display: flex}.invalid-feedback,.help-block{display: block;margin-top: var(--s-2);color: var(--danger);font-size: var(--fs-sm)}.is-invalid{border-color: var(--danger) !important}.alert,.alert-block{padding: var(--s-3) var(--s-4);border: 1px solid var(--line);border-radius: var(--r);margin-bottom: var(--s-4)}.alert-success,.alert-success-msg{background: var(--ok-bg);border-color: #a7f3d0;color: #065f46}.alert-danger{background: var(--danger-bg);border-color: #fecaca;color: #991b1b}header.header-footer-group{position: relative;z-index: 100}.main-header{position: sticky;top: 0;z-index: 60;background: rgb(255 255 255 / 82%);-webkit-backdrop-filter: saturate(180%) blur(16px);backdrop-filter: saturate(180%) blur(16px);border-bottom: 1px solid rgb(15 23 42 / 7%)}.main-header>.container>.display-flex{min-height: var(--header-h);align-items: center;gap: var(--s-5)}.logo-setting{flex: 0 0 auto;display: flex;align-items: center}.logo-setting a{display: flex;align-items: center}.logo-setting img{height: 30px;width: auto}.right-nav{margin-left: auto;min-width: 0}.right-nav>.display-flex{align-items: center;gap: var(--s-5)}.main-nav ul{display: flex;align-items: center;gap: 2px;list-style: none;margin: 0;padding: 0}.main-nav li{margin: 0}.main-nav a{position: relative;display: block;padding: 0.5rem 0.8rem;border-radius: var(--r-sm);color: #334155;font-size: 0.9375rem;font-weight: 550;letter-spacing: -0.005em;transition: color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.main-nav a:hover{color: var(--ink);background: var(--bg-muted)}.main-nav a[aria-current="page"]{color: var(--ink);font-weight: 650}.main-nav a[aria-current="page"]::after{content: "";position: absolute;left: 50%;bottom: 1px;width: 4px;height: 4px;margin-left: -2px;border-radius: 50%;background: var(--mint-500)}.user-nav ul{display: flex;align-items: center;gap: var(--s-2);list-style: none;margin: 0;padding: 0}.user-nav li{margin: 0}.user-nav a{display: inline-flex;align-items: center;color: #334155;font-size: 0.9375rem;font-weight: 550;padding: 0.5rem 0.7rem;border-radius: var(--r-sm)}.user-nav a:hover{color: var(--ink);background: var(--bg-muted)}.user-nav a.signup-btn,.signup-btn{min-height: 38px;padding: 0.45rem 1rem;border-radius: var(--r-btn);background: var(--ink);color: #fff;font-weight: 600;box-shadow: inset 0 1px 0 rgb(255 255 255 / 12%),var(--shadow-sm)}.user-nav a.signup-btn:hover,.signup-btn:hover{background: var(--ink-2);color: #fff}.nav-avatar img{width: 34px;height: 34px;border-radius: 50%;border: 2px solid var(--line)}.new-menu{display: none;align-items: center;gap: var(--s-2);min-width: 44px;min-height: 42px;padding: 0 0.85rem;border: 1px solid var(--line-strong);border-radius: var(--r);background: var(--bg);color: var(--ink);font: inherit;font-size: var(--fs-sm);font-weight: 600;cursor: pointer;box-shadow: var(--shadow-xs)}.new-menu:hover{border-color: var(--ink)}.new-menu::before{content: "";width: 16px;height: 2px;border-radius: 2px;background: currentColor;box-shadow: 0 -5px 0 currentColor,0 5px 0 currentColor}.search-bk-inner-page{background: var(--bg-subtle);border-bottom: 1px solid var(--line);padding-block: var(--s-4)}.search-bk-inner-page .display-flex{align-items: center;gap: var(--s-3)}.search-bk-inner-page .live-search{flex: 1 1 auto;min-width: 0;max-width: 720px;margin-inline: auto}.search-bk-inner-page .form-main{margin: 0}.input-group{align-items: center;gap: var(--s-2);position: relative;padding: 5px 5px 5px 0;border: 1px solid var(--line-strong);border-radius: 12px;background: var(--bg);box-shadow: var(--shadow-sm);transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.input-group:focus-within{border-color: var(--mint-500);box-shadow: var(--ring),var(--shadow-sm)}.input-group .form-control{flex: 1 1 auto;min-width: 0;min-height: 40px;border: 0;box-shadow: none;background: transparent;padding: 0.4rem 0.9rem 0.4rem 2.75rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: 0.95rem 50%;background-size: 18px}.input-group .form-control:focus{box-shadow: none}.input-group .btn-search{min-height: 40px;padding-inline: 1.15rem;border-radius: var(--r-btn)}.sv-drawer{position: fixed;inset: 0;z-index: 120;visibility: hidden;pointer-events: none}.sv-drawer[aria-hidden="false"]{visibility: visible;pointer-events: auto}.sv-drawer-scrim{position: absolute;inset: 0;background: rgb(11 18 32 / 45%);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);opacity: 0;transition: opacity var(--medium) var(--ease)}.sv-drawer[aria-hidden="false"] .sv-drawer-scrim{opacity: 1}.sv-drawer-panel{position: absolute;top: 0;right: 0;bottom: 0;width: min(380px,92vw);overflow-y: auto;overscroll-behavior: contain;padding: 0 var(--s-4) calc(var(--s-6) + env(safe-area-inset-bottom));background: var(--bg);box-shadow: var(--shadow-lg);transform: translateX(100%);transition: transform var(--medium) var(--ease)}.sv-drawer[aria-hidden="false"] .sv-drawer-panel{transform: translateX(0)}.sv-drawer-top{position: sticky;top: 0;z-index: 2;display: flex;align-items: center;justify-content: space-between;height: 64px;margin: 0 calc(var(--s-4) * -1) var(--s-3);padding: 0 var(--s-4);background: rgb(255 255 255 / 92%);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-bottom: 1px solid var(--line)}.sv-drawer-logo img{height: 26px;width: auto}.sv-drawer-close{display: grid;place-items: center;width: 38px;height: 38px;padding: 0;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink);cursor: pointer}.sv-drawer-close:hover{border-color: var(--ink)}.sv-drawer-search{margin-bottom: var(--s-4)}.sv-drawer-search .form-control{min-height: 44px;padding-left: 2.6rem;border-radius: var(--r-btn);background: var(--bg-subtle) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 0.85rem 50% / 18px;box-shadow: none}.sv-drawer-auth{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-2);margin-bottom: var(--s-2)}.sv-drawer-auth>*{min-height: 42px;font-size: var(--fs-sm)}.sv-drawer-account{display: flex;align-items: center;gap: var(--s-3);padding: var(--s-3);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg-subtle)}.sv-drawer-who{display: flex;flex-direction: column;min-width: 0}.sv-drawer-who strong{color: var(--ink);font-size: 0.9375rem}.sv-drawer-who span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--text-muted);font-size: 0.8125rem}.sv-drawer-mine{display: grid;grid-template-columns: repeat(3,1fr);gap: 6px;margin-top: var(--s-2)}.sv-drawer-mine a{display: grid;place-items: center;min-height: 38px;border: 1px solid var(--line);border-radius: var(--r-btn);color: var(--ink);font-size: 0.8125rem;font-weight: 600}.sv-drawer-mine a:hover{border-color: var(--ink)}.sv-drawer h2{margin: var(--s-5) 0 var(--s-2);color: var(--text-muted);font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.09em;text-transform: uppercase}.sv-drawer-tiles{display: grid;grid-template-columns: 1fr 1fr;gap: 6px}.sv-drawer-tiles a{display: flex;align-items: center;gap: 0.6rem;min-height: 48px;padding: 0 0.75rem;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);color: var(--ink);font-size: 0.875rem;font-weight: 600;transition: border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.sv-drawer-tiles a:hover,.sv-drawer-tiles a[aria-current="page"]{border-color: var(--ink);background: var(--bg-subtle)}.sv-drawer-tiles svg{flex: none;width: 19px;height: 19px;color: var(--mint-700)}.sv-drawer-formats{display: flex;flex-wrap: wrap;gap: 6px}.sv-drawer-formats a{display: inline-flex;border-radius: 7px;transition: transform var(--fast) var(--ease)}.sv-drawer-formats a:hover{transform: translateY(-1px)}.sv-drawer-formats .sv-dl-ext{min-width: 52px;height: 34px;font-size: 0.75rem}.sv-drawer-cats{list-style: none;margin: 0;padding: 0;border: 1px solid var(--line);border-radius: var(--r-lg);overflow: hidden}.sv-drawer-cats li{margin: 0}.sv-drawer-cats li + li{border-top: 1px solid var(--line)}.sv-drawer-cats a{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);min-height: 44px;padding: 0 0.85rem;color: var(--ink-2);font-size: 0.875rem;font-weight: 550}.sv-drawer-cats a:hover{background: var(--bg-subtle);color: var(--ink)}.sv-drawer-cats a>span:first-child{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.sv-drawer-all{display: inline-block;margin-top: var(--s-3);color: var(--ink);font-size: var(--fs-sm);font-weight: 650}.sv-drawer-foot{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-4);margin-top: var(--s-6);padding-top: var(--s-4);border-top: 1px solid var(--line)}.sv-drawer-foot a{color: var(--text-muted);font-size: 0.8125rem;font-weight: 550}.sv-drawer-foot a:hover{color: var(--ink)}body.sv-no-scroll{overflow: hidden}.sv-avatar{--tone: #047857;display: inline-grid;place-items: center;flex: none;width: 34px;height: 34px;border-radius: 50%;background: var(--tone);color: #fff;font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.02em;line-height: 1;box-shadow: inset 0 0 0 1px rgb(255 255 255 / 18%)}.sv-avatar--lg{width: 64px;height: 64px;font-size: 1.375rem}.sv-avatar-btn{display: block;padding: 2px;border: 0;border-radius: 50%;background: none;cursor: pointer}.sv-avatar-btn:hover .sv-avatar,.sv-avatar-btn[aria-expanded="true"] .sv-avatar{box-shadow: 0 0 0 3px var(--mint-100)}.sv-dropdown{position: relative}.sv-dropdown-menu{position: absolute;top: calc(100% + 10px);right: 0;z-index: 70;width: 260px;padding: 6px;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);box-shadow: var(--shadow-lg);opacity: 0;visibility: hidden;transform: translateY(-6px) scale(0.98);transform-origin: top right;transition: opacity var(--fast) var(--ease),transform var(--fast) var(--ease),visibility var(--fast)}.sv-dropdown.is-open .sv-dropdown-menu{opacity: 1;visibility: visible;transform: none}.sv-dropdown-who{display: flex;flex-direction: column;padding: 0.55rem 0.7rem 0.65rem;margin-bottom: 4px;border-bottom: 1px solid var(--line)}.sv-dropdown-name{color: var(--ink);font-size: 0.875rem;font-weight: 700}.sv-dropdown-email{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--text-muted);font-size: 0.75rem}.user-nav .sv-dropdown-menu ul,.sv-dropdown-menu ul{display: block;list-style: none;margin: 0;padding: 0}.sv-dropdown-menu li{margin: 0}.sv-dropdown-menu li a,.sv-dropdown-out{display: block;padding: 0.5rem 0.7rem;border-radius: var(--r-sm);color: var(--ink-2);font-size: 0.875rem;font-weight: 550}.sv-dropdown-menu li a:hover,.sv-dropdown-out:hover{background: var(--bg-muted);color: var(--ink)}.sv-dropdown-out{margin-top: 4px;padding-top: 0.6rem;border-top: 1px solid var(--line);border-radius: 0 0 var(--r-sm) var(--r-sm);color: var(--text-muted)}.sv-tabbar{display: none;position: fixed;left: 0;right: 0;bottom: 0;z-index: 90;background: rgb(255 255 255 / 88%);-webkit-backdrop-filter: saturate(180%) blur(16px);backdrop-filter: saturate(180%) blur(16px);border-top: 1px solid rgb(15 23 42 / 8%);padding-bottom: env(safe-area-inset-bottom)}.sv-tabbar ul{display: grid;grid-template-columns: repeat(4,1fr);list-style: none;margin: 0;padding: 0}.sv-tabbar li{margin: 0}.sv-tabbar a{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;height: var(--tabbar-h);color: var(--text-muted);font-size: 0.6875rem;font-weight: 600;-webkit-tap-highlight-color: transparent}.sv-tabbar a svg{width: 22px;height: 22px;stroke-width: 1.8}.sv-tabbar a[aria-current="page"]{color: var(--ink)}.sv-tabbar a[aria-current="page"] svg{stroke: var(--mint-600)}.sv-home-hero,.bk-color-banner{position: relative;z-index: 2;isolation: isolate;overflow-x: clip;padding-block: clamp(3.5rem,1.8rem + 6.5vw,7rem) clamp(2.5rem,1.5rem + 3vw,4rem);background: var(--bg);text-align: center}.sv-home-hero::before,.bk-color-banner::before{content: "";position: absolute;inset: 0;z-index: -1;background-image: radial-gradient(circle at 1px 1px,rgb(15 23 42 / 9%) 1px,transparent 0);background-size: 26px 26px;-webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image: radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}.sv-home-hero::after,.bk-color-banner::after{content: "";position: absolute;z-index: -2;left: 50%;top: -18%;width: min(1100px,130vw);height: 620px;transform: translateX(-50%);background: radial-gradient(closest-side at 30% 45%,rgb(45 212 191 / 22%),transparent 70%),radial-gradient(closest-side at 72% 40%,rgb(96 165 250 / 18%),transparent 70%),radial-gradient(closest-side at 50% 70%,rgb(167 139 250 / 10%),transparent 70%);filter: blur(8px)}.sv-eyebrow{display: inline-flex;align-items: center;gap: 0.55rem;padding: 0.35rem 0.9rem 0.35rem 0.55rem;margin-bottom: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-pill);background: rgb(255 255 255 / 75%);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);box-shadow: var(--shadow-xs);color: var(--text);font-size: 0.8125rem;font-weight: 550}.sv-eyebrow-dot{display: inline-grid;place-items: center;width: 20px;height: 20px;border-radius: 50%;background: var(--mint-50)}.sv-eyebrow-dot::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--mint-500);box-shadow: 0 0 0 0 rgb(20 184 166 / 45%);animation: sv-pulse 2.4s infinite}@keyframes sv-pulse{0%{box-shadow: 0 0 0 0 rgb(20 184 166 / 45%)}70%{box-shadow: 0 0 0 7px rgb(20 184 166 / 0%)}100%{box-shadow: 0 0 0 0 rgb(20 184 166 / 0%)}}.sv-eyebrow strong{color: var(--ink);font-weight: 700}.sv-home-hero h1,.bk-color-banner h1{max-width: 21ch;margin: 0 auto var(--s-4);font-size: var(--fs-2xl);font-weight: 800;line-height: 1.04;letter-spacing: -0.042em;color: var(--ink)}.clr-change,.sv-grad{background: var(--grad-accent);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: #0d9488}.sv-hero-sub,.bk-color-banner p{max-width: 56ch;margin: 0 auto var(--s-6);color: var(--text);font-size: clamp(1.05rem,0.98rem + 0.35vw,1.2rem);line-height: 1.6}.sv-hero-search{max-width: 700px;margin-inline: auto}.sv-hero-search .form-main{margin: 0}.sv-hero-search .input-group{padding: 6px 6px 6px 0;border-radius: 14px;border-color: rgb(15 23 42 / 10%);box-shadow: 0 1px 2px rgb(15 23 42 / 4%),0 12px 32px -12px rgb(15 23 42 / 22%)}.sv-hero-search .input-group:focus-within{box-shadow: var(--ring),0 12px 32px -12px rgb(15 23 42 / 22%)}.sv-hero-search .form-control{min-height: 50px;font-size: max(16px,1.0625rem);padding-left: 3rem;background-position: 1.1rem 50%;background-size: 20px}.sv-hero-search .btn-search{min-height: 50px;padding-inline: 1.6rem;border-radius: var(--r-btn);font-size: 1rem}.sv-search-kbd{display: none;margin-right: var(--s-1)}@media (min-width: 900px){.sv-search-kbd{display: inline-grid}}.sv-trending{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 0.35rem 0.6rem;margin: var(--s-4) auto 0;max-width: 700px;color: var(--text-muted);font-size: var(--fs-sm)}.sv-trending-label{font-weight: 600;color: var(--text-muted)}.sv-trending a{padding: 0.25rem 0.7rem;border-radius: var(--r-btn);color: var(--ink-2);font-weight: 550;background: rgb(255 255 255 / 70%);border: 1px solid var(--line);transition: border-color var(--fast) var(--ease),color var(--fast) var(--ease)}.sv-trending a:hover{border-color: var(--ink);color: var(--ink)}.sv-marquee{position: relative;margin-top: clamp(2.5rem,1.6rem + 3vw,4rem);overflow: hidden;-webkit-mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.sv-marquee-label{margin-bottom: var(--s-4);color: var(--text-muted);font-size: var(--fs-sm);font-weight: 550}.sv-marquee-track{display: flex;gap: var(--s-4);width: max-content;animation: sv-marquee 60s linear infinite}.sv-marquee:hover .sv-marquee-track{animation-play-state: paused}@keyframes sv-marquee{to{transform: translateX(-50%)}}.sv-marquee a{display: grid;place-items: center;flex: 0 0 auto;width: 148px;height: 76px;padding: 14px 20px;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);box-shadow: var(--shadow-xs);transition: transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease),border-color var(--fast) var(--ease)}.sv-marquee a:hover{transform: translateY(-3px);box-shadow: var(--shadow);border-color: var(--line-strong)}.sv-marquee img{width: 100%;height: 44px;object-fit: contain}@media (prefers-reduced-motion: reduce){.sv-marquee-track{animation: none;flex-wrap: wrap;justify-content: center;width: auto}.sv-marquee-track [aria-hidden="true"]{display: none}}.page-size,.main-header-content{width: 100%}.page-size{max-width: var(--container);margin-inline: auto;padding-inline: var(--gutter)}.sv-section{padding-block: var(--section) 0}.sv-section:last-of-type{padding-bottom: var(--section)}.sv-section-head{display: flex;align-items: flex-end;justify-content: space-between;gap: var(--s-4);flex-wrap: wrap;margin-bottom: var(--s-6)}.sv-kicker{display: block;margin-bottom: var(--s-2);color: var(--accent-text);font-size: 0.8125rem;font-weight: 650;letter-spacing: 0.06em;text-transform: uppercase}.sv-section-head h2{margin: 0;font-size: var(--fs-xl);font-weight: 750;letter-spacing: -0.03em}.sv-section-head p{margin: var(--s-2) 0 0;color: var(--text);max-width: 60ch}.sv-section-link{display: inline-flex;align-items: center;gap: 0.4rem;flex: 0 0 auto;color: var(--ink);font-weight: 600;font-size: 0.9375rem}.sv-section-link::after{content: "\2192";transition: transform var(--fast) var(--ease)}.sv-section-link:hover{color: var(--ink)}.sv-section-link:hover::after{transform: translateX(3px)}.top-hero-h1,.sv-detail-h1{margin-bottom: var(--s-3)}.heading-home,.heading-left,.heading-single,.left-main-head,.single-head{margin-bottom: var(--s-4)}.single-head a{color: inherit}.home-content-bottom{color: var(--text);max-width: 72ch}.detail-title-content{margin-bottom: var(--s-6)}.sv-cat-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,235px),1fr));gap: var(--s-4)}.sv-cat-card{--tint: 45 212 191;position: relative;isolation: isolate;overflow: hidden;display: flex;flex-direction: column;justify-content: space-between;gap: var(--s-5);min-height: 128px;padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);color: inherit;transition: transform var(--medium) var(--ease),box-shadow var(--medium) var(--ease),border-color var(--medium) var(--ease)}.sv-cat-card::before{content: "";position: absolute;z-index: -1;right: -40px;top: -60px;width: 180px;height: 180px;border-radius: 50%;background: radial-gradient(closest-side,rgb(var(--tint) / 22%),transparent);transition: transform var(--medium) var(--ease)}.sv-cat-card:nth-child(4n+2){--tint: 96 165 250}.sv-cat-card:nth-child(4n+3){--tint: 167 139 250}.sv-cat-card:nth-child(4n+4){--tint: 251 146 60}.sv-cat-card:hover{transform: translateY(-3px);box-shadow: var(--shadow-lg);border-color: var(--line-strong);color: inherit}.sv-cat-card:hover::before{transform: scale(1.25)}.sv-cat-name{color: var(--ink);font-size: 1.0625rem;font-weight: 650;letter-spacing: -0.015em;line-height: 1.3}.sv-cat-foot{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3)}.sv-cat-count{color: var(--text-muted);font-size: var(--fs-sm);font-variant-numeric: tabular-nums}.sv-cat-arrow{display: grid;place-items: center;width: 32px;height: 32px;border-radius: 50%;background: var(--bg-muted);color: var(--ink);transition: background-color var(--fast) var(--ease),color var(--fast) var(--ease),transform var(--fast) var(--ease)}.sv-cat-arrow::before{content: "\2192";font-size: 0.95rem}.sv-cat-card:hover .sv-cat-arrow{background: var(--ink);color: #fff;transform: translateX(2px)}.sv-fmt-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,200px),1fr));gap: var(--s-4);margin-top: var(--s-5)}.sv-fmt-tile{display: flex;align-items: center;gap: var(--s-3);padding: var(--s-4);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);color: var(--ink);font-weight: 600;transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.sv-fmt-tile:hover{border-color: var(--line-strong);box-shadow: var(--shadow);color: var(--ink)}.logo-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(clamp(148px,15.5vw,188px),1fr));gap: clamp(12px,1.3vw,20px);margin: var(--s-5) 0 0;padding: 0}.logo-wrap{position: relative;min-width: 0;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);overflow: hidden;transition: transform var(--medium) var(--ease),box-shadow var(--medium) var(--ease),border-color var(--medium) var(--ease)}.logo-wrap:hover{transform: translateY(-4px);border-color: var(--line-strong);box-shadow: var(--shadow-lg)}.logo-wrap>a{display: flex;flex-direction: column;height: 100%;color: inherit}.logo-wrap>a:hover{color: inherit}.logo-img,.logo-wrap .logo-img{display: grid;place-items: center;aspect-ratio: 4 / 3;padding: 12px;background: #fff}.logo-wrap img{width: 88%;height: 84px;max-width: none;object-fit: contain;transition: transform var(--medium) var(--ease)}.logo-wrap:hover img{transform: scale(1.06)}.sv-art{--art-w: 88%;--art-h: 84px;position: relative;display: block;flex: none;overflow: hidden;aspect-ratio: var(--ba);width: min(var(--art-w),calc(var(--art-h) * var(--ba)));transition: transform var(--medium) var(--ease)}@supports not (aspect-ratio: 1){.sv-art{height: 0;padding-bottom: calc(100% / var(--ba))}}.sv-art>img,.logo-wrap .sv-art>img,.sv-stage .sv-art>img,.sv-suggest-item .sv-art>img,.sv-picker-item .sv-art>img{position: absolute;max-width: none;max-height: none;width: calc(100% / var(--bw));height: auto;left: calc(-100% * var(--bx) / var(--bw));top: calc(-100% * var(--by) / var(--bh));margin: 0;padding: 0;border: 0;border-radius: 0;background: none;object-fit: fill;transform: none}.logo-wrap:hover .sv-art{transform: scale(1.06)}.logo-wrap:hover .sv-art>img{transform: none}.logo-title{padding: 11px 14px 13px;border-top: 1px solid #eef1f5;background: var(--bg)}.sv-card-title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.6em;color: var(--ink);font-size: 0.875rem;font-weight: 600;line-height: 1.3;letter-spacing: -0.01em}.sv-card-formats{display: flex;flex-wrap: wrap;align-items: center;gap: 2px 0;margin-top: 6px}.sv-card-fmt{color: var(--text-muted);font-family: var(--mono);font-size: 0.6875rem;font-weight: 600;letter-spacing: 0.02em}.sv-card-fmt + .sv-card-fmt::before{content: "\00B7";margin: 0 5px;color: var(--icon);font-weight: 400}.sv-card-fmt--more{color: var(--text-muted)}.sv-breadcrumbs{margin-bottom: var(--s-4);color: var(--text-muted);font-size: var(--fs-sm)}.sv-breadcrumbs ol{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem;list-style: none;margin: 0;padding: 0}.sv-breadcrumbs li{display: flex;align-items: center;gap: 0.4rem;margin: 0}.sv-breadcrumbs li + li::before{content: "\203A";color: var(--icon);font-size: 1.05em}.sv-breadcrumbs a{color: var(--text-muted)}.sv-breadcrumbs a:hover{color: var(--ink)}.sv-breadcrumbs [aria-current="page"],.sv-breadcrumbs li:last-child{color: var(--ink-2);font-weight: 550}.sv-chiprow{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-bottom: var(--s-4)}.sv-chiprow-label{align-self: center;color: var(--text-muted);font-size: var(--fs-sm);font-weight: 600}.sv-chiprow a,.sv-fmt-tag,.related-tags a,.related-cats a,.sv-tagcloud a{display: inline-flex;align-items: center;gap: 0.4rem;min-height: 34px;padding: 0 0.85rem;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink-2);font-size: var(--fs-sm);font-weight: 550;transition: border-color var(--fast) var(--ease),color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.sv-chiprow a:hover,.related-tags a:hover,.related-cats a:hover,.sv-tagcloud a:hover{border-color: var(--ink);color: var(--ink)}.sv-chiprow a.is-current,.sv-chiprow a[aria-current="page"]{background: var(--ink);border-color: var(--ink);color: #fff}.sv-pagination{margin-block: var(--s-7) 0}.sv-pagination nav{display: flex;justify-content: center}.sv-pagination .pagination{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 6px;list-style: none;margin: 0;padding: 0}.sv-pagination .page-item{margin: 0}.sv-pagination .page-link{display: inline-grid;place-items: center;min-width: 42px;height: 42px;padding: 0 0.75rem;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink);font-size: 0.9375rem;font-weight: 600;font-variant-numeric: tabular-nums;box-shadow: var(--shadow-xs);transition: border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.sv-pagination a.page-link:hover{border-color: var(--ink);color: var(--ink)}.sv-pagination .page-item.active .page-link{background: var(--ink);border-color: var(--ink);color: #fff;box-shadow: var(--shadow-sm)}.sv-pagination .page-item.disabled .page-link{background: var(--bg-subtle);color: #7b8799;box-shadow: none;cursor: default}@media (max-width: 520px){.sv-pagination .page-link{min-width: 40px;height: 40px;padding: 0 0.6rem}.sv-pagination .page-item{display: none}.sv-pagination .page-item:first-child,.sv-pagination .page-item:nth-child(2),.sv-pagination .page-item.active,.sv-pagination .page-item:nth-last-child(2),.sv-pagination .page-item:last-child{display: block}.sv-pagination .page-item.active::before,.sv-pagination .page-item:nth-last-child(2)::before{content: ""}}.sv-az-index ul{display: flex;flex-wrap: wrap;gap: 6px;list-style: none;margin: 0 0 var(--s-5);padding: 0}.sv-az-index li{margin: 0}.sv-az-index a{display: inline-grid;place-items: center;min-width: 44px;min-height: 44px;padding: 0 0.5rem;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink);font-weight: 650;transition: border-color var(--fast) var(--ease),background-color var(--fast) var(--ease)}.sv-az-index a:hover{border-color: var(--ink);color: var(--ink)}.sv-az-index a.is-current,.sv-az-index a[aria-current="page"]{background: var(--ink);border-color: var(--ink);color: #fff}.sv-az-letter{color: var(--ink);font-weight: 700}.sv-az-count{color: var(--text-muted);font-size: var(--fs-sm)}.sv-ad,.full-width-ad{margin-block: var(--s-7);padding: var(--s-3) var(--s-3) var(--s-4);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg-subtle);text-align: center;contain: layout}.sv-ad .adsbygoogle{display: block}.full-width-ad img{width: 100%;height: auto;border-radius: var(--r)}.sponsored{margin-bottom: var(--s-2);color: var(--text-muted);font-size: 0.6875rem;font-weight: 650;letter-spacing: 0.1em;text-transform: uppercase}.sv-ad.is-unfilled,.full-width-ad.is-unfilled{display: none}.sv-ad--infeed{grid-column: 1 / -1;margin-block: var(--s-3)}.sv-ad--sticky{position: sticky;top: calc(var(--header-h) + var(--s-4));margin-top: 0}.vertical-ad-new-layout,.square-ad-new-layout{text-align: center}.sv-hero{display: grid;grid-template-columns: 1fr;gap: var(--s-5);margin-bottom: var(--section);align-items: start}@media (min-width: 820px){.sv-hero{grid-template-columns: minmax(0,1.45fr) minmax(300px,1fr);gap: var(--s-6)}.sv-stage{align-self: stretch}}.sv-stage{position: relative;margin: 0;display: grid;place-items: center;min-height: clamp(260px,30vw,420px);padding: clamp(2rem,4vw,3.5rem);border: 1px solid var(--line);border-radius: var(--r-xl);background: #fff;box-shadow: var(--shadow-sm);transition: background-color var(--medium) var(--ease)}.sv-stage[data-bg="grid"]{background: conic-gradient(#eef1f5 0 25%,#fff 0 50%,#eef1f5 0 75%,#fff 0) 0 0 / 22px 22px}.sv-stage[data-bg="dark"]{background: #0b1220;border-color: #0b1220}.sv-stage img{width: min(84%,520px);height: clamp(170px,46vw,240px);object-fit: contain}@media (min-width: 820px){.sv-stage img{width: min(86%,560px);height: clamp(180px,26vw,360px)}}.sv-stage .sv-art{--art-w: min(84%,520px);--art-h: clamp(150px,42vw,220px)}@media (min-width: 820px){.sv-stage .sv-art{--art-w: min(80%,540px);--art-h: clamp(170px,22vw,300px)}}@media (max-width: 520px){.sv-stage{min-height: 220px;padding: 1.25rem}.sv-stage img{height: clamp(160px,44vw,220px)}}.sv-stage-tools{position: absolute;top: 14px;right: 14px;display: flex;gap: 4px;padding: 4px;border: 1px solid var(--line);border-radius: var(--r-pill);background: rgb(255 255 255 / 85%);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);box-shadow: var(--shadow-xs)}.sv-stage-tools button{display: grid;place-items: center;width: 30px;height: 30px;padding: 0;border: 0;border-radius: 50%;background: transparent;cursor: pointer}.sv-stage-tools button[aria-pressed="true"]{background: var(--bg-muted);box-shadow: inset 0 0 0 1.5px var(--ink)}.sv-bgdot{display: block;width: 16px;height: 16px;border-radius: 50%;box-shadow: inset 0 0 0 1px rgb(15 23 42 / 18%)}.sv-bgdot--light{background: #fff}.sv-bgdot--grid{background: conic-gradient(#cbd5e1 0 25%,#fff 0 50%,#cbd5e1 0 75%,#fff 0) 0 0 / 8px 8px}.sv-bgdot--dark{background: #0b1220}.sv-dl-panel{padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg);box-shadow: var(--shadow)}@media (min-width: 820px){.sv-dl-panel{position: sticky;top: calc(var(--header-h) + var(--s-4))}}.sv-dl-panel h2{margin: 0 0 var(--s-1);font-size: 1.25rem;font-weight: 750}.sv-dl-meta{display: flex;flex-wrap: wrap;gap: 0.3rem 0.9rem;margin: 0 0 var(--s-4);color: var(--text-muted);font-size: 0.8125rem;font-weight: 550}.sv-dl-meta span::before{content: "\2713";margin-right: 0.3rem;color: var(--mint-600);font-weight: 700}.sv-dl-list{display: grid;gap: var(--s-2);list-style: none;margin: 0;padding: 0}.sv-dl-list li,.sv-dl-item{margin: 0}.sv-dl-list a{display: flex;align-items: center;gap: var(--s-3);min-height: 58px;padding: 0.55rem 0.9rem 0.55rem 0.6rem;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink);transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.sv-dl-list a:hover{border-color: var(--ink);box-shadow: var(--shadow-sm);color: var(--ink)}.sv-dl-list a:active{transform: translateY(1px)}.sv-dl-list li:first-child a{background: var(--ink);border-color: var(--ink);color: #fff;box-shadow: var(--shadow)}.sv-dl-list li:first-child a:hover{background: var(--ink-2);color: #fff}.sv-dl-list li:first-child .sv-dl-text small{color: #cbd5e1}.sv-dl-ext{display: inline-grid;place-items: center;flex: 0 0 auto;min-width: 46px;height: 32px;padding: 0 0.5rem;border-radius: 6px;font-family: var(--mono);font-size: 0.75rem;font-weight: 700;letter-spacing: 0.03em;background: var(--bg-muted);color: var(--ink-2)}.sv-dl-ext[data-ext="SVG"]{background: #fff7ed;color: #c2410c}.sv-dl-ext[data-ext="PNG"]{background: #eff6ff;color: #1d4ed8}.sv-dl-ext[data-ext="JPG"]{background: #fdf2f8;color: #be185d}.sv-dl-ext[data-ext="EPS"]{background: #f5f3ff;color: #6d28d9}.sv-dl-ext[data-ext="AI"]{background: #fffbeb;color: #92400e}.sv-dl-ext[data-ext="PDF"]{background: #fef2f2;color: #b91c1c}.sv-dl-text{display: flex;flex-direction: column;min-width: 0;line-height: 1.25}.sv-dl-text strong{color: inherit;font-size: 0.9375rem;font-weight: 650}.sv-dl-text small{color: var(--text-muted);font-size: 0.8125rem;font-weight: 500}.sv-dl-icon{margin-left: auto;flex: 0 0 auto;width: 18px;height: 18px;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12m0 0-5-5m5 5 5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v12m0 0-5-5m5 5 5-5M5 20h14'/%3E%3C/svg%3E") center / contain no-repeat}.sv-dl-facts{margin: 0 0 var(--s-4);padding: var(--s-2) 0;border-block: 1px solid var(--line)}.sv-dl-facts>div{display: grid;grid-template-columns: 6.5rem minmax(0,1fr);align-items: start;gap: var(--s-3);padding: 0.4rem 0}.sv-dl-facts dt{padding-top: 1px;color: var(--text-muted);font-size: 0.8125rem;font-weight: 550;line-height: 1.45}.sv-dl-facts dd{margin: 0;min-width: 0;color: var(--ink);font-size: 0.875rem;font-weight: 600;line-height: 1.45;overflow-wrap: anywhere}.sv-dl-facts dd a{color: var(--ink);text-decoration: underline;text-decoration-color: rgb(16 185 129 / 55%);text-underline-offset: 3px;text-decoration-thickness: 1.5px}.sv-dl-facts dd a:hover{text-decoration-color: var(--mint-600)}.sv-dl-facts dd code{padding: 0;background: none;color: var(--ink);font-size: 0.8125rem;font-weight: 650}.sv-dl-facts .sv-dl-facts-more{display: block;width: fit-content;margin-top: 2px;color: var(--mint-700);font-size: 0.8125rem;font-weight: 600}.sv-dl-colour{display: inline-flex;align-items: center;gap: 0.45rem;vertical-align: top}.sv-fact-swatch{flex: none;width: 16px;height: 16px;border-radius: 4px;box-shadow: inset 0 0 0 1px rgb(15 23 42 / 14%)}@media (max-width: 520px){.sv-dl-facts>div{padding: 0.28rem 0}}.sv-dl-picker{display: grid;gap: var(--s-2)}html:not(.js) .sv-dl-picker{display: none}.sv-dl-label{color: var(--ink-2);font-size: 0.8125rem;font-weight: 650}.sv-dl-select{position: relative}.sv-dl-combo{display: flex;align-items: center;gap: var(--s-3);min-height: 60px;padding: 0.55rem 0.9rem 0.55rem 0.6rem;border: 1px solid var(--line-strong);border-radius: var(--r-btn);background: var(--bg);color: var(--ink);cursor: pointer;user-select: none;-webkit-user-select: none;transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.sv-dl-combo:hover{border-color: var(--ink)}.sv-dl-combo:focus-visible,.sv-dl-picker.is-open .sv-dl-combo{outline: none;border-color: var(--ink);box-shadow: var(--ring)}.sv-dl-caret{margin-left: auto;flex: none;width: 18px;height: 18px;background: var(--text-muted);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;transition: transform var(--fast) var(--ease)}.sv-dl-picker.is-open .sv-dl-caret{transform: rotate(180deg);background: var(--ink)}.sv-dl-options{position: absolute;z-index: 40;top: calc(100% + 6px);left: 0;right: 0;display: grid;gap: 2px;margin: 0;padding: 6px;list-style: none;max-height: min(22rem,60vh);overflow-y: auto;overscroll-behavior: contain;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);box-shadow: var(--shadow-lg)}.sv-dl-options[hidden]{display: none}.sv-dl-options.is-up{top: auto;bottom: calc(100% + 6px)}.sv-dl-options li{display: flex;align-items: center;gap: var(--s-3);margin: 0;padding: 0.5rem 0.6rem;border-radius: var(--r-btn);color: var(--ink);cursor: pointer}.sv-dl-options li.is-active{background: var(--bg-muted)}.sv-dl-options li.is-active .sv-dl-text small{color: var(--text)}.sv-dl-options li[aria-selected="true"] .sv-dl-text strong{color: var(--mint-700)}.sv-dl-check{margin-left: auto;flex: none;width: 18px;height: 18px;background: var(--mint-600);visibility: hidden;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat}.sv-dl-options li[aria-selected="true"] .sv-dl-check{visibility: visible}.sv-dl-go{display: flex;align-items: center;justify-content: center;gap: var(--s-2);min-height: 52px;padding: 0 var(--s-5);border-radius: var(--r-btn);background: var(--ink);color: #fff;font-size: 1rem;font-weight: 700;box-shadow: var(--shadow);transition: background-color var(--fast) var(--ease),transform var(--fast) var(--ease)}.sv-dl-go:hover,.sv-dl-go:focus-visible{background: var(--ink-2);color: #fff}.sv-dl-go:active{transform: translateY(1px)}.sv-dl-go .sv-dl-icon{margin: 0}.sv-dl-go[hidden]{display: none}.sv-dl-go.is-in{animation: sv-dl-in var(--medium) var(--ease)}@keyframes sv-dl-in{from{opacity: 0;transform: translateY(-6px)}to{opacity: 1;transform: none}}@media (prefers-reduced-motion: reduce){.sv-dl-go.is-in{animation: none}}.sv-dl-ext[data-ext="none"]{background: var(--bg-muted)}.sv-dl-ext[data-ext="none"]::before{content: "";width: 18px;height: 18px;background: var(--text-muted);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E") center / contain no-repeat}.sv-dl-tag{display: inline-block;margin-left: 6px;padding: 1px 7px;border-radius: var(--r-pill);background: var(--mint-50);color: var(--mint-700);font-size: 0.6875rem;font-weight: 700;vertical-align: 1px}.sv-dl-hint{margin: 0;min-height: 2.9em;color: var(--text-muted);font-size: 0.8125rem;line-height: 1.45}.sv-dl-hint a{font-weight: 600;white-space: nowrap}.sv-dl-hint a[hidden]{display: none}.sv-detail-grid{display: grid;grid-template-columns: 1fr;gap: var(--s-7);align-items: start}@media (min-width: 1040px){.sv-detail-grid{grid-template-columns: minmax(0,1fr) 300px}}.sv-detail-main{min-width: 0}.sv-detail-side{display: none}@media (min-width: 1040px){.sv-detail-side{display: block}}.logo-des{max-width: 72ch;color: var(--text);font-size: 1.0625rem;line-height: 1.75}.logo-des a{font-weight: 600}.logo-des h2{margin-top: var(--s-6);font-size: var(--fs-lg)}.logo-des h3{margin-top: var(--s-5)}.detail-about-post{margin-top: var(--s-7)}.detail-about-post>h2,.sv-brandcolor h2,.sv-do-more h2,.sv-meta-row h2{font-size: var(--fs-lg);font-weight: 750;letter-spacing: -0.025em}.p-m-b{margin-bottom: var(--s-4)}.company-website{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);margin-top: var(--s-4);font-size: var(--fs-sm)}.company-website-span{color: var(--ink);font-weight: 650}.company-website a{display: inline-flex;align-items: center;min-height: 32px;padding: 0 0.75rem;border: 1px solid var(--line);border-radius: var(--r-btn);color: var(--ink-2);font-weight: 550}.company-website a:hover{border-color: var(--ink);color: var(--ink)}.sv-brandcolor{margin-top: var(--s-7);padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg)}.sv-brandcolor-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-5)}.sv-brandcolor-chip{display: block;flex: 0 0 auto;width: 84px;height: 84px;border-radius: 18px;box-shadow: inset 0 0 0 1px rgb(15 23 42 / 10%),var(--shadow-sm)}.sv-brandcolor-vals{display: flex;flex-wrap: wrap;gap: var(--s-2)}.sv-brandcolor-note{margin-top: var(--s-4);color: var(--text-muted);font-size: var(--fs-sm)}.sv-copy{display: inline-flex;align-items: center;gap: 0.45rem;min-height: 38px;padding: 0 0.85rem;border: 1px solid var(--line);border-radius: var(--r);background: var(--bg);color: var(--ink);font-family: var(--mono);font-size: 0.8125rem;font-weight: 600;cursor: pointer;box-shadow: var(--shadow-xs);transition: border-color var(--fast) var(--ease)}.sv-copy::after{content: "";width: 14px;height: 14px;background: var(--icon);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V6a2 2 0 0 1 2-2h9'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='11' height='11' rx='2'/%3E%3Cpath d='M5 15V6a2 2 0 0 1 2-2h9'/%3E%3C/svg%3E") center / contain no-repeat}.sv-copy:hover{border-color: var(--ink)}.sv-copy.is-copied{border-color: var(--ok);color: var(--ok)}.sv-meta-row{display: grid;grid-template-columns: 1fr;gap: var(--s-6);margin-top: var(--s-7)}@media (min-width: 640px){.sv-meta-row{grid-template-columns: repeat(2,minmax(0,1fr))}}.sv-meta-row h2{margin-bottom: var(--s-3)}.sv-do-more{margin-top: var(--s-7)}.sv-do-more ul{display: grid;gap: var(--s-3);list-style: none;padding: 0;margin: 0}@media (min-width: 720px){.sv-do-more ul{grid-template-columns: repeat(3,minmax(0,1fr))}}.sv-do-more li{display: flex;flex-direction: column;gap: var(--s-2);margin: 0;padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.sv-do-more li:hover{border-color: var(--line-strong);box-shadow: var(--shadow);transform: translateY(-2px)}.sv-do-more li a{color: var(--ink);font-weight: 650;line-height: 1.35}.sv-do-more li a::after{content: " \2192";color: var(--mint-600)}.sv-do-more li span{color: var(--text-muted);font-size: var(--fs-sm);line-height: 1.5}.sv-format-inline{margin-top: var(--s-6);color: var(--text-muted);font-size: var(--fs-sm)}.sv-format-inline a{font-weight: 600}.social-share-custom{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3);margin-top: var(--s-6);padding-top: var(--s-5);border-top: 1px solid var(--line)}.social-share{color: var(--ink);font-size: var(--fs-sm);font-weight: 650}.social-share-custom ul{display: flex;flex-wrap: wrap;gap: var(--s-2);list-style: none;margin: 0;padding: 0}.social-share-custom li{margin: 0}.social-share-custom a{display: inline-flex;align-items: center;min-height: 34px;padding: 0 0.8rem;border: 1px solid var(--line);border-radius: var(--r-btn);color: var(--ink-2);font-size: var(--fs-sm);font-weight: 550}.social-share-custom a:hover{border-color: var(--ink);color: var(--ink)}.sv-faq,.sv-home-faq{margin-block: var(--section) 0}.sv-faq>h2,.sv-home-faq>h2{margin-bottom: var(--s-5);font-size: var(--fs-xl);font-weight: 750;letter-spacing: -0.03em}.sv-faq-item{margin-bottom: var(--s-3);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);overflow: hidden;transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.sv-faq-item:hover{border-color: var(--line-strong)}.sv-faq-item[open]{box-shadow: var(--shadow-sm)}.sv-faq-item summary,.sv-faq-item>h3{display: flex;align-items: center;justify-content: space-between;gap: var(--s-4);margin: 0;padding: 1.05rem 1.25rem;color: var(--ink);font-size: 1rem;font-weight: 650;letter-spacing: -0.01em;cursor: pointer;list-style: none}.sv-faq-item summary::-webkit-details-marker{display: none}.sv-faq-item summary::after{content: "+";flex: 0 0 auto;display: grid;place-items: center;width: 28px;height: 28px;border-radius: 50%;background: var(--bg-muted);color: var(--ink);font-size: 1.1rem;font-weight: 500;line-height: 1;transition: transform var(--fast) var(--ease)}.sv-faq-item[open] summary::after{transform: rotate(45deg)}.sv-faq-inner,.sv-faq-item>p{padding: 0 1.25rem 1.15rem;color: var(--text);line-height: 1.7}.sv-faq-item>h3{cursor: default;padding-bottom: var(--s-2)}.sv-faq dl{display: block;margin: 0}.sv-faq dt{margin: var(--s-3) 0 0;padding: 1.05rem 1.25rem 0.35rem;border: 1px solid var(--line);border-bottom: 0;border-radius: var(--r-lg) var(--r-lg) 0 0;background: var(--bg);color: var(--ink);font-weight: 650}.sv-faq dt:first-child{margin-top: 0}.sv-faq dd{margin: 0;padding: 0 1.25rem 1.15rem;border: 1px solid var(--line);border-top: 0;border-radius: 0 0 var(--r-lg) var(--r-lg);background: var(--bg);color: var(--text);line-height: 1.7}.sv-related-posts{margin-top: var(--section)}.sv-related-title,.you-may-also-like h2{margin-bottom: var(--s-2);font-size: var(--fs-xl);font-weight: 750;letter-spacing: -0.03em}.sv-colorgrid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,160px),1fr));gap: var(--s-4)}.sv-color-card{display: block;overflow: hidden;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);color: inherit;transition: transform var(--medium) var(--ease),box-shadow var(--medium) var(--ease)}.sv-color-card:hover{transform: translateY(-3px);box-shadow: var(--shadow-lg);color: inherit}.sv-color-chip{display: block;height: 96px;background: var(--bg-muted)}.sv-color-name{display: block;padding: var(--s-3) var(--s-4) 0;color: var(--ink);font-weight: 650}.sv-color-count{display: block;padding: 0 var(--s-4) var(--s-4);color: var(--text-muted);font-size: var(--fs-sm)}.sv-color--blue .sv-color-chip{background: linear-gradient(135deg,#1877F2,#0b5bd3)}.sv-color--red .sv-color-chip{background: linear-gradient(135deg,#ef4444,#c81e1e)}.sv-color--green .sv-color-chip{background: linear-gradient(135deg,#22c55e,#15803d)}.sv-color--yellow .sv-color-chip{background: linear-gradient(135deg,#fcd34d,#f59e0b)}.sv-color--orange .sv-color-chip{background: linear-gradient(135deg,#fb923c,#ea580c)}.sv-color--purple .sv-color-chip{background: linear-gradient(135deg,#a855f7,#7e22ce)}.sv-color--pink .sv-color-chip{background: linear-gradient(135deg,#f472b6,#db2777)}.sv-color--teal .sv-color-chip{background: linear-gradient(135deg,#2dd4bf,#0d9488)}.sv-color--brown .sv-color-chip{background: linear-gradient(135deg,#a16207,#78350f)}.sv-color--black .sv-color-chip{background: linear-gradient(135deg,#334155,#0b1220)}.sv-color--grey .sv-color-chip{background: linear-gradient(135deg,#cbd5e1,#94a3b8)}.sv-color--white .sv-color-chip{background: #fff;box-shadow: inset 0 -1px 0 var(--line)}.sv-swatchrow{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3);margin-block: var(--s-4)}.sv-swatchrow-label{color: var(--ink);font-size: var(--fs-sm);font-weight: 650}.sv-swatch-dot{display: inline-block;width: 26px;height: 26px;border-radius: 50%;box-shadow: inset 0 0 0 1px rgb(15 23 42 / 14%)}.sv-swatchrow-tool{color: var(--text-muted);font-size: var(--fs-sm)}.sv-tool{margin-block: var(--s-6)}.sv-tool-panel{padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg);box-shadow: var(--shadow-sm)}.sv-tool-grid{display: grid;grid-template-columns: 1fr;gap: var(--s-6)}@media (min-width: 880px){.sv-tool-grid{grid-template-columns: repeat(2,minmax(0,1fr))}}.sv-tool-controls{display: grid;gap: var(--s-4)}.sv-tool-controls--row{grid-template-columns: repeat(auto-fit,minmax(150px,1fr))}.sv-tool-actions{display: flex;flex-wrap: wrap;gap: var(--s-3);margin-top: var(--s-4)}.sv-tool-previewwrap{display: grid;place-items: center;min-height: 260px;padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-lg);background: conic-gradient(#eef1f5 0 25%,#fff 0 50%,#eef1f5 0 75%,#fff 0) 0 0 / 20px 20px}.sv-tool-preview{max-width: 100%}.sv-tool-status{min-height: 1.4em;margin-top: var(--s-3);color: var(--text-muted);font-size: var(--fs-sm)}.sv-tool-download{margin-top: var(--s-4)}.sv-check{display: flex;align-items: center;gap: var(--s-2);color: var(--text);font-weight: 500}.sv-check input{width: 18px;height: 18px;min-height: 0;accent-color: var(--ink);box-shadow: none}.sv-presets{display: flex;flex-wrap: wrap;gap: var(--s-2)}.sv-size-preset{display: inline-flex;align-items: center;min-height: 34px;padding: 0 0.8rem;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink-2);font-size: var(--fs-sm);font-weight: 550;cursor: pointer}.sv-size-preset:hover,.sv-size-preset[aria-pressed="true"]{border-color: var(--ink);color: var(--ink)}.sv-preset-note,.sv-privacy-note,.sv-picker-note,.sv-picker-hint{color: var(--text-muted);font-size: var(--fs-sm)}.sv-preset-note a,.sv-privacy-note a,.sv-picker-note a,.sv-picker-hint a{text-decoration: underline;text-decoration-color: rgb(16 185 129 / 55%);text-underline-offset: 3px;text-decoration-thickness: 1.5px}.sv-pad-value{color: var(--text-muted);font-family: var(--mono);font-size: var(--fs-sm)}.sv-picker{display: grid;gap: var(--s-3)}.sv-picker-results,.sv-picker-featured{display: grid;grid-template-columns: repeat(auto-fill,minmax(100px,1fr));gap: var(--s-2)}.sv-picker-results{max-height: 340px;overflow-y: auto}.sv-picker-item{display: grid;place-items: center;gap: 4px;min-height: 84px;padding: var(--s-2);border: 1px solid var(--line);border-radius: var(--r);background: #fff;color: var(--ink-2);font-size: 0.75rem;text-align: center;cursor: pointer;transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.sv-picker-item:hover{border-color: var(--ink);box-shadow: var(--shadow-sm)}.sv-picker-item img{width: 80%;height: 40px;object-fit: contain}.sv-picker-item .sv-art{--art-w: 80%;--art-h: 40px}.sv-picker-drop{padding: var(--s-6);border: 2px dashed var(--line-strong);border-radius: var(--r-lg);color: var(--text-muted);text-align: center}.sv-picker-drop.is-over{border-color: var(--mint-500);background: var(--mint-50)}.sv-picker-filelabel{color: var(--accent-text);font-weight: 650;cursor: pointer}.sv-picker-file{position: absolute;width: 1px;height: 1px;opacity: 0}.sv-favicon-grid{display: flex;flex-wrap: wrap;gap: var(--s-3)}.sv-fav-ico,.sv-fav-all{color: var(--text-muted);font-size: var(--fs-xs);text-align: center}.sv-palette-out{display: grid;gap: var(--s-2);margin-top: var(--s-4)}.sv-noscript{padding: var(--s-4);border: 1px solid var(--line);border-radius: var(--r);background: var(--bg-subtle)}.sv-code-block{display: block;padding: var(--s-4);overflow-x: auto;border: 1px solid var(--line);border-radius: var(--r);background: var(--bg-subtle);color: var(--ink-2);font-size: var(--fs-sm)}.sv-guides,.sv-format-links,.sv-formats-available{margin-block: var(--section) 0}.sv-guides ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));gap: var(--s-3);list-style: none;margin: 0;padding: 0}.sv-guides li{margin: 0}.sv-guides li a{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);min-height: 58px;padding: 0.75rem 1rem 0.75rem 1.1rem;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);color: var(--ink);font-size: 0.9375rem;font-weight: 600;line-height: 1.35;transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.sv-guides li a::before{content: "Guide";flex: none;order: -1;padding: 2px 7px;border-radius: 5px;background: var(--mint-50);color: var(--mint-700);font-size: 0.6875rem;font-weight: 700;letter-spacing: 0.04em;text-transform: uppercase}.sv-guides li a::after{content: "\2192";margin-left: auto;color: var(--icon);transition: transform var(--fast) var(--ease),color var(--fast) var(--ease)}.sv-guides li a:hover{border-color: var(--line-strong);box-shadow: var(--shadow);color: var(--ink)}.sv-guides li a:hover::after{color: var(--ink);transform: translateX(3px)}.sv-formats-available ul{display: flex;flex-wrap: wrap;gap: var(--s-2);list-style: none;padding: 0}.sv-formats-available li{margin: 0}.sv-empty{padding: var(--s-6);color: var(--text-muted);text-align: center}.sv-sitemap{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));gap: var(--s-7) var(--s-7);margin-top: var(--s-6)}.sv-sitemap-block{min-width: 0;break-inside: avoid}.sv-sitemap-block--wide{grid-column: 1 / -1;padding-top: var(--s-6);border-top: 1px solid var(--line)}.sv-sitemap-block>h2{margin-bottom: var(--s-4);font-size: 1.125rem}.sv-sitemap-list{display: grid;gap: var(--s-3);list-style: none;margin: 0;padding: 0}.sv-sitemap-list li{margin: 0;line-height: 1.4}.sv-sitemap-list li>a{color: var(--ink);font-weight: 600}.sv-sitemap-list li>a:hover{color: var(--accent-text)}.sv-sitemap-list li>span{display: block;margin-top: 2px;color: var(--text-muted);font-size: 0.8125rem}.sv-sitemap-cols{column-width: 230px;column-gap: var(--s-7);list-style: none;margin: 0;padding: 0}.sv-sitemap-cols li{break-inside: avoid;margin-bottom: 0.55rem}.sv-sitemap-cols li>a{color: var(--ink-2);font-weight: 550}.sv-sitemap-cols li>a:hover{color: var(--accent-text)}.sv-sitemap-cols li>span{margin-left: 0.35rem;color: var(--text-muted);font-size: 0.8125rem;font-variant-numeric: tabular-nums}.sv-sitemap-more,.sv-sitemap-xml{margin-top: var(--s-3);color: var(--text-muted);font-size: var(--fs-sm)}.sv-count{color: var(--text-muted);font-size: var(--fs-sm);font-variant-numeric: tabular-nums}.sv-tagcloud{display: flex;flex-wrap: wrap;gap: var(--s-2)}.sv-tagcloud-name{font-weight: 600}.sv-tagcloud-count{color: var(--text-muted);font-size: var(--fs-xs)}.sv-tabs{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-bottom: var(--s-5)}.sv-tabs a{display: inline-flex;align-items: center;min-height: 38px;padding: 0 1rem;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink-2);font-size: var(--fs-sm);font-weight: 600}.sv-tabs a:hover{border-color: var(--ink);color: var(--ink)}.sv-tabs a.is-current,.sv-tabs a[aria-current="page"]{background: var(--ink);border-color: var(--ink);color: #fff}.sv-404{padding-block: var(--section);text-align: center}.sv-404-search{max-width: 560px;margin: var(--s-6) auto}.sv-404-links{margin-top: var(--s-6)}.sv-404-suggest{margin-top: var(--s-6);text-align: left}.sv-404-suggest>h2{margin-bottom: var(--s-4);font-size: var(--fs-h2-content);text-align: center}.sv-404-links>h2{margin-bottom: var(--s-3);font-size: var(--fs-h2-content)}.sv-404-links ul,ul.sv-404-links{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2);list-style: none;margin: 0;padding: 0}.sv-404-links li{margin: 0}.sv-404-links a{display: inline-flex;min-height: 36px;align-items: center;padding: 0 0.9rem;border: 1px solid var(--line);border-radius: var(--r-btn);color: var(--ink-2);font-weight: 550}.sv-404-links a:hover{border-color: var(--ink);color: var(--ink)}.uk-card,.card{border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg);box-shadow: var(--shadow)}.uk-card-body,.card-body{padding: clamp(1.5rem,1rem + 2vw,2.25rem)}.card-header{padding: var(--s-4) var(--s-5);border-bottom: 1px solid var(--line);color: var(--ink);font-weight: 700}.uk-text-center{text-align: center}.uk-margin{margin-bottom: var(--s-4)}.login-form-register,.already-register,.forget-pass{margin-top: var(--s-4);font-size: var(--fs-sm);text-align: center}.profile-container,.prolife-main,.downloads-main,.change-pass-content{margin-block: var(--s-5)}.profile-content,.profile-col{padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg)}.profile-nav ul{display: flex;flex-wrap: wrap;gap: var(--s-2);list-style: none;margin: 0 0 var(--s-5);padding: 0}.profile-nav li{margin: 0}.profile-nav a{display: inline-flex;align-items: center;min-height: 40px;padding: 0 1rem;border: 1px solid var(--line);border-radius: var(--r-btn);color: var(--ink-2);font-size: var(--fs-sm);font-weight: 600}.profile-nav a:hover{border-color: var(--ink);color: var(--ink)}.profile-image img,.profile-icon img{border-radius: 50%}.padding-profile{padding-block: var(--s-5)}.download-limit-content{padding-block: var(--s-8);text-align: center}.download-limit-image img{max-width: 260px;margin-inline: auto}.logo-img{display: grid}.custom-padding{padding-block: var(--s-5)}.padding-10-rem{padding-block: var(--s-7)}.padding-limit{padding-block: var(--s-6)}.panel-body{padding: var(--s-4)}.policies{max-width: 780px;margin-inline: auto}.policies h2{margin-top: var(--s-7)}.heading-coming,.top-hero-h2{margin-bottom: var(--s-4)}.about-banner-img img{border-radius: var(--r-xl)}.webby{font-size: var(--fs-sm)}.cat-nav ul,.cat-nav-home ul{list-style: none;margin: 0;padding: 0}.user-log-in-or-out{display: flex;align-items: center}.sv-subscribe-inner{position: relative;isolation: isolate;overflow: hidden;max-width: none;margin: 0;padding: clamp(2rem,1.2rem + 3vw,3.5rem) clamp(1.25rem,3vw,3rem);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg-subtle);text-align: center}.sv-subscribe-inner::before{content: "";position: absolute;inset: -40% -10% auto;z-index: -1;height: 120%;background: radial-gradient(closest-side at 25% 60%,rgb(45 212 191 / 16%),transparent 70%),radial-gradient(closest-side at 75% 50%,rgb(96 165 250 / 14%),transparent 70%)}.sv-subscribe-band h2{margin-bottom: var(--s-2);color: var(--ink);font-size: var(--fs-xl);font-weight: 750;letter-spacing: -0.03em}.sv-subscribe-band p{max-width: 52ch;margin-inline: auto;color: var(--text)}.sv-subscribe-form{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--s-2);max-width: 480px;margin: var(--s-5) auto 0}.sv-subscribe-form .form-control{flex: 1 1 240px}.sv-subscribe-msg{margin-top: var(--s-3);color: var(--text-muted);font-size: var(--fs-sm)}.sv-hp{position: absolute !important;left: -9999px !important;width: 1px;height: 1px;opacity: 0}.sv-footer{margin-top: var(--section);border-top: 1px solid var(--line);background: var(--bg-subtle);color: var(--text)}.sv-footer nav a,.sv-footer-cats a,.sv-footer-bottom a{color: var(--text)}.sv-footer nav a:hover,.sv-footer-cats a:hover,.sv-footer-bottom a:hover{color: var(--ink)}.sv-footer-top{display: grid;grid-template-columns: 1fr;gap: var(--s-7);padding-block: clamp(3rem,2rem + 3vw,4.5rem) var(--s-7)}@media (min-width: 900px){.sv-footer-top{grid-template-columns: 1.3fr repeat(3,minmax(0,1fr))}}.sv-footer-brand img{height: 30px;width: auto;margin-bottom: var(--s-4)}.sv-footer-brand p{max-width: 38ch;color: var(--text-muted);font-size: var(--fs-sm);line-height: 1.65}.sv-footer-cta{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-top: var(--s-5)}.sv-footer-cta .btn{min-height: 40px;padding-inline: 1rem;font-size: var(--fs-sm)}.sv-footer-cta .sv-btn-secondary{min-height: 40px;padding-inline: 1rem;font-size: var(--fs-sm)}.sv-footer h2{margin-bottom: var(--s-4);color: var(--ink);font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.sv-footer ul{list-style: none;margin: 0;padding: 0}.sv-footer li{margin-bottom: 0.55rem}.sv-footer li a{font-size: 0.9375rem}.sv-footer-cats{padding-block: var(--s-7);border-top: 1px solid var(--line)}.sv-footer-cats h2{margin-bottom: var(--s-2)}.sv-footer-cats>p{margin-bottom: var(--s-5);color: var(--text-muted);font-size: var(--fs-sm)}.sv-footer-cats ul{column-width: 200px;column-gap: var(--s-6)}.sv-footer-cats li{break-inside: avoid;margin-bottom: 0.45rem}.sv-footer-cats li a{color: var(--text-muted);font-size: var(--fs-sm)}.sv-footer-cats li a:hover{color: var(--ink)}.sv-footer-bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 6px var(--s-5);padding-block: var(--s-3);border-top: 1px solid var(--line);color: var(--text-muted);font-size: 0.75rem;line-height: 1.5}.sv-footer-bottom ul{display: flex;flex-wrap: wrap;gap: 4px var(--s-4)}.sv-footer-bottom li{margin: 0}.sv-footer-bottom li a,.sv-footer-bottom a{color: var(--text-muted);font-size: 0.75rem}.sv-footer-bottom p{margin: 0}.sv-footer-bottom .webby{font-size: 0.75rem}.sv-cookie{position: fixed;z-index: 140;left: var(--gutter);right: var(--gutter);bottom: calc(var(--s-4) + env(safe-area-inset-bottom));max-width: 560px;margin-inline: auto;padding: var(--s-4) var(--s-4) var(--s-4) var(--s-5);border: 1px solid var(--line);border-radius: var(--r-xl);background: rgb(255 255 255 / 94%);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);box-shadow: var(--shadow-lg);color: var(--text)}.sv-cookie-inner{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-3) var(--s-4)}.sv-cookie-text{flex: 1 1 260px;margin: 0;font-size: var(--fs-sm);line-height: 1.5}.sv-cookie-text a{color: var(--accent-text);text-decoration: underline}.sv-cookie-btn{flex: 0 0 auto;min-height: 40px;padding: 0 1.1rem;border: 1px solid var(--ink);border-radius: var(--r-btn);background: var(--ink);color: #fff;font: inherit;font-size: var(--fs-sm);font-weight: 600;cursor: pointer}.sv-cookie-btn:hover{background: var(--ink-2)}.main-nav a,.user-nav a{white-space: nowrap}@media (max-width: 1180px){.main-header>.container>.display-flex,.right-nav>.display-flex{gap: var(--s-3)}.main-nav a{padding-inline: 0.55rem;font-size: 0.875rem}.user-nav ul{gap: var(--s-1)}.user-nav a{padding-inline: 0.55rem;font-size: 0.875rem}.user-nav a.signup-btn{padding-inline: 0.8rem}}@media (max-width: 1040px){.main-nav a{padding-inline: 0.45rem}.logo-setting img{height: 26px}}@media (max-width: 959px){.main-nav,.user-nav{display: none}.new-menu,.menu-display-none-default{display: inline-flex}.sv-tabbar{display: block}body{padding-bottom: calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.sv-cookie{bottom: calc(var(--tabbar-h) + var(--s-3) + env(safe-area-inset-bottom))}}@media (min-width: 960px){.display-none-800,.new-menu{display: none}}@media (max-width: 640px){.sv-hero-search .btn-search{padding-inline: 1.05rem}.sv-marquee a{width: 124px;height: 66px}.logo-title{padding: 10px 12px 12px}.sv-dl-panel,.sv-brandcolor{padding: var(--s-4)}}@media (pointer: coarse){.logo-wrap:hover,.sv-cat-card:hover,.blog-wrap>a:hover,.sv-tool-card:hover{transform: none}.logo-wrap:hover img{transform: none}}@media print{.main-header,.sv-tabbar,.sv-footer,.sv-ad,.full-width-ad,.search-bk-inner-page,.sv-drawer,.sv-cookie,.sv-subscribe-band{display: none !important}body{padding: 0}}.sv-sponsor{margin-block: var(--s-6) 0}.sv-sponsor a{display: block;border-radius: var(--r);overflow: hidden}.sv-why{display: grid;grid-template-columns: 1fr;gap: var(--s-7);align-items: start}@media (min-width: 960px){.sv-why{grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: clamp(2rem,5vw,5rem)}}.sv-why-copy h2{font-size: var(--fs-xl);font-weight: 750;letter-spacing: -0.03em;margin-top: 0}.sv-why-copy p{font-size: 1.0625rem}.sv-why-lists{display: grid;gap: var(--s-4)}.sv-why-card{padding: var(--s-5);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg);box-shadow: var(--shadow-xs)}.sv-why-card h3{margin-bottom: var(--s-4);color: var(--ink-2);font-size: 0.9375rem;font-weight: 600;line-height: 1.5;letter-spacing: -0.005em}.sv-why-card h3 b{color: var(--ink)}.sv-why-formats{display: flex;flex-wrap: wrap;gap: var(--s-2);list-style: none;margin: 0;padding: 0}.sv-why-formats li{margin: 0;padding: 0.35rem 0.7rem;border-radius: 9px;background: var(--bg-muted);color: var(--ink-2);font-family: var(--mono);font-size: 0.8125rem;font-weight: 700}.sv-why-uses{display: grid;grid-template-columns: repeat(auto-fill,minmax(170px,1fr));gap: var(--s-2) var(--s-4);list-style: none;margin: 0;padding: 0}.sv-why-uses li{display: flex;align-items: center;gap: 0.55rem;margin: 0;color: var(--ink-2);font-weight: 550}.sv-why-uses li::before{content: "";flex: 0 0 auto;width: 18px;height: 18px;border-radius: 50%;background: var(--mint-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f766e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 11px no-repeat;box-shadow: inset 0 0 0 1px rgb(20 184 166 / 25%)}.sv-faq-wrap{display: grid;grid-template-columns: 1fr;gap: var(--s-5)}@media (min-width: 960px){.sv-faq-wrap{grid-template-columns: minmax(0,0.8fr) minmax(0,1.6fr);gap: clamp(2rem,5vw,5rem)}.sv-faq-head{position: sticky;top: calc(var(--header-h) + var(--s-6));align-self: start}}.sv-faq-head{margin-bottom: 0}.sv-home-faq{margin: 0}.sv-faq-item summary h3{margin: 0;color: inherit;font-size: 1rem;font-weight: 650;letter-spacing: -0.01em;line-height: 1.4}.input-group .sv-search-kbd{flex: 0 0 auto}.sv-subscribe-band{max-width: var(--container);margin: var(--section) auto 0;padding: 0 var(--gutter)}.sv-subscribe-form input[type="email"]{flex: 1 1 240px}.sv-subscribe-form button{min-height: 46px;padding: 0 1.3rem;border: 1px solid var(--ink);border-radius: var(--r-btn);background: var(--ink);color: #fff;font: inherit;font-weight: 600;cursor: pointer;box-shadow: inset 0 1px 0 rgb(255 255 255 / 12%),var(--shadow-sm)}.sv-subscribe-form button:hover{background: var(--ink-2)}.sv-subscribe + .sv-footer,.sv-subscribe ~ .sv-footer{margin-top: var(--section)}@media (max-width: 520px){.sv-eyebrow-extra{display: none}}.sv-picker-search{width: 100%}.sv-sitemap-list--plain li{list-style: none}.site-content-contain{padding-top: var(--page-top)}.site-content-contain:has(>.sv-home-hero:first-child),.site-content-contain:has(>.bk-color-banner:first-child){padding-top: 0}.main-padding,.custom-padding,.padding-10-rem,.padding-limit,.padding-profile{padding-top: 0}.main-padding,.custom-padding,.padding-10-rem,.padding-limit,.padding-profile{padding-bottom: 0}.sv-section:last-of-type{padding-bottom: 0}.top-hero-h1,.sv-detail-h1,.single-head h1,.blog-single-page h1,.policies h1,.sv-404 h1{font-size: var(--fs-h1-page);font-weight: 800;letter-spacing: -0.03em;line-height: 1.12}.sv-faq>h2,.sv-related-title,.you-may-also-like h2,.detail-about-post>h2,.sv-brandcolor h2,.sv-do-more h2,.sv-meta-row h2,.sv-format-links h2,.sv-guides h2,.sv-tool-other h2,.logo-des h2,.content-blog h2,.policies h2,.sv-sitemap h2,.sv-page-section>h2{font-size: var(--fs-h2-content);font-weight: 750;letter-spacing: -0.025em;line-height: 1.25}.sv-meta-row h2{font-size: 1rem;letter-spacing: -0.01em}.sv-suggest{position: absolute;top: calc(100% + 8px);left: 0;right: 0;z-index: 80;max-height: min(62vh,460px);overflow-y: auto;overscroll-behavior: contain;padding: 6px;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);box-shadow: var(--shadow-lg);text-align: left}.sv-suggest[hidden]{display: none}.sv-suggest-item{display: flex;align-items: center;gap: 12px;padding: 8px 10px;border-radius: var(--r-btn);color: var(--ink)}.sv-suggest-item:hover,.sv-suggest-item.is-active{background: var(--bg-muted);color: var(--ink)}.sv-suggest-item img,.sv-suggest-noimg{flex: none;width: 60px;height: 44px;padding: 2px;border: 1px solid var(--line);border-radius: 6px;background: #fff;object-fit: contain}.sv-suggest-thumb{flex: none;display: grid;place-items: center;width: 60px;height: 44px;padding: 3px;border: 1px solid var(--line);border-radius: 6px;background: #fff;overflow: hidden}.sv-suggest-thumb .sv-art{--art-w: 100%;--art-h: 36px}.sv-suggest-name{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--text);font-size: 0.9375rem;font-weight: 500}.sv-suggest-name strong{color: var(--ink);font-weight: 700}.sv-suggest-all{display: block;width: 100%;margin-top: 4px;padding: 10px 12px;border: 0;border-top: 1px solid var(--line);border-radius: 0 0 var(--r-btn) var(--r-btn);background: transparent;color: var(--ink);font: inherit;font-size: var(--fs-sm);font-weight: 600;text-align: left;cursor: pointer}.sv-suggest-all:hover{background: var(--bg-muted)}.input-group:focus-within .sv-search-kbd,.form-control:not(:placeholder-shown) ~ .sv-search-kbd{display: none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance: none;appearance: none;width: 18px;height: 18px;margin-right: 6px;cursor: pointer;background: #94a3b8;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm3.5 12.1-1.4 1.4L12 13.4l-2.1 2.1-1.4-1.4 2.1-2.1-2.1-2.1 1.4-1.4 2.1 2.1 2.1-2.1 1.4 1.4-2.1 2.1 2.1 2.1Z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm3.5 12.1-1.4 1.4L12 13.4l-2.1 2.1-1.4-1.4 2.1-2.1-2.1-2.1 1.4-1.4 2.1 2.1 2.1-2.1 1.4 1.4-2.1 2.1 2.1 2.1Z'/%3E%3C/svg%3E") center / contain no-repeat}.sv-picker-empty{grid-column: 1 / -1;margin: 0;padding: var(--s-2) 0;color: var(--text-muted);font-size: var(--fs-sm)}.sv-preview-canvas{display: block;max-width: 100%;height: auto}.sv-favicon-cell{display: flex;flex-direction: column;align-items: center;gap: var(--s-2)}.sv-favicon-cell canvas{border: 1px solid var(--line);border-radius: 6px;background: #fff;box-shadow: var(--shadow-xs)}.sv-fav-one{min-height: 34px;padding: 0 0.7rem;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink-2);font: inherit;font-size: 0.75rem;font-weight: 600;cursor: pointer}.sv-fav-one:hover{border-color: var(--ink);color: var(--ink)}.sv-palette-out{display: flex;flex-direction: column;gap: var(--s-3)}.sv-swatch{display: flex;align-items: center;gap: var(--s-4);flex-wrap: wrap;padding: var(--s-3) var(--s-4);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg)}.sv-swatch-chip{flex: none;width: 52px;height: 52px;border-radius: 10px;box-shadow: inset 0 0 0 1px rgb(15 23 42 / 12%)}.sv-swatch-body{flex: 1 1 200px;min-width: 0}.sv-swatch-vals{display: flex;flex-wrap: wrap;gap: 6px}.sv-swatch-vals code{padding: 2px 7px;border-radius: 5px;background: var(--bg-muted);color: var(--ink-2);font-size: 0.8125rem}.sv-swatch-contrast{margin: 6px 0 0;color: var(--text-muted);font-size: 0.8125rem}.sv-swatch-contrast strong{color: var(--ink)}.sv-pass{margin-left: 2px;padding: 1px 6px;border-radius: 4px;background: var(--mint-100);color: var(--mint-700);font-size: 0.6875rem;font-weight: 700}.sv-swatch-copy{flex: none;min-height: 38px;padding: 0 0.9rem;border: 1px solid var(--ink);border-radius: var(--r-btn);background: var(--ink);color: #fff;font: inherit;font-size: 0.8125rem;font-weight: 600;cursor: pointer}.sv-swatch-copy:hover{background: var(--ink-2)}a.btn,a.btn:hover,a.btn-primary,a.btn-primary:hover,a.sv-btn,a.sv-btn:hover,a.signup-btn,a.signup-btn:hover{color: #fff}a.sv-btn-secondary,a.sv-btn-secondary:hover,a.btn-lite,a.btn-lite:hover{color: var(--ink)}.sv-logo-head{margin-bottom: var(--s-5)}.sv-logo-head .sv-detail-h1{margin-bottom: var(--s-3);max-width: 28ch}.sv-logo-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 0.4rem 0;margin: 0;color: var(--text-muted);font-size: var(--fs-sm)}.sv-logo-meta>* + *::before{content: "\00B7";margin: 0 0.6rem;color: var(--icon)}.sv-logo-meta-cat{display: inline-flex;align-items: center;min-height: 28px;padding: 0 0.6rem;border-radius: var(--r-sm);background: var(--mint-50);color: var(--mint-700);font-weight: 600}.sv-logo-meta-cat:hover{background: var(--mint-100);color: var(--mint-700)}.sv-logo-meta>.sv-logo-meta-cat + *::before{margin-left: 0.7rem}.sv-hero{margin-bottom: var(--s-6)}.sv-copy-svg{width: 100%;margin-top: var(--s-3);min-height: 42px;font-size: var(--fs-sm)}.sv-copy-svg::before{content: "";width: 16px;height: 16px;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 7-5 5 5 5M16 7l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 7-5 5 5 5M16 7l5 5-5 5'/%3E%3C/svg%3E") center / contain no-repeat}.sv-copy-svg.is-copied{border-color: var(--ok);color: var(--ok)}.sv-copy-svg.is-failed{border-color: var(--danger);color: var(--danger)}.sv-copy-svg:disabled{opacity: 0.7;cursor: progress}.sv-variants{margin-bottom: var(--s-7)}.sv-variants-head{display: flex;align-items: baseline;justify-content: space-between;gap: var(--s-3);margin-bottom: var(--s-4)}.sv-variants-head h2{margin: 0;font-size: var(--fs-h2-content);font-weight: 750;letter-spacing: -0.025em}.sv-variants-row{display: grid;gap: clamp(12px,1.3vw,18px);grid-template-columns: repeat(auto-fill,minmax(clamp(148px,15.5vw,188px),1fr))}@media (max-width: 720px){.sv-variants-row{grid-template-columns: none;grid-auto-flow: column;grid-auto-columns: 46%;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;margin-inline: calc(var(--gutter) * -1);padding: 2px var(--gutter) var(--s-2);scrollbar-width: none}.sv-variants-row::-webkit-scrollbar{display: none}.sv-variants-row>.logo-wrap{scroll-snap-align: start}}.sv-detail-grid{gap: clamp(2rem,4vw,3.5rem)}.sv-detail-main>:first-child{margin-top: 0}.sv-block{margin-top: clamp(2.5rem,2rem + 2vw,3.5rem)}.sv-block>h2{margin-bottom: var(--s-4)}.sv-detail-main>.sv-ad{margin-block: clamp(2.5rem,2rem + 2vw,3.5rem) 0}.sv-detail-main>.sv-ad:first-child{margin-top: 0}.sv-block.sv-brandcolor{margin-top: clamp(2.5rem,2rem + 2vw,3.5rem)}.sv-block.sv-faq{margin-block: clamp(2.5rem,2rem + 2vw,3.5rem) 0}.sv-block.sv-do-more{margin-top: clamp(2.5rem,2rem + 2vw,3.5rem)}.sv-block.sv-meta-row{margin-top: clamp(2.5rem,2rem + 2vw,3.5rem)}.sv-detail-main .logo-des + .logo-des{margin-top: var(--s-4)}.sv-detail-main .sv-format-inline{margin-top: var(--s-6)}.sv-detail-grid.is-thin{grid-template-columns: 1fr}@media (min-width: 1040px){.sv-detail-grid:has(>.sv-detail-side .is-unfilled){grid-template-columns: 1fr}.sv-detail-grid:has(>.sv-detail-side .is-unfilled)>.sv-detail-side{display: none}}.sv-detail-main{max-width: 820px}.sv-detail-grid.is-thin .sv-detail-main,.sv-detail-grid:has(>.sv-detail-side .is-unfilled) .sv-detail-main{max-width: 860px}.sv-related-posts{margin-top: var(--section)}.sv-related-posts .sv-section-head{margin-bottom: var(--s-5)}.sv-related-posts .logo-grid{margin-top: 0}.sv-az-index:not(.sv-az-compact) ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(88px,1fr));gap: var(--s-2);margin-bottom: var(--s-6)}.sv-az-index:not(.sv-az-compact) a{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;min-height: 76px;padding: var(--s-3) var(--s-2);border-radius: var(--r-lg);box-shadow: var(--shadow-xs);transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.sv-az-index:not(.sv-az-compact) a:hover{transform: translateY(-2px);box-shadow: var(--shadow)}.sv-az-index:not(.sv-az-compact) .sv-az-letter{font-size: 1.375rem;font-weight: 800;letter-spacing: -0.02em;line-height: 1.1}.sv-az-index:not(.sv-az-compact) .sv-az-count{font-size: 0.75rem;font-variant-numeric: tabular-nums}.sv-az-index:not(.sv-az-compact) a:hover .sv-az-count{color: var(--ink-2)}.sv-about-head{max-width: 760px}.sv-about-head h1{font-size: var(--fs-h1-page);font-weight: 800;letter-spacing: -0.03em;line-height: 1.12;margin-bottom: var(--s-4)}.sv-about-head p{color: var(--text);font-size: 1.0625rem;line-height: 1.75}.about-banner-img{margin-top: var(--s-7)}.about-banner-img img{width: 100%;height: auto;border-radius: var(--r-xl)}.sv-auth{display: grid;place-items: start center;padding-block: var(--s-6) 0}.sv-auth-card{width: 100%;max-width: 440px;padding: clamp(1.5rem,1rem + 2.5vw,2.5rem);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg);box-shadow: var(--shadow)}.sv-auth-card h1{margin-bottom: var(--s-2);font-size: 1.625rem;font-weight: 800;letter-spacing: -0.03em}.sv-auth-sub{margin-bottom: var(--s-6);color: var(--text-muted)}.sv-auth-field{margin-bottom: var(--s-4)}.sv-auth-field label{display: block;margin-bottom: 0.4rem;color: var(--ink);font-size: var(--fs-sm);font-weight: 600}.sv-auth-labelrow{display: flex;align-items: baseline;justify-content: space-between;gap: var(--s-3)}.sv-auth-labelrow a{margin-bottom: 0.4rem;font-size: var(--fs-sm);font-weight: 600}.sv-auth-check{display: flex;align-items: center;gap: 0.55rem;margin: var(--s-2) 0 var(--s-5);color: var(--text);font-size: var(--fs-sm);cursor: pointer}.sv-auth-check input{width: 18px;height: 18px;min-height: 0;margin: 0;accent-color: var(--ink);box-shadow: none}.sv-auth-card .btn-full{min-height: 46px}.sv-auth-foot{margin: var(--s-5) 0 0;padding-top: var(--s-5);border-top: 1px solid var(--line);color: var(--text-muted);font-size: var(--fs-sm);text-align: center}.sv-auth-foot a{font-weight: 650}.sv-acct-head{display: flex;align-items: center;gap: var(--s-4);flex-wrap: wrap;padding: var(--s-5);margin-bottom: var(--s-4);border: 1px solid var(--line);border-radius: var(--r-xl);background: radial-gradient(420px 200px at 0% 0%,rgb(16 185 129 / 9%),transparent 70%),radial-gradient(420px 200px at 100% 0%,rgb(59 130 246 / 7%),transparent 70%),var(--bg-subtle)}.sv-acct-who{flex: 1 1 220px;min-width: 0}.sv-acct-who .sv-kicker{margin-bottom: 2px}.sv-acct-name{margin: 0;color: var(--ink);font-size: 1.375rem;font-weight: 800;letter-spacing: -0.02em;line-height: 1.2}.sv-acct-sub{margin: 2px 0 0;overflow-wrap: anywhere;color: var(--text-muted);font-size: var(--fs-sm)}.sv-acct-logout{min-height: 38px;font-size: var(--fs-sm)}.sv-acct-tabs{display: flex;gap: 4px;overflow-x: auto;scrollbar-width: none;margin-bottom: var(--s-6);padding-bottom: 1px;border-bottom: 1px solid var(--line)}.sv-acct-tabs::-webkit-scrollbar{display: none}.sv-acct-tabs a{position: relative;display: inline-flex;align-items: center;gap: 0.45rem;flex: none;min-height: 44px;padding: 0 0.9rem;color: var(--text);font-size: 0.9375rem;font-weight: 600}.sv-acct-tabs a:hover{color: var(--ink)}.sv-acct-tabs a[aria-current="page"]{color: var(--ink)}.sv-acct-tabs a[aria-current="page"]::after{content: "";position: absolute;left: 0.9rem;right: 0.9rem;bottom: -1px;height: 2px;border-radius: 2px;background: var(--ink)}.sv-acct-count{min-width: 22px;padding: 1px 7px;border-radius: 999px;background: var(--bg-muted);color: var(--text);font-size: 0.75rem;font-weight: 700;text-align: center;font-variant-numeric: tabular-nums}.sv-acct-tabs a[aria-current="page"] .sv-acct-count{background: var(--ink);color: #fff}.sv-acct-body{padding-bottom: 0}.sv-acct-title{margin-bottom: var(--s-2);font-size: clamp(1.5rem,1.25rem + 1vw,2rem);font-weight: 800;letter-spacing: -0.03em}.sv-acct-bar{display: flex;align-items: flex-end;justify-content: space-between;gap: var(--s-4);flex-wrap: wrap;margin-bottom: var(--s-5)}.sv-acct-lede{margin: 0;color: var(--text-muted)}.sv-acct-section{margin-top: var(--s-7)}.sv-acct-section .sv-section-head{margin-bottom: var(--s-4)}.sv-acct-section .sv-section-head h2{font-size: var(--fs-h2-content)}.sv-grid-compact{grid-template-columns: repeat(auto-fill,minmax(clamp(140px,13vw,170px),1fr))}.sv-stats{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,170px),1fr));gap: var(--s-3);margin: var(--s-5) 0 0}.sv-stat{padding: var(--s-4) var(--s-5);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);box-shadow: var(--shadow-xs)}.sv-stat dt{margin-bottom: 4px;color: var(--text-muted);font-size: 0.8125rem;font-weight: 600}.sv-stat dd{margin: 0;color: var(--ink);font-size: 1.75rem;font-weight: 800;letter-spacing: -0.03em;line-height: 1.1;font-variant-numeric: tabular-nums}.sv-empty-card{display: flex;align-items: center;justify-content: space-between;gap: var(--s-4);flex-wrap: wrap;padding: var(--s-5);border: 1px dashed var(--line-strong);border-radius: var(--r-lg);background: var(--bg-subtle)}.sv-empty-card p{flex: 1 1 320px;margin: 0;color: var(--text)}.sv-empty-card strong{color: var(--ink)}.sv-linklike{padding: 0;border: 0;background: none;color: var(--text-muted);font: inherit;font-size: var(--fs-sm);font-weight: 600;cursor: pointer}.sv-linklike:hover{color: var(--ink)}.sv-acct-filter{margin-bottom: var(--s-5)}.sv-chip-n{color: var(--text-muted);font-size: 0.75rem;font-variant-numeric: tabular-nums}.sv-chiprow a.is-current .sv-chip-n{color: #cbd5e1}.sv-history{list-style: none;margin: 0;padding: 0;border: 1px solid var(--line);border-radius: var(--r-xl);overflow: hidden;background: var(--bg)}.sv-history li{margin: 0}.sv-history-day{padding: 0.6rem var(--s-4);background: var(--bg-subtle);border-bottom: 1px solid var(--line)}.sv-history-row + .sv-history-day{border-top: 1px solid var(--line)}.sv-history-day h2{margin: 0;color: var(--text-muted);font-size: 0.75rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.sv-history-row{display: flex;align-items: center;gap: var(--s-4);padding: 0.7rem var(--s-4)}.sv-history-row + .sv-history-row{border-top: 1px solid var(--line)}.sv-history-thumb{display: grid;place-items: center;flex: none;width: 64px;height: 48px;padding: 4px;border: 1px solid var(--line);border-radius: var(--r-sm);background: #fff}.sv-history-thumb img{width: 100%;height: 100%;object-fit: contain}.sv-history-thumb--gone{background: var(--bg-muted)}.sv-history-info{display: flex;flex-direction: column;flex: 1 1 auto;min-width: 0}.sv-history-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: var(--ink);font-weight: 600}a.sv-history-name:hover{color: var(--accent-text)}.sv-history-when{color: var(--text-muted);font-size: 0.8125rem}.sv-history-again{flex: none;min-height: 36px;padding: 0 0.8rem;font-size: 0.8125rem}.sv-history-again .sv-dl-icon{width: 15px;height: 15px;margin: 0}@media (max-width: 560px){.sv-history-row{gap: var(--s-3);padding-inline: var(--s-3)}.sv-history-thumb{width: 52px;height: 40px}.sv-history-again{min-width: 38px;padding: 0}.sv-history-again-label{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}}.sv-saved-item{position: relative;min-width: 0}.sv-saved-item>.logo-wrap{height: 100%}.sv-saved-remove{position: absolute;top: 8px;right: 8px;z-index: 2;margin: 0}.sv-saved-remove button{display: grid;place-items: center;width: 30px;height: 30px;padding: 0;border: 1px solid var(--line);border-radius: 50%;background: rgb(255 255 255 / 92%);color: var(--text-muted);font-size: 1.1rem;line-height: 1;cursor: pointer;box-shadow: var(--shadow-xs);opacity: 0;transition: opacity var(--fast) var(--ease)}.sv-saved-item:hover .sv-saved-remove button,.sv-saved-remove button:focus-visible{opacity: 1}.sv-saved-remove button:hover{border-color: var(--danger);color: var(--danger)}@media (pointer: coarse){.sv-saved-remove button{opacity: 1}}.sv-form-card{padding: clamp(1.25rem,1rem + 1.5vw,2rem);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg);box-shadow: var(--shadow-xs)}.sv-form-card--narrow{max-width: 520px}.sv-form-grid{display: grid;grid-template-columns: 1fr;gap: 0 var(--s-5)}@media (min-width: 720px){.sv-form-grid{grid-template-columns: 1fr 1fr}}.sv-form-actions{display: flex;justify-content: flex-end;gap: var(--s-3);margin-top: var(--s-2);padding-top: var(--s-4);border-top: 1px solid var(--line)}.sv-optional{margin-left: 4px;color: var(--text-muted);font-size: 0.75rem;font-weight: 500}.sv-dl-actions{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-2);margin-top: var(--s-3)}.sv-dl-actions>*,.sv-dl-actions .sv-save-form{margin: 0;min-width: 0}.sv-dl-actions .sv-copy-svg{width: 100%;margin: 0}.sv-save{width: 100%;min-height: 42px;font-size: var(--fs-sm)}.sv-save::before{content: "";flex: none;width: 16px;height: 16px;background: currentColor;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-6-4-6 4Z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-6-4-6 4Z'/%3E%3C/svg%3E") center / contain no-repeat}.sv-save[aria-pressed="true"]{border-color: var(--ink);background: var(--ink);color: #fff}.sv-save[aria-pressed="true"]::before{-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 3h12v18l-6-4-6 4Z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6 3h12v18l-6-4-6 4Z'/%3E%3C/svg%3E") center / contain no-repeat}.sv-save[aria-pressed="true"]:hover{background: var(--ink-2);color: #fff}.sv-save:disabled{opacity: 0.7;cursor: progress}.sv-page-hero{max-width: 760px;margin-bottom: var(--s-7)}.sv-page-hero .top-hero-h1{margin-bottom: var(--s-3)}.sv-page-lede{margin: 0;color: var(--text);font-size: 1.0625rem;line-height: 1.7}.sv-trust{display: flex;flex-wrap: wrap;gap: var(--s-2) var(--s-5);list-style: none;margin: var(--s-5) 0 0;padding: 0}.sv-trust li{display: flex;align-items: center;gap: 0.45rem;margin: 0;color: var(--ink-2);font-size: var(--fs-sm);font-weight: 600}.sv-trust li::before{content: "";width: 18px;height: 18px;border-radius: 50%;flex: none;background: var(--mint-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 11px no-repeat;box-shadow: inset 0 0 0 1px rgb(16 185 129 / 25%)}.sv-tool-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));gap: var(--s-5)}.sv-tool-card{--t1: #ecfdf5;--t2: #d1fae5;--ti: #047857;display: flex;flex-direction: column;overflow: hidden;border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg);color: inherit;transition: transform var(--medium) var(--ease),box-shadow var(--medium) var(--ease),border-color var(--medium) var(--ease)}.sv-tool-card[data-tone="violet"]{--t1: #f5f3ff;--t2: #ede9fe;--ti: #6d28d9}.sv-tool-card[data-tone="amber"]{--t1: #fffbeb;--t2: #fef3c7;--ti: #b45309}.sv-tool-card:hover{transform: translateY(-4px);border-color: var(--line-strong);box-shadow: var(--shadow-lg);color: inherit}.sv-tool-art{display: grid;place-items: center;height: 140px;background: radial-gradient(circle at 1px 1px,rgb(15 23 42 / 7%) 1px,transparent 0) 0 0 / 18px 18px,linear-gradient(135deg,var(--t1),var(--t2));color: var(--ti);border-bottom: 1px solid var(--line)}.sv-tool-art svg{width: 64px;height: 64px;transition: transform var(--medium) var(--ease)}.sv-tool-card:hover .sv-tool-art svg{transform: scale(1.08) rotate(-2deg)}.sv-tool-body{display: flex;flex-direction: column;gap: 0.35rem;flex: 1;padding: var(--s-5)}.sv-tool-kicker{color: var(--ti);font-size: 0.75rem;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase}.sv-tool-card-title{color: var(--ink);font-size: 1.1875rem;font-weight: 750;letter-spacing: -0.02em;line-height: 1.25}.sv-tool-card-text{color: var(--text-muted);font-size: 0.9375rem;line-height: 1.55}.sv-tool-cta{display: inline-flex;align-items: center;gap: 0.35rem;margin-top: auto;padding-top: var(--s-3);color: var(--ink);font-size: var(--fs-sm);font-weight: 650}.sv-tool-cta::after{content: "\2192";transition: transform var(--fast) var(--ease)}.sv-tool-card:hover .sv-tool-cta::after{transform: translateX(3px)}.sv-tool-cards--compact{grid-template-columns: repeat(auto-fill,minmax(min(100%,340px),1fr));gap: var(--s-4)}.sv-tool-cards--compact .sv-tool-card{flex-direction: row}.sv-tool-cards--compact .sv-tool-art{width: 112px;height: auto;flex: none;border-bottom: 0;border-right: 1px solid var(--line)}.sv-tool-cards--compact .sv-tool-art svg{width: 44px;height: 44px}.sv-tool-cards--compact .sv-tool-body{padding: var(--s-4)}.sv-tool-other{margin-top: var(--section)}.sv-tool-other>h2{margin-bottom: var(--s-4)}.sv-steps{margin-top: var(--section)}.sv-steps>h2{margin-bottom: var(--s-5);font-size: var(--fs-h2-content)}.sv-steps ol{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));gap: var(--s-4);list-style: none;margin: 0;padding: 0;counter-reset: step}.sv-steps li{position: relative;display: flex;flex-direction: column;gap: 0.3rem;margin: 0;padding: var(--s-5) var(--s-5) var(--s-5) 4.25rem;border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg-subtle);counter-increment: step}.sv-steps li::before{content: counter(step);position: absolute;left: var(--s-5);top: var(--s-5);display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: var(--ink);color: #fff;font-size: 0.875rem;font-weight: 700}.sv-steps strong{color: var(--ink)}.sv-steps span{color: var(--text-muted);font-size: 0.9375rem;line-height: 1.55}.sv-format-links{margin-top: var(--section);padding: clamp(1.25rem,1rem + 1.5vw,2rem);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg-subtle)}.sv-format-links-head{display: flex;align-items: baseline;justify-content: space-between;gap: var(--s-2) var(--s-4);flex-wrap: wrap;margin-bottom: var(--s-5)}.sv-format-links-head h2{margin: 0;font-size: var(--fs-h2-content)}.sv-format-links-head p{margin: 0;color: var(--text-muted);font-size: var(--fs-sm)}.sv-format-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,210px),1fr));gap: var(--s-3)}.sv-format-card{display: flex;align-items: flex-start;gap: var(--s-3);padding: var(--s-4);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg);color: inherit;transition: border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--ease)}.sv-format-card:hover{border-color: var(--line-strong);box-shadow: var(--shadow);transform: translateY(-2px);color: inherit}.sv-format-card .sv-dl-ext{min-width: 54px;height: 34px}.sv-format-card-body{display: flex;flex-direction: column;gap: 2px;min-width: 0}.sv-format-card-title{color: var(--ink);font-size: 0.9375rem;font-weight: 700;letter-spacing: -0.01em}.sv-format-card-text{color: var(--text-muted);font-size: 0.8125rem;line-height: 1.45}.sv-browse-more{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2);margin-top: var(--s-5);padding-top: var(--s-4);border-top: 1px solid var(--line)}.sv-browse-more-label{margin-right: var(--s-2);color: var(--text-muted);font-size: var(--fs-sm);font-weight: 600}.sv-browse-more a{display: inline-flex;align-items: center;min-height: 34px;padding: 0 0.8rem;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink-2);font-size: var(--fs-sm);font-weight: 600}.sv-browse-more a:hover{border-color: var(--ink);color: var(--ink)}.sv-dl-ext[data-ext="Vector"]{background: #ecfeff;color: #0e7490;font-size: 0.6875rem}.sv-blog-hero{margin-bottom: var(--s-5)}.sv-topics{display: flex;flex-wrap: wrap;gap: var(--s-2);margin-bottom: var(--s-7)}.sv-topics a{display: inline-flex;align-items: center;gap: 0.4rem;flex: none;min-height: 36px;padding: 0 0.85rem;border: 1px solid var(--line);border-radius: var(--r-btn);background: var(--bg);color: var(--ink-2);font-size: var(--fs-sm);font-weight: 600}.sv-topics a:hover{border-color: var(--ink);color: var(--ink)}.sv-topics a.is-current{background: var(--ink);border-color: var(--ink);color: #fff}.sv-topics a.is-current .sv-chip-n{color: #cbd5e1}@media (max-width: 720px){.sv-topics{flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;margin-inline: calc(var(--gutter) * -1);padding: 0 var(--gutter) 2px}.sv-topics::-webkit-scrollbar{display: none}}.sv-post-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 0.35rem 0;margin: 0;color: var(--text-muted);font-size: 0.8125rem;font-weight: 550}.sv-post-meta>* + *::before{content: "\00B7";margin: 0 0.55rem;color: var(--icon)}.sv-post-topic{display: inline-flex;align-items: center;min-height: 24px;padding: 0 0.55rem;border-radius: 6px;background: var(--mint-50);color: var(--mint-700);font-size: 0.75rem;font-weight: 700}a.sv-post-topic:hover{background: var(--mint-100);color: var(--mint-700)}.sv-post-meta>.sv-post-topic + *::before{margin-left: 0.65rem}.sv-post-excerpt{color: var(--text-muted);font-size: 0.9375rem;line-height: 1.6}.sv-post-lead{display: grid;grid-template-columns: 1fr;overflow: hidden;margin-bottom: var(--s-6);border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg);color: inherit;transition: box-shadow var(--medium) var(--ease),border-color var(--medium) var(--ease)}@media (min-width: 880px){.sv-post-lead{grid-template-columns: minmax(0,1.15fr) minmax(0,1fr)}}.sv-post-lead:hover{border-color: var(--line-strong);box-shadow: var(--shadow-lg);color: inherit}.sv-post-lead-img{display: block;overflow: hidden;aspect-ratio: 16 / 9;background: var(--bg-muted)}@media (min-width: 880px){.sv-post-lead-img{aspect-ratio: auto;min-height: 320px}}.sv-post-lead-img img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--medium) var(--ease)}.sv-post-lead:hover .sv-post-lead-img img{transform: scale(1.03)}.sv-post-lead-body{display: flex;flex-direction: column;justify-content: center;gap: var(--s-3);padding: clamp(1.5rem,1rem + 2vw,2.5rem)}.sv-post-lead-title{color: var(--ink);font-size: clamp(1.4rem,1.15rem + 1vw,1.9rem);font-weight: 800;letter-spacing: -0.03em;line-height: 1.2}.sv-post-more{display: inline-flex;align-items: center;gap: 0.35rem;color: var(--ink);font-size: var(--fs-sm);font-weight: 700}.sv-post-more::after{content: "\2192";transition: transform var(--fast) var(--ease)}.sv-post-lead:hover .sv-post-more::after{transform: translateX(3px)}.sv-post-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));gap: var(--s-5)}.sv-post-card{display: flex;flex-direction: column;overflow: hidden;border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg);color: inherit;transition: transform var(--medium) var(--ease),box-shadow var(--medium) var(--ease),border-color var(--medium) var(--ease)}.sv-post-card:hover{transform: translateY(-4px);border-color: var(--line-strong);box-shadow: var(--shadow-lg);color: inherit}.sv-post-card-img{display: block;overflow: hidden;aspect-ratio: 16 / 9;background: var(--bg-muted)}.sv-post-card-img img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--medium) var(--ease)}.sv-post-card:hover .sv-post-card-img img{transform: scale(1.04)}.sv-post-card-body{display: flex;flex-direction: column;gap: 0.5rem;flex: 1;padding: var(--s-5)}.sv-post-card-title{color: var(--ink);font-size: 1.125rem;font-weight: 750;letter-spacing: -0.02em;line-height: 1.3}.sv-post-card .sv-post-excerpt{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.sv-post-date{margin-top: auto;padding-top: var(--s-2);color: var(--text-muted);font-size: 0.8125rem}.sv-post-grid>.sv-ad--infeed{margin-block: 0}.sv-article-wrap{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--s-7)}@media (min-width: 1080px){.sv-article-wrap{grid-template-columns: minmax(0,740px) 300px;justify-content: space-between}}.sv-article{min-width: 0}.sv-article-head{margin-bottom: var(--s-5)}.sv-article-head .sv-post-meta{margin-bottom: var(--s-3)}.sv-article-head h1{margin-bottom: var(--s-4);font-size: clamp(1.9rem,1.4rem + 2vw,2.75rem);font-weight: 800;letter-spacing: -0.035em;line-height: 1.1}.sv-article-lede{margin: 0;color: var(--text);font-size: clamp(1.0625rem,1rem + 0.35vw,1.25rem);line-height: 1.65}.sv-article-hero{margin: 0 0 var(--s-6);overflow: hidden;border: 1px solid var(--line);border-radius: var(--r-xl);background: var(--bg-muted)}.sv-article-hero img{display: block;width: 100%;height: auto}.sv-prose{color: var(--text);font-size: 1.0625rem;line-height: 1.8}.sv-prose>* + *{margin-top: 1.1em}.sv-prose p{margin: 0}.sv-prose h2{margin: 2em 0 0;font-size: clamp(1.4rem,1.2rem + 0.7vw,1.75rem);font-weight: 800;letter-spacing: -0.025em;line-height: 1.25;scroll-margin-top: calc(var(--header-h) + var(--s-5))}.sv-prose h3{margin: 1.6em 0 0;font-size: 1.1875rem;font-weight: 750;letter-spacing: -0.015em}.sv-prose h2 + *,.sv-prose h3 + *{margin-top: 0.6em}.sv-prose ul,.sv-prose ol{padding-left: 1.4rem}.sv-prose li{margin: 0.35em 0}.sv-prose li::marker{color: var(--mint-600)}.sv-prose strong,.sv-prose b{color: var(--ink)}.sv-prose blockquote{margin-inline: 0;padding: var(--s-4) var(--s-5);border-left: 3px solid var(--mint-500);border-radius: 0 var(--r) var(--r) 0;background: var(--bg-subtle);color: var(--ink-2)}.sv-prose img{max-width: 100%;height: auto;border-radius: var(--r-lg)}.sv-prose table{display: block;width: 100%;overflow-x: auto;border-collapse: collapse;font-size: 0.9375rem}.sv-prose th,.sv-prose td{padding: 0.6rem 0.8rem;border: 1px solid var(--line);text-align: left}.sv-prose th{background: var(--bg-subtle);color: var(--ink);font-weight: 700}.sv-prose hr{margin-block: 2em}.sv-prose .sv-ad{margin-block: 2em}.sv-toc ol{list-style: none;margin: 0;padding: 0;counter-reset: toc}.sv-toc li{margin: 0;counter-increment: toc}.sv-toc a{display: flex;gap: 0.6rem;padding: 0.4rem 0.6rem;border-radius: var(--r-sm);color: var(--text);font-size: 0.875rem;font-weight: 550;line-height: 1.4}.sv-toc a::before{content: counter(toc);flex: none;min-width: 1.1rem;color: var(--icon);font-variant-numeric: tabular-nums;font-weight: 700}.sv-toc a:hover{background: var(--bg-muted);color: var(--ink)}.sv-toc a[aria-current="true"]{background: var(--mint-50);color: var(--mint-700)}.sv-toc a[aria-current="true"]::before{color: var(--mint-600)}.sv-toc-title{margin: 0 0 var(--s-2);padding-left: 0.6rem;color: var(--text-muted);font-size: 0.75rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.sv-toc--inline{margin-bottom: var(--s-6);border: 1px solid var(--line);border-radius: var(--r-lg);background: var(--bg-subtle)}.sv-toc--inline summary{display: flex;align-items: center;justify-content: space-between;gap: var(--s-3);padding: 0.85rem 1rem;color: var(--ink);font-weight: 700;cursor: pointer;list-style: none}.sv-toc--inline summary::-webkit-details-marker{display: none}.sv-toc--inline summary::after{content: "+";color: var(--text-muted);font-size: 1.2rem;font-weight: 500;line-height: 1}.sv-toc--inline[open] summary::after{content: "\2212"}.sv-toc--inline ol{padding: 0 var(--s-2) var(--s-3)}.sv-article-side{display: none}@media (min-width: 1080px){.sv-toc--inline{display: none}.sv-article-side{display: block}.sv-toc--side{position: sticky;top: calc(var(--header-h) + var(--s-5));margin-top: var(--s-5)}}.sv-ad--side{margin: 0}.sv-article-foot{display: flex;flex-direction: column;gap: var(--s-4);margin-top: var(--s-7);padding-top: var(--s-5);border-top: 1px solid var(--line)}.sv-article-filed{display: flex;align-items: center;gap: var(--s-2);margin: 0;color: var(--text-muted);font-size: var(--fs-sm)}.sv-article-foot .social-share-custom{margin: 0;padding: 0;border: 0}@media (max-width: 899px){.sv-footer-top{grid-template-columns: 1fr 1fr;gap: var(--s-6) var(--s-5);padding-block: var(--s-7) var(--s-5)}.sv-footer-brand{grid-column: 1 / -1}.sv-footer li{margin-bottom: 0.35rem}.sv-footer li a{font-size: 0.875rem}.sv-footer-cats{padding-block: var(--s-5)}.sv-footer-cats ul{column-width: 140px;column-gap: var(--s-4)}.sv-footer-cats li a{font-size: 0.8125rem}}