:root{--font-sans:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--c-bg:#ffffff;--c-bg-secondary:#f8f9fa;--c-text-primary:#1f1f1f;--c-text-secondary:#474747;--c-text-tertiary:#757575;--c-border:#e0e0e0;--c-accent:#1f1f1f;--c-accent-hover:#000000;--c-accent-light:#f1f3f4;--c-on-accent:#ffffff;--c-surface:#f8f9fa;--c-surface-hover:#f1f3f4;--c-success:#34a853;--c-error:#ea4335;--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--sp-6:48px;--sp-8:64px;--sidebar-w:280px;--header-h:64px;--content-max-w:800px;--transition-fast:.15s ease;--transition-normal:.2s ease}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--c-bg:#212121;--c-bg-secondary:#2a2a2a;--c-text-primary:#ececec;--c-text-secondary:#b4b4b4;--c-text-tertiary:#8e8e8e;--c-border:#3a3a3a;--c-accent:#ececec;--c-accent-hover:#ffffff;--c-accent-light:#2f2f2f;--c-on-accent:#1f1f1f;--c-surface:#2a2a2a;--c-surface-hover:#3a3a3a}}
[data-theme="dark"]{--c-bg:#212121;--c-bg-secondary:#2a2a2a;--c-text-primary:#ececec;--c-text-secondary:#b4b4b4;--c-text-tertiary:#8e8e8e;--c-border:#3a3a3a;--c-accent:#ececec;--c-accent-hover:#ffffff;--c-accent-light:#2f2f2f;--c-on-accent:#1f1f1f;--c-surface:#2a2a2a;--c-surface-hover:#3a3a3a}
*{box-sizing:border-box}
body{font-family:var(--font-sans);color:var(--c-text-primary);background:var(--c-bg);margin:0;line-height:1.5;-webkit-font-smoothing:antialiased}
.hb-header{position:sticky;top:0;height:var(--header-h);background:var(--c-bg);border-bottom:1px solid var(--c-border);z-index:100;display:flex;justify-content:center;padding:0 var(--sp-4)}
.hb-header-inner{width:100%;max-width:1440px;display:flex;align-items:center;justify-content:space-between}
.hb-logo{display:flex;align-items:center;text-decoration:none;gap:var(--sp-2);color:var(--c-text-primary)}
.hb-logo img{height:24px;width:auto}
.hb-logo .hb-badge{color:var(--c-text-secondary);font-size:18px;font-weight:400;margin-left:4px}
.hb-header-actions{display:flex;gap:var(--sp-4);align-items:center}
@media(max-width:768px){.hb-header-actions .btn-text{display:none}}
.hb-container{display:flex;max-width:1440px;margin:0 auto;min-height:calc(100vh - var(--header-h));position:relative}
.hb-sidebar{width:var(--sidebar-w);flex-shrink:0;position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;padding:var(--sp-6) var(--sp-4) var(--sp-6) var(--sp-4)}
@media(max-width:1024px){.hb-sidebar{display:none}}
.hb-nav{display:flex;flex-direction:column;gap:var(--sp-5)}
.hb-nav-group{display:flex;flex-direction:column}
.hb-nav-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}
.hb-nav-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-tertiary);font-weight:600;margin-bottom:var(--sp-2);padding-left:var(--sp-2)}
.hb-nav-link{display:block;padding:var(--sp-1) var(--sp-2);color:var(--c-text-secondary);text-decoration:none;font-size:14px;border-radius:4px;transition:background .1s ease,color .1s ease}
.hb-nav-link:hover{background:var(--c-surface);color:var(--c-text-primary)}
.hb-nav-link.active{background:var(--c-accent-light);color:var(--c-accent);font-weight:500}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hb-content{flex-grow:1;padding:var(--sp-8) var(--sp-8);max-width:calc(var(--content-max-w) + var(--sp-8) * 2);margin:0}
@media(max-width:768px){.hb-content{padding:var(--sp-4)}}
.hb-article-header{margin-bottom:var(--sp-6)}
.hb-breadcrumbs{font-size:14px;color:var(--c-text-tertiary);margin-bottom:var(--sp-2)}
.hb-breadcrumbs ol{display:flex;align-items:center;list-style:none;padding:0;margin:0}
.hb-breadcrumbs li{display:inline-flex;align-items:center}
.hb-breadcrumbs li + li::before{content:"/";margin:0 var(--sp-2);opacity:.5;color:var(--c-text-tertiary)}
.hb-breadcrumbs a{color:inherit;text-decoration:none}
.hb-breadcrumbs a:hover{text-decoration:underline}
.hb-article-header h1{font-size:44px;font-weight:400;letter-spacing:-.02em;line-height:1.1;margin:0 0 var(--sp-2) 0;color:var(--c-text-primary)}
.hb-article-header .hb-meta{font-size:14px;color:var(--c-text-tertiary)}
.hb-article-header .hb-meta .dot{margin:0 var(--sp-1)}
.hb-context-card{position:relative;z-index:1;background:transparent;border:none;border-radius:16px;padding:var(--sp-4);display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-6);box-shadow:0 2px 8px rgba(0,0,0,.04);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:inherit}
.hb-context-card:hover,.hb-context-card:hover .hb-context-title,.hb-context-card:hover p{text-decoration:none}
.hb-context-card::after{content:"";position:absolute;inset:0;background:var(--c-bg);border:1px solid var(--c-border);border-radius:16px;z-index:-1;transition:border-color .2s}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.hb-context-card::before{content:"";position:absolute;inset:-3px;z-index:-2;background:linear-gradient(115deg,#555,#999,#555,#999);border-radius:18px;opacity:0;transition:opacity .3s ease}
.hb-context-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.08)}
.hb-context-card:hover::after{border-color:transparent}
.hb-context-card:hover::before{opacity:1;background:conic-gradient(from var(--angle),#555,#999,#555,#999,#555);animation:spin-gradient 3s linear infinite}
@keyframes spin-gradient{to{--angle:360deg}}
.hb-context-card.mt-6{margin-top:var(--sp-6);display:flex;align-items:center}
@media(max-width:600px){.hb-context-card{flex-direction:column;text-align:center;align-items:center}}
.hb-context-icon{width:48px;height:48px;background:var(--c-surface);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hb-context-icon img,.hb-context-icon svg{width:24px;height:24px;animation:breathe 3s ease-in-out infinite}
@keyframes breathe{0%{transform:scale(1)}
50%{transform:scale(1.15)}
100%{transform:scale(1)}}
.hb-context-body{flex-grow:1}
.hb-context-body .hb-context-title{font-size:16px;font-weight:500;margin:0 0 4px 0;color:var(--c-text-primary)}
.hb-context-body p{font-size:14px;color:var(--c-text-secondary);margin:0 !important;line-height:1.4}
.hb-context-action{flex-shrink:0}
.hb-context-action .btn-context{display:inline-flex;background:#1f1f1f;color:#fff;text-decoration:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;transition:all .2s ease}
.hb-context-action .btn-context:hover{background:#000;transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.15)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .hb-context-action .btn-context{background:#3a3a3a}
:root:not([data-theme="light"]) .hb-context-action .btn-context:hover{background:#4a4a4a}}
[data-theme="dark"] .hb-context-action .btn-context{background:#3a3a3a}
[data-theme="dark"] .hb-context-action .btn-context:hover{background:#4a4a4a}
.hb-prose{font-size:16px;line-height:1.6;color:var(--c-text-secondary)}
.hb-prose p{margin-bottom:var(--sp-4)}
.hb-prose .lead{font-size:20px;line-height:1.5;font-weight:400;color:var(--c-text-primary);margin-bottom:var(--sp-6)}
.hb-prose h2{font-size:24px;font-weight:500;color:var(--c-text-primary);margin-top:var(--sp-8);margin-bottom:var(--sp-3)}
.hb-prose h3{font-size:18px;font-weight:600;margin-top:var(--sp-5)}
.hb-footer{border-top:1px solid var(--c-border);margin-top:0;padding:var(--sp-6) 0;width:100%;background:var(--c-bg)}
.hb-footer-inner{max-width:1440px;margin:0 auto;padding:0 var(--sp-4);display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--c-text-tertiary)}
.hb-footer-inner p{margin:0 !important;line-height:1}
.hb-footer-links{display:flex;gap:var(--sp-4)}
.hb-footer-links a{color:inherit;text-decoration:none}
.hb-footer-links a:hover{text-decoration:underline}
.btn-primary{background:var(--c-accent);color:var(--c-on-accent);padding:8px 24px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s}
.btn-primary:hover{background:var(--c-accent-hover)}
.btn-text{color:var(--c-text-secondary);text-decoration:none;font-size:14px;font-weight:500;padding:6px 12px;border:1px solid transparent;border-radius:4px;transition:color .2s,background .2s,border-color .2s}
.btn-text:hover{color:var(--c-text-primary);background:var(--c-surface)}
.btn-text.active{color:var(--c-accent);background:var(--c-accent-light)}
[data-theme="dark"] .btn-text.active,[data-theme="dark"] .btn-text:hover{background:transparent;border:1px solid var(--c-border)}
@media(prefers-color-scheme:dark){.btn-text.active,.btn-text:hover{background:transparent;border:1px solid var(--c-border)}}
.hb-ad-slot{display:block;width:100%;max-width:var(--content-max-w);margin:var(--sp-6) auto;text-align:center;overflow:hidden}
.hb-ad-slot ins.adsbygoogle{max-width:100%}
.hb-container-index{max-width:1200px;margin:0 auto;padding:0 var(--sp-4) var(--sp-8) var(--sp-4)}
.hb-hero{text-align:center;padding:var(--sp-8) 0;max-width:600px;margin:0 auto}
.hb-hero h1{font-size:36px;font-weight:400;line-height:1.1;margin-bottom:var(--sp-2);color:var(--c-text-primary)}
.hb-hero p{color:var(--c-text-secondary);font-size:18px;margin-bottom:var(--sp-6)}
.hb-hero.hb-hero-category{text-align:left;max-width:100%;padding:var(--sp-2) 0 var(--sp-5) 0}
.hb-hero.hb-hero-category .hb-hero-icon{font-size:48px;margin-bottom:var(--sp-1)}
.hb-hero.hb-hero-category h1{font-size:40px;font-weight:500;line-height:1.1;margin-bottom:4px}
.hb-hero.hb-hero-category p{font-size:16px;max-width:600px;margin-left:0;margin-bottom:var(--sp-3)}
.hb-hero.hb-hero-category .hb-search-wrapper{max-width:500px}
.hb-search-wrapper{position:relative;max-width:100%}
.hb-search-wrapper .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--c-text-tertiary)}
.hb-search-wrapper .hb-search-input{width:100%;padding:14px 14px 14px 48px;font-size:16px;background:var(--c-bg);color:var(--c-text-primary);border:1px solid var(--c-border);border-radius:28px;outline:none;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:box-shadow .2s,border-color .2s,background .2s}
.hb-search-wrapper .hb-search-input:focus{box-shadow:0 1px 6px rgba(32,33,36,.28);border-color:transparent}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .hb-search-wrapper .hb-search-input{background:var(--c-surface);border-color:var(--c-border);color:var(--c-text-primary)}
:root:not([data-theme="light"]) .hb-search-wrapper .hb-search-input::placeholder{color:var(--c-text-tertiary)}
:root:not([data-theme="light"]) .hb-search-wrapper .hb-search-input:focus{box-shadow:0 1px 6px rgba(0,0,0,.4);border-color:var(--c-accent)}}
[data-theme="dark"] .hb-search-wrapper .hb-search-input{background:var(--c-surface);border-color:var(--c-border);color:var(--c-text-primary)}
[data-theme="dark"] .hb-search-wrapper .hb-search-input::placeholder{color:var(--c-text-tertiary)}
[data-theme="dark"] .hb-search-wrapper .hb-search-input:focus{box-shadow:0 1px 6px rgba(0,0,0,.4);border-color:var(--c-accent)}
.hb-departments{margin-top:var(--sp-3);margin-bottom:var(--sp-4)}
.hb-directory{margin-top:var(--sp-3)}
.hb-section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--sp-4)}
.hb-section-header h2{font-size:22px;font-weight:400;margin:0}
.hb-section-header .btn-link{font-size:14px;color:var(--c-accent);text-decoration:none;font-weight:500}
.hb-section-header .btn-link:hover{text-decoration:underline}
.hb-grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
@media(max-width:1024px){.hb-grid-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hb-grid-cards{grid-template-columns:1fr}}
.hb-card{background:#fff;border:1px solid var(--c-border);border-radius:8px;padding:var(--sp-4);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.hb-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:transparent}
.hb-card .hb-card-icon{font-size:24px;margin-bottom:var(--sp-2)}
.hb-card h3{font-size:18px;font-weight:500;margin:0 0 var(--sp-2) 0}
.hb-card h3 a{color:var(--c-accent);text-decoration:none}
.hb-card h3 a:hover{text-decoration:none}
.hb-card .hb-card-list{list-style:none;padding:0;margin:0 0 var(--sp-3) 0}
.hb-card .hb-card-list li{margin-bottom:var(--sp-1)}
.hb-card .hb-card-list a{text-decoration:none;color:var(--c-text-secondary);font-size:14px;display:block;padding:2px 0}
.hb-card .hb-card-list a:hover{color:var(--c-accent)}
.hb-card .hb-card-more{display:inline-flex;align-items:center;align-self:flex-start;margin-top:auto;padding:6px 14px;font-size:13px;font-weight:500;color:var(--c-text-primary);background:transparent;border:1px solid var(--c-text-primary);border-radius:999px;text-decoration:none;transition:background .2s ease,color .2s ease}
.hb-card .hb-card-more:hover{background:var(--c-text-primary);color:var(--c-on-accent);text-decoration:none}
.hb-card .hb-card-count{font-size:13px;color:var(--c-text-tertiary)}
.hb-directory{position:relative;padding-top:var(--sp-4)}
.hb-sticky-alpha{position:sticky;top:var(--header-h);background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border);padding:var(--sp-2) 0;margin-bottom:var(--sp-6);z-index:90;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .hb-sticky-alpha{background:rgba(33,33,33,.95)}}
[data-theme="dark"] .hb-sticky-alpha{background:rgba(33,33,33,.95)}
.hb-sticky-alpha::-webkit-scrollbar{display:none}
.hb-alpha-list{display:flex;justify-content:space-between;min-width:600px}
.hb-alpha-list a{padding:4px 8px;text-decoration:none;color:var(--c-text-secondary);font-size:14px;font-weight:500;border:1px solid transparent;border-radius:4px;transition:background .2s,border-color .2s}
.hb-alpha-list a:hover{color:var(--c-text-primary);background:var(--c-surface)}
.hb-alpha-list a.active{color:var(--c-accent);background:var(--c-accent-light)}
[data-theme="dark"] .hb-alpha-list a.active{background:transparent;border:1px solid var(--c-border)}
@media(prefers-color-scheme:dark){.hb-alpha-list a.active{background:transparent;border:1px solid var(--c-border)}}
.hb-directory-content{display:flex;flex-direction:column;gap:var(--sp-6)}
.hb-topic-overview{margin-top:var(--sp-8);padding-top:var(--sp-8);border-top:1px solid var(--c-border);max-width:800px}
.hb-topic-overview h2{font-size:24px;font-weight:500;margin-bottom:var(--sp-4);color:var(--c-text-primary)}
.hb-topic-overview h3{font-size:18px;font-weight:600;margin-top:var(--sp-6);margin-bottom:var(--sp-3);color:var(--c-text-primary)}
.hb-topic-overview p{font-size:16px;line-height:1.6;color:var(--c-text-secondary);margin-bottom:var(--sp-4)}
.hb-alpha-group{display:flex;gap:var(--sp-4)}
@media(max-width:768px){.hb-alpha-group{flex-direction:column;gap:var(--sp-2)}}
.hb-alpha-header{font-size:32px;font-weight:300;color:var(--c-border);width:60px;flex-shrink:0;line-height:1}
.hb-alpha-items{flex-grow:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-2) var(--sp-4);list-style:none;padding:0;margin:0}
.hb-alpha-items a{text-decoration:none;color:var(--c-text-secondary);font-size:14px;padding:4px 0;border-bottom:1px solid transparent}
.hb-alpha-items a:hover{color:var(--c-accent);border-bottom-color:var(--c-accent)}
.hb-related-section{margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--c-border)}
.hb-related-section h2{font-size:22px;font-weight:400;margin-bottom:var(--sp-4);color:var(--c-text-primary)}
.hb-related-list{display:flex;flex-direction:column;gap:12px}
.hb-related-item{background:var(--c-bg);border:1px solid var(--c-border);border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}
.hb-related-item:hover{border-color:transparent;box-shadow:0 1px 6px rgba(32,33,36,.28);transform:translateY(-1px)}
.hb-related-link{text-decoration:none;display:block;padding:16px}
.hb-related-title{font-family:var(--font-sans);font-size:16px;color:var(--c-accent);font-weight:500;display:block;margin-bottom:4px;line-height:1.3}
.hb-related-link:hover .hb-related-title{text-decoration:none}
.hb-related-summary{font-size:14px;color:var(--c-text-secondary);margin:0;line-height:1.58}
.hb-question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:12px}
@media(max-width:768px){.hb-question-grid{grid-template-columns:1fr}}
.hb-card-summary{font-size:14px;color:var(--c-text-secondary);margin-bottom:var(--sp-3);line-height:1.5}
.hb-pagination{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);margin:var(--sp-6) 0}
.hb-pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-secondary);text-decoration:none;transition:all .2s ease}
.hb-pagination-btn:hover{background:var(--c-bg);border-color:var(--c-accent);color:var(--c-accent)}
.hb-pagination-numbers{display:flex;gap:var(--sp-1)}
.hb-pagination-num{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--sp-2);border-radius:var(--radius-md);background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}
.hb-pagination-num:hover{border-color:var(--c-accent);color:var(--c-accent)}
.hb-pagination-num.active{background:var(--c-accent);border-color:var(--c-accent);color:var(--c-on-accent)}
.hb-search-count{text-align:center;padding:var(--sp-3) 0;font-size:14px;color:var(--c-text-tertiary);display:none}
.hb-search-count.visible{display:block}
.hb-search-count strong{color:var(--c-text-primary);font-weight:600}
.hb-no-results{display:none;text-align:center;padding:var(--sp-8) var(--sp-4)}
.hb-no-results.visible{display:block}
.hb-no-results-icon{width:64px;height:64px;margin:0 auto var(--sp-4);background:var(--c-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c-text-tertiary)}
.hb-no-results h3{font-size:18px;font-weight:600;color:var(--c-text-primary);margin:0 0 var(--sp-2)}
.hb-no-results p{color:var(--c-text-secondary);margin:0 0 var(--sp-4)}
.hb-no-results .btn-primary{display:inline-flex;align-items:center;gap:var(--sp-2)}
.hb-back-to-top{position:fixed;bottom:var(--sp-4);right:var(--sp-4);width:48px;height:48px;border-radius:50%;background:var(--c-bg);border:1px solid var(--c-border);box-shadow:0 2px 8px rgba(0,0,0,.1);color:var(--c-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px);transition:all var(--transition-normal);z-index:90}
.hb-back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.hb-back-to-top.hb-overlap-footer{bottom:80px}
.hb-back-to-top:hover{background:var(--c-surface);border-color:var(--c-accent);color:var(--c-accent)}
.hb-reading-progress{position:fixed;top:var(--header-h);left:0;width:0%;height:3px;background:var(--c-accent);z-index:101;transition:width .1s linear}
.hb-sticky-pill{position:fixed;bottom:var(--sp-4);right:88px;height:48px;display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-4);background:var(--c-accent);color:var(--c-on-accent);border-radius:24px;font-size:14px;font-weight:500;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(16px);transition:all var(--transition-normal);z-index:90}
.hb-sticky-pill.visible{opacity:1;visibility:visible;transform:translateY(0)}
.hb-sticky-pill.hb-overlap-footer{bottom:80px}
.hb-sticky-pill:hover{background:var(--c-accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.4)}
.hb-sticky-pill svg{width:20px;height:20px}
.hb-feedback{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-5) 0;margin-top:var(--sp-5);border-top:1px solid var(--c-border)}
.hb-feedback-label{font-size:14px;color:var(--c-text-secondary)}
.hb-feedback-buttons{display:flex;gap:var(--sp-2)}
.hb-feedback-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}
.hb-feedback-btn:hover{background:var(--c-bg);border-color:var(--c-text-tertiary);color:var(--c-text-primary)}
.hb-feedback-btn.positive:hover,.hb-feedback-btn.positive.active{background:#e6f4ea;border-color:var(--c-success);color:var(--c-success)}
.hb-feedback-btn.negative:hover,.hb-feedback-btn.negative.active{background:#fce8e6;border-color:var(--c-error);color:var(--c-error)}
.hb-feedback-thanks{display:none;font-size:14px;color:var(--c-success);font-weight:500}
.hb-feedback.submitted .hb-feedback-buttons{display:none}
.hb-feedback.submitted .hb-feedback-thanks{display:block}
.hb-theme-toggle{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:var(--c-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}
.hb-theme-toggle:hover{background:var(--c-surface);color:var(--c-text-primary)}
.hb-theme-toggle .icon-sun{display:none}
.hb-theme-toggle .icon-moon{display:block}
[data-theme="dark"] .hb-theme-toggle .icon-sun{display:block}
[data-theme="dark"] .hb-theme-toggle .icon-moon{display:none}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .hb-theme-toggle .icon-sun{display:block}
:root:not([data-theme="light"]) .hb-theme-toggle .icon-moon{display:none}}
html{scroll-behavior:smooth}
:target{scroll-margin-top:calc(var(--header-h) + var(--sp-4))}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .hb-card,:root:not([data-theme="light"]) .hb-related-item,:root:not([data-theme="light"]) .hb-context-card{background:var(--c-surface)}
:root:not([data-theme="light"]) .hb-back-to-top,:root:not([data-theme="light"]) .hb-feedback-btn{background:var(--c-surface)}
:root:not([data-theme="light"]) .hb-feedback-btn.positive:hover,:root:not([data-theme="light"]) .hb-feedback-btn.positive.active{background:rgba(52,168,83,.15)}
:root:not([data-theme="light"]) .hb-feedback-btn.negative:hover,:root:not([data-theme="light"]) .hb-feedback-btn.negative.active{background:rgba(234,67,53,.15)}}
[data-theme="dark"] .hb-card,[data-theme="dark"] .hb-related-item,[data-theme="dark"] .hb-context-card{background:var(--c-surface)}
[data-theme="dark"] .hb-back-to-top,[data-theme="dark"] .hb-feedback-btn{background:var(--c-surface)}
[data-theme="dark"] .hb-feedback-btn.positive:hover,[data-theme="dark"] .hb-feedback-btn.positive.active{background:rgba(52,168,83,.15)}
[data-theme="dark"] .hb-feedback-btn.negative:hover,[data-theme="dark"] .hb-feedback-btn.negative.active{background:rgba(234,67,53,.15)}
.hb-auth-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);padding:var(--sp-3)}
.hb-auth-overlay[aria-hidden="true"]{display:none}
.hb-auth-overlay [hidden]{display:none !important}
body.hb-auth-open{overflow:hidden}
.hb-auth-dialog{position:relative;display:flex;flex-direction:row;width:100%;max-width:960px;max-height:90vh;background:var(--c-bg);color:var(--c-text-primary);border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.hb-auth-promo{width:50%;flex-shrink:0;background:var(--c-bg-secondary);border-right:1px solid var(--c-border);padding:var(--sp-4);display:flex;flex-direction:column;align-items:center;overflow:hidden}
.hb-auth-promo-top{width:100%;display:flex;flex-direction:column;align-items:center}
.hb-auth-promo-label{font-size:12px;color:var(--c-text-tertiary);margin:0 0 var(--sp-2)}
.hb-auth-avail{margin-top:var(--sp-4)}
.hb-auth-powered{display:flex;align-items:center;gap:14px;border:1px solid var(--c-border);border-radius:999px;padding:var(--sp-2) var(--sp-3)}
.hb-auth-powered span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--c-text-primary)}
.hb-auth-powered img{display:block}
[data-theme="dark"] .hb-auth-mono{filter:invert(1)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .hb-auth-mono{filter:invert(1)}}
.hb-auth-browsers{display:flex;flex-wrap:wrap;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-2)}
.hb-auth-browser{width:40px;height:40px;border-radius:999px;background:var(--c-bg);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center}
.hb-auth-promo-title{font-size:22px;font-weight:700;margin:var(--sp-5) 0 var(--sp-3);text-align:center;color:var(--c-text-primary)}
.hb-auth-marquee{width:100%;overflow:hidden}
.hb-auth-track{display:flex;gap:var(--sp-3);width:max-content;animation:hb-auth-scroll 40s linear infinite}
.hb-auth-marquee:hover .hb-auth-track{animation-play-state:paused}
@keyframes hb-auth-scroll{from{transform:translateX(0)}
to{transform:translateX(calc(-50% - 8px))}}
@media(prefers-reduced-motion:reduce){.hb-auth-track{animation:none;flex-wrap:nowrap;overflow-x:auto}}
.hb-auth-tcard{width:240px;flex-shrink:0;background:var(--c-bg);border:1px solid var(--c-border);border-radius:14px;padding:var(--sp-3);display:flex;flex-direction:column;gap:6px}
.hb-auth-tcard-head{display:flex;align-items:center;gap:var(--sp-2)}
.hb-auth-tcard-name{font-weight:700;font-size:13px}
.hb-auth-tcard-stars{color:#f5b301;font-size:13px;letter-spacing:1px}
.hb-auth-tcard-verified{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--c-text-tertiary)}
.hb-auth-tcard-verified svg{width:14px;height:14px;color:var(--c-text-primary);flex-shrink:0}
.hb-auth-tcard-text{font-size:12px;color:var(--c-text-secondary);margin:4px 0 0;line-height:1.4}
.hb-auth-tcard-time{font-size:11px;color:var(--c-text-tertiary);margin-top:auto;text-align:right}
.hb-auth-pane{width:50%;flex-grow:1;position:relative;padding:var(--sp-6) var(--sp-5);overflow-y:auto}
.hb-auth-body{display:flex;flex-direction:column}
.hb-auth-close{position:absolute;top:12px;right:12px;width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:999px;cursor:pointer;color:var(--c-text-tertiary);z-index:2}
.hb-auth-close:hover{color:var(--c-text-primary);background:var(--c-surface-hover)}
.hb-auth-heading{font-size:28px;font-weight:700;text-align:center;margin:0 0 var(--sp-2);color:var(--c-text-primary)}
.hb-auth-subheading{font-size:14px;text-align:center;margin:0 0 var(--sp-4);color:var(--c-text-secondary)}
.hb-auth-methods{display:flex;flex-direction:column;gap:var(--sp-2)}
.hb-auth-method{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:13px var(--sp-5);background:var(--c-bg);border:1px solid var(--c-border);border-radius:12px;font-size:15px;font-weight:500;font-family:inherit;color:var(--c-text-primary);text-decoration:none;cursor:pointer;transition:background var(--transition-fast)}
.hb-auth-method:hover{background:var(--c-surface-hover)}
.hb-auth-overlay.is-busy .hb-auth-method,.hb-auth-overlay.is-busy .hb-auth-textbtn{pointer-events:none;opacity:.6}
.hb-auth-ic{position:absolute;left:16px;display:flex;align-items:center}
.hb-auth-emailform{display:flex;flex-direction:column;gap:var(--sp-3)}
.hb-auth-divider{display:flex;align-items:center;gap:var(--sp-3)}
.hb-auth-divider::before,.hb-auth-divider::after{content:"";flex:1;height:1px;background:var(--c-border)}
.hb-auth-divider span{font-size:14px;color:var(--c-text-tertiary);white-space:nowrap}
.hb-auth-input-wrap{position:relative}
.hb-auth-input-ic{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--c-text-tertiary);display:flex;pointer-events:none}
.hb-auth-input{width:100%;padding:14px 16px 14px 44px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;font-size:16px;font-family:inherit;color:var(--c-text-primary);outline:none;transition:border-color var(--transition-fast)}
.hb-auth-input:focus{border-color:var(--c-text-tertiary)}
.hb-auth-input::placeholder{color:var(--c-text-tertiary)}
.hb-auth-status{font-size:14px;margin:0;color:var(--c-text-secondary)}
.hb-auth-status.is-error{color:var(--c-error)}
.hb-auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);width:100%;padding:14px;margin-top:var(--sp-1);background:#306DE5;color:#fff;border:0;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition-fast)}
.hb-auth-submit:hover{background:#2a5fd0}
.hb-auth-submit:disabled{opacity:.6;cursor:default}
.hb-auth-spinner{width:16px;height:16px;border-radius:999px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;animation:hb-auth-spin .7s linear infinite}
@keyframes hb-auth-spin{to{transform:rotate(360deg)}}
.hb-auth-hint{font-size:12px;color:var(--c-text-tertiary);text-align:center;line-height:1.5;margin:var(--sp-2) 0 0}
.hb-auth-legal{font-size:12px;color:var(--c-text-tertiary);text-align:center;line-height:1.5;margin:var(--sp-4) 0 0}
.hb-auth-legal a{color:inherit;text-decoration:underline}
.hb-auth-checkemail{text-align:center;padding:var(--sp-3) 0}
.hb-auth-checkemail-ic{width:40px;height:40px;margin:0 auto var(--sp-3);display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(48,109,229,.12);color:#306DE5}
.hb-auth-checkemail-title{font-size:15px;font-weight:600;margin:0;color:var(--c-text-primary)}
.hb-auth-checkemail-msg{font-size:14px;color:var(--c-text-secondary);margin:var(--sp-2) 0 var(--sp-3)}
.hb-auth-textbtn{background:none;border:0;color:#306DE5;font-size:14px;font-family:inherit;cursor:pointer;text-decoration:underline;padding:0}
.hb-auth-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:650px){.hb-auth-overlay{padding:0}
.hb-auth-dialog{max-width:100%;max-height:100%;height:100%;border-radius:0;flex-direction:column}
.hb-auth-promo{display:none}
.hb-auth-pane{width:100%;flex:1;padding:var(--sp-5) var(--sp-4)}}