:root{--primary:#6c5ce7;--primary-hover:#5a48d8;--primary-soft:rgba(108,92,231,.1);--bg-main:#f7f7fc;--bg-card:#ffffff;--text-main:#1c1a33;--text-muted:#4b4870;--white:#ffffff;--border:#e7e5f4;--shadow-md:0 4px 6px -1px rgb(28 26 51/0.1),0 2px 4px -2px rgb(28 26 51/0.1);--transition:all .2s cubic-bezier(.4,0,.2,1);--wsk-surface:#ffffff;--wsk-base:#e7e5f4;--wsk-shine:#f2f1f9}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden}h1,h2,h3,.logo-text{font-family:'Outfit',sans-serif;color:var(--text-main);font-weight:700}.container{max-width:1000px;margin:0 auto;padding:0 1.5rem}
.site-header{padding:1rem 0;background:var(--bg-card);border-bottom:1px solid var(--border)}.site-header .container{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header-centered .container{justify-content:center}.logo{min-width:0}.logo-link{text-decoration:none;color:inherit;display:inline-block}.logo-text{font-size:1.65rem;font-weight:800;letter-spacing:-.04em;color:var(--text-main);display:flex;align-items:center}.highlight{color:var(--primary)}.logo-domain{font-weight:500;opacity:.8}
.hero{padding:3.25rem 0 3rem;text-align:center;background:var(--bg-main)}.hero-eyebrow{display:inline-block;background:var(--primary-soft);color:var(--primary);font-family:'Outfit',sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:.4rem .85rem;border-radius:.6rem;margin-bottom:1.1rem}.hero h1{font-size:2.75rem;font-weight:800;margin-bottom:.875rem;line-height:1.1;letter-spacing:-.03em;max-width:800px;margin-left:auto;margin-right:auto}.hero-sub{font-size:1.1rem;color:var(--text-muted);max-width:640px;margin:0 auto 2rem;line-height:1.6}
.input-container{max-width:750px;margin:0 auto}.input-wrapper{display:flex;gap:.4rem;background:var(--bg-card);padding:.4rem;border:1px solid var(--border);border-radius:1.25rem;transition:var(--transition)}.input-box{position:relative;flex-grow:1;display:flex;align-items:center}#videoUrl{width:100%;background:transparent;border:none;padding:1rem 3.25rem 1rem 1.25rem;color:var(--text-main);font-size:1.1rem;outline:none;scroll-margin-top:1.5rem}#videoUrl::placeholder{color:var(--text-muted)}.clear-btn{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition);display:none;align-items:center;justify-content:center;z-index:2;-webkit-tap-highlight-color:transparent;width:32px;height:32px;border-radius:50%}.clear-btn:hover{color:var(--text-main);background:rgba(28,26,51,.05)}
.btn-primary{text-decoration:none;background:var(--primary);color:var(--white);border:none;padding:.875rem 1.75rem;border-radius:.875rem;font-weight:400;font-size:1.1rem;cursor:pointer;transition:var(--transition);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:.625rem;-webkit-tap-highlight-color:transparent}.btn-primary:hover{background:var(--primary-hover)}
.jump-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1.375rem}.jump-link{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;color:var(--text-muted);text-decoration:none;font-size:.925rem;font-weight:500;line-height:1.2;transition:var(--transition);-webkit-tap-highlight-color:transparent}.jump-link:hover{color:var(--primary);border-color:var(--primary)}.jump-link svg{flex-shrink:0;opacity:.8}
.result-section{margin-bottom:2rem;display:none;margin-top:1.25rem}.card-api-container{container-type:inline-size;max-width:750px;margin:0 auto}.api-iframe{border:none;display:none;opacity:0;transition:opacity .18s ease}
.wsk{max-width:750px;margin:0 auto}.wsk-card{display:flex;align-items:stretch;gap:1.125rem;padding:1.125rem;background-color:var(--wsk-surface);border:1px solid var(--border);border-radius:1.25rem}.wsk-thumb{flex:0 0 240px;min-height:150px;border-radius:.875rem}.wsk-body{flex:1;display:flex;flex-direction:column;min-width:0}.wsk-title{height:1.68rem;width:76%;border-radius:999px}.wsk-url{height:1.5rem;width:92%;border-radius:999px;margin-top:.3125rem}.wsk-field{height:46px;border-radius:.875rem;margin-top:2.205rem}.wsk-btn{height:46px;border-radius:.875rem;margin-top:10px}.wsk-thumb,.wsk-title,.wsk-url,.wsk-field,.wsk-btn{background-image:linear-gradient(90deg,var(--wsk-base) 25%,var(--wsk-shine) 37%,var(--wsk-base) 63%);background-size:400% 100%;animation:wsk-shimmer 1.4s linear infinite}@keyframes wsk-shimmer{0%{background-position:100% 50%}100%{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.wsk-thumb,.wsk-title,.wsk-url,.wsk-field,.wsk-btn{animation:none}}@container (max-width:560px){.wsk-thumb{flex:0 0 190px}}@container (max-width:520px){.wsk-card{flex-direction:column;padding:.875rem;padding-bottom:1rem;gap:.875rem}.wsk-thumb{flex:none;width:100%;aspect-ratio:16/9;min-height:0}}
.section{padding:3.5rem 0}.section-title{font-size:1.85rem;text-align:center;margin-bottom:2.5rem;letter-spacing:-.02em}.has-intro .section-title{margin-bottom:1rem}.section-intro{text-align:center;color:var(--text-muted);max-width:680px;margin:0 auto 2.5rem;font-size:1.05rem}.glass-section{background:#ffffff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.about-card{max-width:850px;margin:0 auto}.about-text{font-size:1rem;color:var(--text-muted);line-height:1.8}.about-text p+p{margin-top:1.5rem}.about-text strong{color:var(--text-main);font-weight:600}
.table-card{max-width:850px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border);border-radius:1.5rem;padding:.25rem 2rem}.q-table{width:100%;border-collapse:collapse;font-size:1rem}.q-table col.c-res{width:150px}.q-table col.c-size{width:140px}.q-table th{font-family:'Outfit',sans-serif;font-weight:700;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-align:left;line-height:1.35;text-wrap:balance;padding:1.375rem .25rem .875rem;border-bottom:1px solid var(--border);vertical-align:bottom}.q-table th.t-size,.q-table td.q-size{text-align:right}.q-table td{padding:1.125rem .25rem;color:var(--text-muted);border-bottom:1px solid var(--border);vertical-align:top;line-height:1.65}.q-table tbody tr:last-child td{border-bottom:none}.q-res{display:block;font-family:'Outfit',sans-serif;font-weight:700;font-size:1.15rem;line-height:1.2;letter-spacing:-.01em;color:var(--text-main);white-space:nowrap}.q-tag{display:block;margin-top:.3rem;color:var(--primary);font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;line-height:1.3}.q-size{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text-main);font-weight:500}
.format-list{max-width:850px;margin:0 auto;border-top:1px solid var(--border)}.format-row{display:grid;grid-template-columns:132px 1fr;gap:1.75rem;align-items:start;padding:1.625rem .25rem;border-bottom:1px solid var(--border)}.format-name{font-family:'Outfit',sans-serif;font-weight:800;font-size:1.2rem;line-height:1.2;letter-spacing:-.01em;color:var(--primary)}.format-body h3{font-size:1.05rem;line-height:1.4;letter-spacing:-.01em;margin-bottom:.375rem}.format-body p{color:var(--text-muted);font-size:1rem;line-height:1.7}
.steps-grid{display:flex;flex-direction:column;gap:1.25rem;max-width:850px;margin:0 auto}.step-card{padding:1.25rem 2rem;background:var(--bg-card);border-radius:1.5rem;border:1px solid var(--border);transition:var(--transition);display:flex;align-items:center;gap:1.5rem;position:relative;overflow:hidden}.step-number{font-size:3rem;font-weight:900;color:var(--primary);opacity:.15;line-height:1;min-width:60px}.step-content{flex:1}.step-card h3{font-size:1.25rem;margin-bottom:.5rem}.step-card p{color:var(--text-muted)}
.features-grid{display:flex;flex-direction:column;gap:1.25rem;max-width:850px;margin:0 auto}.feature-item{background:var(--bg-card);padding:1.25rem 2rem;border-radius:1.5rem;border:1px solid var(--border);display:flex;align-items:center;gap:1.5rem}.feature-icon{width:60px;height:60px;background:var(--primary-soft);color:var(--primary);border-radius:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:24px;height:24px}.feature-content{flex:1}.feature-item h3{font-size:1.25rem;margin-bottom:.5rem}.feature-item p{color:var(--text-muted);font-size:1rem}
.trouble-grid{max-width:850px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.trouble-item{background:var(--bg-card);border:1px solid var(--border);border-radius:1.5rem;padding:1.75rem}.trouble-icon{width:42px;height:42px;border-radius:.875rem;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:1.125rem}.trouble-icon svg{width:20px;height:20px}.trouble-item h3{font-size:1.1rem;line-height:1.4;letter-spacing:-.01em;margin-bottom:.5rem}.trouble-item p{color:var(--text-muted);font-size:1rem;line-height:1.7}
.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-card);padding:1.25rem 1.75rem;border-radius:1.25rem;border:1px solid var(--border)}.faq-question h3{font-size:1.2rem;margin-bottom:.75rem}.faq-answer p{color:var(--text-muted)}
.cta-band{max-width:850px;margin:0 auto;background:linear-gradient(135deg,#6c5ce7 0%,#8f7ff0 100%);border-radius:2rem;padding:3rem 2rem;text-align:center}.cta-band h2{color:#fff;font-size:1.85rem;letter-spacing:-.02em;margin-bottom:.75rem}.cta-band p{color:rgba(255,255,255,.88);font-size:1.05rem;max-width:560px;margin:0 auto 1.75rem}.btn-light{display:inline-flex;align-items:center;gap:.625rem;background:#fff;color:var(--primary);text-decoration:none;padding:.9rem 2rem;border-radius:.875rem;font-size:1.05rem;font-weight:600;transition:var(--transition);-webkit-tap-highlight-color:transparent}.btn-light:hover{background:#f2f1fe}
.notice-box{margin:2.5rem auto 0;max-width:850px;padding:1.25rem 1.75rem;background:#fffbeb;border:1px solid #fef3c7;border-radius:1.25rem}.notice-content p{margin:0;font-size:1rem;color:var(--text-muted)}.notice-content strong{color:var(--text-main)}
.legal-page{padding:5rem 0 7rem;background:white}.legal-container{max-width:850px;margin:0 auto}.legal-header{margin-bottom:4rem;text-align:center}.legal-title{font-size:2.45rem}.legal-content{background:var(--bg-card);padding:4rem;border-radius:2rem;border:1px solid var(--border)}.legal-section{margin-bottom:3rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:1.35rem;margin-bottom:1rem;color:var(--text-main)}.legal-section p,.legal-section li{color:var(--text-muted);font-size:1.1rem;margin-bottom:1.25rem}.legal-section p:last-child,.legal-section ul:last-child,.legal-section li:last-child{margin-bottom:0}.legal-section ul{list-style:none;padding-left:.5rem;margin-bottom:1.25rem}.legal-section li{position:relative;padding-left:1.75rem}.legal-section li::before{content:"\2192";position:absolute;left:0;color:var(--primary);font-weight:700}.legal-section a{color:var(--primary);text-decoration:none}.legal-section a:hover{text-decoration:underline}
.site-footer{padding:2rem 0;background:var(--bg-card);border-top:1px solid var(--border)}.footer-content{display:flex;justify-content:center}.footer-info{color:var(--text-muted);font-size:1rem;display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;justify-content:space-between;width:100%}.footer-links{display:flex;gap:1.25rem}.footer-info a{color:var(--text-muted);text-decoration:none;transition:var(--transition)}.footer-info a:hover{color:var(--primary)}
.lang-switcher{position:relative;flex:0 0 auto;font-family:'Inter',sans-serif}.lang-details{position:relative}.lang-toggle{list-style:none;display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;color:var(--text-muted);font-size:.9rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:var(--transition);-webkit-tap-highlight-color:transparent;user-select:none}.lang-toggle::-webkit-details-marker{display:none}.lang-toggle::marker{content:""}.lang-toggle:hover{color:var(--text-main);border-color:#c9c4e8}.lang-details[open] .lang-toggle{color:var(--text-main);border-color:#c9c4e8}.lang-toggle svg{flex:0 0 auto}.lang-current{max-width:130px;overflow:hidden;text-overflow:ellipsis}.lang-chevron{opacity:.7;transition:var(--transition)}.lang-details[open] .lang-chevron{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + .5rem);right:0;z-index:60;width:240px;max-width:calc(100vw - 2.5rem);max-height:min(60vh,360px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--bg-card);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow-md);padding:.4rem}.lang-option{display:block;padding:.55rem .75rem;border-radius:.625rem;color:var(--text-muted);text-decoration:none;font-size:.925rem;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:var(--transition)}.lang-option+.lang-option{margin-top:.125rem}.lang-option:hover{background:var(--bg-main);color:var(--text-main)}.lang-option.is-active{background:var(--primary-soft);color:var(--primary);font-weight:600}
.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#ffffff;padding:2rem}.error-container{max-width:600px}.error-code{font-size:clamp(8rem,20vw,12rem);background:linear-gradient(135deg,var(--primary) 0%,#a79bf5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;line-height:.9;margin-bottom:1.5rem;letter-spacing:-.05em}.error-title{font-size:2.25rem;font-weight:800;color:var(--text-main);margin-bottom:1rem;letter-spacing:-.02em}.error-message{font-size:1.15rem;color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6}.error-actions .btn{padding:1rem 2.5rem;font-weight:600;font-size:1.15rem}.error-actions .btn-primary{display:inline-flex}
[dir=rtl] .lang-menu{right:auto;left:0}[dir=rtl] #videoUrl{padding:1rem 1.25rem 1rem 3.25rem}[dir=rtl] .clear-btn{right:auto;left:.35rem}[dir=rtl] .q-table th,[dir=rtl] .q-table td{text-align:right}[dir=rtl] .q-tag{margin-left:0;margin-right:.4rem}[dir=rtl] .legal-section li{padding-left:0;padding-right:1.75rem}[dir=rtl] .legal-section li::before{content:"\2190";left:auto;right:0}
@media (max-width:1024px){.hero h1{font-size:2.25rem}.features-grid{gap:1.5rem}.logo-text{font-size:1.5rem}}
@media (max-width:768px){.container{padding:0 1.25rem}.hero{padding:2.5rem 0 2rem}.logo-text{font-size:1.35rem}.hero h1{font-size:1.85rem}.hero-sub{font-size:1rem}.input-wrapper{flex-direction:column;background:transparent;border:none;box-shadow:none;padding:0}.input-box{background:#fff;border:1px solid var(--border);border-radius:1rem;padding:.25rem}.btn-primary{width:100%;border-radius:1rem;padding:1.25rem}.steps-grid,.features-grid{flex-direction:column}.step-card,.feature-item{flex-direction:column;text-align:center;gap:1rem;padding:1.5rem 1.25rem}.step-number,.feature-icon{min-width:auto;margin-bottom:.5rem}.section-title{font-size:1.5rem;margin-bottom:1.75rem}.section-intro{margin-bottom:1.75rem;font-size:1rem}.table-card{padding:0;background:transparent;border:none;border-radius:0}.q-table colgroup,.q-table thead{display:none}.q-table,.q-table tbody{display:block;width:100%}.q-table tr{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;padding:1.125rem 1.25rem;margin-bottom:.875rem}.q-table tr:last-child{margin-bottom:0}.q-table td{display:block;padding:0;border-bottom:none;text-align:left}.q-table td::before{display:none}.q-table td+td{margin-top:.75rem}.q-table td:first-child{display:flex;align-items:baseline;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.q-res{display:inline;font-size:1.1rem}.q-tag{display:inline;margin-top:0}.q-table td.q-size{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;text-align:right}.q-table td.q-size::before{display:block;content:attr(data-l);font-family:'Outfit',sans-serif;font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);text-align:left;flex-shrink:0}.cta-band{padding:2.25rem 1.5rem;border-radius:1.5rem}.cta-band h2{font-size:1.5rem}.cta-band p{font-size:1rem}.trouble-grid{grid-template-columns:1fr;gap:1rem}.trouble-item{padding:1.5rem}.format-row{grid-template-columns:1fr;gap:.5rem;padding:1.375rem .25rem}.format-name{font-size:1.05rem}.legal-content{padding:2rem}.legal-title{font-size:1.85rem}.footer-info{flex-direction:column-reverse;gap:1rem;justify-content:center}.footer-links{gap:1.25rem}}
@media (max-width:480px){.lang-current{display:none}.lang-toggle{gap:.25rem;padding:.5rem .55rem}.jump-link{font-size:.875rem;padding:.45rem .75rem}}