:root{--sunio-logo-dotvn-color:#166534;--color-bg:#fff1f2;--color-surface:#fff;--color-primary:#e11d48;--color-primary-hover:#be123c;--color-primary-mid:#fb7185;--color-primary-bright:#fda4af;--color-accent-soft:#ffe4e6;--color-tint-border:color-mix(in srgb,var(--color-primary-mid) 44%,#fff);--color-tint-bg:color-mix(in srgb,var(--color-primary) 8%,#fff);--color-text:#0f172a;--color-text-muted:#475569;--color-border:#e2e8f0;--color-danger:#dc2626;--nav-link:#475569;--nav-link-hover-bg:#f1f5f9;--cta-secondary-text:#334155;--font-sans:var(--font-be-vietnam),var(--font-noto),"Segoe UI",Tahoma,"Arial Unicode MS",ui-sans-serif,system-ui,sans-serif;--font-display:var(--font-be-vietnam),var(--font-noto),"Segoe UI",Tahoma,"Arial Unicode MS",ui-sans-serif,system-ui,sans-serif;--radius:12px;--shadow:0 4px 20px rgba(15,23,42,.08);--shadow-popup:0 12px 40px rgba(15,23,42,.12);--scrollbar-size:5px;--scrollbar-track:#e8eef2;--scrollbar-thumb:rgba(100,116,139,.42);--scrollbar-thumb-hover:color-mix(in srgb,var(--color-primary) 55%,transparent);--scrollbar-thumb-active:color-mix(in srgb,var(--color-primary) 78%,transparent);--scrollbar-radius:999px;--container-max-width:1265px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);background-color:var(--color-bg)}.sunio-body-root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.sunio-app-frame,.sunio-app-route-grow,.sunio-body-flex-fill,.sunio-body-route{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}html:-webkit-full-screen{background-color:var(--color-bg);outline:none}html:-webkit-full-screen,html:fullscreen{background-color:var(--color-bg);outline:none}html:-moz-full-screen{background-color:var(--color-bg);outline:none}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--scrollbar-radius)}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-radius);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.65;letter-spacing:.01em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 1.25rem}@keyframes hotspot-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--color-primary) 35%,transparent)}50%{box-shadow:0 0 0 12px transparent}}.hotspot-active{animation:hotspot-pulse 1.2s ease-in-out infinite}.scene-object-highlight{filter:drop-shadow(0 0 8px var(--color-primary)) drop-shadow(0 0 14px color-mix(in srgb,var(--color-primary) 50%,transparent))}.scene-object-clickable{cursor:pointer}.scene-object-clickable:hover{opacity:.92}.popup-overlay{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-root{min-height:100%;background:#f8fafc;position:relative;overflow:hidden}.home-root:before{top:0;height:400px}.home-root:after,.home-root:before{content:"";position:absolute;left:0;right:0;background:transparent;pointer-events:none}.home-root:after{bottom:0;height:300px}.home-bubble{position:absolute;border-radius:50%;pointer-events:none}.home-card{transition:transform .2s ease,box-shadow .2s ease}.home-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 28px rgba(0,0,0,.12)}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-float{animation:home-float 3s ease-in-out infinite}footer a:hover{text-decoration:underline;text-underline-offset:3px}.sunio-logo-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem}a.sunio-logo-link:hover{text-decoration:none}.sunio-logo-icon-wrap{display:inline-flex;align-items:center;line-height:0}.sunio-logo-image{height:1em;width:auto;max-width:none;object-fit:contain;display:block}.sunio-logo-name{color:var(--color-primary)}.sunio-logo-dotvn,.sunio-logo-name{font-family:var(--font-display);font-weight:700}.sunio-logo-dotvn{color:var(--sunio-logo-dotvn-color,#166534)}.sunio-logo-tagline{font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:.04em;color:var(--color-text-muted);text-transform:none;line-height:1.2;max-width:200px}@media (min-width:480px){.sunio-logo-tagline{font-size:.7rem;max-width:none}}.sunio-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);box-shadow:0 1px 0 rgba(15,23,42,.04)}.sunio-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;padding-top:.5rem;padding-bottom:.5rem}.sunio-header-brand{flex-shrink:0;min-width:0}.sunio-header-nav{display:none;align-items:center;gap:.15rem;flex:1 1;justify-content:center}@media (min-width:1024px){.sunio-header-nav{display:flex}}.sunio-nav-link{font-family:var(--font-sans);font-size:.875rem;font-weight:600;color:var(--nav-link);text-decoration:none;padding:.45rem .65rem;border-radius:10px;transition:background .15s,color .15s;white-space:nowrap}.sunio-nav-link:hover{background:var(--nav-link-hover-bg);color:var(--color-text);text-decoration:none}.sunio-nav-link--emphasis{color:var(--color-primary)}.sunio-nav-link--emphasis:hover{background:var(--color-accent-soft);color:var(--color-primary-hover)}.sunio-nav-link--ghost{font-size:.8rem;color:#94a3b8}.sunio-nav-link--button{border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;font-weight:600;display:inline-flex;align-items:center;gap:.4rem;background:transparent}.sunio-nav-chevron{font-size:1.05em;line-height:1;opacity:.8;flex-shrink:0;margin-top:.06em}.sunio-nav-link--button.is-open .sunio-nav-chevron{transform:rotate(180deg)}.sunio-nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:.35rem;min-width:300px;max-width:min(420px,92vw);max-height:min(70vh,440px);overflow:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:var(--shadow-popup);padding:.5rem}.sunio-nav-dropdown-group{margin-bottom:.35rem}.sunio-nav-dropdown-cat{display:block;padding:.5rem .75rem;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:.9rem;color:var(--color-text);text-decoration:none}.sunio-nav-dropdown-cat:hover{filter:brightness(.97);text-decoration:none}.sunio-nav-dropdown-subs{padding:.25rem 0 .25rem .75rem}.sunio-nav-dropdown-sub{display:block;padding:.35rem .5rem;font-size:.85rem;color:#64748b;text-decoration:none;border-radius:6px}.sunio-nav-dropdown-sub:hover{background:var(--color-bg);color:var(--color-primary);text-decoration:none}.sunio-header-nav .sunio-nav-services{position:relative}.sunio-header-nav .sunio-nav-services__panel{display:none;flex-direction:column;gap:.2rem;position:absolute;top:100%;left:0;right:auto;transform:none;margin-top:.25rem;min-width:max(260px,100%);padding:.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-popup);z-index:80}.sunio-header-nav .sunio-nav-services:focus-within .sunio-nav-services__panel,.sunio-header-nav .sunio-nav-services:hover .sunio-nav-services__panel{display:flex}.sunio-header-nav .sunio-nav-services__item{display:block;padding:.55rem .75rem;border-radius:10px;font-size:.875rem;font-weight:600;color:var(--nav-link);text-decoration:none;transition:background .15s,color .15s;white-space:normal;line-height:1.35}.sunio-header-nav .sunio-nav-services__item:hover{background:var(--nav-link-hover-bg);color:var(--color-text);text-decoration:none}.sunio-header-nav .sunio-nav-services__item.sunio-nav-services__item--active{color:var(--color-primary);background:var(--color-accent-soft)}.sunio-header-nav .sunio-nav-services__item.sunio-nav-services__item--active:hover{color:var(--color-primary-hover)}.sunio-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sunio-header-cart{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.2rem;margin:0;border:none;border-radius:6px;color:var(--color-primary);text-decoration:none;background:transparent;box-shadow:none;transition:color .15s ease}.sunio-header-cart:hover{text-decoration:none;color:var(--color-primary-hover)}.sunio-header-cart:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;text-decoration:none}.sunio-header-cart__icon{display:block;width:1.15rem;height:1.15rem}.sunio-header-cart__badge{position:absolute;top:-2px;right:-2px;min-width:1.15rem;height:1.15rem;padding:0 .28rem;border-radius:999px;background:#dc2626;color:#fff;font-size:.62rem;font-weight:800;line-height:1.15rem;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.2)}.sunio-header-account{display:none;position:relative}@media (min-width:1024px){.sunio-header-account{display:block}}.sunio-header-account__trigger{font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.02em;padding:.45rem .75rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--cta-secondary-text);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:transform .15s}.sunio-header-account__trigger:hover{transform:translateY(-1px)}.sunio-header-account__panel{display:none;flex-direction:column;gap:.2rem;position:absolute;top:100%;right:0;left:auto;margin-top:.25rem;min-width:min(280px,calc(100vw - 2rem));padding:.35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-popup);z-index:90}.sunio-header-actions .sunio-header-account:focus-within .sunio-header-account__panel,.sunio-header-actions .sunio-header-account:hover .sunio-header-account__panel{display:flex}.sunio-header-account__item{display:block;padding:.55rem .75rem;border-radius:10px;font-size:.875rem;font-weight:600;color:var(--nav-link);text-decoration:none;transition:background .15s,color .15s;white-space:normal;line-height:1.35}.sunio-header-account__item:hover{background:var(--nav-link-hover-bg);color:var(--color-text);text-decoration:none}.sunio-header-account__item.sunio-header-account__item--active{color:var(--color-primary);background:var(--color-accent-soft)}.sunio-header-account__item.sunio-header-account__item--active:hover{color:var(--color-primary-hover)}.sunio-header-cta{font-family:var(--font-sans);font-size:.8rem;font-weight:600;letter-spacing:.02em;padding:.45rem .85rem;border-radius:10px;text-decoration:none;transition:transform .15s;display:none}@media (min-width:1024px){.sunio-header-cta{display:inline-flex;align-items:center;justify-content:center}}.sunio-header-cta:hover{text-decoration:none;transform:translateY(-1px)}.sunio-header-cta--primary{background:var(--color-primary);color:#fff;box-shadow:none}.sunio-header-cta--secondary{background:var(--color-bg);color:var(--cta-secondary-text);border:1px solid var(--color-border)}.sunio-header-cta--block{display:flex;width:100%;justify-content:center;padding:.65rem 1rem}.sunio-header-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);cursor:pointer}@media (min-width:1024px){.sunio-header-burger{display:none}}.sunio-burger-line{display:block;height:2px;background:var(--cta-secondary-text);border-radius:1px;transition:transform .2s,opacity .2s}.sunio-burger-line.is-x1{transform:translateY(7px) rotate(45deg)}.sunio-burger-line.is-x2{opacity:0}.sunio-burger-line.is-x3{transform:translateY(-7px) rotate(-45deg)}.sunio-header-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:110}@media (min-width:1024px){.sunio-header-drawer-backdrop{display:none}}.sunio-header-drawer{position:fixed;top:0;right:0;width:min(320px,88vw);max-width:100%;height:100vh;height:100dvh;background:var(--color-surface);z-index:120;transform:translate3d(100%,0,0);transition:transform .25s ease;box-shadow:-8px 0 32px rgba(15,23,42,.12);padding:1rem 1.25rem 2rem;overflow-y:auto;pointer-events:none}.sunio-header-drawer.is-open{transform:translateZ(0);pointer-events:auto}@media (min-width:1024px){.sunio-header-drawer{display:none}}.sunio-header-drawer-nav{display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem}.sunio-nav-link--mobile{display:block;width:100%;padding:.65rem .5rem;border-radius:10px;white-space:normal;text-align:left}.sunio-nav-link--indent{padding-left:1rem!important}.sunio-nav-link--indent2{padding-left:1.75rem!important;font-weight:500;font-size:.9rem;color:#64748b}.sunio-nav-mobile-topics{padding:.5rem 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;margin:.25rem 0}.sunio-nav-mobile-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;padding:.35rem .5rem}.sunio-header-drawer-cta{display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem;padding-top:1rem}.sunio-footer,.sunio-header-drawer-cta{border-top:1px solid var(--color-border)}.sunio-footer{margin-top:auto;background:var(--color-bg);color:var(--nav-link);font-family:var(--font-sans)}.sunio-footer-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;padding:2.5rem 1.25rem 2rem}@media (min-width:640px){.sunio-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1.5rem}}.sunio-footer-brand{max-width:280px}.sunio-footer-tagline{margin:.75rem 0 .35rem;font-weight:600;font-size:.95rem;color:var(--color-primary);letter-spacing:.01em}.sunio-footer-desc{margin:0;font-size:.875rem;line-height:1.65;letter-spacing:.01em;color:var(--color-text-muted)}.sunio-footer-heading{margin:0 0 .75rem;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.sunio-footer-links{list-style:none;padding:0;margin:0}.sunio-footer-links li{margin-bottom:.45rem}.sunio-footer-links a{color:var(--nav-link);font-size:.9rem;font-weight:500;text-decoration:none}.sunio-footer-links a:hover{color:var(--color-primary);text-decoration:none}.sunio-footer-bottom{border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 60%,transparent)}.sunio-footer-bottom-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;padding:1rem 1.25rem;font-size:.8rem;color:#94a3b8}.sunio-footer-dot{opacity:.5}.sunio-home{min-height:100%;background:transparent}.sunio-hero{position:relative;overflow:hidden;padding:clamp(2.75rem,7vw,5rem) 0 clamp(2.25rem,5vw,3.5rem);border-bottom:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border))}.sunio-hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(100% 70% at 0 0,color-mix(in srgb,var(--color-primary) 26%,transparent) 0,transparent 58%),radial-gradient(85% 60% at 100% 0,color-mix(in srgb,var(--color-primary-mid) 32%,#fef3c7) 0,transparent 52%),radial-gradient(90% 55% at 50% 100%,color-mix(in srgb,var(--color-primary-hover) 18%,#c4b5fd) 0,transparent 50%),linear-gradient(168deg,color-mix(in srgb,var(--color-accent-soft) 92%,#e2e8f0) 0,#fff 42%,color-mix(in srgb,var(--color-bg) 55%,#f1f5f9) 100%)}.sunio-hero-bg-orb{position:absolute;border-radius:50%;filter:blur(44px);opacity:.62;animation:sunio-hero-orb-drift 18s ease-in-out infinite}.sunio-hero-bg-orb--a{width:min(42vw,320px);height:min(42vw,320px);left:-8%;top:10%;background:color-mix(in srgb,var(--color-primary) 52%,#fda4af);animation-delay:0s}.sunio-hero-bg-orb--b{width:min(36vw,260px);height:min(36vw,260px);right:-5%;top:35%;background:color-mix(in srgb,var(--color-primary-mid) 45%,#fcd34d);animation-delay:-6s}.sunio-hero-bg-orb--c{width:min(48vw,380px);height:min(48vw,380px);left:35%;bottom:-15%;background:color-mix(in srgb,var(--color-primary-hover) 38%,#a78bfa);opacity:.48;animation-delay:-12s}@keyframes sunio-hero-orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(2%,-3%) scale(1.05)}66%{transform:translate(-3%,2%) scale(.96)}}@media (prefers-reduced-motion:reduce){.sunio-hero-bg-orb{animation:none}}.sunio-hero-inner{position:relative;display:grid;grid-template-columns:1fr;grid-gap:clamp(1.75rem,4vw,2.75rem);gap:clamp(1.75rem,4vw,2.75rem);align-items:center}@media (min-width:900px){.sunio-hero-inner{grid-template-columns:1.12fr .88fr;gap:2.5rem}}.sunio-hero-copy{max-width:38rem}.sunio-hero-kicker{margin:0 0 .65rem;font-family:var(--font-display);font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);text-shadow:0 1px 0 color-mix(in srgb,#fff 70%,transparent)}.sunio-hero-pain-grid{list-style:none;margin:0 0 1.35rem;padding:0;display:grid;grid-template-columns:1fr;grid-gap:.55rem;gap:.55rem}@media (min-width:520px){.sunio-hero-pain-grid{grid-template-columns:1fr 1fr;gap:.6rem}}.sunio-hero-pain-card{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .75rem .7rem;border-radius:12px;background:#fff;border:1px solid color-mix(in srgb,var(--color-primary) 22%,#cbd5e1);border-left:3px solid var(--color-primary-mid);box-shadow:0 6px 22px rgba(15,23,42,.08),0 0 0 1px rgba(15,23,42,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.sunio-hero-pain-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(15,23,42,.12),0 0 0 1px color-mix(in srgb,var(--color-primary) 12%,transparent);border-color:color-mix(in srgb,var(--color-primary) 38%,#cbd5e1)}@media (prefers-reduced-motion:reduce){.sunio-hero-pain-card:hover{transform:none}}.sunio-hero-pain-ix{flex-shrink:0;font-size:.65rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.06em;color:var(--color-primary-hover);line-height:1.5;padding-top:.12em}.sunio-hero-pain-text{font-size:clamp(.88rem,1.5vw,.95rem);font-weight:600;line-height:1.45;color:var(--color-text)}.sunio-hero-bridge{display:flex;align-items:center;gap:.5rem;margin:0 0 1.15rem;max-width:12rem}.sunio-hero-bridge-line{flex:1 1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-primary) 70%,#94a3b8),transparent)}.sunio-hero-bridge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 35%,transparent)}.sunio-hero-title-accent{display:block;margin-top:.12em;color:var(--color-primary-hover)}.sunio-hero-solution{font-size:clamp(.98rem,2vw,1.08rem);line-height:1.72;letter-spacing:.01em;color:var(--color-text-muted);font-weight:500;margin:0;max-width:36rem;padding:1rem 1.1rem;border-radius:14px;background:color-mix(in srgb,#fff 88%,var(--color-accent-soft));border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));box-shadow:0 4px 18px rgba(15,23,42,.06)}.sunio-hero-solution strong{color:var(--color-text);font-weight:800}.sunio-btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.35rem;border-radius:12px;font-family:var(--font-sans);font-size:.95rem;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:transform .15s}.sunio-btn:hover{text-decoration:none;transform:translateY(-2px)}.sunio-btn-primary{background:var(--color-primary);color:#fff;box-shadow:none}.sunio-btn-ghost{background:#fff;color:#334155;border:1px solid #e2e8f0;box-shadow:none}.sunio-hero-visual{position:relative;margin:0;display:flex;align-items:center;justify-content:center;min-height:0}.sunio-hero-visual-ring{position:absolute;inset:-6% -4% auto -4%;aspect-ratio:1;max-height:70%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 32%,transparent) 0,transparent 68%);pointer-events:none;z-index:0}.sunio-hero-banner-img{position:relative;z-index:1;width:100%;max-width:min(100%,480px);height:auto;border-radius:18px;border:1px solid color-mix(in srgb,#fff 40%,rgba(15,23,42,.08));box-shadow:0 24px 56px rgba(15,23,42,.12),0 0 0 1px color-mix(in srgb,var(--color-primary) 12%,transparent),inset 0 1px 0 hsla(0,0%,100%,.5)}@media (min-width:900px){.sunio-hero-banner-img{max-width:100%}}.sunio-home-pain{padding:clamp(2.25rem,4.5vw,3.25rem) 0;background:#fff;border-top:1px solid #e2e8f0}.sunio-home-pain-heading{font-family:var(--font-display);text-align:center;font-size:clamp(1.3rem,2.8vw,1.7rem);font-weight:700;line-height:1.32;letter-spacing:.012em;color:var(--color-text);margin:0 auto .85rem;max-width:40rem}.sunio-home-pain-lead{margin:0 auto 1.65rem;max-width:40rem;text-align:center;font-size:.98rem;line-height:1.65;color:var(--cta-secondary-text)}.sunio-home-pain-lead strong{color:var(--cta-secondary-text);font-weight:600}.sunio-home-pain-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}@media (min-width:900px){.sunio-home-pain-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.sunio-home-pain-sub{margin:0 0 .85rem;font-size:1.02rem;font-weight:800;color:var(--color-text);letter-spacing:.01em}.sunio-home-pain-panel{margin:0;padding:1.2rem 1.25rem 1.35rem;border-radius:18px;background:#f8fafc;box-shadow:0 8px 28px rgba(15,23,42,.05);border:1px solid #e2e8f0;border-left:4px solid #94a3b8}.sunio-home-pain-list{margin:0;padding:0 0 0 1.15rem;color:var(--color-text);font-size:.9rem;line-height:1.62}.sunio-home-pain-list li{margin-bottom:.75rem}.sunio-home-pain-list li:last-child{margin-bottom:0}.sunio-home-pain-list strong{font-weight:700;color:var(--color-text)}.sunio-home-pain-why{margin:0;padding:1.2rem 1.25rem 1.35rem;border-radius:18px;background:color-mix(in srgb,var(--color-primary) 7%,#fff);box-shadow:0 8px 28px color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 18%,#e2e8f0);border-left:4px solid var(--color-primary)}.sunio-home-pain-why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.sunio-home-pain-why-list li{display:flex;gap:.65rem;align-items:flex-start;font-size:.9rem;line-height:1.58;color:var(--color-text)}.sunio-home-pain-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.12rem;border-radius:8px;background:#fff;border:1px solid color-mix(in srgb,var(--color-primary) 25%,#e2e8f0);font-size:.75rem;font-weight:800;color:var(--color-primary-hover)}.sunio-home-pain-why-list strong{font-weight:700;color:var(--color-text)}.sunio-home-pain-cta{margin:1.2rem 0 0;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--color-primary) 14%,transparent);text-align:center}@media (min-width:900px){.sunio-home-pain-cta{text-align:left}}.sunio-why{position:relative;padding:clamp(2.75rem,6vw,4.25rem) 0 clamp(3rem,6vw,4.5rem);overflow:hidden;border-top:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 7%,#fff)}.sunio-why-bg{pointer-events:none;position:absolute;inset:-20% -10% auto;height:70%;background:color-mix(in srgb,var(--color-primary) 10%,transparent);opacity:.55}.sunio-why-inner{position:relative;z-index:1}.sunio-why-intro{max-width:38rem;margin:0 auto 2.25rem;text-align:center}.sunio-why-heading{font-family:var(--font-display);font-size:clamp(1.4rem,3.2vw,1.9rem);font-weight:700;line-height:1.28;letter-spacing:.01em;color:var(--color-text);margin:0 0 .75rem}.sunio-why-heading-accent{color:var(--color-primary-hover)}.sunio-why-lead{margin:0;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.6;color:var(--cta-secondary-text)}.sunio-why-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;grid-gap:1.35rem;gap:1.35rem}@media (min-width:768px){.sunio-why-grid{grid-template-columns:repeat(3,1fr);gap:1.35rem 1.25rem;align-items:stretch}}.sunio-why-card{position:relative;display:flex;flex-direction:column;padding:1.45rem 1.4rem 1.5rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));background:var(--color-surface);box-shadow:0 1px 0 color-mix(in srgb,#fff 70%,transparent),0 14px 36px color-mix(in srgb,var(--color-primary) 7%,transparent);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.sunio-why-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:color-mix(in srgb,var(--color-primary) 28%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}.sunio-why-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border));box-shadow:0 1px 0 color-mix(in srgb,#fff 60%,transparent),0 20px 44px color-mix(in srgb,var(--color-primary) 12%,transparent)}.sunio-why-card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:1rem;border-radius:14px;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,var(--color-surface));box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent)}.sunio-why-card-icon-svg{width:1.55rem;height:1.55rem}.sunio-why-card--2 .sunio-why-card-icon{color:color-mix(in srgb,var(--color-primary) 88%,#0f172a)}.sunio-why-card--3 .sunio-why-card-icon{color:var(--color-primary-hover)}.sunio-why-title{font-size:1.06rem;font-weight:700;color:var(--color-text);margin:0 0 .55rem;line-height:1.35;letter-spacing:.008em}.sunio-why-body{margin:0;font-size:.9rem;line-height:1.7;letter-spacing:.012em;color:var(--cta-secondary-text);flex:1 1}.sunio-home-featured-nb{padding:clamp(1.75rem,4vw,2.75rem) 0 clamp(.5rem,2vw,1rem);background:linear-gradient(180deg,color-mix(in srgb,#94a3b8 4.5%,var(--color-surface)) 0,color-mix(in srgb,#94a3b8 2%,var(--color-surface)) 48%,var(--color-surface) 100%);border-top:1px solid var(--color-border,#e2e8f0);border-bottom:1px solid var(--color-border,#e2e8f0)}.sunio-home-featured-nb-head{text-align:center;margin-bottom:clamp(1.25rem,3vw,1.75rem);max-width:40rem;margin-left:auto;margin-right:auto}.sunio-home-featured-nb-heading{margin:0 0 .5rem;font-size:clamp(1.35rem,3vw,1.6rem);font-weight:700;color:var(--color-text,#0f172a);letter-spacing:-.02em}.sunio-home-featured-nb-lead{margin:0;font-size:.95rem;line-height:1.55;color:var(--color-text-muted,#64748b)}.sunio-home-featured-nb-grid{list-style:none;padding:0;margin:0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.sunio-home-featured-nb-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sunio-home-featured-nb-grid{grid-template-columns:repeat(3,1fr)}}.sunio-home-featured-nb-card{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius,12px);padding:1.15rem 1.25rem;background:var(--color-surface,#fff);display:flex;flex-direction:column;min-height:100%;box-shadow:0 1px 2px rgba(15,23,42,.04)}.sunio-home-featured-nb-card-body-link{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;color:inherit;text-decoration:none}.sunio-home-featured-nb-card-body-link:hover{color:inherit;text-decoration:none}.sunio-home-featured-nb-card-body-link:focus-visible{outline:2px solid var(--color-primary,#e11d48);outline-offset:3px;border-radius:10px}.sunio-home-featured-nb-card-thumb-wrap{position:relative;margin:-1.15rem -1.25rem .85rem;border-radius:var(--radius,12px) var(--radius,12px) 0 0;overflow:hidden;aspect-ratio:16/9;background:var(--color-bg-muted,#f1f5f9)}.sunio-home-featured-nb-card-thumb{width:100%;height:100%;object-fit:cover;display:block}.sunio-home-featured-nb-card-cat-badge{position:absolute;top:.5rem;right:.5rem;z-index:2;max-width:calc(100% - 1rem);padding:.28rem .55rem;font-size:.72rem;font-weight:700;line-height:1.2;letter-spacing:.02em;text-transform:none;color:#fff;background:color-mix(in srgb,var(--color-primary,#e11d48) 92%,#1e293b);border-radius:6px;box-shadow:0 1px 3px rgba(15,23,42,.35);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sunio-home-featured-nb-card-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--color-text,#0f172a)}.sunio-home-featured-nb-card-author{margin:0 0 .4rem;font-size:.82rem;color:var(--color-text-muted,#64748b)}.sunio-home-featured-nb-card-desc{margin:0 0 .65rem;font-size:.88rem;line-height:1.5;color:var(--color-text,#334155);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sunio-home-featured-nb-card-stats-preface{margin:.35rem 0 .45rem;padding:.45rem .6rem;font-size:.82rem;font-weight:700;line-height:1.45;color:var(--color-primary-hover,#be123c);background:color-mix(in srgb,var(--color-primary) 10%,#fff);border-radius:8px;border-left:3px solid var(--color-primary,#e11d48)}.sunio-nb-card-stats{list-style:none;margin:0 0 .75rem;padding:.55rem .65rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.45rem .65rem;gap:.45rem .65rem;background:color-mix(in srgb,var(--color-bg-muted,#f1f5f9) 88%,var(--color-surface,#fff));border:1px solid var(--color-border,#e2e8f0);border-radius:10px}.sunio-nb-card-stats-item{display:flex;align-items:flex-start;gap:.45rem;min-width:0}.sunio-nb-card-stats-ico{width:1.15rem;height:1.15rem;flex-shrink:0;margin-top:.12rem;color:var(--color-primary,#6366f1);opacity:.92}.sunio-nb-card-stats-text{display:flex;flex-direction:column;gap:.06rem;min-width:0}.sunio-nb-card-stats-value{font-size:.78rem;font-weight:700;line-height:1.25;color:var(--color-text,#0f172a);letter-spacing:.01em}.sunio-nb-card-stats-caption{font-size:.65rem;font-weight:500;line-height:1.3;color:var(--color-text-muted,#64748b)}.sunio-home-featured-nb-card-price{margin:0 0 .45rem;font-weight:600;font-size:.95rem;color:var(--color-primary,#6366f1)}.sunio-home-featured-nb-card-benefit{display:inline-block;align-self:flex-start;max-width:100%;margin:0 0 .85rem;padding:.42rem .8rem;font-size:.76rem;font-weight:600;line-height:1.4;letter-spacing:.02em;color:#5b21b6;background:linear-gradient(125deg,#f3e8ff,#e0e7ff 42%,#fce7f3);border-radius:999px;border:1px solid rgba(124,58,237,.2);box-shadow:0 2px 10px rgba(91,33,182,.08)}.sunio-nb-taglines{list-style:none;margin:0 0 .65rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem .5rem}.sunio-nb-tagline{display:inline-flex;align-items:center;padding:.35rem .7rem;font-size:.74rem;font-weight:700;line-height:1.35;letter-spacing:.015em;color:#0f766e;background:linear-gradient(140deg,#ecfdf5,#d1fae5 45%,#e0f2fe);border-radius:9px;border:1px solid rgba(13,148,136,.3);box-shadow:0 2px 8px rgba(13,148,136,.1);max-width:100%;word-break:break-word}.sunio-nb-taglines--combo .sunio-nb-tagline{color:#9d174d;background:linear-gradient(140deg,#fdf2f8,#fce7f3 48%,#fff7ed);border-color:rgba(219,39,119,.28);box-shadow:0 2px 8px rgba(219,39,119,.08)}.sunio-home-featured-nb-card-actions{margin-top:auto;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.4rem;width:100%;align-self:stretch}.sunio-home-featured-nb-card-actions .sunio-btn{min-width:0;box-sizing:border-box;padding:.5rem .65rem;font-size:.82rem;font-weight:600;border-radius:10px;line-height:1.25;white-space:nowrap}.sunio-home-featured-nb-card-actions .sunio-btn-primary{flex:1.85 1}.sunio-home-featured-nb-card-actions .sunio-btn-buy-nb{flex:1 1}.sunio-btn-buy-nb{background:linear-gradient(135deg,#5b21b6,#7c3aed 55%,#6366f1);color:#fff;border:none;box-shadow:0 3px 12px rgba(91,33,182,.22)}.sunio-btn-buy-nb:hover{color:#fff;box-shadow:0 4px 16px rgba(91,33,182,.32)}.sunio-btn-buy-nb:active{transform:translateY(0)}.sunio-home-featured-nb-foot{margin:1.35rem 0 0;text-align:center}.sunio-home-featured-nb-all{font-size:.92rem;font-weight:600;color:var(--color-primary,#6366f1);text-decoration:none}.sunio-home-featured-nb-all:hover{text-decoration:underline}.sunio-home-featured-combos{border-top:1px solid var(--color-border,#e2e8f0);padding-top:clamp(1.5rem,3vw,2.25rem)}.sunio-nb-catalog-page .sunio-nb-catalog-section-title{font-size:1.25rem;margin:0 0 1rem;font-weight:700;color:var(--color-text,#0f172a)}.sunio-nb-catalog-notebooks{margin-top:2rem}.sunio-nb-catalog-toolbar{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;align-items:flex-end;margin-bottom:1.25rem}.sunio-nb-catalog-toolbar label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;color:var(--color-text-muted,#64748b)}.sunio-nb-catalog-toolbar input[type=search],.sunio-nb-catalog-toolbar select{min-width:min(100%,260px);padding:.45rem .6rem;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius,10px);background:var(--color-surface,#fff);color:var(--color-text,#0f172a);font-size:.95rem}.sunio-nb-catalog-pagination{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin-top:1.5rem;font-size:.92rem;color:var(--color-text-muted,#64748b)}.sunio-nb-catalog-combo-grid{list-style:none;padding:0;margin:0;display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.sunio-nb-catalog-combo-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.sunio-nb-catalog-combo-grid{grid-template-columns:repeat(3,1fr)}}.sunio-nb-catalog-combo-card{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius,12px);padding:1.15rem 1.25rem;background:var(--color-surface,#fff);display:flex;flex-direction:column;min-height:100%;box-shadow:0 1px 2px rgba(15,23,42,.04)}.sunio-nb-catalog-combo-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:700;line-height:1.3;color:var(--color-text,#0f172a)}.sunio-nb-catalog-combo-desc{margin:0 0 .65rem;font-size:.88rem;line-height:1.5;color:var(--color-text,#334155);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sunio-nb-catalog-combo-includes{font-size:.85rem;color:var(--color-text-muted,#64748b);margin:0 0 .65rem;line-height:1.45}.sunio-nb-catalog-combo-price{margin:0 0 .85rem;font-weight:600;font-size:.95rem;color:var(--color-primary,#6366f1)}.sunio-practice-set-cover{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius,10px);display:block;background:var(--color-bg-muted,#f1f5f9)}.sunio-practice-set-detail-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.sunio-practice-set-detail-row{display:flex;gap:.75rem;align-items:stretch;padding:.75rem 1rem;border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius,12px);background:var(--color-surface,#fff)}.sunio-practice-set-detail-idx{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;background:var(--color-bg-muted,#f1f5f9);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;color:var(--color-text-muted,#64748b)}.sunio-practice-set-detail-body{display:flex;gap:1rem;align-items:center;flex:1 1;min-width:0}.sunio-practice-set-detail-thumb-wrap{flex-shrink:0}.sunio-practice-set-detail-thumb{width:88px;height:56px;object-fit:cover;border-radius:8px;display:block;background:var(--color-bg-muted,#f1f5f9)}.sunio-home-offers{padding:clamp(2.25rem,5vw,3.5rem) 0;border-top:1px solid #cbd5e1;background:#fff}.sunio-home-offers-inner{max-width:72rem;margin:0 auto}.sunio-home-offers-head{text-align:center;margin-bottom:clamp(1.5rem,3vw,2.25rem);max-width:40rem;margin-left:auto;margin-right:auto}.sunio-home-offers-heading{margin:0 0 .55rem;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--color-text)}.sunio-home-offers-lead{margin:0;font-size:.95rem;line-height:1.65;color:var(--cta-secondary-text)}.sunio-home-offers-grid{display:grid;grid-template-columns:1fr;grid-gap:1.35rem;gap:1.35rem;align-items:stretch}@media (min-width:900px){.sunio-home-offers-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.sunio-home-offer-card{position:relative;display:flex;flex-direction:column;margin:0;padding:0 0 1.35rem;border-radius:20px;background:var(--color-surface);border:1px solid #e2e8f0;box-shadow:0 4px 6px rgba(15,23,42,.04),0 18px 40px rgba(15,23,42,.07);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.sunio-home-offer-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px rgba(15,23,42,.06),0 28px 56px rgba(15,23,42,.1)}.sunio-home-offer-card-accent{position:absolute;left:0;right:0;top:0;height:4px;border-radius:20px 20px 0 0}.sunio-home-offer-card--service .sunio-home-offer-card-accent{background:var(--color-primary)}.sunio-home-offer-card--author .sunio-home-offer-card-accent{background:#d97706}.sunio-home-offer-card--shop .sunio-home-offer-card-accent{background:#0d9488}.sunio-home-offer-card--memory .sunio-home-offer-card-accent{background:#4f46e5}.sunio-home-offer-card-top{display:flex;gap:.9rem;align-items:flex-start;padding:1.25rem 1.25rem 0}.sunio-home-offer-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:14px;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}.sunio-home-offer-card--author .sunio-home-offer-card-icon{color:#b45309;background:color-mix(in srgb,#f59e0b 14%,var(--color-surface));border-color:color-mix(in srgb,#d97706 28%,var(--color-border))}.sunio-home-offer-card--shop .sunio-home-offer-card-icon{color:#0f766e;background:color-mix(in srgb,#14b8a6 12%,var(--color-surface));border-color:color-mix(in srgb,#0d9488 25%,var(--color-border))}.sunio-home-offer-card--memory .sunio-home-offer-card-icon{color:#4338ca;background:color-mix(in srgb,#6366f1 14%,var(--color-surface));border-color:color-mix(in srgb,#4f46e5 28%,var(--color-border))}.sunio-home-offer-card-icon-svg{width:1.65rem;height:1.65rem}.sunio-home-offer-card-headtext{min-width:0}.sunio-home-offer-card-eyebrow{margin:0 0 .35rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}.sunio-home-offer-card--author .sunio-home-offer-card-eyebrow{color:#b45309}.sunio-home-offer-card--shop .sunio-home-offer-card-eyebrow{color:#0f766e}.sunio-home-offer-card--memory .sunio-home-offer-card-eyebrow{color:#4338ca}.sunio-home-offer-card-title{margin:0;font-family:var(--font-display);font-size:clamp(1.05rem,2.1vw,1.2rem);font-weight:800;line-height:1.32;letter-spacing:-.018em;color:var(--color-text)}.sunio-home-offer-card-desc{margin:0;padding:.85rem 1.25rem 0;font-size:.9rem;line-height:1.65;color:var(--cta-secondary-text);flex:1 1}.sunio-home-offer-card-features{margin:1rem 0 0;padding:0 1.25rem;list-style:none;display:flex;flex-direction:column;gap:.5rem}.sunio-home-offer-card-features li{position:relative;padding-left:1.35rem;font-size:.88rem;line-height:1.5;color:var(--color-text)}.sunio-home-offer-card-features li:before{content:"";position:absolute;left:0;top:.45em;width:.45rem;height:.45rem;border-radius:50%;background:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 22%,transparent)}.sunio-home-offer-card--author .sunio-home-offer-card-features li:before{background:#d97706;box-shadow:0 0 0 2px color-mix(in srgb,#f59e0b 35%,transparent)}.sunio-home-offer-card--shop .sunio-home-offer-card-features li:before{background:#0d9488;box-shadow:0 0 0 2px color-mix(in srgb,#14b8a6 35%,transparent)}.sunio-home-offer-card--memory .sunio-home-offer-card-features li:before{background:#4f46e5;box-shadow:0 0 0 2px color-mix(in srgb,#6366f1 35%,transparent)}.sunio-home-offer-card-foot{margin-top:auto;padding:1.15rem 1.25rem 0}.sunio-home-offer-card-foot--split{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem}.sunio-home-offer-card-cta{text-decoration:none;width:100%;justify-content:center}.sunio-home-offer-card-foot:not(.sunio-home-offer-card-foot--split) .sunio-home-offer-card-cta{display:flex}.sunio-home-offer-card-foot--split .sunio-home-offer-card-cta{width:auto;flex:1 1 auto;min-width:min(100%,11rem)}.sunio-home-offer-card-link{font-size:.9rem;font-weight:700;color:var(--color-primary);text-decoration:none;white-space:nowrap}.sunio-home-offer-card-link:focus-visible,.sunio-home-offer-card-link:hover{text-decoration:underline}.sunio-affiliate-page.sunio-home{min-height:100%}.sunio-affiliate-hero{position:relative;overflow:hidden;padding:clamp(2rem,5vw,3.25rem) 0 clamp(1.5rem,3vw,2.25rem)}.sunio-affiliate-hero-inner{position:relative;z-index:1}.sunio-affiliate-hero-nav{margin-bottom:1.15rem}.sunio-affiliate-hero-title{font-family:var(--font-display);font-size:clamp(1.65rem,4vw,2.35rem);font-weight:700;line-height:1.28;letter-spacing:.015em;color:var(--color-text);margin:0 0 1rem;max-width:42rem}.sunio-affiliate-hero-title .sunio-hero-title-accent{display:inline;margin-top:0}.sunio-affiliate-hero-lead{margin:0;max-width:min(40rem,100%);font-size:clamp(.95rem,2vw,1.08rem);line-height:1.75;letter-spacing:.012em;color:var(--color-text-muted)}.sunio-affiliate-hero-lead strong{color:var(--cta-secondary-text);font-weight:600}.sunio-affiliate-content{background:#fff;border-top:1px solid #e2e8f0;padding:clamp(1.75rem,4vw,2.75rem) 0 clamp(2rem,5vw,3.5rem)}.sunio-affiliate-code-panel{margin:0 0 clamp(1.5rem,3vw,2rem);padding:clamp(1.2rem,3vw,1.5rem) clamp(1.2rem,3vw,1.45rem);border-radius:18px;background:var(--color-surface);box-shadow:0 10px 36px rgba(15,23,42,.06);border:1px solid var(--color-border);border-left:4px solid var(--color-primary)}.sunio-affiliate-code-label{margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary-hover)}.sunio-affiliate-code-value{margin:0 0 .65rem;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:800;letter-spacing:.08em;font-family:var(--font-sans);color:var(--color-text)}.sunio-affiliate-code-ref{margin:0 0 .85rem;font-size:.9rem;line-height:1.55;color:var(--color-text-muted)}.sunio-affiliate-code-ref strong{color:var(--color-text)}.sunio-affiliate-code-url{margin:0 0 1rem;padding:.65rem .85rem;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;font-size:.82rem;line-height:1.5;word-break:break-all;color:#475569;font-family:ui-monospace,monospace}.sunio-affiliate-code-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.sunio-affiliate-stats-heading{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(1.05rem,2.2vw,1.2rem);font-weight:700;letter-spacing:.01em;color:var(--color-text)}.sunio-affiliate-stats-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:520px){.sunio-affiliate-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.sunio-affiliate-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.15rem}}.sunio-affiliate-stat-card{margin:0;padding:1.15rem 1.2rem;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc;transition:border-color .2s,box-shadow .2s}.sunio-affiliate-stat-card:hover{border-color:var(--color-tint-border);box-shadow:0 12px 28px color-mix(in srgb,var(--color-primary) 8%,transparent)}.sunio-affiliate-stat-label{margin:0 0 .35rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#64748b}.sunio-affiliate-stat-value{margin:0;font-size:1.15rem;font-weight:800;color:var(--color-text);letter-spacing:.02em}.sunio-affiliate-history{padding:clamp(2rem,4.5vw,3rem) 0 clamp(2.5rem,5vw,4rem);background:#fff;border-top:1px solid #e2e8f0}.sunio-affiliate-section-title{margin:0 0 1.25rem;font-family:var(--font-display);text-align:center;font-size:clamp(1.2rem,2.6vw,1.55rem);font-weight:700;line-height:1.3;letter-spacing:.012em;color:var(--color-text)}.sunio-affiliate-empty{margin:0;text-align:center;color:var(--color-text-muted);font-size:.95rem;line-height:1.65}.sunio-affiliate-table-card{border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 8px 28px rgba(15,23,42,.05);overflow:hidden}.sunio-affiliate-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.sunio-affiliate-table{width:100%;border-collapse:collapse;font-size:.875rem}.sunio-affiliate-table thead{background:#f8fafc}.sunio-affiliate-table th{padding:.65rem .75rem;text-align:left;font-weight:700;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#64748b;border-bottom:1px solid #e2e8f0}.sunio-affiliate-table td{padding:.7rem .75rem;border-bottom:1px solid #f1f5f9;color:var(--color-text);vertical-align:middle}.sunio-affiliate-table tbody tr:last-child td{border-bottom:none}.sunio-affiliate-table tbody tr:hover td{background:color-mix(in srgb,var(--color-primary) 4%,transparent)}.sunio-affiliate-table-ref{font-weight:700;color:var(--color-primary-hover)}.sunio-affiliate-status{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.sunio-affiliate-status--pending{background:#fef3c7;color:#b45309}.sunio-affiliate-status--approved{background:#dbeafe;color:#1d4ed8}.sunio-affiliate-status--processing{background:#e0e7ff;color:#4338ca}.sunio-affiliate-status--paid{background:#d1fae5;color:#047857}.sunio-affiliate-status--void{background:#f1f5f9;color:#64748b}.sunio-affiliate-pager{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;justify-content:center}.sunio-affiliate-pager-meta{font-size:.9rem;font-weight:600;color:var(--color-text-muted);padding:0 .35rem}.sunio-affiliate-error,.sunio-affiliate-loading{margin:0;text-align:center;padding:clamp(2rem,5vw,3rem) 1rem;color:var(--color-text-muted)}.sunio-affiliate-error{color:var(--color-danger)}.sunio-site-main{background:var(--color-bg)}.sunio-auth-page,.sunio-site-main{flex:1 1;display:flex;flex-direction:column}.sunio-auth-page{position:relative;padding:clamp(1.15rem,2.5vw,1.75rem) 0 clamp(2.5rem,6vw,4rem);overflow:hidden}.sunio-auth-bg{position:absolute;inset:0;background:var(--color-bg);pointer-events:none}.sunio-auth-inner{position:relative;z-index:1;width:100%}.sunio-auth-grid{display:grid;grid-gap:clamp(1.75rem,4vw,2.5rem);gap:clamp(1.75rem,4vw,2.5rem);align-items:start}@media (min-width:900px){.sunio-auth-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,400px);gap:2.5rem 3rem}.sunio-auth-grid--register{grid-template-columns:minmax(0,1fr) minmax(0,460px)}}.sunio-auth-aside{max-width:34rem}.sunio-auth-heading{font-family:var(--font-display);font-size:clamp(1.85rem,4.5vw,2.65rem);font-weight:700;line-height:1.28;letter-spacing:.015em;color:var(--color-text);margin:0 0 1rem}.sunio-auth-heading-accent{display:block;margin-top:.15em;color:var(--color-primary)}.sunio-auth-lead{font-size:clamp(.98rem,2vw,1.08rem);line-height:1.72;letter-spacing:.012em;color:var(--cta-secondary-text);margin:0 0 1.35rem;max-width:32rem}.sunio-auth-aside-cta{margin-top:.25rem}.sunio-auth-card{background:#fff;border-radius:20px;padding:clamp(1.5rem,4vw,2.35rem);border:1px solid color-mix(in srgb,var(--color-border) 90%,transparent);box-shadow:0 22px 56px rgba(15,23,42,.09),0 0 0 1px color-mix(in srgb,var(--color-primary) 7%,transparent)}.sunio-auth-card-title{font-family:var(--font-display);font-size:clamp(1.25rem,2.8vw,1.5rem);font-weight:700;color:var(--color-text);margin:0 0 .4rem;letter-spacing:.012em;line-height:1.3}.sunio-auth-card-lead{margin:0 0 1.35rem;color:var(--color-text-muted);font-size:.94rem;line-height:1.6}.sunio-auth-field{margin-bottom:1rem}.sunio-auth-label{display:block;margin-bottom:.4rem;font-size:.82rem;font-weight:600;color:#475569;letter-spacing:.02em}.sunio-auth-input{width:100%;box-sizing:border-box;padding:.65rem .9rem;border-radius:11px;border:1px solid #cbd5e1;font-family:inherit;font-size:.95rem;background:#f8fafc;color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.sunio-auth-input:hover{border-color:#94a3b8}.sunio-auth-input:focus{outline:none;border-color:var(--color-primary-mid);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}.sunio-auth-input::placeholder{color:#94a3b8}.sunio-auth-error{margin:0 0 1rem;padding:.65rem .85rem;font-size:.88rem;line-height:1.45;color:#b91c1c;background:#fef2f2;border-radius:10px;border:1px solid #fecaca}.sunio-auth-submit{width:100%;justify-content:center;margin-top:.25rem;cursor:pointer;border:none;font-family:inherit}.sunio-auth-submit:disabled{cursor:not-allowed;opacity:.72;transform:none}.sunio-auth-switch{margin-top:1.35rem;font-size:.92rem;color:var(--color-text-muted);line-height:1.55}.sunio-auth-page .sunio-auth-inline-link{font-weight:700;color:var(--color-primary);text-decoration:none}.sunio-auth-page .sunio-auth-inline-link:hover{text-decoration:underline}.sunio-auth-back{margin-top:1.75rem;text-align:center;font-size:.9rem}.sunio-auth-page .sunio-auth-back-link{color:var(--color-text-muted);font-weight:600;text-decoration:none}.sunio-auth-page .sunio-auth-back-link:hover{color:var(--color-primary);text-decoration:underline}.sunio-auth-loading{position:relative;z-index:1;margin:clamp(3rem,12vw,6rem) auto;text-align:center;color:var(--color-text-muted);font-size:.95rem}.sunio-page{padding:clamp(1.25rem,4vw,2.25rem) 0 clamp(2rem,5vw,3rem);flex:1 1}.sunio-page-title{font-family:var(--font-display);font-size:clamp(1.45rem,3.5vw,1.85rem);font-weight:700;color:var(--color-text);margin:0 0 .65rem;line-height:1.32;letter-spacing:.012em}.sunio-page-lead{margin:0 0 1.25rem;max-width:42rem;color:var(--color-text-muted);font-size:1rem;line-height:1.72;letter-spacing:.01em}.sunio-account-page .sunio-account-lead{max-width:min(48rem,100%)}.sunio-account-muted{margin:0 0 1rem;font-size:.92rem;line-height:1.6;color:var(--color-text-muted)}.sunio-account-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.sunio-account-tab{font-family:var(--font-sans);font-size:.82rem;font-weight:600;padding:.45rem .75rem;border-radius:999px;border:1px solid transparent;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.sunio-account-tab:hover{color:var(--color-text);border-color:var(--color-border)}.sunio-account-tab--active{color:var(--color-primary);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-primary) 28%,transparent)}.sunio-account-panel{margin-bottom:1.5rem}.sunio-account-section-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--color-text);letter-spacing:.01em}.sunio-account-section-title--spaced{margin-top:2rem}.sunio-account-cards{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}@media (min-width:720px){.sunio-account-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.sunio-account-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.sunio-account-card{padding:1.1rem 1.2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 2px 14px rgba(15,23,42,.05)}.sunio-account-card-title{margin:0 0 .35rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.sunio-account-card-value{margin:0 0 .35rem;font-family:var(--font-display);font-size:1.65rem;font-weight:700;color:var(--color-text);line-height:1.2}.sunio-account-card-meta{margin:0 0 .85rem;font-size:.88rem;line-height:1.55;color:var(--color-text-muted)}.sunio-account-card-cta{width:100%;justify-content:center;text-align:center;text-decoration:none;font-size:.85rem;padding:.45rem .85rem}.sunio-account-hint{margin:1.25rem 0 0;font-size:.9rem;line-height:1.6;color:var(--color-text-muted)}.sunio-account-inline-link{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--color-primary);cursor:pointer;text-decoration:underline}.sunio-account-inline-link:hover{color:var(--color-primary-hover)}.sunio-account-two-col{display:grid;grid-gap:1.25rem;gap:1.25rem;align-items:start}@media (min-width:900px){.sunio-account-two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.sunio-account-form-card{margin:0}.sunio-account-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.sunio-account-table{width:100%;border-collapse:collapse;font-size:.88rem}.sunio-account-table td,.sunio-account-table th{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.sunio-account-table th{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-bg) 70%,var(--color-surface))}.sunio-account-table tbody tr:last-child td{border-bottom:none}.sunio-account-table-link{font-weight:600;color:var(--color-primary);text-decoration:none;white-space:nowrap}.sunio-account-table-link:hover{text-decoration:underline}.sunio-account-code{font-size:.82rem;word-break:break-all}.sunio-account-pager{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1rem;font-size:.88rem;color:var(--color-text-muted)}.sunio-account-back{margin-top:1.5rem}.sunio-contact-shell{position:relative;flex:1 1;overflow:hidden;padding:clamp(1.75rem,4.5vw,2.75rem) 0 clamp(2rem,5vw,3rem)}.sunio-contact-shell-bg{position:absolute;inset:0;background:var(--color-bg);pointer-events:none}.sunio-contact-shell-inner{position:relative;z-index:1;width:100%}.sunio-contact-shell .sunio-contact-intro{max-width:min(52rem,100%)}.sunio-contact-layout{display:flex;flex-direction:column;gap:clamp(1.75rem,4vw,2.5rem);margin-top:.35rem}.sunio-contact-aside{order:-1}@media (min-width:900px){.sunio-contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-gap:2.5rem 3rem;gap:2.5rem 3rem;align-items:start}.sunio-contact-aside{order:unset}}.sunio-contact-foot{margin-top:clamp(1.75rem,4vw,2.5rem)}.sunio-contact-form-section{margin:0}@media (min-width:900px){.sunio-contact-form-card{position:-webkit-sticky;position:sticky;top:1rem}}.sunio-contact-textarea{resize:vertical;min-height:7.5rem;line-height:1.55}.sunio-contact-optional{font-weight:500;color:var(--color-text-muted);text-transform:none;letter-spacing:0;font-size:.88em}.sunio-contact-form-ok{margin:0 0 1rem;padding:.65rem .85rem;font-size:.9rem;line-height:1.5;color:#166534;background:#f0fdf4;border-radius:10px;border:1px solid #bbf7d0}.sunio-contact-list{list-style:none;padding:0;margin:.25rem 0 0;display:flex;flex-direction:column;gap:.75rem}.sunio-contact-list li{display:flex;flex-direction:column;gap:.2rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.sunio-contact-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sunio-contact-link{color:var(--color-primary);font-weight:600;text-decoration:none;word-break:break-word}.sunio-contact-link:hover{color:var(--color-primary-hover);text-decoration:underline}.sunio-contact-value{color:var(--color-text);line-height:1.55;white-space:pre-wrap}.sunio-contact-zalo{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.sunio-back-link{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;font-size:.9rem;color:var(--color-primary);text-decoration:none;margin-bottom:1rem}.sunio-back-link:hover{color:var(--color-primary-hover);text-decoration:underline}.sunio-section-title{font-size:1.05rem;font-weight:600;margin:0 0 .75rem;color:#475569;letter-spacing:.01em;line-height:1.4}.sunio-link-card{display:block;padding:1rem 1.25rem;background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:0 2px 12px rgba(15,23,42,.05);font-weight:600;transition:border-color .15s,box-shadow .15s,transform .15s}.sunio-link-card,.sunio-link-card:hover{color:var(--color-text);text-decoration:none}.sunio-link-card:hover{border-color:var(--color-tint-border);box-shadow:0 8px 24px color-mix(in srgb,var(--color-primary) 10%,transparent);transform:translateY(-2px)}.sunio-pill-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.sunio-pill-tab{padding:.45rem .9rem;border-radius:var(--radius);border:1px solid var(--color-border);font-size:.9rem;font-weight:500;background:transparent;transition:background .15s,border-color .15s,color .15s}.sunio-pill-tab,.sunio-pill-tab:hover{text-decoration:none;color:var(--color-text)}.sunio-pill-tab:hover{background:#f1f5f9}.sunio-pill-tab--active{border:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);font-weight:600}.sunio-input{flex:1 1;padding:.65rem 1rem;border-radius:var(--radius);border:1px solid var(--color-border);font-size:1rem;font-family:inherit;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}.sunio-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.2rem;border-radius:12px;font-family:var(--font-sans);font-size:.95rem;font-weight:700;text-decoration:none;border:2px solid var(--color-primary);background:#fff;color:var(--color-primary-hover);cursor:pointer;transition:background .15s,transform .15s;box-shadow:none}.sunio-btn-outline:hover:not(:disabled){background:#ecfdf5;transform:translateY(-1px)}.sunio-btn-outline:disabled{opacity:.55;cursor:wait}.container.sunio-kho-detail-page{max-width:1518px}.sunio-kho-detail-page{padding:1.5rem 1.25rem 3rem}.sunio-kho-detail-nav{margin-bottom:1rem}.sunio-kho-detail-article{margin:0}.sunio-kho-detail-page-head{margin-bottom:clamp(1rem,2vw,1.5rem)}.sunio-kho-detail-kicker{margin:0 0 .55rem;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;font-family:var(--font-display);font-size:clamp(.92rem,2.1vw,1.08rem);line-height:1.35;letter-spacing:.02em}.sunio-kho-detail-kicker--modal{margin-bottom:.15rem;font-size:clamp(.82rem,2vw,.95rem);gap:.3rem .45rem}.sunio-kho-detail-kicker-glow{font-weight:800;letter-spacing:.03em;color:var(--color-primary)}.sunio-kho-detail-kicker-mid{font-weight:500;color:#64748b;letter-spacing:.04em}.sunio-kho-detail-kicker-time{display:inline-flex;align-items:center;padding:.22em .65em;border-radius:999px;font-weight:800;font-size:.94em;letter-spacing:.04em;color:#fff;background:var(--color-primary-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 28%,transparent)}.sunio-kho-detail-kicker--modal .sunio-kho-detail-kicker-time{padding:.18em .55em;font-size:.95em}.sunio-kho-library-bar{margin-top:.85rem;padding-top:.85rem;border-top:1px solid #e2e8f0}.sunio-kho-library-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem}.sunio-kho-library-fav{padding:.45rem .9rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-weight:700;font-size:.88rem;cursor:pointer;color:#475569;font-family:inherit}.sunio-kho-library-fav--on{border-color:#f43f5e;color:#be123c;background:#fff1f2}.sunio-kho-library-fav:disabled{opacity:.6;cursor:wait}.sunio-kho-library-colpick{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.sunio-kho-library-select{min-width:180px;padding:.45rem .6rem;border-radius:10px;border:1px solid #cbd5e1;font-size:.88rem;font-family:inherit;background:#fff}.sunio-kho-library-add-btn{padding:.4rem .75rem;font-size:.85rem}.sunio-kho-library-link{font-weight:600;font-size:.9rem;color:var(--color-primary);text-decoration:none}.sunio-kho-library-link:hover{text-decoration:underline}.sunio-kho-library-guest{margin:0;font-size:.9rem;color:#64748b}.sunio-kho-library-msg{margin:.6rem 0 0;font-size:.85rem;color:var(--color-primary);font-weight:600}.sunio-thu-vien-wrap{max-width:1104px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.sunio-thu-vien-h1{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;line-height:1.32;letter-spacing:.012em;color:var(--color-text)}.sunio-thu-vien-lead{margin:0 0 .75rem;color:var(--color-text-muted);font-size:.95rem;line-height:1.68;letter-spacing:.01em}.sunio-thu-vien-meta{margin:0 0 1rem;font-size:.9rem;color:#334155}.sunio-thu-vien-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.sunio-thu-vien-tab{padding:.5rem 1rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;font-weight:600;font-size:.9rem;cursor:pointer;font-family:inherit;color:#475569}.sunio-thu-vien-tab--active{border-color:var(--color-primary-mid);background:#ecfdf5;color:var(--color-primary-hover)}.sunio-thu-vien-empty{color:#64748b;font-size:.95rem}.sunio-thu-vien-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));grid-gap:1rem;gap:1rem}.sunio-thu-vien-card{display:block;text-decoration:none;color:inherit;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;background:#fff;box-shadow:0 2px 10px rgba(15,23,42,.05);transition:transform .15s ease,box-shadow .15s ease}.sunio-thu-vien-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,23,42,.08);text-decoration:none}.sunio-thu-vien-card-media{display:block;overflow:hidden;border-radius:14px 14px 0 0}a.sunio-thu-vien-thumb-link{display:block;text-decoration:none;color:inherit}a.sunio-thu-vien-thumb-link:hover{text-decoration:none}.sunio-thu-vien-thumb{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#f1f5f9}.sunio-thu-vien-thumb-placeholder{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8;font-size:.8rem}a.sunio-thu-vien-card-title{display:block;padding:.5rem .65rem;font-size:.82rem;font-weight:600;color:#0f172a;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.sunio-thu-vien-pager{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem}.sunio-thu-vien-pager button{padding:.4rem .9rem;border-radius:8px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-family:inherit}.sunio-thu-vien-pager button:disabled{opacity:.45;cursor:not-allowed}.sunio-thu-vien-new-col{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;align-items:center}.sunio-thu-vien-input{flex:1 1 200px;padding:.5rem .75rem;border-radius:10px;border:1px solid #cbd5e1;font-size:.9rem;font-family:inherit}.sunio-thu-vien-col-list{list-style:none;padding:0;margin:0}.sunio-thu-vien-col-list li{margin-bottom:.5rem}.sunio-thu-vien-col-link{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:12px;border:1px solid #e2e8f0;background:#fff;text-decoration:none;color:#0f172a;font-size:.95rem}.sunio-thu-vien-col-link:hover{border-color:var(--color-tint-border);text-decoration:none}.sunio-thu-vien-col-meta{font-size:.85rem;color:#64748b;font-weight:600}.sunio-kho-detail-split{display:grid;grid-template-columns:fit-content(100%) minmax(0,1fr);grid-gap:clamp(.75rem,2vw,1.5rem);gap:clamp(.75rem,2vw,1.5rem);align-items:start;margin-bottom:clamp(1.5rem,3vw,2.25rem)}@media (max-width:960px){.sunio-kho-detail-split{grid-template-columns:1fr}}.sunio-kho-detail-split-left{min-width:0;min-height:0;width:-moz-fit-content;width:fit-content;max-width:100%;display:flex;flex-direction:column}@media (max-width:960px){.sunio-kho-detail-split-left{width:100%}}.sunio-kho-detail-split-right{min-width:0;position:relative}.sunio-nb-doc-quiz-launch{margin-bottom:.65rem}.sunio-nb-doc-quiz-launch__btn{display:block;width:100%;padding:.52rem 1rem;border-radius:999px;border:1px solid color-mix(in srgb,#4338ca 85%,#0f172a 15%);background:linear-gradient(180deg,#6366f1,#4f46e5 52%,#4338ca);color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;font-family:inherit;box-shadow:0 2px 14px rgba(67,56,202,.38)}.sunio-nb-doc-quiz-launch__btn:hover:not(:disabled){filter:brightness(1.05)}.sunio-nb-doc-quiz-launch__btn:disabled{opacity:.42;cursor:not-allowed}@media (min-width:961px){.sunio-kho-detail-split-right{position:-webkit-sticky;position:sticky;top:1rem}}.sunio-kho-detail-media-panel{box-sizing:border-box;width:-moz-fit-content;width:fit-content;max-width:100%;background:#ecfdf5;border-radius:16px;border:1px solid var(--color-border);box-shadow:0 12px 40px rgba(15,23,42,.08);display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden}@media (max-width:960px){.sunio-kho-detail-media-panel{width:100%}}.sunio-kho-detail-hero-img{width:auto;max-width:100%;height:auto;max-height:min(78vh,85dvh);object-fit:contain;display:block;border-radius:0}.sunio-kho-detail-image-stack{position:relative;display:block;line-height:0;max-width:100%}.sunio-kho-detail-jigsaw-anchor{position:relative;display:inline-block;max-width:100%;line-height:0;vertical-align:top}.sunio-kho-detail-hero-img--jigsaw-hidden{visibility:hidden;pointer-events:none}.sunio-jigsaw-board-portal{position:absolute;inset:0;z-index:4;border-radius:10px;overflow:hidden;pointer-events:auto;box-sizing:border-box}.sunio-jigsaw-board-portal--with-premium-lock{display:grid;grid-template:1fr/1fr;outline:2px dashed color-mix(in srgb,var(--color-primary) 45%,var(--color-border));outline-offset:-4px}.sunio-jigsaw-board-portal--with-premium-lock>.sunio-jigsaw-board-wrap--portal{grid-area:1/1;min-width:0;min-height:0;align-self:stretch}.sunio-jigsaw-premium-on-board{grid-area:1/1;z-index:2;position:relative;display:flex;align-items:center;justify-content:center;padding:.65rem;text-align:center;pointer-events:auto;background:color-mix(in srgb,var(--color-primary) 2.5%,transparent)}.sunio-jigsaw-board-wrap--portal{max-width:none;margin:0;width:100%;box-sizing:border-box}.sunio-kho-detail-media-empty{box-sizing:border-box;min-width:min(100%,280px);padding:3rem 1.5rem;text-align:center;color:#94a3b8;font-size:.95rem;line-height:normal}.sunio-kho-detail-game-panel{background:#fff;border-radius:20px;border:1px solid var(--color-border);box-shadow:0 10px 36px rgba(15,23,42,.07);padding:1rem 1.15rem 1.35rem;display:flex;flex-direction:column;min-height:0}.sunio-kho-detail-game-panel--empty{align-items:center;justify-content:center}.sunio-kho-detail-game-panel--knowledge{max-height:min(72vh,640px);overflow:auto;padding:1.15rem 1.25rem 1.5rem;align-items:stretch}.sunio-premium-media-gate--kho-tab-panel{flex:1 1;min-height:0;width:100%;display:flex;flex-direction:column}.sunio-premium-media-gate--kho-tab-panel .sunio-premium-media-gate-inner{flex:1 1;min-height:12rem;line-height:normal;display:flex;flex-direction:column;min-width:0}.sunio-premium-media-gate--kho-tab-panel .sunio-premium-media-gate-blur-target{flex:1 1;min-height:0;min-width:0}.sunio-gallery-knowledge-panel{min-height:0}.sunio-gallery-knowledge-lead{font-size:.9rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.sunio-gallery-knowledge-empty{padding:1rem;text-align:center;color:#64748b;font-size:.9rem;line-height:1.55}.sunio-gallery-knowledge-prose{font-size:.94rem;line-height:1.72;color:#1e293b}.sunio-gallery-knowledge-prose h2{font-size:1.15rem;margin:1.35rem 0 .65rem;color:#0f172a;font-weight:700;border-bottom:2px solid color-mix(in srgb,var(--color-primary) 38%,transparent);padding-bottom:.35rem}.sunio-gallery-knowledge-prose h2:first-child{margin-top:0}.sunio-gallery-knowledge-prose h3{font-size:1.02rem;margin:1.1rem 0 .5rem;color:#0f172a;font-weight:650}.sunio-gallery-knowledge-prose p{margin:0 0 .85rem}.sunio-gallery-knowledge-prose ol,.sunio-gallery-knowledge-prose ul{margin:0 0 1rem;padding-left:1.35rem}.sunio-gallery-knowledge-prose li{margin-bottom:.4rem}.sunio-gallery-knowledge-prose strong{color:#0f172a;font-weight:650}.sunio-gallery-knowledge-prose blockquote{margin:0 0 1rem;padding:.65rem 1rem;border-left:4px solid var(--color-primary);background:#f8fafc;border-radius:0 8px 8px 0;color:#475569}.sunio-gallery-knowledge-prose code{font-size:.88em;background:#f1f5f9;padding:.12rem .35rem;border-radius:4px}.sunio-gallery-knowledge-prose hr{border:none;border-top:1px solid var(--color-border);margin:1.25rem 0}.sunio-gallery-knowledge-prose table{width:100%;max-width:100%;border-collapse:collapse;margin:0 0 1rem;font-size:.9rem;table-layout:auto}.sunio-gallery-knowledge-prose td,.sunio-gallery-knowledge-prose th{border:1px solid #e2e8f0;padding:.5rem .65rem;text-align:left;vertical-align:top;word-break:break-word}.sunio-gallery-knowledge-prose th{background:#f8fafc;font-weight:650;color:#0f172a}.sunio-gallery-knowledge-prose .katex{font-size:1.02em}.sunio-gallery-knowledge-prose .katex-display{display:block;overflow-x:auto;overflow-y:hidden;margin:.75rem 0;padding:.25rem 0;max-width:100%}.sunio-kho-detail-game-empty-text{margin:0;font-size:.9rem;color:#64748b;text-align:center;line-height:1.5;max-width:280px}.sunio-kho-detail-page.sunio-kho-detail-wrap{max-width:min(1357px,100%)}.sunio-kho-detail-tabs{display:flex;gap:.35rem;margin-bottom:.65rem}.sunio-kho-detail-tab{flex:1 1;padding:.45rem .65rem;border-radius:10px;border:1px solid var(--color-border);background:#f8fafc;font-weight:600;font-size:.88rem;cursor:pointer;color:#0f172a}.sunio-kho-detail-tab--on{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sunio-kho-detail-tab:disabled{opacity:.42;cursor:not-allowed}.sunio-quiz-panel__head{margin-bottom:.85rem}.sunio-quiz-panel__stats{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;font-size:.9rem}.sunio-quiz-panel__clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-primary-hover)}.sunio-quiz-panel__score strong{font-size:1.05rem;color:#0f172a}.sunio-quiz-sound-controls{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.sunio-quiz-sound-controls--compact{gap:.25rem}.sunio-quiz-sound-controls--compact .sunio-quiz-sound-btn{padding:.2rem .38rem}.sunio-quiz-sound-controls--compact .sunio-quiz-sound-btn__label{font-size:.68rem;max-width:4.2rem;line-height:1.15}.sunio-quiz-sound-btn{display:inline-flex;align-items:center;gap:.28rem;padding:.28rem .5rem;font-size:.78rem;font-weight:600;border-radius:8px;border:1px solid var(--color-border,#e2e8f0);background:var(--color-surface,#fff);color:var(--color-text,#0f172a);cursor:pointer}.sunio-quiz-sound-btn__icon{font-size:1rem;line-height:1}.sunio-quiz-sound-btn--off:not(.sunio-quiz-sound-btn--disabled){border-style:dashed;opacity:.88}.sunio-quiz-sound-btn--disabled{opacity:.42;cursor:not-allowed}.sunio-quiz-sound-btn:focus-visible{outline:2px solid var(--color-primary,#0d9488);outline-offset:2px}.sunio-quiz-panel__hint-login{margin:.35rem 0 0;font-size:.78rem;color:#64748b}.sunio-quiz-panel__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.65rem}.sunio-quiz-panel__meta-tail{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-left:auto}.sunio-quiz-panel__hint-btn{margin-left:0;padding:.32rem .75rem;border-radius:999px;border:1px solid var(--color-tint-border);background:var(--color-accent-soft);color:var(--color-primary-hover);font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.sunio-quiz-panel__hint-btn:hover{border-color:var(--color-primary-mid);background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:var(--color-primary-hover)}.sunio-quiz-panel__hint-btn:focus-visible{outline:2px solid var(--color-primary-mid);outline-offset:2px}.sunio-quiz-panel__pill{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:999px;background:#f1f5f9;color:#475569}.sunio-quiz-panel__pill--diff{background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary-hover)}.sunio-quiz-panel__question{margin:0 0 .85rem;font-size:.98rem;font-weight:600;line-height:1.45;color:#0f172a}.sunio-quiz-panel__options{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem}.sunio-quiz-panel__opt{width:100%;display:flex;align-items:flex-start;gap:.55rem;text-align:left;padding:.5rem .65rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sunio-kho-detail-game-panel .sunio-quiz-panel__opt:hover:not(:disabled){border-color:var(--color-tint-border);background:var(--color-tint-bg)}.sunio-quiz-panel__opt--disabled{cursor:default}.sunio-quiz-panel__opt--correct{border-color:#10b981;background:#ecfdf5}.sunio-quiz-panel__opt--wrong{border-color:#f87171;background:#fef2f2}.sunio-quiz-panel__opt-key{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:6px;background:#f1f5f9;display:grid;place-items:center;font-size:.75rem;font-weight:700;color:#475569}.sunio-quiz-panel__opt--correct .sunio-quiz-panel__opt-key{background:#a7f3d0;color:#065f46}.sunio-quiz-panel__opt--wrong .sunio-quiz-panel__opt-key{background:#fecaca;color:#991b1b}.sunio-quiz-panel__opt-text{flex:1 1;min-width:0;font-size:.88rem;line-height:1.4}.sunio-quiz-panel__feedback{margin-top:.75rem;padding:.55rem .65rem;border-radius:10px;font-size:.88rem;font-weight:600}.sunio-quiz-panel__feedback--ok{background:#ecfdf5;color:#047857}.sunio-quiz-panel__feedback--bad{background:#fef2f2;color:#b91c1c}.sunio-quiz-panel__hint{margin:.35rem 0 0;font-weight:500;font-size:.85rem;font-style:italic}.sunio-quiz-math .katex{font-size:1.05em}.sunio-quiz-math-block{margin:.35rem 0;text-align:center}.sunio-quiz-math-block .katex-display{margin:0}.sunio-quiz-panel__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.sunio-quiz-panel__btn{padding:.45rem .9rem;border-radius:10px;border:none;background:var(--color-primary);color:#fff;font-weight:600;font-size:.88rem;cursor:pointer}.sunio-quiz-panel__btn--ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-tint-border)}.sunio-quiz-panel__muted{margin:0;font-size:.9rem;color:#64748b;line-height:1.5}.sunio-quiz-panel__err{margin:0;font-size:.9rem;color:#b91c1c}.sunio-quiz-panel__btn-autorun{padding:.35rem .75rem;font-size:.78rem;font-weight:700;letter-spacing:.03em;color:#fff;background:linear-gradient(135deg,#7c3aed,#db2777 55%,#f59e0b);border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px rgba(124,58,237,.35);transition:transform .15s ease,box-shadow .15s ease}.sunio-quiz-panel__btn-autorun:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(219,39,119,.4)}.sunio-quiz-panel__btn-autorun:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sunio-quiz-panel__btn-autorun:disabled{opacity:.45;cursor:not-allowed;transform:none}.sunio-quiz-autorun-backdrop{position:fixed;inset:0;z-index:5100;display:flex;align-items:center;justify-content:center;padding:.75rem;background:rgba(15,23,42,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sunio-quiz-autorun-modal{width:min(1040px,100%);max-height:min(92vh,880px);display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#1e1b4b,#312e81 40%,#1e293b);box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 0 1px hsla(0,0%,100%,.08)}.sunio-quiz-autorun-header{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:.65rem 1rem;background:rgba(0,0,0,.25);border-bottom:1px solid hsla(0,0%,100%,.1)}.sunio-quiz-autorun-header-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.sunio-quiz-autorun-header-toolbar .sunio-quiz-autorun-header-tail{margin-left:auto}.sunio-quiz-autorun-toc{width:100%;min-width:0}.sunio-quiz-autorun-toc-scroll{display:flex;gap:.45rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.15rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.sunio-quiz-autorun-toc-scroll::-webkit-scrollbar{height:6px}.sunio-quiz-autorun-toc-scroll::-webkit-scrollbar-thumb{background:rgba(167,139,250,.45);border-radius:999px}.sunio-quiz-autorun-toc-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;max-width:min(200px,72vw);padding:.35rem .55rem;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);color:#e2e8f0;font-size:.72rem;font-weight:700;line-height:1.2;font-family:inherit;cursor:pointer;text-align:left}.sunio-quiz-autorun-toc-chip:focus-visible{outline:2px solid rgba(196,181,253,.85);outline-offset:2px}.sunio-quiz-autorun-toc-chip--locked:not(.sunio-quiz-autorun-toc-chip--active){opacity:.72}.sunio-quiz-autorun-toc-chip--active{background:rgba(139,92,246,.35);border-color:rgba(196,181,253,.55);color:#f5f3ff;box-shadow:0 0 0 1px rgba(167,139,250,.35)}.sunio-quiz-autorun-toc-chip-idx{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;border-radius:999px;background:rgba(0,0,0,.25);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.68rem}.sunio-quiz-autorun-toc-chip--active .sunio-quiz-autorun-toc-chip-idx{background:rgba(0,0,0,.35)}.sunio-quiz-autorun-toc-chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sunio-quiz-autorun-title{margin:0;font-size:1rem;font-weight:800;color:#f8fafc;letter-spacing:.02em}.sunio-quiz-autorun-progress{font-size:.8rem;font-weight:700;color:#c4b5fd;padding:.2rem .65rem;border-radius:999px;background:rgba(139,92,246,.25);border:1px solid rgba(167,139,250,.35)}.sunio-quiz-autorun-progress--tick{animation:sunio-quiz-autorun-progress-pop .55s cubic-bezier(.34,1.45,.64,1) both}@keyframes sunio-quiz-autorun-progress-pop{0%{opacity:.6;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.sunio-quiz-autorun-progress--tick{animation:none}}.sunio-quiz-autorun-score{font-size:.78rem;font-weight:800;color:#fde68a;padding:.2rem .55rem;border-radius:10px;background:rgba(234,179,8,.18);border:1px solid rgba(250,204,21,.35);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sunio-quiz-autorun-score strong{font-weight:900}.sunio-quiz-autorun-mode{display:inline-flex;align-items:stretch;border-radius:10px;overflow:hidden;border:1px solid rgba(167,139,250,.35);background:rgba(15,23,42,.45)}.sunio-quiz-autorun-mode-btn{margin:0;padding:.28rem .5rem;border:none;background:transparent;color:#cbd5e1;font-size:.68rem;font-weight:800;font-family:inherit;cursor:pointer;white-space:nowrap;line-height:1.25}.sunio-quiz-autorun-mode-btn:hover{background:hsla(0,0%,100%,.06);color:#f1f5f9}.sunio-quiz-autorun-mode-btn--on{background:rgba(139,92,246,.45);color:#faf5ff}.sunio-quiz-autorun-header-tail{margin-left:auto;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.sunio-quiz-autorun-loop{display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:.25rem .5rem;border-radius:10px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.72rem;font-weight:700;color:#e2e8f0;white-space:nowrap}.sunio-quiz-autorun-loop:hover{background:hsla(0,0%,100%,.1)}.sunio-quiz-autorun-loop-input{width:.95rem;height:.95rem;accent-color:#a78bfa;cursor:pointer;flex-shrink:0}.sunio-quiz-autorun-loop-label{line-height:1.2}.sunio-quiz-autorun-think{display:inline-flex;align-items:center;gap:.35rem;margin:0;padding:.25rem .45rem;border-radius:10px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.12);font-size:.72rem;font-weight:700;color:#e2e8f0;white-space:nowrap;cursor:default}.sunio-quiz-autorun-think-label{line-height:1.2;color:#c4b5fd}.sunio-quiz-autorun-think-input{width:2.65rem;padding:.2rem .25rem;border-radius:8px;border:1px solid rgba(167,139,250,.45);background:rgba(15,23,42,.65);color:#f8fafc;font-size:.78rem;font-weight:800;text-align:center;-moz-appearance:textfield}.sunio-quiz-autorun-think-input::-webkit-inner-spin-button,.sunio-quiz-autorun-think-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sunio-quiz-autorun-think-input:focus{outline:none;border-color:#a78bfa;box-shadow:0 0 0 2px rgba(167,139,250,.25)}.sunio-quiz-autorun-think-unit{line-height:1.2;font-weight:600;color:#94a3b8}.sunio-quiz-autorun-transport{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}.sunio-quiz-autorun-transport-btn{margin:0;padding:.28rem .55rem;border-radius:8px;font-size:.68rem;font-weight:700;color:#e2e8f0;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14);cursor:pointer;white-space:nowrap}.sunio-quiz-autorun-transport-btn:hover:not(:disabled){background:hsla(0,0%,100%,.14);color:#fff}.sunio-quiz-autorun-transport-btn:disabled{opacity:.38;cursor:not-allowed}.sunio-quiz-autorun-transport-btn--primary{border-color:rgba(167,139,250,.5);background:rgba(139,92,246,.28)}.sunio-quiz-autorun-transport-btn--primary:hover:not(:disabled){background:rgba(139,92,246,.42)}.sunio-quiz-autorun-header-tail .sunio-quiz-autorun-close{margin-left:0}.sunio-quiz-autorun-header .sunio-quiz-sound-btn{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.18);color:#e2e8f0}.sunio-quiz-autorun-header .sunio-quiz-sound-btn--off:not(.sunio-quiz-sound-btn--disabled){opacity:.72}.sunio-quiz-autorun-close{margin-left:auto;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;color:#e2e8f0;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;cursor:pointer}.sunio-quiz-autorun-close:hover{background:hsla(0,0%,100%,.14);color:#fff}.sunio-quiz-autorun-body{display:flex;flex:1 1;min-height:0;flex-direction:column}@media (min-width:768px){.sunio-quiz-autorun-body{flex-direction:row}}.sunio-quiz-autorun-visual{flex:0 0 auto;width:100%;max-height:38vh;padding:1rem;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,rgba(99,102,241,.35),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.45));border-bottom:1px solid hsla(0,0%,100%,.08)}@media (min-width:768px){.sunio-quiz-autorun-visual{width:min(42%,400px);max-height:none;border-bottom:none;border-right:1px solid hsla(0,0%,100%,.08)}}.sunio-quiz-autorun-img{max-width:100%;max-height:min(36vh,420px);width:auto;height:auto;object-fit:contain;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 0 2px rgba(250,204,21,.25)}@media (min-width:768px){.sunio-quiz-autorun-img{max-height:calc(92vh - 120px)}}.sunio-quiz-autorun-img-placeholder{width:100%;min-height:160px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:.9rem;border-radius:14px;border:2px dashed rgba(148,163,184,.35)}.sunio-quiz-autorun-stage{flex:1 1;min-width:0;padding:1rem 1.1rem 1.25rem;overflow-y:auto;position:relative;background:linear-gradient(165deg,rgba(30,27,75,.5),rgba(15,23,42,.85));perspective:1100px}.sunio-quiz-autorun-sheet{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding-bottom:.15rem;border-radius:14px;background:linear-gradient(145deg,hsla(0,0%,100%,.045),transparent 42%,rgba(15,23,42,.15));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06)}.sunio-quiz-autorun-sheet--from-left{animation:sunio-quiz-autorun-page-left .85s cubic-bezier(.22,.95,.32,1) both}.sunio-quiz-autorun-sheet--from-right{animation:sunio-quiz-autorun-page-right .85s cubic-bezier(.22,.95,.32,1) both}@keyframes sunio-quiz-autorun-page-left{0%{opacity:0;transform:perspective(1100px) rotateY(-34deg) rotate(-3deg) translate3d(-22px,10px,-48px) scale(.96);filter:blur(10px)}45%{opacity:1;filter:blur(2px)}to{opacity:1;transform:perspective(1100px) rotateY(0deg) rotate(0deg) translateZ(0) scale(1);filter:blur(0)}}@keyframes sunio-quiz-autorun-page-right{0%{opacity:0;transform:perspective(1100px) rotateY(34deg) rotate(3deg) translate3d(22px,10px,-48px) scale(.96);filter:blur(10px)}45%{opacity:1;filter:blur(2px)}to{opacity:1;transform:perspective(1100px) rotateY(0deg) rotate(0deg) translateZ(0) scale(1);filter:blur(0)}}@media (prefers-reduced-motion:reduce){.sunio-quiz-autorun-sheet--from-left,.sunio-quiz-autorun-sheet--from-right{animation:sunio-quiz-autorun-sheet-fade .28s ease both}}@keyframes sunio-quiz-autorun-sheet-fade{0%{opacity:0}to{opacity:1}}.sunio-quiz-autorun-q{margin-bottom:1rem}@keyframes sunio-quiz-autorun-pop{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sunio-quiz-autorun-q-label{display:inline-block;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#a78bfa;margin-bottom:.35rem}.sunio-quiz-autorun-q-text{margin:0;font-size:clamp(.95rem,2.2vw,1.1rem);font-weight:700;line-height:1.45;color:#f1f5f9}.sunio-quiz-autorun-opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.sunio-quiz-autorun-opt{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;border-radius:12px;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);opacity:0;transform:translateX(-12px);transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1),border-color .3s ease,box-shadow .3s ease,filter .35s ease}.sunio-quiz-autorun-opt--visible{opacity:1;transform:translateX(0)}.sunio-quiz-autorun-opt--dim{opacity:.55;filter:saturate(.65)}.sunio-quiz-autorun-opt-key{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#e9d5ff;background:linear-gradient(145deg,#6d28d9,#4c1d95);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.25)}.sunio-quiz-autorun-opt-text{flex:1 1;min-width:0;font-size:.88rem;font-weight:600;line-height:1.4;color:#e2e8f0}.sunio-quiz-autorun-opt-skel{display:block;height:1rem;width:70%;border-radius:6px;background:linear-gradient(90deg,hsla(0,0%,100%,.06),hsla(0,0%,100%,.14),hsla(0,0%,100%,.06));background-size:200% 100%;animation:sunio-quiz-autorun-shimmer 1.2s ease-in-out infinite}@keyframes sunio-quiz-autorun-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.sunio-quiz-autorun-opt--correct{border-color:rgba(250,204,21,.95);box-shadow:0 0 0 2px rgba(250,204,21,.35),0 8px 28px rgba(234,179,8,.25);animation:sunio-quiz-autorun-pulse .65s ease-in-out infinite;filter:none;opacity:1}.sunio-quiz-autorun-opt--correct .sunio-quiz-autorun-opt-key{background:linear-gradient(145deg,#eab308,#ca8a04);color:#1c1917}.sunio-quiz-autorun-opt--wrong{border-color:hsla(0,91%,71%,.85);box-shadow:0 0 0 2px rgba(239,68,68,.28);opacity:1;filter:none}.sunio-quiz-autorun-opt--wrong .sunio-quiz-autorun-opt-key{background:linear-gradient(145deg,#ef4444,#b91c1c);color:#fff}.sunio-quiz-autorun-opt--pickable{position:relative}.sunio-quiz-autorun-opt-hit{display:flex;align-items:flex-start;gap:.65rem;width:100%;margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:inherit}.sunio-quiz-autorun-opt-hit:focus-visible{outline:2px solid rgba(196,181,253,.95);outline-offset:2px}.sunio-quiz-autorun-opt--pickable:hover{border-color:rgba(167,139,250,.55);background:hsla(0,0%,100%,.06)}.sunio-quiz-autorun-done-score{margin:.35rem 0 0;font-size:1.05rem;font-weight:800;color:#fde68a}@keyframes sunio-quiz-autorun-pulse{0%,to{box-shadow:0 0 0 2px rgba(250,204,21,.45),0 8px 28px rgba(234,179,8,.3)}50%{box-shadow:0 0 0 4px rgba(250,204,21,.55),0 12px 36px rgba(234,179,8,.45)}}.sunio-quiz-autorun-countdown{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;border-radius:16px;background:rgba(0,0,0,.35);border:1px solid rgba(139,92,246,.35)}.sunio-quiz-autorun-countdown-ring{position:relative;width:112px;height:112px}.sunio-quiz-autorun-countdown-svg{width:100%;height:100%;filter:drop-shadow(0 0 12px rgba(167,139,250,.45))}.sunio-quiz-autorun-countdown-track{fill:none;stroke:hsla(0,0%,100%,.12);stroke-width:6}.sunio-quiz-autorun-countdown-fill{fill:none;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset .35s ease}.sunio-quiz-autorun-countdown-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:900;color:#fef08a;text-shadow:0 0 24px rgba(250,204,21,.5)}.sunio-quiz-autorun-countdown-label{margin:0;font-size:.82rem;font-weight:700;color:#c4b5fd;letter-spacing:.04em}.sunio-quiz-autorun-reveal-hint{margin:.75rem 0 0;font-size:.88rem;font-weight:600;color:#fde68a;text-align:center;animation:sunio-quiz-autorun-pop .4s ease both}.sunio-quiz-autorun-done{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:200px;text-align:center}.sunio-quiz-autorun-done-title{margin:0;font-size:1.5rem;font-weight:900;color:#fef08a;text-shadow:0 0 20px rgba(234,179,8,.35)}.sunio-quiz-autorun-done-sub{margin:0;font-size:.95rem;color:#cbd5e1}.sunio-quiz-autorun-done-btn{margin-top:.5rem;padding:.55rem 1.5rem;font-weight:800;color:#1e1b4b;background:linear-gradient(135deg,#fde68a,#fbbf24);border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 16px rgba(251,191,36,.4)}.sunio-quiz-hint-modal-backdrop{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sunio-quiz-hint-modal{width:min(420px,100%);max-height:min(72vh,520px);display:flex;flex-direction:column;gap:.85rem;padding:1.15rem 1.2rem 1.1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-popup),0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent)}.sunio-quiz-hint-modal__title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text)}.sunio-quiz-hint-modal__body{overflow-y:auto;font-size:.92rem;line-height:1.55;color:var(--color-text);padding-right:.15rem}.sunio-quiz-hint-modal__empty{margin:0;color:var(--color-text-muted);font-style:italic}.sunio-quiz-hint-modal__close{align-self:flex-start;padding:.45rem 1rem;border-radius:10px;border:none;background:var(--color-primary);color:#fff;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer}.sunio-quiz-hint-modal__close:hover{background:var(--color-primary-hover)}.sunio-quiz-hint-modal__close:focus-visible{outline:2px solid var(--color-primary-mid);outline-offset:2px}.sunio-nb-flashcard{display:flex;flex-direction:column;gap:.85rem}.sunio-nb-flashcard__muted{margin:0;font-size:.88rem;color:var(--color-text-muted);line-height:1.5}.sunio-nb-flashcard--done{align-items:center;text-align:center;padding:1.25rem .5rem}.sunio-nb-flashcard__done-title{margin:0 0 .35rem;font-size:1.1rem;font-weight:800;color:var(--color-text)}.sunio-nb-flashcard__done-meta{margin:0 0 1rem;font-size:.9rem;color:var(--color-text-muted)}.sunio-nb-flashcard__toolbar{display:flex;flex-direction:column;gap:.65rem}@media (min-width:520px){.sunio-nb-flashcard__toolbar{flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}}.sunio-nb-flashcard__meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.sunio-nb-flashcard__pill{display:inline-flex;align-items:center;padding:.28rem .55rem;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 12%,#fff);color:var(--color-primary-hover);border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}.sunio-nb-flashcard__pill--soft{background:var(--color-bg-muted);color:var(--color-text-muted);border-color:var(--color-border)}.sunio-nb-flashcard__auto{display:flex;flex-wrap:wrap;gap:.5rem .65rem;align-items:flex-end}.sunio-nb-flashcard__auto-label{display:flex;flex-direction:column;gap:.2rem;font-size:.68rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.sunio-nb-flashcard__input{width:4.2rem;padding:.35rem .45rem;border-radius:8px;border:1px solid var(--color-border);font-size:.85rem;font-weight:600;background:var(--color-surface);color:var(--color-text)}.sunio-nb-flashcard__stage{perspective:1400px;width:100%}.sunio-nb-flashcard__scene{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.sunio-nb-flashcard__scene:disabled{cursor:default}.sunio-nb-flashcard__scene:focus-visible{outline:2px solid var(--color-primary-mid);outline-offset:4px;border-radius:18px}.sunio-nb-flashcard__inner{position:relative;width:100%;min-height:min(240px,52vw);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,.2,.2,1);border-radius:18px}.sunio-nb-flashcard__inner.is-flipped{transform:rotateY(180deg)}.sunio-nb-flashcard__face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:1.15rem 1.2rem;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 18px 40px rgba(15,23,42,.12),0 0 0 1px color-mix(in srgb,var(--color-primary) 10%,var(--color-border));overflow:auto}.sunio-nb-flashcard__face--front{background:linear-gradient(145deg,#fff 0,color-mix(in srgb,var(--color-accent-soft) 55%,#fff) 48%,#fff 100%);color:var(--color-text)}.sunio-nb-flashcard__face--back{background:linear-gradient(145deg,#1e1b4b,#4c1d95 42%,#312e81);color:#f8fafc;transform:rotateY(180deg);box-shadow:0 22px 48px rgba(30,27,75,.35),0 0 0 1px hsla(0,0%,100%,.12)}.sunio-nb-flashcard__corner{position:absolute;top:.65rem;right:.75rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 18%,#fff);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent)}.sunio-nb-flashcard__corner--answer{background:hsla(0,0%,100%,.15);color:#a7f3d0;border-color:rgba(167,243,208,.35)}.sunio-nb-flashcard__q{margin:0;padding-right:2.25rem;font-size:.95rem;font-weight:600;line-height:1.55}.sunio-nb-flashcard__face--back .katex,.sunio-nb-flashcard__face--back .sunio-quiz-math,.sunio-nb-flashcard__face--back .sunio-quiz-math .katex{color:#e2e8f0!important}.sunio-nb-flashcard__face--back .katex .mord,.sunio-nb-flashcard__face--back .katex .mrel{color:inherit}.sunio-nb-flashcard__hinttap{margin-top:1rem;font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-align:center;letter-spacing:.02em}.sunio-nb-flashcard__answer{margin:0;font-size:.95rem;font-weight:700;line-height:1.5}.sunio-nb-flashcard__flip-row{display:flex;justify-content:center}.sunio-nb-flashcard__auto-hint{margin:0;font-size:.78rem;color:var(--color-text-muted);text-align:center;line-height:1.45}.sunio-nb-flashcard__actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center}.sunio-nb-flashcard__btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .85rem;border-radius:11px;font-family:var(--font-sans);font-size:.82rem;font-weight:700;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:transform .12s ease,box-shadow .15s ease,background .15s ease}.sunio-nb-flashcard__btn:hover{transform:translateY(-1px)}.sunio-nb-flashcard__btn--primary{background:var(--color-primary);color:#fff;border-color:transparent;box-shadow:0 6px 18px color-mix(in srgb,var(--color-primary) 35%,transparent)}.sunio-nb-flashcard__btn--primary:hover{background:var(--color-primary-hover)}.sunio-nb-flashcard__btn--ghost{background:color-mix(in srgb,var(--color-bg-muted) 80%,#fff)}.sunio-nb-flashcard__btn--remember{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;box-shadow:0 6px 18px rgba(5,150,105,.28)}.sunio-nb-flashcard__btn--remember:hover{filter:brightness(1.05)}.sunio-nb-flashcard__btn--skip{background:linear-gradient(135deg,#64748b,#94a3b8);color:#fff;border:none;box-shadow:0 6px 16px rgba(71,85,105,.22)}.sunio-nb-flashcard__btn--skip:hover{filter:brightness(1.05)}.sunio-nb-doc-static-img__hit{display:block;width:100%;margin:0;padding:0;border:none;background:none;cursor:pointer;line-height:0;text-align:left}.sunio-nb-doc-static-img__hit:focus-visible{outline:3px solid var(--color-primary,#e11d48);outline-offset:3px;border-radius:8px}.sunio-nb-doc-static-img__media--clickable{cursor:pointer;display:block;width:100%;height:auto}.sunio-nb-knowledge-modal-backdrop{position:fixed;inset:0;z-index:5200;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sunio-nb-knowledge-modal{width:min(640px,100%);max-height:min(88vh,720px);display:flex;flex-direction:column;gap:0;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-popup),0 0 0 1px color-mix(in srgb,var(--color-primary) 8%,transparent);overflow:hidden}.sunio-nb-knowledge-modal__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;padding:1rem 1.1rem .85rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-muted,#f8fafc) 55%,var(--color-surface,#fff))}.sunio-nb-knowledge-modal__title{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-text);line-height:1.3}.sunio-nb-knowledge-modal__close{flex-shrink:0;padding:.45rem 1rem;border-radius:10px;border:none;background:var(--color-primary);color:#fff;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer}.sunio-nb-knowledge-modal__close:hover{background:var(--color-primary-hover)}.sunio-nb-knowledge-modal__close:focus-visible{outline:2px solid var(--color-primary-mid);outline-offset:2px}.sunio-nb-knowledge-modal__body{flex:1 1;min-height:0;overflow-y:auto;padding:1rem 1.15rem 1.2rem;font-size:.92rem;line-height:1.55;color:var(--color-text)}.sunio-kho-detail-info{background:#fff;border-radius:20px;border:1px solid var(--color-border);box-shadow:0 8px 28px rgba(15,23,42,.06);padding:1.25rem 1.5rem 1.75rem}.sunio-kho-detail-wrap{max-width:1012px;margin:0 auto}.sunio-kho-detail-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 8px 28px rgba(15,23,42,.07)}.sunio-kho-detail-media{background:#f0fdf4}.sunio-kho-detail-body{padding:1.25rem 1.5rem 1.75rem}.sunio-kho-detail-h1{margin:0;color:var(--color-text);font-size:clamp(1.35rem,3.2vw,1.85rem);font-family:var(--font-display);font-weight:700;line-height:1.32;letter-spacing:.012em}.sunio-kho-detail-h1 .sunio-kho-detail-h1-math{font-family:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit}.sunio-kho-detail-h1 .katex{font-size:.95em}.sunio-kho-detail-text{color:var(--color-text-muted);line-height:1.7;letter-spacing:.01em;margin:0 0 1rem}.sunio-kho-detail-cat{font-size:.9rem;color:var(--color-primary);font-weight:600;margin:0 0 .75rem}.sunio-kho-detail-keywords{font-size:.9rem;color:#475569;margin:0 0 .75rem}.sunio-kho-detail-keywords strong{color:#64748b;font-weight:600}.sunio-tag-pill{display:inline-block;margin-right:.5rem;margin-bottom:.35rem;padding:.2rem .65rem;border-radius:999px;background:#ecfdf5;color:var(--color-primary-hover);font-weight:600;font-size:.85rem}.sunio-kho-download-box{padding:1rem 1.15rem;border-radius:14px;background:var(--color-tint-bg);border:1px solid var(--color-tint-border);margin-bottom:1rem}.sunio-kho-download-title{margin:0 0 .5rem;font-weight:700;color:#0f172a}.sunio-kho-download-lead{margin:0 0 .75rem;font-size:.9rem;color:#64748b}.sunio-kho-download-meta{margin:0 0 .75rem;font-size:.88rem;color:#334155}.sunio-kho-download-actions{display:flex;flex-wrap:wrap;gap:.75rem}.sunio-kho-cta-box{padding:1.25rem 1.35rem}.sunio-kho-cta-foot{margin:1rem 0 0;font-size:.88rem;color:#64748b;line-height:1.5}.sunio-kho-cta-foot a{font-weight:700;color:var(--color-primary-hover);text-decoration:none}.sunio-kho-cta-foot a:hover{text-decoration:underline}.sunio-kho-cta-upsell{margin:0 0 .75rem;padding:.65rem .85rem;border-radius:10px;font-size:.9rem;line-height:1.45;color:#334155;background:color-mix(in srgb,var(--color-primary) 8%,#fff);border:1px solid color-mix(in srgb,var(--color-primary) 22%,transparent)}.sunio-kho-cta-upsell a{font-weight:700;color:var(--color-primary-hover);text-decoration:none}.sunio-kho-cta-upsell a:hover{text-decoration:underline}.sunio-kho-cta-upsell-rest{font-weight:500;color:#475569}.sunio-jigsaw{margin-top:1.5rem;padding:1.25rem 1.15rem;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.sunio-jigsaw--side{margin-top:0;padding:0;border:none;background:transparent;flex:1 1;display:flex;flex-direction:column;min-height:0}.sunio-jigsaw--side .sunio-jigsaw-title{font-size:1.05rem}.sunio-jigsaw--side .sunio-jigsaw-lead{font-size:.82rem;margin-bottom:.75rem}.sunio-jigsaw--side .sunio-jigsaw-toolbar{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:.5rem .65rem}.sunio-jigsaw--side .sunio-jigsaw-label{flex:1 1 140px;min-width:0}.sunio-jigsaw--side .sunio-jigsaw-select{min-width:0;width:100%;max-width:100%;min-height:2.65rem;box-sizing:border-box}.sunio-jigsaw--side .sunio-jigsaw-btn{align-self:flex-end;width:auto;flex:0 0 auto;justify-content:center;min-height:2.65rem;box-sizing:border-box;padding-block:.55rem}.sunio-jigsaw--side .sunio-jigsaw-toolbar-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:.5rem;flex:0 1 auto}.sunio-jigsaw--side .sunio-jigsaw-toolbar-actions .sunio-jigsaw-btn{width:auto}.sunio-jigsaw--side .sunio-jigsaw-hint{margin-bottom:.65rem}.sunio-jigsaw--side .sunio-jigsaw-board-wrap{max-width:100%;margin-top:auto}.sunio-kho-detail-game-panel .sunio-jigsaw--side .sunio-jigsaw-stats{margin-bottom:.5rem}.sunio-jigsaw-title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1.32;letter-spacing:.01em;color:var(--color-text)}.sunio-jigsaw-lead{margin:0 0 1rem;font-size:.9rem;line-height:1.68;letter-spacing:.01em;color:var(--color-text-muted)}.sunio-jigsaw-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-bottom:.5rem}.sunio-jigsaw-label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:600;color:#475569}.sunio-jigsaw-select{min-width:200px;padding:.55rem .75rem;border-radius:10px;border:1px solid #cbd5e1;font-size:.9rem;font-family:inherit;background:#fff;color:#0f172a}.sunio-jigsaw-select:disabled{opacity:.65;cursor:not-allowed}.sunio-jigsaw-btn{align-self:center}.sunio-jigsaw-toolbar-actions{display:flex;flex-wrap:wrap;gap:.5rem}.sunio-jigsaw-hint{margin:0 0 1rem;font-size:.78rem;color:#94a3b8}.sunio-jigsaw-stats{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.75rem;font-size:.88rem;font-weight:600;color:#334155}.sunio-jigsaw-win{color:var(--color-primary);font-weight:700}.sunio-jigsaw-board-wrap{width:100%;max-width:min(100%,520px);margin:0 auto}.sunio-jigsaw-board{aspect-ratio:var(--sunio-jigsaw-ar,1);display:grid;width:100%;grid-gap:0;gap:0;padding:0;background:#1e293b;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.12)}.sunio-jigsaw-board-wrap--solved .sunio-jigsaw-board{box-shadow:0 0 0 3px var(--color-primary-mid),0 8px 24px color-mix(in srgb,var(--color-primary) 20%,transparent)}.sunio-jigsaw-cell{border:none;margin:0;padding:0;cursor:pointer;border-radius:0;min-height:0;min-width:0;width:100%;height:100%;background-color:#334155;transition:transform .12s ease,outline .12s ease,box-shadow .15s ease}.sunio-jigsaw-cell:hover:not(:disabled){filter:brightness(1.06)}.sunio-jigsaw-cell:disabled{cursor:default;filter:none}.sunio-jigsaw-cell--selected{outline:3px solid var(--color-primary-bright);outline-offset:-2px;z-index:1;position:relative}.sunio-home-gallery{background:#fff;border-top:1px solid #cbd5e1}.sunio-gallery-intro-section{padding:1.5rem 0 1.25rem}.sunio-gallery-intro-section.sunio-home-gallery{padding:clamp(2.5rem,5vw,4rem) 0 1.5rem}.sunio-gallery-category-section{font-family:var(--font-sans);padding:1.5rem 0 1.75rem;margin:0;background:#f1f5f9;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.sunio-gallery-category-section .sunio-gallery-category-tree{margin-bottom:0}.sunio-gallery-category-section a:focus-visible,.sunio-gallery-category-section a:hover{text-decoration:none}.sunio-gallery-category-tree-heading{margin:0;font-family:var(--font-display);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--color-primary)}.sunio-gallery-category-tree-heading--compact{font-size:.78rem}.sunio-kho-anh-hub{flex:1 1;display:flex;flex-direction:column;min-height:0;background:var(--color-bg)}.sunio-kho-anh-hub-hero{padding:clamp(2rem,5vw,3rem) 0 clamp(1.35rem,3.5vw,2rem);background:var(--color-bg);border-bottom:1px solid var(--color-border);text-align:center}.sunio-kho-anh-hub-title{font-family:var(--font-display);font-size:clamp(1.75rem,4.5vw,2.35rem);font-weight:700;margin:0 0 .9rem;letter-spacing:.015em;line-height:1.3;color:var(--color-text)}.sunio-kho-anh-hub-title-accent{color:var(--color-primary-hover)}.sunio-kho-anh-hub-title-rest{color:var(--color-text);-webkit-text-fill-color:var(--color-text)}.sunio-kho-anh-hub-lead{margin:0 auto;max-width:36rem;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.75;letter-spacing:.01em;color:var(--cta-secondary-text)}.sunio-kho-anh-hub-lead strong{color:var(--color-text);font-weight:600}.sunio-kho-anh-hub-category-section.sunio-gallery-category-section{flex:1 1;padding-top:clamp(1.25rem,3vw,1.85rem);padding-bottom:clamp(2.25rem,6vw,3.5rem);background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:none}.sunio-kho-anh-hub .sunio-gallery-category-tree-toolbar{justify-content:flex-start}.sunio-kho-anh-hub .sunio-gallery-category-tree-heading{font-size:.92rem;letter-spacing:.06em}.sunio-kho-anh-hub .sunio-gallery-category-grid{gap:1.35rem}@media (min-width:1000px){.sunio-kho-anh-hub .sunio-gallery-category-grid{gap:1.5rem}}.sunio-gallery-browse-section{font-family:var(--font-sans);padding:1.75rem 0 3rem}.sunio-gallery-browse-section.sunio-home-gallery{padding:1rem 0 clamp(2.5rem,5vw,4rem);border-top:none}.sunio-gallery-btn-primary{padding:.7rem 1.25rem;border-radius:12px;border:none;background:var(--color-primary);color:#fff;font-weight:600;letter-spacing:.02em;font-size:.95rem;cursor:pointer;font-family:inherit;box-shadow:none}.sunio-gallery-page-btn{padding:.5rem 1rem;border-radius:10px;border:1px solid #cbd5e1;background:#fff;cursor:pointer;font-family:inherit;font-weight:600;font-size:.875rem;color:#334155}.sunio-gallery-page-btn:disabled{opacity:.45;cursor:not-allowed}.sunio-gallery-grid{align-items:start}.sunio-gallery-grid>li{min-width:0}.sunio-gallery-card{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(15,23,42,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s}.sunio-gallery-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.1);border-color:var(--color-tint-border);text-decoration:none}.sunio-gallery-card-media{position:relative;width:100%;margin:0;padding:0;background:#ecfdf5;overflow:hidden;line-height:0;min-height:10.5rem}.sunio-gallery-card-category-btn{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-width:100%;margin:0 0 .4rem;padding:.32rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;line-height:1.35;letter-spacing:.01em;color:#5b21b6;text-decoration:none;text-align:left;background:#f5f3ff;border:1px solid #ddd6fe;box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease;vertical-align:top;word-break:break-word;box-sizing:border-box;overflow:hidden}.sunio-gallery-card-category-btn:hover{background:#ede9fe;border-color:#c4b5fd;color:#4c1d95;text-decoration:none}.sunio-gallery-card-thumb{width:100%;height:auto;vertical-align:top;display:block}.sunio-premium-media-gate{position:relative;overflow:hidden;border-radius:inherit}.sunio-premium-media-gate-inner{position:relative;line-height:0}.sunio-premium-media-gate-blur-target{filter:blur(2.5px);transform:scale(1.008);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sunio-premium-media-gate-overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.65rem;text-align:center;background:color-mix(in srgb,var(--color-primary) 2.5%,transparent);pointer-events:auto}.sunio-premium-media-gate-panel{width:100%;max-width:min(100%,19.5rem);margin:0 auto;padding:.95rem 1rem 1.05rem;border-radius:16px;text-align:center;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 26%,var(--color-border));box-shadow:0 2px 4px color-mix(in srgb,var(--color-primary) 8%,transparent),0 14px 32px -6px color-mix(in srgb,var(--color-primary) 22%,transparent),inset 0 1px 0 hsla(0,0%,100%,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sunio-premium-media-gate-panel-head{display:flex;flex-direction:column;align-items:center;gap:.45rem;margin-bottom:.5rem}.sunio-premium-media-gate-lock{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;flex-shrink:0;background:color-mix(in srgb,var(--color-primary) 17%,#fff);color:var(--color-primary);border:1px solid color-mix(in srgb,var(--color-primary) 35%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--color-primary) 14%,transparent),inset 0 1px 0 hsla(0,0%,100%,.55)}.sunio-premium-media-gate-text{margin:0;font-size:.9rem;font-weight:800;letter-spacing:.04em;color:var(--color-primary-hover);line-height:1.25}.sunio-premium-media-gate-cta-lead{margin:0 0 .65rem;max-width:100%;font-size:clamp(.7rem,2.3vw,.8rem);line-height:1.55;font-weight:500;color:var(--color-text-muted)}a.sunio-premium-media-gate-cta-btn{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;min-height:2.85rem;padding:.85rem 1.15rem;font-size:.84rem;font-weight:700;letter-spacing:.02em;color:#fff;text-decoration:none;border:none;border-radius:12px;cursor:pointer;background:var(--color-primary);box-shadow:none;transition:transform .15s ease,filter .15s ease}a.sunio-premium-media-gate-cta-btn:hover{color:#fff;text-decoration:none;transform:translateY(-1px);filter:brightness(1.05);box-shadow:none}a.sunio-premium-media-gate-cta-btn:focus-visible{outline:2px solid var(--color-primary-bright);outline-offset:2px}.sunio-kho-detail-hero-gate.sunio-premium-media-gate{width:100%}.sunio-gallery-card-placeholder{display:flex;align-items:center;justify-content:center;min-height:10rem;margin:0;padding:0;color:#cbd5e1;font-size:.9rem;line-height:normal}.sunio-gallery-card-body{padding:.85rem 1rem 1.1rem}.sunio-gallery-card-title{font-size:.95rem;font-weight:600;color:var(--color-text);margin:0 0 .35rem;line-height:1.42;letter-spacing:.01em}.sunio-gallery-card-category-desc,.sunio-gallery-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sunio-gallery-card-category-desc{margin:.2rem 0 0;font-size:.78rem;color:#64748b;line-height:1.4}.sunio-gallery-card--interactive{cursor:pointer}.sunio-gallery-card-actions{margin-top:.65rem;padding-top:.65rem;border-top:1px solid var(--color-border)}a.sunio-gallery-card-detail-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;box-sizing:border-box;margin:0;padding:.62rem 1rem;font-family:var(--font-sans);font-size:.84rem;font-weight:600;line-height:1.35;letter-spacing:.02em;color:#fff;text-decoration:none;border:none;border-radius:11px;cursor:pointer;background:var(--color-primary);box-shadow:none;transition:transform .18s ease,filter .18s ease}a.sunio-gallery-card-detail-link:hover{text-decoration:none;color:#fff;transform:translateY(-2px);box-shadow:none;filter:brightness(1.04)}a.sunio-gallery-card-detail-link:active{transform:translateY(0);box-shadow:none;filter:brightness(.98)}a.sunio-gallery-card-detail-link:focus-visible{outline:2px solid var(--color-primary-bright);outline-offset:2px}a.sunio-gallery-card-detail-link .sunio-gallery-card-cta-arrow{display:inline-block;transition:transform .18s ease;font-weight:600}a.sunio-gallery-card-detail-link:hover .sunio-gallery-card-cta-arrow{transform:translateX(3px)}.sunio-gallery-category-rows.sunio-gallery-category-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;align-items:stretch}@media (min-width:560px){.sunio-gallery-category-rows.sunio-gallery-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}}@media (min-width:1000px){.sunio-gallery-category-rows.sunio-gallery-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}}.sunio-gallery-category-row-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid rgba(15,23,42,.07);box-shadow:0 6px 24px rgba(15,23,42,.055),0 2px 8px rgba(15,23,42,.035);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.sunio-gallery-category-row-card:hover{border-color:rgba(15,23,42,.1);box-shadow:0 16px 40px rgba(15,23,42,.08),0 6px 16px rgba(15,23,42,.04);transform:translateY(-4px)}.sunio-gallery-category-row-card.is-highlighted{border-color:color-mix(in srgb,var(--sunio-cat-accent,var(--color-primary)) 45%,transparent);box-shadow:0 8px 28px color-mix(in srgb,var(--sunio-cat-accent,var(--color-primary)) 12%,transparent),0 2px 10px rgba(15,23,42,.05)}.sunio-gallery-category-row-card__masthead{margin:0;flex-shrink:0}.sunio-gallery-category-row-card__masthead-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.16rem;height:5.04rem;min-height:5.04rem;max-height:5.04rem;padding:.8rem 1.32rem .8rem .6rem;margin:0;text-decoration:none;color:inherit;box-sizing:border-box;background:var(--sunio-cat-header-bg,#f1f5f9);border:none;cursor:pointer;transition:filter .15s ease,opacity .15s ease;overflow:hidden}.sunio-gallery-category-row-card__masthead-link:hover{filter:brightness(1.02);text-decoration:none}.sunio-gallery-category-row-card--compact .sunio-gallery-category-row-card__masthead-link{height:4.32rem;min-height:4.32rem;max-height:4.32rem;padding:.68rem 1.16rem .68rem .52rem;gap:.12rem}.sunio-gallery-category-section .sunio-gallery-category-row-card__masthead-kicker,.sunio-gallery-category-section .sunio-gallery-category-row-card__masthead-title{font-family:var(--font-display)}.sunio-gallery-category-row-card__masthead-chevron{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);color:color-mix(in srgb,var(--sunio-cat-title,#334155) 38%,transparent);font-size:1.2rem;font-weight:300;line-height:1;pointer-events:none}.sunio-gallery-category-row-card--compact .sunio-gallery-category-row-card__masthead-chevron{right:.42rem;font-size:1.05rem}.sunio-gallery-category-row-card__masthead-icon{flex-shrink:0;width:32px;height:32px;border-radius:9px;overflow:hidden;border:1px solid var(--sunio-cat-icon-border,rgba(100,116,139,.28));box-shadow:0 2px 8px rgba(15,23,42,.06);background:hsla(0,0%,100%,.65)}.sunio-gallery-category-row-card--compact .sunio-gallery-category-row-card__masthead-icon{width:28px;height:28px;border-radius:8px}.sunio-gallery-category-row-card__masthead-kicker{font-size:.68rem;font-weight:600;letter-spacing:.02em;color:var(--sunio-cat-sub,#64748b);line-height:1.3;max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(15,23,42,.2)}.sunio-gallery-category-row-card--compact .sunio-gallery-category-row-card__masthead-kicker{font-size:.62rem;-webkit-line-clamp:1}.sunio-gallery-category-row-card__masthead-title-wrap{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;width:100%}.sunio-gallery-category-row-card__masthead-title{margin:0;font-weight:700;font-size:clamp(.9rem,2.1vw,1.08rem);letter-spacing:.01em;color:var(--sunio-cat-title,#1e293b);line-height:1.3;max-width:100%;font-synthesis:none;flex:1 1;min-width:0;text-shadow:0 1px 2px rgba(15,23,42,.22)}.sunio-gallery-category-row-card--compact .sunio-gallery-category-row-card__masthead-title{font-size:.88rem}.sunio-gallery-category-count{flex-shrink:0;font-size:.78rem;font-weight:600;color:var(--sunio-cat-sub,#64748b);white-space:nowrap}.sunio-gallery-category-count--masthead{font-size:.76rem;opacity:.92}.sunio-gallery-category-row-card--compact .sunio-gallery-category-count{font-size:.72rem}.sunio-gallery-category-row-card__children{flex:1 1;min-height:0;display:flex;flex-direction:column;padding:0;gap:0;background:#fff;border-top:1px solid rgba(15,23,42,.06);max-height:min(19rem,55vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.38) rgba(241,245,249,.85)}.sunio-gallery-category-row-card--compact .sunio-gallery-category-row-card__children{max-height:min(16.25rem,48vh)}.sunio-gallery-category-row-card__children::-webkit-scrollbar{width:4px}.sunio-gallery-category-row-card__children::-webkit-scrollbar-track{background:rgba(241,245,249,.9);border-radius:999px;margin:6px 0}.sunio-gallery-category-row-card__children::-webkit-scrollbar-thumb{background-color:rgba(100,116,139,.4);border-radius:999px;background-clip:padding-box;border-color:transparent;border-style:solid;border-width:5px 0}.sunio-gallery-category-row-card__children::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--color-primary) 50%,rgba(100,116,139,.45))}.sunio-gallery-category-row-card__children::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,var(--color-primary) 72%,rgba(100,116,139,.35))}.sunio-gallery-category-child-row{display:flex;align-items:center;gap:.55rem;width:100%;padding:.68rem .85rem;margin:0;box-sizing:border-box;border-bottom:1px solid #f1f5f9;background:#fff;font-size:.875rem;font-weight:600;color:#0f172a;text-decoration:none;line-height:1.3;text-align:left;transition:background .12s ease,color .12s ease}.sunio-gallery-category-child-row:last-child{border-bottom:none}.sunio-gallery-category-child-row:hover{background:var(--sunio-cat-row-hover,#f8fafc);text-decoration:none}.sunio-gallery-category-child-row[aria-current=page]{background:color-mix(in srgb,var(--sunio-cat-accent,var(--color-primary)) 9%,#fff);color:var(--sunio-cat-accent,var(--color-primary-hover));font-weight:700}.sunio-gallery-category-child-row[aria-current=page]:hover{background:color-mix(in srgb,var(--sunio-cat-accent,var(--color-primary)) 13%,#fff);text-decoration:none}.sunio-gallery-category-row-card--compact .sunio-gallery-category-child-row{padding:.58rem .75rem;font-size:.82rem;gap:.45rem}.sunio-gallery-category-child-row__icon{flex-shrink:0;width:24px;height:24px;border-radius:7px;overflow:hidden;border:1px solid #e8ecf1;display:grid;place-items:center;background:#f8fafc}.sunio-gallery-category-row-card--compact .sunio-gallery-category-child-row__icon{width:22px;height:22px;border-radius:6px}.sunio-gallery-category-child-row__label{flex:1 1;min-width:0;display:flex;align-items:baseline;gap:.35rem;overflow:hidden}.sunio-gallery-category-child-row__name{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sunio-gallery-category-child-row .sunio-gallery-category-count{font-size:.75rem;font-weight:600;color:#64748b}.sunio-gallery-category-row-card--compact .sunio-gallery-category-child-row .sunio-gallery-category-count{font-size:.7rem}.sunio-gallery-category-child-row__chev{flex-shrink:0;color:#94a3b8;font-size:1.05rem;font-weight:300;line-height:1}.sunio-gallery-category-child-row[aria-current=page] .sunio-gallery-category-child-row__chev{color:color-mix(in srgb,var(--sunio-cat-accent,var(--color-primary)) 55%,#94a3b8)}.sunio-gallery-detail-subnav{margin-bottom:1.35rem}.sunio-gallery-detail-subnav__title{margin:0 0 .5rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.sunio-gallery-detail-subnav__pills{display:flex;flex-wrap:wrap;gap:.45rem .5rem;align-items:center}.sunio-gallery-detail-subnav__pill{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-size:.84rem;font-weight:600;text-decoration:none;line-height:1.25;transition:border-color .12s ease,background .12s ease,color .12s ease}.sunio-gallery-detail-subnav__count{font-size:.76rem;font-weight:600;color:#64748b}.sunio-gallery-detail-subnav__pill.is-active .sunio-gallery-detail-subnav__count{color:color-mix(in srgb,var(--color-primary-hover) 72%,#64748b)}.sunio-gallery-detail-subnav__pill:hover{border-color:var(--color-tint-border);background:var(--color-tint-bg);text-decoration:none}.sunio-gallery-detail-subnav__pill.is-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary-hover)}.sunio-gallery-detail-subnav__pill.is-active:hover{background:color-mix(in srgb,var(--color-primary) 14%,transparent);text-decoration:none}.admin-gallery-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1.25rem;gap:1.25rem}@media (max-width:960px){.admin-gallery-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.admin-gallery-image-grid{grid-template-columns:minmax(0,1fr)}}@keyframes sunio-bulk-upload-pulse{0%,to{opacity:1}50%{opacity:.55}}.sunio-bulk-upload-bar-fill--pulse{animation:sunio-bulk-upload-pulse 1.1s ease-in-out infinite}.sunio-theme-picker{position:relative;flex-shrink:0}@media (max-width:1023px){.sunio-header-actions>.sunio-theme-picker:not(.sunio-theme-picker--mobile){display:none}}.sunio-theme-picker-trigger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--cta-secondary-text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.sunio-theme-picker-trigger:hover{border-color:var(--color-tint-border);color:var(--color-primary);background:var(--color-accent-soft)}.sunio-theme-picker-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(408px,calc(100vw - 1.25rem));padding:.75rem .85rem .95rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-popup),0 0 0 1px color-mix(in srgb,var(--color-primary) 6%,transparent);z-index:200}.sunio-theme-picker-title{margin:0 0 .55rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.sunio-theme-picker-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.45rem;gap:.45rem}@media (max-width:380px){.sunio-theme-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sunio-theme-picker-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;padding:.5rem .35rem .45rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);font:inherit;font-size:.72rem;font-weight:600;color:var(--color-text);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,transform .12s ease}.sunio-theme-picker-item:hover{border-color:var(--color-tint-border);background:var(--color-accent-soft);transform:translateY(-1px);box-shadow:none}.sunio-theme-picker-item.is-active{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 35%,transparent)}.sunio-theme-picker-swatch{flex-shrink:0;width:2rem;height:2rem;border-radius:999px;border:2px solid hsla(0,0%,100%,.95);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.35)}.sunio-theme-picker-label{min-width:0;line-height:1.2;padding:0 .1rem}.sunio-theme-picker--mobile{width:100%;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.sunio-theme-picker--mobile .sunio-theme-picker-trigger{width:100%;height:auto;min-height:44px;gap:.5rem;padding:.5rem .75rem;justify-content:flex-start;font-size:.875rem;font-weight:600;color:var(--nav-link)}.sunio-theme-picker--mobile .sunio-theme-picker-trigger:after{content:"Giao diện"}.sunio-theme-picker--mobile .sunio-theme-picker-panel{position:static;width:100%;margin-top:.5rem;box-shadow:none;border:1px dashed var(--color-border)}.sunio-theme-picker--mobile .sunio-theme-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}@keyframes sunio-page-loader-spin{to{transform:rotate(1turn)}}.sunio-page-loader-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(248,250,252,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sunio-page-loader-panel{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem 2rem;border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-popup);border:1px solid var(--color-border)}.sunio-page-loader-spinner{width:44px;height:44px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:sunio-page-loader-spin .72s linear infinite}.sunio-page-loader-label{font-size:.94rem;color:var(--color-text-muted);font-weight:500}#sunio-initial-loader{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}#sunio-initial-loader .sunio-page-loader-panel{box-shadow:var(--shadow)}.sunio-tas-page .sunio-tas-hero-bg{background:color-mix(in srgb,#fff 94%,#fef3c7)}.sunio-tas-eyebrow{color:#b45309}.sunio-tas-hero-hooks{margin:0 0 1.15rem;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem;max-width:40rem}.sunio-tas-hero-hooks li{margin:0;padding:.65rem .85rem .7rem .95rem;border-radius:12px;font-size:.9rem;line-height:1.55;color:var(--color-text);background:color-mix(in srgb,#fff 88%,#fef3c7);border:1px solid color-mix(in srgb,#d97706 28%,var(--color-border));box-shadow:0 4px 14px rgba(15,23,42,.05)}.sunio-tas-hero-hooks-q{display:block;font-weight:800;color:#92400e;margin-bottom:.2rem;letter-spacing:.01em}.sunio-tas-hero-lead strong{color:var(--color-text)}.sunio-tas-cta-band{padding:clamp(1.65rem,3.5vw,2.35rem) 0;background:color-mix(in srgb,#f59e0b 10%,var(--color-surface));border-top:1px solid color-mix(in srgb,#d97706 22%,var(--color-border));border-bottom:1px solid color-mix(in srgb,#d97706 18%,var(--color-border))}.sunio-tas-cta-band-inner{max-width:44rem;margin:0 auto;text-align:center}.sunio-tas-cta-band-title{margin:0 0 .85rem;font-family:var(--font-display);font-size:clamp(1.2rem,2.8vw,1.55rem);font-weight:800;line-height:1.3;letter-spacing:-.02em;color:var(--color-text)}.sunio-tas-cta-band-lead{margin:0 0 .75rem;font-size:.96rem;line-height:1.68;color:var(--cta-secondary-text);text-align:left}.sunio-tas-cta-band-lead strong{color:var(--color-text);font-weight:700}.sunio-tas-cta-band-promise{margin:0 0 1.25rem;font-size:.9rem;line-height:1.62;color:var(--cta-secondary-text);text-align:left;padding:.75rem .9rem;border-radius:12px;background:#fff;border:1px dashed color-mix(in srgb,#d97706 45%,var(--color-border))}.sunio-tas-cta-band-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem .85rem}.sunio-tas-cta-band-ghost{background:color-mix(in srgb,#fff 55%,transparent);border-color:color-mix(in srgb,#d97706 35%,var(--color-border))}.sunio-tas-hero-note{margin:1.25rem 0 0;max-width:38rem;font-size:.88rem;line-height:1.55;color:var(--cta-secondary-text)}.sunio-tas-hero-note a{font-weight:700;color:var(--color-primary)}.sunio-tas-visual-card{position:relative;padding:1.25rem 1.35rem 1.5rem;border-radius:22px;background:color-mix(in srgb,#f59e0b 10%,var(--color-surface));border:1px solid color-mix(in srgb,#d97706 22%,var(--color-border));box-shadow:0 20px 48px rgba(15,23,42,.08)}.sunio-tas-visual-img{width:100%;height:auto;display:block;border-radius:14px}.sunio-tas-visual-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none}.sunio-tas-visual-tags li{padding:.3rem .65rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb,var(--color-primary) 16%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 32%,var(--color-border));color:var(--color-text)}.sunio-tas-pill-grid{display:flex;flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none}.sunio-tas-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--color-text);background:var(--color-surface);border:1px solid color-mix(in srgb,#d97706 22%,var(--color-border));box-shadow:0 4px 16px rgba(15,23,42,.07)}.sunio-tas-pill-ic{flex-shrink:0;display:flex;color:var(--color-primary);opacity:.9}.sunio-tas-split{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;margin-top:.5rem}@media (min-width:880px){.sunio-tas-split{grid-template-columns:1fr 1fr;gap:1.5rem}}.sunio-tas-panel{margin:0;padding:1.2rem 1.3rem 1.35rem;border-radius:18px;border:1px solid var(--color-border)}.sunio-tas-panel--muted{background:color-mix(in srgb,#f1f5f9 55%,var(--color-surface));border-color:color-mix(in srgb,#64748b 22%,var(--color-border));border-left:4px solid #64748b}.sunio-tas-panel--accent{background:color-mix(in srgb,#f59e0b 12%,var(--color-surface));border-color:color-mix(in srgb,#d97706 38%,var(--color-border));border-left:4px solid #b45309}.sunio-tas-panel-title{margin:0 0 .75rem;font-size:1.05rem;font-weight:800;color:var(--color-text)}.sunio-tas-list{margin:0;padding:0 0 0 1.15rem;font-size:.92rem;line-height:1.62;color:var(--color-text)}.sunio-tas-list li{margin-bottom:.65rem}.sunio-tas-list--check{list-style:none;padding-left:0}.sunio-tas-list--check li{position:relative;padding-left:1.35rem;margin-bottom:.75rem}.sunio-tas-list--check li:before{content:"✓";position:absolute;left:0;font-weight:800;color:#059669}.sunio-tas-feature-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;margin:0;padding:0;list-style:none}@media (min-width:640px){.sunio-tas-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.sunio-tas-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sunio-tas-feature{margin:0;padding:1.1rem 1.15rem 1.2rem;border-radius:16px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));box-shadow:0 10px 32px rgba(15,23,42,.07)}.sunio-tas-feature-icon{display:flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;margin-bottom:.45rem;border-radius:10px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.sunio-tas-feature h3{margin:0 0 .45rem;font-size:.98rem;font-weight:800;color:var(--color-text)}.sunio-tas-feature p{margin:0;font-size:.88rem;line-height:1.58;color:var(--color-text-muted)}.sunio-tas-foot-note{margin:1.25rem 0 0;font-size:.93rem;line-height:1.62;color:var(--color-text-muted);max-width:48rem}.sunio-tas-foot-note a{font-weight:700;color:var(--color-primary)}.sunio-tas-section-income{padding-top:2rem;padding-bottom:2rem}.sunio-tas-income-lead{margin:-.25rem 0 1.35rem;max-width:46rem;font-size:1.02rem;line-height:1.65;color:var(--color-text-muted)}.sunio-tas-income-cards{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:768px){.sunio-tas-income-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.sunio-tas-income-card{margin:0;padding:1.1rem 1.15rem;border-radius:16px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));box-shadow:0 6px 22px rgba(15,23,42,.06)}.sunio-tas-income-card h3{margin:0 0 .45rem;font-weight:800;color:var(--color-text)}.sunio-tas-income-card p{margin:0;font-size:.88rem;line-height:1.58;color:var(--cta-secondary-text)}.sunio-tas-steps{margin:0;padding:0 0 0 1.35rem;max-width:46rem;font-size:.95rem;line-height:1.65;color:var(--color-text)}.sunio-tas-steps li{margin-bottom:.85rem}.sunio-tas-steps strong{color:var(--color-text)}.sunio-cs-page{--color-text-muted:#334155;background:#fff;padding-bottom:3rem}.sunio-cs-page.sunio-tas-page{--color-text-muted:#44403c}.sunio-cs-page .container{box-sizing:border-box;padding-left:calc(env(safe-area-inset-left, 0px) + clamp(1.5rem, 5vw, 2rem));padding-right:calc(env(safe-area-inset-right, 0px) + clamp(1.5rem, 5vw, 2rem))}.sunio-cs-hero{position:relative;padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(2rem,4vw,3rem);overflow:hidden}.sunio-cs-hero-bg{position:absolute;inset:0;background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface));pointer-events:none}.sunio-cs-eyebrow{margin:0 0 .65rem;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary-hover)}.sunio-cs-hero-title{margin:0 0 1.2rem;font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.28;letter-spacing:.015em;color:var(--color-text)}.sunio-cs-hero-accent{color:var(--color-primary-hover)}.sunio-cs-hero-lead{margin:0 0 1.65rem;font-size:clamp(1rem,2vw,1.125rem);line-height:1.75;letter-spacing:.012em;color:var(--cta-secondary-text);max-width:36rem}.sunio-cs-hero-lead strong{color:var(--cta-secondary-text);font-weight:600}.sunio-cs-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1.1rem}.sunio-cs-service-cross{margin:1.35rem 0 0;max-width:36rem;font-size:.88rem;line-height:1.55;color:var(--cta-secondary-text)}.sunio-cs-service-cross a{font-weight:700;color:var(--color-primary)}.sunio-cs-hero-highlights{display:grid;grid-template-columns:1fr;grid-gap:.9rem;gap:.9rem;margin:1.25rem 0 1.6rem;padding:0;list-style:none}@media (min-width:520px){.sunio-cs-hero-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.2rem}}.sunio-cs-hero-hl{display:flex;align-items:flex-start;gap:.7rem;padding:1rem 1.05rem;border-radius:14px;background:color-mix(in srgb,var(--color-primary) 11%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 26%,var(--color-border));box-shadow:0 6px 20px rgba(15,23,42,.06)}.sunio-cs-hero-hl-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:10px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);color:var(--color-primary)}.sunio-cs-hero-hl-body{min-width:0}.sunio-cs-hero-hl-title{margin:0 0 .2rem;font-size:.88rem;font-weight:800;line-height:1.3;color:var(--color-text)}.sunio-cs-hero-hl-desc{margin:0;font-size:.82rem;line-height:1.5;color:var(--cta-secondary-text)}.sunio-cs-hero-lead--tight{max-width:34rem;margin-bottom:.25rem}.sunio-tas-hero-kpis{display:grid;grid-template-columns:1fr;grid-gap:.9rem;gap:.9rem;margin:1.25rem 0 1.6rem;padding:0;list-style:none}@media (min-width:560px){.sunio-tas-hero-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.2rem}}.sunio-tas-hero-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem 1.05rem;border-radius:14px;background:color-mix(in srgb,#f59e0b 14%,var(--color-surface));border:1px solid color-mix(in srgb,#d97706 32%,var(--color-border));box-shadow:0 6px 20px rgba(180,83,9,.08)}.sunio-tas-hero-kpi-icon{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:10px;background:color-mix(in srgb,#fff 55%,transparent);color:#b45309}.sunio-tas-hero-kpi strong{font-size:.82rem;font-weight:800;line-height:1.3;color:var(--color-text)}.sunio-tas-hero-kpi span{font-size:.8rem;line-height:1.45;color:var(--cta-secondary-text)}.sunio-tas-hero-note--short{margin-top:1rem;font-size:.82rem;line-height:1.5;color:var(--color-text-muted);max-width:36rem}.sunio-tas-hero-note--short a{font-weight:700;color:var(--color-primary)}.sunio-cs-panel-head .sunio-tas-panel-title{margin:0;font-size:1.02rem}.sunio-cs-panel-head{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem}.sunio-cs-panel-head-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.sunio-cs-panel-head-icon--muted{background:color-mix(in srgb,#64748b 15%,var(--color-surface));color:#475569}.sunio-cs-panel-head-icon--accent{background:color-mix(in srgb,#d97706 18%,var(--color-surface));color:#b45309}.sunio-cs-flow-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem;max-width:44rem}.sunio-cs-flow-step{display:flex;gap:.85rem;align-items:flex-start}.sunio-cs-flow-step-mark{display:flex;flex-direction:column;align-items:center;gap:.35rem;flex-shrink:0;padding-top:.1rem}.sunio-cs-flow-step-num{width:1.75rem;height:1.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;background:color-mix(in srgb,var(--color-primary) 14%,var(--color-surface));color:var(--color-primary)}.sunio-cs-flow-step-ic{color:var(--color-primary);opacity:1}.sunio-cs-flow-step-body{min-width:0}.sunio-cs-flow-step-body strong{display:block;margin-bottom:.25rem;font-size:.92rem;color:var(--color-text)}.sunio-cs-flow-step-body p{margin:0;font-size:.9rem;line-height:1.58;color:var(--color-text-muted)}.sunio-tas-income-card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.45rem}.sunio-tas-income-card-ic{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary)}.sunio-tas-income-card h3{margin:0;font-size:.95rem}.sunio-cs-pain-why-lead{margin:-.35rem 0 1.5rem;max-width:46rem;font-size:1.02rem;line-height:1.65;color:var(--color-text-muted)}.sunio-cs-pain-why-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}@media (min-width:900px){.sunio-cs-pain-why-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}.sunio-cs-pain-why-sub{margin:0 0 .85rem;font-size:1.02rem;font-weight:800;color:var(--color-text);letter-spacing:.01em}.sunio-cs-pain-panel{margin:0;padding:1.2rem 1.25rem 1.35rem;border-radius:18px;background:color-mix(in srgb,#f1f5f9 70%,var(--color-surface));box-shadow:0 10px 32px rgba(15,23,42,.08);border:1px solid color-mix(in srgb,#64748b 20%,var(--color-border));border-left:4px solid #64748b}.sunio-cs-pain-list{margin:0;padding:0 0 0 1.15rem;color:var(--color-text);font-size:.93rem;line-height:1.62}.sunio-cs-pain-list li{margin-bottom:.75rem}.sunio-cs-pain-list li:last-child{margin-bottom:0}.sunio-cs-pain-list strong{color:var(--color-text);font-weight:700}.sunio-cs-why-panel{margin:0;padding:1.2rem 1.25rem 1.35rem;border-radius:18px;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));box-shadow:0 10px 32px color-mix(in srgb,var(--color-primary) 16%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border));border-left:4px solid var(--color-primary-hover)}.sunio-cs-why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.sunio-cs-why-list li{display:flex;gap:.65rem;align-items:flex-start;font-size:.93rem;line-height:1.58;color:var(--color-text)}.sunio-cs-why-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-top:.12rem;border-radius:8px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent);font-size:.75rem;font-weight:800;color:var(--color-primary-hover)}.sunio-cs-why-list strong{font-weight:700;color:var(--color-text)}.sunio-cs-pain-why-cta{margin:1.15rem 0 0;padding-top:1rem;border-top:1px solid color-mix(in srgb,var(--color-primary) 14%,transparent);font-size:.9rem;font-weight:600;color:var(--color-text-muted);line-height:1.5}.sunio-cs-pain-why-cta-link{color:var(--color-primary-hover);font-weight:700;text-decoration:none}.sunio-cs-pain-why-cta-link:hover{text-decoration:underline}.sunio-cs-section{padding:clamp(2rem,4vw,2.75rem) 0}.sunio-cs-section:not(.sunio-cs-zalo-band){background:#fff;border-top:1px solid #e2e8f0}.sunio-cs-section--tint{background:#fff}.sunio-cs-section-title{margin:0 0 1.25rem;font-size:clamp(1.22rem,2.5vw,1.48rem);font-weight:800;letter-spacing:-.02em;color:var(--color-text)}.sunio-cs-pill-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.sunio-cs-pill-list li{padding:.45rem .85rem;border-radius:999px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));font-size:.88rem;font-weight:600;color:var(--color-text);box-shadow:0 2px 10px rgba(15,23,42,.05)}.sunio-cs-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.sunio-cs-feature-card{margin:0;padding:1.15rem 1.2rem;border-radius:16px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border));box-shadow:0 8px 28px rgba(15,23,42,.07)}.sunio-cs-feature-card h3{margin:.35rem 0 .45rem;font-size:1rem;font-weight:700;color:var(--color-text)}.sunio-cs-feature-card p{margin:0;font-size:.9rem;line-height:1.58;color:var(--color-text-muted)}.sunio-cs-feature-icon{display:inline-flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--color-primary) 14%,var(--color-accent-soft));color:var(--color-primary);font-size:1.1rem}.sunio-cs-steps{margin:0;padding-left:1.2rem;max-width:40rem;color:var(--color-text);line-height:1.65}.sunio-cs-steps li{margin-bottom:.75rem}.sunio-cs-steps li strong{color:var(--color-primary-hover)}.sunio-cs-zalo-band{background:var(--color-primary);color:#fff;padding:clamp(1.75rem,4vw,2.5rem) 0}.sunio-cs-zalo-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.25rem}.sunio-cs-zalo-title{margin:0 0 .4rem;font-size:1.25rem;font-weight:800}.sunio-cs-zalo-text{margin:0;max-width:36rem;font-size:.92rem;line-height:1.55;opacity:.95}.sunio-cs-zalo-text a{color:#fff;font-weight:700;text-decoration:underline}.sunio-cs-zalo-btn.sunio-btn-primary{background:#fff;color:var(--color-primary-hover);border:none}.sunio-cs-zalo-btn.sunio-btn-primary:hover{background:color-mix(in srgb,#fff 92%,transparent);color:var(--color-primary-hover);text-decoration:none}.sunio-cs-form-section{padding:clamp(2rem,4vw,2.75rem) 0;background:#fff;border-top:1px solid #e2e8f0}.sunio-cs-form-card{max-width:44rem;margin:0 auto;padding:clamp(1.35rem,3vw,2rem);border-radius:20px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));box-shadow:0 14px 44px rgba(15,23,42,.09)}.sunio-cs-form-title{margin:0 0 .5rem;font-size:1.35rem;font-weight:800;color:var(--color-text)}.sunio-cs-form-lead{margin:0 0 1rem;font-size:.9rem;line-height:1.6;color:var(--color-text-muted)}.sunio-cs-form-account{margin:0 0 1.25rem;font-size:.85rem;color:var(--color-text)}.sunio-cs-form-account--guest a{font-weight:700;color:var(--color-primary)}.sunio-cs-form-account-badge{display:inline-block;margin-right:.45rem;padding:.15rem .5rem;border-radius:6px;background:var(--color-accent-soft);color:var(--color-primary-hover);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.sunio-cs-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:.85rem;gap:.85rem;margin-bottom:1rem}.sunio-cs-label{display:flex;flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.sunio-cs-label--block{margin-bottom:1rem}.sunio-cs-input,.sunio-cs-textarea{padding:.5rem .65rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg);font:inherit;font-size:.9rem;color:var(--color-text)}.sunio-cs-textarea{resize:vertical;min-height:120px}.sunio-cs-file{font-size:.85rem}.sunio-cs-file-hint{display:block;margin-top:.35rem;font-size:.78rem;font-weight:500;color:var(--color-text-muted)}.sunio-cs-fieldset{margin:0 0 1rem;padding:0;border:none}.sunio-cs-legend{padding:0;margin-bottom:.5rem;font-size:.82rem;font-weight:700;color:var(--color-text)}.sunio-cs-check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.45rem .75rem;gap:.45rem .75rem}.sunio-cs-check{display:flex;align-items:flex-start;gap:.45rem;font-size:.86rem;color:var(--color-text);cursor:pointer}.sunio-cs-check input{margin-top:.2rem}.sunio-cs-radio-row{display:flex;flex-direction:column;gap:.4rem}.sunio-cs-radio{display:flex;align-items:center;gap:.45rem;font-size:.86rem;color:var(--color-text);cursor:pointer}.sunio-cs-alert{margin:.75rem 0;padding:.55rem .75rem;border-radius:10px;font-size:.88rem}.sunio-cs-alert--err{background:color-mix(in srgb,#ef4444 12%,transparent);color:#b91c1c}.sunio-cs-alert--ok{background:color-mix(in srgb,#22c55e 14%,transparent);color:#166534}.sunio-cs-submit{margin-top:.5rem;padding:.6rem 1.35rem;border:none;border-radius:12px;background:var(--color-primary);color:#fff;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer}.sunio-cs-submit:disabled{opacity:.65;cursor:not-allowed}.sunio-cs-pricing-intro{margin:0 0 1.35rem;max-width:44rem;font-size:.92rem;line-height:1.65;color:var(--color-text-muted)}.sunio-cs-pricing-foot{margin:1.5rem 0 0;font-size:.88rem;color:var(--color-text-muted)}.sunio-cs-pricing-foot-link{font-weight:700;color:var(--color-primary);text-decoration:none}.sunio-cs-pricing-foot-link:hover{text-decoration:underline}.sunio-cs-pricing-empty{padding:1.25rem 1rem;border-radius:14px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));border:1px dashed var(--color-tint-border);font-size:.9rem;line-height:1.55;color:var(--color-text)}.sunio-cs-pricing-empty a{font-weight:700;color:var(--color-primary)}.sunio-cs-pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.1rem;gap:1.1rem;align-items:stretch}.sunio-cs-pricing-card{position:relative;margin:0;padding:1.35rem 1.25rem 1.25rem;border-radius:18px;background:var(--color-surface);border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));box-shadow:0 10px 32px rgba(15,23,42,.07);display:flex;flex-direction:column;gap:.65rem}.sunio-cs-pricing-card--highlight{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent),0 14px 40px color-mix(in srgb,var(--color-primary) 12%,transparent);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.sunio-cs-pricing-badge{position:absolute;top:.75rem;right:.75rem;padding:.2rem .5rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--color-primary);color:#fff}.sunio-cs-pricing-card-title{margin:0;padding-right:4.5rem;font-size:1.08rem;font-weight:800;color:var(--color-text);line-height:1.25}.sunio-cs-pricing-card-sub{margin:-.25rem 0 0;font-size:.84rem;color:var(--color-text-muted);line-height:1.45}.sunio-cs-pricing-price-block{display:flex;flex-direction:column;gap:.2rem;padding:.65rem 0 .35rem;border-top:1px solid var(--color-border);margin-top:.15rem}.sunio-cs-pricing-price{font-size:1.35rem;font-weight:800;color:var(--color-primary);letter-spacing:-.02em;line-height:1.2}.sunio-cs-pricing-note{font-size:.78rem;font-weight:600;color:var(--color-text-muted)}.sunio-cs-pricing-desc{margin:0;font-size:.86rem;line-height:1.55;color:var(--color-text)}.sunio-cs-pricing-features{margin:0;padding:0 0 0 1.1rem;font-size:.84rem;line-height:1.55;color:var(--color-text-muted);flex:1 1}.sunio-cs-pricing-features li{margin-bottom:.35rem}.sunio-cs-pricing-features li::marker{color:var(--color-primary-mid)}.sunio-cs-trust{padding-top:0}.sunio-cs-trust-text{margin:0 0 .75rem;max-width:44rem;font-size:.93rem;line-height:1.65;color:var(--color-text-muted)}.sunio-cs-trust-foot{margin:0;font-size:.88rem}.sunio-cs-trust-foot a{font-weight:600;color:var(--color-primary)}.sunio-shop-page{padding-bottom:3rem}.sunio-shop-hero{margin:0 0 1.75rem}.sunio-shop-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.95fr);grid-gap:2rem 2.75rem;gap:2rem 2.75rem;align-items:center;padding:2rem 2.25rem 2.25rem;border-radius:24px;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));box-shadow:0 1px 0 color-mix(in srgb,#fff 70%,transparent),0 24px 56px rgba(15,23,42,.07);position:relative;overflow:hidden}.sunio-shop-hero-inner:before{content:"";position:absolute;inset:-40% -20% auto auto;width:min(55%,420px);aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 12%,transparent);pointer-events:none}.sunio-shop-hero-copy{position:relative;z-index:1;min-width:0}.sunio-shop-hero-eyebrow{margin:0 0 .5rem;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary)}.sunio-shop-hero-title{margin:0 0 .85rem;font-size:clamp(1.65rem,2.8vw + .9rem,2.35rem);font-weight:800;line-height:1.18;letter-spacing:-.03em;color:var(--color-text)}.sunio-shop-hero-title-accent{color:var(--color-primary-hover);font-weight:800}.sunio-shop-hero-lead{margin:0 0 1.1rem;max-width:36rem;font-size:.96rem;line-height:1.65;color:var(--cta-secondary-text)}.sunio-shop-hero-highlights{display:flex;flex-wrap:wrap;gap:.45rem .65rem;margin:0 0 1.35rem;padding:0;list-style:none}.sunio-shop-hero-highlights li{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--color-text);background:color-mix(in srgb,var(--color-surface) 88%,var(--color-primary));border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border))}.sunio-shop-hero-highlights li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.sunio-shop-hero-cta{display:flex;flex-wrap:wrap;gap:.65rem}.sunio-shop-hero-cta a:focus-visible,.sunio-shop-hero-cta a:hover{text-decoration:none}.sunio-shop-hero-visual{position:relative;z-index:1;margin:0;display:flex;justify-content:center;align-items:center}.sunio-shop-hero-img{width:100%;max-width:min(100%,440px);height:auto;display:block;filter:drop-shadow(0 20px 36px rgba(15,23,42,.1))}@media (max-width:900px){.sunio-shop-hero-inner{grid-template-columns:1fr;padding:1.65rem 1.35rem 1.85rem;gap:1.35rem}.sunio-shop-hero-visual{order:-1;max-width:320px;margin-left:auto;margin-right:auto}.sunio-shop-hero-title{font-size:clamp(1.45rem,5vw + .5rem,2rem)}}.sunio-shop-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem .85rem;margin-bottom:1.25rem}.sunio-shop-cats{flex:1 1 auto;min-width:0;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:.1rem 0}.sunio-shop-cat-chips{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .45rem;margin:0;padding:0;list-style:none}.sunio-shop-cat-chips li{margin:0}.sunio-shop-cat-chips .sunio-shop-cat-link{width:auto;white-space:nowrap;font-size:.82rem;padding:.42rem .85rem;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 11%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));transition:background .15s ease,border-color .15s ease,color .15s ease}.sunio-shop-cat-chips .sunio-shop-cat-link:hover:not(.is-active){background:color-mix(in srgb,var(--color-primary) 18%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 32%,var(--color-border))}.sunio-shop-cat-chips .sunio-shop-cat-link.is-active{background:var(--color-primary);color:#fff;font-weight:700;border-color:color-mix(in srgb,var(--color-primary) 65%,#1e293b)}.sunio-shop-cat-chips .sunio-shop-cat-link.is-active:hover{filter:brightness(1.06)}.sunio-shop-cat-link{display:block;width:100%;text-align:left;padding:.45rem .6rem;border:none;border-radius:10px;background:transparent;font-size:.9rem;color:var(--color-text);cursor:pointer}.sunio-shop-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;margin:0;padding:0;list-style:none}@media (min-width:560px){.sunio-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.sunio-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sunio-shop-card{border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 10px 32px rgba(15,23,42,.06);overflow:hidden;transition:box-shadow .2s,transform .2s}.sunio-shop-card:hover{box-shadow:0 16px 44px rgba(15,23,42,.1);transform:translateY(-2px)}.sunio-shop-card-link{display:block;padding:0;text-decoration:none;color:inherit}a.sunio-shop-card-link:focus-visible,a.sunio-shop-card-link:hover{text-decoration:none}.sunio-shop-card-inner{display:flex;flex-direction:column;height:100%}a.sunio-shop-card-link-media{display:block;padding:0;text-decoration:none;color:inherit}a.sunio-shop-card-link-media:focus-visible,a.sunio-shop-card-link-media:hover{text-decoration:none}.sunio-shop-card-title a{color:inherit;text-decoration:none}.sunio-shop-card-title a:focus-visible,.sunio-shop-card-title a:hover{color:var(--color-primary)}.sunio-shop-card-variants{margin:0 1rem 1rem;display:flex;flex-direction:column;gap:.4rem}.sunio-shop-variant-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.5rem .65rem;border-radius:12px;border:1px solid var(--color-border);text-decoration:none;color:inherit;font-size:.82rem;transition:background .15s,border-color .15s}.sunio-shop-variant-row:focus-visible,.sunio-shop-variant-row:hover{text-decoration:none;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface));border-color:color-mix(in srgb,var(--color-primary) 28%,var(--color-border))}.sunio-shop-variant-label{font-weight:700}.sunio-shop-variant-physical .sunio-shop-variant-label{color:var(--color-text)}.sunio-shop-variant-digital .sunio-shop-variant-label{color:#0369a1}.sunio-shop-variant-prices{display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.sunio-shop-variant-prices .sunio-shop-card-compare{font-size:.72rem}.sunio-shop-variant-prices .sunio-shop-card-price{font-size:.95rem}.sunio-shop-card-image-wrap{position:relative;aspect-ratio:4/3;background:#f1f5f9}.sunio-shop-card-image{width:100%;height:100%;object-fit:cover;display:block}.sunio-shop-card-placeholder{width:100%;height:100%;background:#e2e8f0}.sunio-shop-card-badge{position:absolute;top:.5rem;right:.5rem;left:auto;width:max-content;max-width:calc(100% - 1rem);padding:.2rem .45rem;border-radius:8px;font-size:.65rem;font-weight:800;text-transform:uppercase;background:var(--color-primary);color:#fff}.sunio-shop-card-image-wrap:has(.sunio-shop-card-badge-handbook)>.sunio-shop-card-badge:not(.sunio-shop-card-badge-handbook){right:auto;left:.5rem}.sunio-shop-card-title{margin:.85rem 1rem .25rem;font-size:1rem;font-weight:700;line-height:1.3}.sunio-shop-card-cat{margin:0 1rem .5rem;font-size:.78rem;color:var(--color-text-muted)}.sunio-shop-card-price-row{margin:0 1rem 1rem;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.sunio-shop-card-compare{font-size:.82rem;text-decoration:line-through;color:var(--color-text-muted)}.sunio-shop-card-price{font-size:1.05rem;font-weight:800;color:var(--color-primary)}.sunio-shop-bundle-box{margin:0 1rem 1rem;padding:.65rem .75rem;border-radius:12px;font-size:.82rem;line-height:1.5;color:var(--color-text);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border))}.sunio-shop-card-badge-handbook{left:auto;right:.5rem;top:.5rem;width:max-content;max-width:calc(100% - 1rem);padding:.25rem .5rem;border-radius:999px;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#0f766e;color:#fff}.sunio-shop-card-handbook-hint{margin:0 1rem .85rem;font-size:.78rem;color:var(--color-text-muted);line-height:1.45}.sunio-shop-pager{display:flex;align-items:center;gap:1rem;margin-top:1.75rem;flex-wrap:wrap}.sunio-shop-pager-meta{font-size:.88rem;color:var(--color-text-muted)}.sunio-shop-muted{color:var(--color-text-muted);font-size:.92rem}.sunio-shop-back{display:inline-block;margin-top:1rem;font-weight:600;color:var(--color-primary);text-decoration:none}.sunio-shop-back-wrap{margin-top:2rem}.sunio-shop-inline-link{font-weight:600;color:var(--color-primary)}.sunio-shop-error{color:#b91c1c;font-size:.92rem}.sunio-handbook-app{--hb-aside-w:280px;--hb-sticky-top:72px}.sunio-handbook-page.sunio-handbook-app.sunio-handbook-app--docs{padding:0!important;margin:0;width:100%;max-width:none;background:#fff}.sunio-handbook-app--gate{background:var(--color-bg);min-height:40vh}.sunio-page.sunio-handbook-app--gate{max-width:none}.sunio-handbook-app--gate .sunio-handbook-app-inner{max-width:32rem;margin:0 auto;padding:2rem 1.25rem}.sunio-handbook-app-inner{max-width:none;width:100%;margin:0;padding:0}.sunio-handbook-gate{max-width:32rem;padding:2rem 0}.sunio-handbook-app-header{display:flex;align-items:flex-start;gap:1rem 1.25rem;flex-wrap:wrap;padding:1rem clamp(1.25rem,4vw,2.75rem) 1.15rem;margin:0;border-bottom:1px solid #e8e8ed;background:#fff}.sunio-handbook-app-back{border:none;background:transparent;font:inherit;font-weight:700;color:var(--color-primary);cursor:pointer;padding:.35rem 0;flex-shrink:0}.sunio-handbook-app-back:focus-visible,.sunio-handbook-app-back:hover{text-decoration:underline}.sunio-handbook-app-header-main{flex:1 1;min-width:0}.sunio-handbook-app-title{margin:0;font-size:clamp(1.2rem,2vw + .75rem,1.55rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--color-text)}.sunio-handbook-app-sub{margin:.35rem 0 0;font-size:.92rem;color:var(--color-text-muted);line-height:1.45}.sunio-handbook-app-cover{width:64px;height:auto;max-height:88px;object-fit:cover;border-radius:10px;border:1px solid var(--color-border);box-shadow:0 6px 18px rgba(15,23,42,.08)}.sunio-handbook-frame{display:grid;grid-template-columns:var(--hb-aside-w) minmax(0,1fr);grid-gap:0;gap:0;align-items:stretch;min-height:calc(100vh - var(--hb-sticky-top) - 2rem);border-radius:0;border:none;border-top:1px solid #e8e8ed;background:#fff;box-shadow:none;overflow:visible}.sunio-handbook-frame--empty-access{grid-template-columns:1fr;min-height:min(72vh,720px);border-top:1px solid #e8e8ed}.sunio-handbook-body--empty-access{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(2rem,6vw,4rem) 1.5rem;max-width:none!important}.sunio-handbook-empty-title{margin:0 0 .65rem;font-size:1.22rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em;max-width:28rem;line-height:1.35}.sunio-handbook-empty-hint{margin:0 0 1.5rem;max-width:26rem;line-height:1.55}.sunio-handbook-empty-actions{display:flex;flex-direction:column;align-items:center;gap:.85rem}.sunio-handbook-aside{border-right:1px solid #e8e8ed;background:#f5f6f8;padding:1.25rem .9rem 2rem 1.1rem;display:flex;flex-direction:column;gap:.75rem;position:-webkit-sticky;position:sticky;top:var(--hb-sticky-top);align-self:start;max-height:calc(100vh - var(--hb-sticky-top));overflow-x:hidden;overflow-y:auto}.sunio-handbook-aside-kicker{margin:0;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#64748b}.sunio-handbook-aside-hint{margin:0;font-size:.72rem;line-height:1.45;color:#94a3b8}.sunio-handbook-aside-hint code{font-size:.68rem;padding:.05rem .25rem;border-radius:4px;background:#e2e8f0;color:#475569}.sunio-handbook-toc-tree{flex:1 1;overflow-y:auto;min-height:0;padding-right:.25rem;display:flex;flex-direction:column;gap:.75rem}.sunio-handbook-toc-folder{border-radius:6px;background:transparent;border:none;overflow:visible}.sunio-handbook-toc-folder-head{display:flex;align-items:flex-start;gap:.45rem;width:100%;text-align:left;padding:.45rem .5rem;border:none;border-radius:4px;background:transparent;font:inherit;font-weight:600;font-size:.84rem;line-height:1.35;color:#3b3f4a;cursor:pointer;transition:background .12s}.sunio-handbook-toc-folder-head:focus-visible,.sunio-handbook-toc-folder-head:hover{background:rgba(0,0,0,.05)}.sunio-handbook-toc-folder-head.is-active{background:rgba(0,0,0,.06);border-left:3px solid var(--color-primary);padding-left:calc(.5rem - 3px);color:var(--color-text);font-weight:700}.sunio-handbook-toc-folder-icon{flex-shrink:0;width:1.1rem;height:2.2rem;margin-top:.05rem;border-radius:3px;border:2px solid #94a3b8;border-left-width:3px;background:#e2e8f0}.sunio-handbook-toc-folder-title{flex:1 1;min-width:0}.sunio-handbook-toc-imgs{margin:0;padding:0 .5rem .65rem .65rem;list-style:none;border-top:1px dashed #e2e8f0}.sunio-handbook-toc-imgs li{margin:.35rem 0 0}.sunio-handbook-toc-img-link{display:flex;align-items:flex-start;gap:.35rem;width:100%;text-align:left;padding:.25rem .35rem;border:none;border-radius:8px;background:transparent;font:inherit;font-size:.78rem;line-height:1.4;color:#475569;cursor:pointer}.sunio-handbook-toc-img-link:focus-visible,.sunio-handbook-toc-img-link:hover{background:#f1f5f9;color:var(--color-primary)}.sunio-handbook-toc-img-link.is-active{background:rgba(0,0,0,.06);color:var(--color-primary);font-weight:700}.sunio-handbook-toc-img-dot{flex-shrink:0;width:6px;height:6px;margin-top:.5em;border-radius:50%;background:#94a3b8}.sunio-handbook-toc-img-link.is-active .sunio-handbook-toc-img-dot{background:var(--color-primary)}.sunio-handbook-aside-exit{font-size:.82rem;margin-top:auto;padding-top:.5rem}.sunio-handbook-body{min-width:0;padding:2rem clamp(1.5rem,4vw,3.5rem) 4rem;background:#fff;overflow:visible;max-height:none;font-size:1rem;line-height:1.7;color:#1f2937}.sunio-handbook-body>*{max-width:min(56rem,100%)}.sunio-handbook-block--embed{max-width:min(72rem,100%)}.sunio-handbook-embed{margin:.5rem 0 0;padding:1rem 0 1.25rem;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.sunio-handbook-embed--err,.sunio-handbook-embed--loading{padding:1rem;border-radius:12px;background:#f8fafc}.sunio-handbook-embed-head{margin-bottom:1rem}.sunio-handbook-embed-title{margin:.35rem 0 0;font-size:1.35rem;font-weight:800;letter-spacing:-.02em;color:var(--color-text)}.sunio-handbook-embed-caption{margin:.5rem 0 0;font-size:.95rem;color:var(--color-text-muted)}.sunio-handbook-embed-open{margin:.75rem 0 0;font-size:.9rem}.sunio-handbook-embed-split.sunio-kho-detail-split{margin-top:.75rem}.sunio-handbook-embed-info.sunio-kho-detail-info{margin-top:1.25rem}.sunio-handbook-body-intro{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid #ececec}.sunio-handbook-section-chunk{scroll-margin-top:1rem;padding-top:1.5rem;margin-top:.5rem;border-top:1px solid #f1f5f9}.sunio-handbook-section-chunk:first-of-type{border-top:none;margin-top:0;padding-top:0}.sunio-handbook-section-chunk-title{margin:0 0 .5rem;font-size:1.28rem;font-weight:800;color:var(--color-text);letter-spacing:-.02em}.sunio-handbook-section-chunk-excerpt{margin:0 0 1.25rem;font-size:.92rem;color:var(--color-text-muted);line-height:1.55}.sunio-handbook-block--scroll-target{scroll-margin-top:calc(var(--hb-sticky-top) + .35rem)}@media (max-width:900px){.sunio-handbook-app{--hb-aside-w:100%}.sunio-handbook-frame{grid-template-columns:1fr}.sunio-handbook-aside{position:relative;top:0;max-height:42vh;border-right:none;border-bottom:1px solid #e8e8ed}.sunio-handbook-body{padding:1.5rem 1.25rem 3rem}}@media (max-width:640px){.sunio-handbook-app-cover{width:52px;max-height:72px}}.sunio-handbook-blocks{display:flex;flex-direction:column;gap:1.35rem}.sunio-handbook-block{font-size:.95rem;line-height:1.65}.sunio-handbook-prose{color:var(--color-text)}.sunio-handbook-prose p{margin:0 0 .85rem}.sunio-handbook-prose p:last-child{margin-bottom:0}.sunio-handbook-prose ol,.sunio-handbook-prose ul{margin:0 0 .85rem;padding-left:1.35rem}.sunio-handbook-prose h1,.sunio-handbook-prose h2,.sunio-handbook-prose h3{margin:1.25rem 0 .5rem;line-height:1.25;font-weight:800}.sunio-handbook-prose h1:first-child,.sunio-handbook-prose h2:first-child,.sunio-handbook-prose h3:first-child{margin-top:0}.sunio-handbook-fig{margin:0;text-align:center}.sunio-handbook-fig-img{max-width:100%;height:auto;border-radius:12px;border:1px solid var(--color-border)}.sunio-handbook-fig figcaption{margin-top:.5rem;font-size:.85rem;color:var(--color-text-muted)}.sunio-handbook-quiz{padding:1rem 1.1rem;border-radius:14px;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 20%,var(--color-border))}.sunio-handbook-quiz-q{margin:0 0 .75rem;font-weight:700}.sunio-handbook-quiz-choices{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}.sunio-handbook-quiz-opt{display:block;width:100%;text-align:left;padding:.55rem .75rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);font:inherit;cursor:pointer;transition:background .15s,border-color .15s}.sunio-handbook-quiz-opt:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.sunio-handbook-quiz-opt:disabled{cursor:default}.sunio-handbook-quiz-opt.is-wrong{border-color:#f87171;background:color-mix(in srgb,#fecaca 35%,var(--color-surface))}.sunio-handbook-quiz-opt.is-right{border-color:#34d399;background:color-mix(in srgb,#a7f3d0 45%,var(--color-surface))}.sunio-handbook-quiz-exp{margin:.75rem 0 0;font-size:.88rem;color:var(--color-text-muted)}.sunio-handbook-game-placeholder{padding:1.25rem;border-radius:14px;border:1px dashed var(--color-border);background:#f8fafc}.sunio-shop-breadcrumb{font-size:.86rem;color:var(--color-text-muted);margin-bottom:1.25rem}.sunio-shop-breadcrumb a{color:var(--color-primary);font-weight:600;text-decoration:none}.sunio-shop-breadcrumb-current{color:var(--color-text);font-weight:600}.sunio-shop-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:900px){.sunio-shop-detail-grid{grid-template-columns:1fr}}.sunio-shop-detail-cover-wrap{border-radius:20px;overflow:hidden;border:1px solid var(--color-border);background:#f8fafc}.sunio-shop-detail-cover{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.sunio-shop-detail-cover-placeholder{aspect-ratio:4/3;background:#e2e8f0}.sunio-shop-detail-thumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}.sunio-shop-detail-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--color-border)}.sunio-shop-detail-video{margin-top:1.5rem}.sunio-shop-detail-video-title{font-size:.95rem;margin:0 0 .5rem}.sunio-shop-detail-video-frame{position:relative;padding-bottom:56.25%;height:0;border-radius:16px;overflow:hidden;border:1px solid var(--color-border);background:#0f172a}.sunio-shop-detail-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.sunio-shop-detail-cat{margin:0 0 .35rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.sunio-shop-detail-format-badge{margin:0 0 .5rem;display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb,#0369a1 14%,var(--color-surface));color:#0c4a6e;border:1px solid color-mix(in srgb,#0369a1 35%,var(--color-border))}.sunio-shop-detail-format-badge.sunio-shop-detail-format-physical{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}.sunio-shop-detail-sibling{margin:0 0 .85rem;font-size:.88rem;line-height:1.5;color:var(--color-text-muted)}.sunio-shop-detail-download-hint,.sunio-shop-detail-handbook-preview{font-size:.88rem;line-height:1.5;margin:.5rem 0 0}.sunio-shop-detail-title{margin:0 0 .75rem;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.2}.sunio-shop-detail-price-row{display:flex;align-items:baseline;gap:.65rem;margin-bottom:1rem}.sunio-shop-detail-compare{text-decoration:line-through;color:var(--color-text-muted)}.sunio-shop-detail-price{font-size:1.65rem;font-weight:800;color:var(--color-primary)}.sunio-shop-detail-short{font-size:.95rem;line-height:1.6;color:var(--color-text)}.sunio-shop-bonus-box{margin:1rem 0;padding:.85rem 1rem;border-radius:14px;background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));font-size:.88rem;line-height:1.55}.sunio-shop-bonus-box strong{display:block;margin-bottom:.35rem}.sunio-shop-detail-ship-note,.sunio-shop-detail-stock,.sunio-shop-detail-surcharge{font-size:.88rem;color:var(--color-text-muted);line-height:1.5}.sunio-shop-stock-out{color:#b91c1c;font-weight:700}.sunio-shop-detail-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:1.25rem 0 2rem}.sunio-shop-qty-label{display:flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600}.sunio-shop-qty-input{width:4rem;padding:.4rem .5rem;border-radius:10px;border:1px solid var(--color-border)}.sunio-shop-detail-body h2{font-size:1.05rem;margin:0 0 .65rem}.sunio-shop-prose{font-size:.92rem;line-height:1.65;white-space:pre-wrap;color:var(--color-text)}.sunio-shop-cart-list{margin:0 0 1.5rem;padding:0;list-style:none}.sunio-shop-cart-row{display:grid;grid-template-columns:1fr auto auto auto;grid-gap:1rem;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-border)}@media (max-width:640px){.sunio-shop-cart-row{grid-template-columns:1fr;gap:.65rem}}.sunio-shop-cart-title{font-weight:700;color:var(--color-text);text-decoration:none}.sunio-shop-cart-unit{margin:.25rem 0 0;font-size:.85rem;color:var(--color-text-muted)}.sunio-shop-cart-qty{display:flex;align-items:center;gap:.35rem}.sunio-shop-qty-btn{width:2rem;height:2rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;font-size:1.1rem;line-height:1}.sunio-shop-qty-val{min-width:1.5rem;text-align:center;font-weight:700}.sunio-shop-cart-line-total{font-weight:800;color:var(--color-primary)}.sunio-shop-cart-remove{border:none;background:none;color:#b91c1c;cursor:pointer;font-size:.86rem;font-weight:600;text-decoration:underline}.sunio-shop-cart-summary{max-width:28rem;padding:1.25rem;border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface)}.sunio-shop-cart-subtotal{font-size:1.05rem;margin:0 0 .5rem}.sunio-shop-cart-ship{margin:0 0 1rem;font-size:.86rem}.sunio-shop-cart-actions{display:flex;flex-wrap:wrap;gap:.5rem}.sunio-shop-checkout-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr);grid-gap:2rem;gap:2rem;align-items:start;margin-top:1.5rem}@media (max-width:900px){.sunio-shop-checkout-split{grid-template-columns:1fr}}.sunio-shop-checkout-h2{font-size:1.05rem;margin:0 0 1rem}.sunio-shop-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.85rem;font-size:.88rem;font-weight:600}.sunio-shop-field input,.sunio-shop-field textarea{font-weight:400;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);font-size:.95rem}.sunio-shop-checkout-aside{padding:1.25rem;border-radius:16px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.sunio-shop-checkout-lines{margin:0 0 1rem;padding:0;list-style:none;font-size:.88rem}.sunio-shop-checkout-lines li{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.45rem;padding-bottom:.45rem;border-bottom:1px dashed var(--color-border)}.sunio-shop-checkout-sub{margin:0;font-size:.95rem}.sunio-shop-checkout-note{margin:.65rem 0 1rem;font-size:.82rem}.sunio-shop-order-ref{font-size:.95rem;margin-bottom:1.25rem}.sunio-shop-order-ref code{background:#f1f5f9;padding:.15rem .45rem;border-radius:6px}.sunio-shop-order-dl{display:grid;grid-gap:.85rem;gap:.85rem;margin:0 0 1.5rem}.sunio-shop-order-dl dt{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.sunio-shop-order-dl dd{margin:.2rem 0 0;font-size:.95rem}.sunio-shop-order-section{margin-bottom:1.75rem}.sunio-shop-order-section h2{font-size:1rem;margin:0 0 .5rem}.sunio-shop-order-lines{margin:0;padding-left:1.1rem;line-height:1.6}.sunio-shop-order-lines li{margin-bottom:.65rem}.sunio-shop-order-digital-actions{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.86rem}.sunio-shop-bonus-result ul{margin:.5rem 0 0;padding-left:1.1rem}.sunio-shop-bonus-result code{background:#ecfdf5;padding:.1rem .35rem;border-radius:4px;font-weight:700}.sunio-app-shell-body.sunio-site-main:has(>.sunio-nb-reader){background:#f5f6f8}.sunio-nb-reader{flex:1 1;width:100%;min-height:100vh;min-height:100dvh;background:#f5f6f8}.sunio-nb-reader-inner{display:flex;min-height:100vh;align-items:stretch}.sunio-nb-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-primary) 28%,rgba(100,116,139,.45)) rgba(241,245,249,.65)}.sunio-nb-scroll::-webkit-scrollbar{width:5px;height:5px}.sunio-nb-scroll::-webkit-scrollbar-track{background:rgba(241,245,249,.75);border-radius:999px;margin:4px 0}.sunio-nb-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 35%,#94a3b8) 0,rgba(100,116,139,.42) 100%);border-radius:999px;border:4px solid transparent;background-clip:padding-box}.sunio-nb-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--color-primary) 55%,#64748b) 0,rgba(71,85,105,.55) 100%);background-clip:padding-box}.sunio-nb-sidebar{width:min(300px,92vw);flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-surface);position:-webkit-sticky;position:sticky;top:0;display:flex;flex-direction:column;padding:1rem .85rem 0;box-sizing:border-box}.sunio-nb-sidebar.sunio-nb-sidebar--site-shell{width:100%;flex:1 1;min-height:0;border-right:none;padding:.25rem .85rem 0;position:relative;top:auto;height:auto;max-height:none;overflow:hidden;background:transparent}@media (min-width:900px){.sunio-nb-sidebar.sunio-nb-sidebar--site-shell{height:auto;max-height:none}}.sunio-nb-main.sunio-nb-main--doc-only{width:100%;max-width:none;padding-top:max(.35rem,env(safe-area-inset-top,0px))}.sunio-nb-doc-top-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem 1rem;padding:.3rem 0 .55rem;margin-bottom:.2rem;border-bottom:1px solid var(--color-border)}.sunio-nb-doc-top-bar-title{margin:0;font-size:1.05rem;line-height:1.35;flex:1 1 200px}.sunio-nb-doc-top-bar-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.sunio-nb-cover-prompt-overlay{position:fixed;inset:0;z-index:3000;display:flex;align-items:flex-start;justify-content:center;padding:max(1rem,env(safe-area-inset-top)) 1rem 1rem;background:rgba(15,23,42,.45);overflow-y:auto}.sunio-nb-cover-prompt-panel{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-popup);max-width:640px;width:100%;margin-bottom:2rem;border:1px solid var(--color-border)}.sunio-nb-cover-prompt-head{position:relative;padding:1.1rem 2.5rem .65rem 1.25rem;border-bottom:1px solid var(--color-border)}.sunio-nb-cover-prompt-title{margin:0;font-size:1.1rem}.sunio-nb-cover-prompt-sub{margin:.35rem 0 0;font-size:.88rem;color:var(--color-text-muted)}.sunio-nb-cover-prompt-hint{margin:.5rem 0 0;font-size:.8rem;line-height:1.45;color:var(--color-text-muted)}.sunio-nb-cover-prompt-close{position:absolute;top:.5rem;right:.5rem;width:2.25rem;height:2.25rem;border:none;border-radius:var(--radius);background:transparent;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--color-text-muted)}.sunio-nb-cover-prompt-close:hover:not(:disabled){background:var(--color-bg-muted,rgba(0,0,0,.06));color:var(--color-text)}.sunio-nb-cover-prompt-close:disabled{opacity:.5;cursor:not-allowed}.sunio-nb-cover-prompt-body{padding:1rem 1.25rem}.sunio-nb-cover-prompt-textarea{width:100%;box-sizing:border-box;min-height:200px;padding:.75rem;font-size:.88rem;line-height:1.5;font-family:var(--font-mono,ui-monospace,monospace);border:1px solid var(--color-border);border-radius:var(--radius);resize:vertical;background:var(--color-bg,#fff);color:var(--color-text)}.sunio-nb-cover-prompt-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem 1.15rem;border-top:1px solid var(--color-border)}.sunio-nb-sidebar-head{flex-shrink:0;margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid var(--color-border)}.sunio-nb-sidebar-title{margin:.65rem 0 .25rem;font-size:1.05rem;line-height:1.35}.sunio-nb-sidebar-meta{margin:0;font-size:.82rem;color:var(--color-text-muted)}.sunio-nb-sidebar-hint{margin:0;font-size:.78rem;line-height:1.45;color:var(--color-text-muted)}.sunio-nb-sidebar-hint--ok{color:#047857}.sunio-nb-sidebar-buy{color:var(--color-primary);font-weight:600}.sunio-nb-sidebar-buy--btn{display:inline;margin:0;padding:0;border:none;background:none;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.sunio-nb-sidebar-buy--btn:hover{color:var(--color-primary-hover,var(--color-primary))}.sunio-nb-sidebar-msg{flex-shrink:0}.sunio-nb-doc-reader-msg,.sunio-nb-sidebar-msg{font-size:.8rem;color:#b45309;margin:0 0 .65rem}.sunio-nb-doc-reader-msg{max-width:100%}.sunio-nb-toc{flex:1 1;min-height:0;overflow-y:auto;padding-right:2px;margin-right:-2px}.sunio-nb-sidebar-foot{flex-shrink:0;margin-top:auto;padding:.85rem 0 1rem;border-top:1px solid var(--color-border);background:var(--color-surface)}.sunio-nb-toc-section{margin-bottom:1rem}.sunio-nb-toc-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.35rem}.sunio-nb-toc-list{list-style:none;margin:0;padding:0}.sunio-nb-toc-list li{border-bottom:1px solid color-mix(in srgb,var(--color-border) 85%,transparent)}.sunio-nb-toc-list li:last-child{border-bottom:none}.sunio-nb-toc-item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:.45rem .35rem;border-radius:0;font-size:.86rem;cursor:pointer;color:var(--color-text)}.sunio-nb-toc-item:hover{background:rgba(15,23,42,.04)}.sunio-nb-toc-item--active{background:rgba(59,130,246,.1);font-weight:600}.sunio-nb-toc-item--locked{opacity:.72}.sunio-nb-toc--reader .sunio-nb-toc-section-title{font-weight:400}.sunio-nb-toc--reader .sunio-nb-toc-item{display:flex;align-items:baseline;gap:.35rem;font-weight:400}.sunio-nb-toc--reader .sunio-nb-toc-item--active{font-weight:400}.sunio-nb-toc--reader .sunio-nb-toc-num{flex-shrink:0;min-width:1.35rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:.8rem}.sunio-nb-toc--reader .sunio-nb-toc-item-label{flex:1 1;min-width:0;text-align:left}.sunio-nb-main{flex:1 1;min-width:0;padding:1rem 1.25rem 2.5rem;overflow-x:auto}.sunio-nb-article.sunio-kho-detail-article{max-width:none;width:100%;margin:0}.sunio-nb-detail-page-head.sunio-kho-detail-page-head{margin-bottom:.65rem}.sunio-nb-detail-page-head .sunio-kho-detail-kicker{margin-bottom:.3rem;font-size:clamp(.72rem,1.5vw,.82rem);gap:.25rem .4rem}.sunio-nb-detail-h1.sunio-kho-detail-h1{font-size:clamp(1rem,2.1vw,1.28rem);line-height:1.28;letter-spacing:.01em}@media (max-width:899px){.sunio-nb-reader-inner{flex-direction:column}.sunio-nb-sidebar{width:100%;max-height:none;position:relative;border-right:none;border-bottom:1px solid var(--color-border);padding-bottom:0;overflow:visible}.sunio-nb-toc{flex:none;min-height:0;max-height:min(50vh,22rem);overflow-y:auto}.sunio-nb-sidebar-foot{margin-top:.75rem;padding-top:.75rem}}@media (min-width:900px){.sunio-nb-sidebar{height:100vh;max-height:100vh;overflow:hidden}}.sunio-nb-doc-reader-split{display:flex;flex-direction:column;gap:clamp(.65rem,1.5vw,1rem);width:100%;min-width:0}.sunio-nb-doc-reader-split-toc{width:100%;min-width:0}@media (min-width:961px){.sunio-nb-article .sunio-kho-detail-split{grid-template-columns:minmax(0,max-content) minmax(17.5rem,1fr);align-items:start}.sunio-nb-article .sunio-kho-detail-split-left{width:-moz-fit-content;width:fit-content;max-width:100%;min-width:0}}.sunio-nb-article .sunio-kho-detail-split-right.sunio-nb-scroll{max-height:min(85vh,900px);overflow-y:auto;padding-left:clamp(.65rem,2.5vw,1.15rem);padding-right:clamp(.55rem,2vw,1rem);box-sizing:border-box;scrollbar-gutter:stable}.sunio-nb-doc-toc-slider-wrap{margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.sunio-nb-doc-toc-slider-shell{display:flex;flex-direction:row;align-items:stretch;gap:.35rem;min-width:0}.sunio-nb-doc-toc-slider-nav{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;min-height:2.85rem;padding:0;margin:0;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface,#fff);color:var(--color-primary,#6366f1);cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.sunio-nb-doc-toc-slider-nav:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 6%,var(--color-surface,#fff))}.sunio-nb-doc-toc-slider-nav:disabled{opacity:.35;cursor:not-allowed}.sunio-nb-doc-toc-slider-track{flex:1 1;min-width:0;display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:.1rem 0;scrollbar-width:none;-ms-overflow-style:none}.sunio-nb-doc-toc-slider-track::-webkit-scrollbar{display:none}.sunio-nb-doc-toc-slider-cell--text{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:.25rem;scroll-snap-align:start;width:min(14rem,72vw);min-width:min(9.5rem,56vw);max-width:16rem}.sunio-nb-doc-toc-slider-item--text{display:flex;flex-direction:row;align-items:flex-start;gap:.35rem;text-align:left;width:100%;min-height:2.85rem;padding:.45rem .55rem;margin:0;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface,#fff);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease;box-sizing:border-box;font-weight:400}.sunio-nb-doc-toc-slider-item--text:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:0 4px 14px rgba(15,23,42,.08)}.sunio-nb-doc-toc-slider-item--text.sunio-nb-doc-toc-slider-item--active{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 35%,transparent)}.sunio-nb-doc-toc-slider-item--locked{opacity:.72}.sunio-nb-doc-toc-slider-lock-inline{flex-shrink:0;font-size:.75rem;line-height:1.35}.sunio-nb-doc-toc-slider-title{flex:1 1;min-width:0;font-size:.78rem;font-weight:400;line-height:1.35;color:var(--color-text,#0f172a);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;word-break:break-word}.sunio-nb-article .sunio-kho-detail-media-panel{overflow:visible;padding:0;margin:0;box-sizing:border-box;background:transparent;border:none;box-shadow:none;border-radius:0}.sunio-nb-article .sunio-kho-detail-hero-gate.sunio-premium-media-gate,.sunio-nb-article .sunio-kho-detail-media-panel,.sunio-nb-doc-zoom-root{width:-moz-fit-content;width:fit-content;max-width:100%}.sunio-nb-doc-static-img__wrap{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0;padding:.45rem;box-sizing:border-box;border-radius:14px;border:1px solid color-mix(in srgb,var(--color-border) 78%,var(--color-primary) 22%);background:linear-gradient(165deg,color-mix(in srgb,var(--color-surface) 100%,var(--color-bg)) 0,var(--color-surface) 55%,color-mix(in srgb,var(--color-surface) 92%,var(--color-primary) 5%) 100%);box-shadow:0 1px 0 color-mix(in srgb,#fff 55%,transparent),0 2px 4px rgba(15,23,42,.04),0 10px 32px color-mix(in srgb,var(--color-primary) 7%,rgba(15,23,42,.1));overflow:visible}.sunio-nb-article .sunio-kho-detail-jigsaw-anchor{display:block;width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto}.sunio-nb-doc-static-img__media{display:block;margin:0;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 10rem);max-height:min(78vh,calc(100dvh - 9.5rem));object-fit:contain;border-radius:10px;box-shadow:0 1px 3px rgba(15,23,42,.06)}@media (max-width:960px){.sunio-nb-article .sunio-kho-detail-hero-gate.sunio-premium-media-gate,.sunio-nb-article .sunio-kho-detail-jigsaw-anchor,.sunio-nb-article .sunio-kho-detail-media-panel,.sunio-nb-article .sunio-kho-detail-split-left,.sunio-nb-doc-static-img__wrap,.sunio-nb-doc-zoom-root{width:100%;max-width:100%}.sunio-nb-doc-static-img__media{max-height:calc(100vh - 12rem);max-height:min(70dvh,calc(100dvh - 11rem))}}.sunio-nb-article .sunio-kho-detail-tabs{flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding-bottom:2px;margin-bottom:.55rem;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.sunio-nb-article .sunio-kho-detail-tab{flex:1 1;min-width:3.25rem;white-space:normal;line-height:1.28;text-align:center;font-size:clamp(.78rem,.65vw + .68rem,.86rem);padding:.42rem .28rem;background:#fff;border:1px solid #b8c0cc;color:#1e293b;font-weight:600;box-shadow:0 1px 3px rgba(15,23,42,.08)}.sunio-nb-article .sunio-kho-detail-tab:hover:not(:disabled):not(.sunio-kho-detail-tab--on){background:#f1f5f9;border-color:#64748b;color:#0f172a}.sunio-nb-article .sunio-kho-detail-tab--on{background:var(--color-primary);color:#fff;border-color:color-mix(in srgb,var(--color-primary) 88%,#000 12%);box-shadow:0 2px 10px color-mix(in srgb,var(--color-primary) 40%,rgba(15,23,42,.12))}.sunio-nb-article .sunio-kho-detail-tab:disabled{opacity:1;background:#e8ecf2;border-color:#c5ccd6;color:#64748b;box-shadow:none;cursor:not-allowed}.sunio-kho-detail-game-panel--present{padding:.45rem clamp(.45rem,2.5vw,1rem) .85rem;max-height:min(78vh,840px);overflow:auto;align-items:stretch}.sunio-nb-present-panel{position:relative;display:flex;flex-direction:column;gap:1rem;font-size:.9rem;line-height:1.5;color:var(--color-text)}.sunio-nb-present-lead{margin:0;font-size:.84rem;color:var(--color-text-muted);line-height:1.55}.sunio-nb-present-subh{margin:0 0 .4rem;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.sunio-nb-present-record-actions{display:flex;flex-wrap:wrap;gap:.5rem}.sunio-nb-present-pip-engine{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;pointer-events:none}.sunio-nb-present-composite-canvas,.sunio-nb-present-source-hidden{position:absolute;width:1px;height:1px;opacity:0;left:0;top:0}.sunio-nb-present-recording{display:flex;flex-direction:column;gap:.5rem}.sunio-nb-present-live-video,.sunio-nb-present-playback{width:100%;max-height:220px;border-radius:10px;background:#0f172a;object-fit:contain}.sunio-nb-present-recording-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;font-size:.86rem;font-weight:600;color:var(--color-text)}.sunio-nb-present-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:sunio-nb-present-pulse 1.2s ease-in-out infinite}@keyframes sunio-nb-present-pulse{0%,to{opacity:1}50%{opacity:.35}}.sunio-nb-present-stop{margin-left:auto}.sunio-nb-present-result-actions{display:flex;flex-wrap:wrap;gap:.5rem}.sunio-nb-present-outline-list{margin:0;padding:0;list-style:none}.sunio-nb-present-outline-item{margin:.15rem 0}.sunio-nb-present-outline-link{display:inline;padding:0;border:none;background:none;font:inherit;color:var(--color-primary);text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.sunio-nb-present-outline-link:hover{color:color-mix(in srgb,var(--color-primary) 85%,#000)}.sunio-nb-present-outline-static{color:var(--color-text)}.sunio-nb-present-prose-wrap{border-top:1px solid var(--color-border);padding-top:.75rem}.sunio-nb-present-prose{max-height:min(42vh,420px);overflow:auto;padding-right:.25rem}.sunio-nb-present-empty{margin:0;font-size:.86rem}.sunio-kho-detail-game-panel--redescribe{padding:.4rem clamp(.45rem,2.5vw,1rem) .85rem}.sunio-kho-detail-game-panel--qna{padding:.45rem clamp(.45rem,2.5vw,1rem) .9rem;max-height:min(78vh,840px);overflow:auto;align-items:stretch}.sunio-nb-qna{display:flex;flex-direction:column;gap:1rem;font-size:.9rem;line-height:1.5;color:var(--color-text)}.sunio-nb-qna-lead{margin:0;font-size:.86rem;color:var(--color-text-muted);line-height:1.55}.sunio-nb-qna-anon-notice{padding:.85rem 1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:linear-gradient(145deg,#eef2ff,#faf5ff 50%,#fdf2f8)}.sunio-nb-qna-anon-title{margin:0 0 .45rem;font-size:.95rem;font-weight:800;color:var(--color-text)}.sunio-nb-qna-anon-text{margin:0 0 .65rem;font-size:.84rem;color:#334155}.sunio-nb-qna-anon-preview{margin:0 0 .75rem;padding:.55rem .65rem;border-radius:8px;background:hsla(0,0%,100%,.75);border:1px solid var(--color-border)}.sunio-nb-qna-anon-preview-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin-bottom:.25rem}.sunio-nb-qna-anon-preview-body{margin:0;font-size:.86rem;white-space:pre-wrap;word-break:break-word}.sunio-nb-qna-login{margin-right:.5rem;margin-bottom:.35rem}.sunio-nb-qna-anon-dismiss{vertical-align:middle}.sunio-nb-qna-compose{display:flex;flex-direction:column;gap:.5rem}.sunio-nb-qna-label{font-size:.78rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.sunio-nb-qna-textarea{width:100%;box-sizing:border-box;padding:.55rem .65rem;border-radius:10px;border:1px solid var(--color-border);font-family:inherit;font-size:.88rem;resize:vertical;min-height:5rem;background:var(--color-surface);color:var(--color-text)}.sunio-nb-qna-files{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem}.sunio-nb-qna-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.sunio-nb-qna-file-label{cursor:pointer;margin:0}.sunio-nb-qna-file-hint{font-size:.75rem;color:var(--color-text-muted);flex:1 1 100%}.sunio-nb-qna-file-list{list-style:none;margin:0;padding:0;font-size:.82rem}.sunio-nb-qna-file-list li{display:flex;align-items:center;gap:.35rem;margin-bottom:.25rem}.sunio-nb-qna-remove{border:none;background:none;color:var(--color-primary);font-weight:600;cursor:pointer;font-size:.8rem;padding:0}.sunio-nb-qna-hint-muted{margin:0;font-size:.78rem;color:var(--color-text-muted)}.sunio-nb-qna-history-title{margin:0 0 .5rem;font-size:.92rem;font-weight:800}.sunio-nb-qna-thread-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.sunio-nb-qna-thread{padding:.65rem .75rem;border-radius:10px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg-muted) 55%,var(--color-surface))}.sunio-nb-qna-thread-meta{margin:0 0 .35rem;font-size:.72rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.sunio-nb-qna-thread-body{margin:0 0 .45rem;white-space:pre-wrap;word-break:break-word}.sunio-nb-qna-thread-att{list-style:none;margin:0 0 .45rem;padding:0}.sunio-nb-qna-audio{width:100%;max-width:100%;height:36px}.sunio-nb-qna-att-link{font-weight:600;color:var(--color-primary)}.sunio-nb-qna-answer{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed var(--color-border)}.sunio-nb-qna-answer-label{margin:0 0 .25rem;font-size:.72rem;font-weight:800;color:#0f766e;text-transform:uppercase;letter-spacing:.04em}.sunio-nb-qna-answer-body{margin:0 0 .25rem;white-space:pre-wrap;word-break:break-word}.sunio-nb-qna-answer-meta{margin:0;font-size:.72rem;color:var(--color-text-muted)}.sunio-nb-qna-pending{margin:.35rem 0 0;font-size:.8rem;font-style:italic;color:var(--color-text-muted)}.sunio-kho-detail-game-panel--redraw{padding:.5rem clamp(.45rem,2.5vw,1rem) 1rem;max-height:min(85vh,920px);overflow:auto;align-items:stretch}.sunio-nb-redraw{padding:.35rem clamp(.65rem,4vw,1.25rem) .75rem;box-sizing:border-box}.sunio-nb-redraw-intro{margin-bottom:.85rem}.sunio-nb-redraw-title{margin:0 0 .35rem;font-size:1.08rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(115deg,#0d9488,#2563eb 42%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}.sunio-nb-redraw-copy{margin:0;font-size:.88rem;line-height:1.55;color:var(--color-text)}.sunio-nb-redraw-guest-hint{margin:.55rem 0 0;font-size:.84rem;line-height:1.5;color:var(--color-text-muted)}.sunio-nb-redraw-guest-hint a{font-weight:700;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.sunio-nb-redraw-meta{margin:.45rem 0 0;font-size:.82rem;color:var(--color-text-muted)}.sunio-nb-redraw-meta-warn{color:#b45309}.sunio-nb-redraw-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.55rem .65rem;margin-bottom:.65rem;border-radius:14px;background:linear-gradient(145deg,#fef3c7,#fde68a 35%,#fce7f3);border:1px solid color-mix(in srgb,var(--color-border) 70%,#f59e0b 30%);box-shadow:0 2px 8px rgba(245,158,11,.12)}.sunio-nb-redraw-tools{display:flex;gap:.35rem;flex-wrap:wrap}.sunio-nb-redraw-tool{padding:.35rem .65rem;border-radius:999px;border:2px solid #cbd5e1;background:#fff;font-size:.78rem;font-weight:700;cursor:pointer;color:#334155;transition:border-color .15s ease,transform .1s ease}.sunio-nb-redraw-tool:hover{border-color:#64748b}.sunio-nb-redraw-tool--on{border-color:#0d9488;background:color-mix(in srgb,#0d9488 12%,#fff);color:#0f766e;box-shadow:0 0 0 1px color-mix(in srgb,#0d9488 35%,transparent)}.sunio-nb-redraw-label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.15rem}.sunio-nb-redraw-color{display:flex;flex-direction:column;align-items:flex-start}.sunio-nb-redraw-color input[type=color]{width:2.5rem;height:2rem;padding:0;border:2px solid #94a3b8;border-radius:8px;cursor:pointer;background:#fff}.sunio-nb-redraw-slider{display:flex;flex-direction:column;min-width:min(100%,140px);flex:1 1 120px}.sunio-nb-redraw-slider input[type=range]{width:100%}.sunio-nb-redraw-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:auto;justify-content:flex-end}.sunio-nb-redraw-btn{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .75rem;border-radius:10px;font-size:.78rem;font-weight:700;cursor:pointer;border:none;transition:opacity .15s ease,transform .1s ease}.sunio-nb-redraw-btn:disabled{opacity:.5;cursor:not-allowed}.sunio-nb-redraw-btn--ghost{background:#fff;border:1px solid #cbd5e1;color:#475569}.sunio-nb-redraw-btn--ghost:hover:not(:disabled){border-color:#64748b;background:#f8fafc}.sunio-nb-redraw-btn--primary{background:linear-gradient(100deg,#db2777,#7c3aed 55%,#2563eb);color:#fff;box-shadow:0 2px 10px rgba(124,58,237,.25)}.sunio-nb-redraw-btn--primary:hover:not(:disabled){filter:brightness(1.05)}.sunio-nb-redraw-btn--danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.sunio-nb-redraw-btn--danger:hover:not(:disabled){background:#fee2e2}.sunio-nb-redraw-workspace{container-type:inline-size;container-name:sunio-nb-redraw-ws;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;gap:.65rem}.sunio-nb-redraw-workspace-canvas{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.sunio-nb-redraw-workspace .sunio-nb-redraw-toolbar{flex:0 0 8.5rem;width:8.5rem;max-width:100%;min-width:0;flex-direction:column;align-items:stretch;flex-wrap:nowrap;margin-bottom:0;padding:.45rem .5rem;gap:.45rem}.sunio-nb-redraw-workspace .sunio-nb-redraw-tools{flex-direction:column;flex-wrap:nowrap;width:100%;gap:.35rem}.sunio-nb-redraw-workspace .sunio-nb-redraw-tool{width:100%;text-align:center;padding:.32rem .4rem;font-size:.74rem}.sunio-nb-redraw-workspace .sunio-nb-redraw-color{align-items:center;width:100%}.sunio-nb-redraw-workspace .sunio-nb-redraw-slider{flex:0 0 auto;min-width:0;width:100%}.sunio-nb-redraw-workspace .sunio-nb-redraw-actions{margin-left:0;flex-direction:column;width:100%;justify-content:flex-start}.sunio-nb-redraw-workspace .sunio-nb-redraw-actions .sunio-nb-redraw-btn{width:100%;justify-content:center;padding:.34rem .5rem;font-size:.72rem}.sunio-nb-redraw-workspace .sunio-nb-redraw-stage-wrap{margin-bottom:0;width:100%;justify-content:flex-start}@container sunio-nb-redraw-ws (max-width: 340px){.sunio-nb-redraw-workspace{flex-direction:column;flex-wrap:wrap}.sunio-nb-redraw-workspace .sunio-nb-redraw-toolbar{width:100%;flex:none;flex-direction:row;flex-wrap:wrap;align-items:center}.sunio-nb-redraw-workspace .sunio-nb-redraw-tools{flex-direction:row;width:auto}.sunio-nb-redraw-workspace .sunio-nb-redraw-tool{width:auto}.sunio-nb-redraw-workspace .sunio-nb-redraw-actions{flex-direction:row;flex-wrap:wrap;width:auto}.sunio-nb-redraw-workspace .sunio-nb-redraw-actions .sunio-nb-redraw-btn{width:auto}.sunio-nb-redraw-workspace-canvas{align-items:center;width:100%}.sunio-nb-redraw-workspace .sunio-nb-redraw-stage-wrap{justify-content:center}}.sunio-nb-redraw-wait{margin:.5rem 0 1rem;font-size:.88rem;color:var(--color-text-muted);text-align:center}.sunio-nb-redraw-stage-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.sunio-nb-redraw-stage{position:relative;border-radius:12px;overflow:visible;border:2px dashed color-mix(in srgb,var(--color-primary) 40%,#cbd5e1);background:#f8fafc;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.6)}.sunio-nb-redraw-canvas{display:block;vertical-align:top;border-radius:10px}.sunio-nb-redraw-text-input{position:absolute;z-index:4;margin:0;padding:.15rem .35rem;min-width:6rem;max-width:min(92%,22rem);border:2px solid color-mix(in srgb,var(--color-primary) 55%,#64748b);border-radius:6px;background:color-mix(in srgb,#fff 92%,transparent);box-shadow:0 2px 12px rgba(15,23,42,.12);font-weight:600;line-height:1.3;outline:none;transform:translateY(-.05em)}.sunio-nb-redraw-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}.sunio-nb-redraw-err{margin:0 0 .65rem;font-size:.84rem;color:#b91c1c}.sunio-nb-redraw-saved{margin-top:.5rem;padding-top:.65rem;border-top:1px solid var(--color-border)}.sunio-nb-redraw-saved-title{margin:0 0 .5rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.sunio-nb-redraw-muted{margin:0;font-size:.84rem;color:var(--color-text-muted);line-height:1.5}.sunio-nb-redraw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sunio-nb-redraw-list-item{display:flex;align-items:center;gap:.65rem;padding:.45rem .5rem;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:10px}.sunio-nb-redraw-thumb-link{flex-shrink:0;line-height:0;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.sunio-nb-redraw-thumb{display:block;width:4.5rem;height:4.5rem;object-fit:cover}.sunio-nb-redraw-list-body{flex:1 1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:space-between}.sunio-nb-redraw-time{font-size:.8rem;color:#64748b}.sunio-nb-article .sunio-gallery-knowledge-prose{font-size:1.02rem;line-height:1.75}.sunio-nb-article .sunio-gallery-knowledge-lead{font-size:.95rem}.sunio-nb-article .sunio-gallery-knowledge-prose h2{font-size:1.22rem}.sunio-nb-article .sunio-gallery-knowledge-prose h3{font-size:1.08rem}.sunio-nb-article .sunio-gallery-knowledge-prose table{font-size:.95rem}.sunio-nb-article .sunio-quiz-panel__question{font-size:1.05rem}.sunio-nb-article .sunio-quiz-panel__opt-text{font-size:.93rem;line-height:1.45}.sunio-nb-article .sunio-quiz-panel__stats{font-size:.94rem}.sunio-nb-article .sunio-nb-redescribe-copy,.sunio-nb-article .sunio-nb-redescribe-muted,.sunio-nb-article .sunio-quiz-panel__feedback{font-size:.92rem}.sunio-nb-article .sunio-nb-redescribe-guest-hint,.sunio-nb-article .sunio-nb-redescribe-saved-title{font-size:.86rem}.sunio-nb-redescribe{padding:.5rem clamp(1rem,5.5vw,1.65rem) 1rem;box-sizing:border-box}.sunio-nb-redescribe--guest{text-align:center;padding:1.25rem .75rem;background:linear-gradient(160deg,#f8fafc,#f1f5f9);border-radius:14px;border:1px solid var(--color-border)}.sunio-nb-redescribe-lead{margin:0 0 1rem;font-size:.9rem;line-height:1.55;color:var(--color-text-muted)}.sunio-nb-redescribe-guest-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.sunio-nb-redescribe-intro{margin-bottom:1.15rem}.sunio-nb-redescribe-title{margin:0 0 .4rem;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(110deg,#4f46e5,#7c3aed 45%,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}.sunio-nb-redescribe-copy{margin:0 0 .5rem;font-size:.86rem;line-height:1.55;color:var(--color-text)}.sunio-nb-redescribe-guest-hint{margin:0 0 .65rem;font-size:.82rem;line-height:1.55;color:var(--color-text-muted);padding:.75rem clamp(.85rem,3vw,1.15rem);background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface));border-radius:10px;border:1px solid color-mix(in srgb,var(--color-border) 82%,var(--color-primary) 18%)}.sunio-nb-redescribe-guest-hint a{font-weight:700;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.sunio-nb-redescribe-guest-preview-cta{margin:0;flex:1 1 100%;font-size:.82rem;line-height:1.5;color:var(--color-text-muted);text-align:left}.sunio-nb-redescribe-link-login{font-weight:700;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.sunio-nb-redescribe-saved--guest-note{margin-top:.75rem;padding:1.15rem clamp(1.05rem,5vw,1.75rem);border-radius:12px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 92%,var(--color-bg))}.sunio-nb-redescribe-saved--guest-note .sunio-nb-redescribe-muted{margin:0 0 .85rem}.sunio-nb-redescribe-saved--guest-note .sunio-nb-redescribe-guest-actions{justify-content:flex-start}.sunio-nb-redescribe-meta{margin:0;font-size:.78rem;color:var(--color-text-muted);line-height:1.45}.sunio-nb-redescribe-meta-warn{color:#b45309}.sunio-nb-redescribe-studio{position:relative;padding:1.4rem clamp(1rem,4vw,1.5rem) 1.35rem;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fafc 40%,#eef2ff);border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border));box-shadow:0 10px 36px rgba(79,70,229,.08);margin-bottom:1.25rem}.sunio-nb-redescribe-visual{position:relative;width:88px;height:88px;margin:0 auto .85rem}.sunio-nb-redescribe-ring{position:absolute;inset:0;border-radius:50%;border:3px solid color-mix(in srgb,var(--color-primary) 25%,transparent);opacity:.85}.sunio-nb-redescribe-pulse{position:absolute;inset:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#a5b4fc 0,#6366f1 42%,#4f46e5 100%);box-shadow:0 6px 20px rgba(99,102,241,.35);transition:transform .35s ease,box-shadow .35s ease}.sunio-nb-redescribe-pulse--on{animation:sunio-nb-redescribe-breathe 1.25s ease-in-out infinite;box-shadow:0 8px 28px rgba(219,39,119,.35)}@keyframes sunio-nb-redescribe-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.sunio-nb-redescribe-timer-wrap{text-align:center;margin-bottom:.85rem}.sunio-nb-redescribe-timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.65rem;font-weight:800;letter-spacing:.04em;color:#312e81}.sunio-nb-redescribe-timer-cap{font-size:.9rem;font-weight:600;color:var(--color-text-muted);margin-left:.25rem}.sunio-nb-redescribe-controls{display:flex;flex-direction:column;align-items:stretch;gap:.55rem}.sunio-nb-redescribe-preview-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.35rem}.sunio-nb-redescribe-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border-radius:12px;font-weight:700;font-size:.88rem;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.sunio-nb-redescribe-btn:active:not(:disabled){transform:scale(.98)}.sunio-nb-redescribe-btn:disabled{opacity:.65;cursor:not-allowed}.sunio-nb-redescribe-btn--record{background:linear-gradient(125deg,#ef4444,#db2777 55%,#9333ea);color:#fff;box-shadow:0 6px 20px rgba(219,39,119,.35)}.sunio-nb-redescribe-btn--record:hover:not(:disabled){box-shadow:0 8px 26px rgba(219,39,119,.45)}.sunio-nb-redescribe-btn--stop{background:linear-gradient(125deg,#475569,#334155);color:#fff}.sunio-nb-redescribe-btn--ghost{background:#fff;color:#334155;border:1px solid var(--color-border)}.sunio-nb-redescribe-btn--primary{background:linear-gradient(125deg,#6366f1,#7c3aed);color:#fff;box-shadow:0 4px 16px rgba(99,102,241,.3)}.sunio-nb-redescribe-audio{width:100%;margin-top:.35rem;border-radius:10px}.sunio-nb-redescribe-audio--compact{margin-top:0}.sunio-nb-redescribe-uploading{margin:.35rem 0 0;font-size:.88rem;font-weight:600;color:var(--color-primary);text-align:center}.sunio-nb-redescribe-err{margin:.5rem 0 0;font-size:.84rem;color:#b91c1c;line-height:1.45}.sunio-nb-redescribe-saved{padding:.4rem clamp(.2rem,1.5vw,.45rem) .55rem}.sunio-nb-redescribe-saved-title{margin:0 0 .65rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.sunio-nb-redescribe-muted{margin:0 0 .65rem;font-size:.86rem;color:var(--color-text-muted)}.sunio-nb-redescribe-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.sunio-nb-redescribe-list-item{display:flex;gap:.65rem;align-items:flex-start;padding:.65rem .75rem;background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.04)}.sunio-nb-redescribe-list-badge{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.72rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7)}.sunio-nb-redescribe-list-body{flex:1 1;min-width:0}.sunio-nb-redescribe-list-meta{display:block;margin-top:.35rem;font-size:.72rem;color:var(--color-text-muted)}