:root{--color-primary:#1a73e8;--color-primary-dark:#174ea6;--color-primary-light:#8ab4f8;--color-secondary:#5f6368;--color-accent:#f9ab00;--color-bg:#ffffff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f1f3f4;--color-text:#202124;--color-text-secondary:#5f6368;--color-text-muted:#70757a;--color-border:#dadce0;--color-border-dark:#bdc1c6;--color-success:#1e8e3e;--color-warning:#f9ab00;--color-error:#d93025;--color-info:#1a73e8;--font-family-sans:'Google Sans', 'Roboto', 'Arial', sans-serif;--font-family-serif:'Google Sans', 'Roboto', 'Arial', sans-serif;--font-family-mono:'Roboto Mono', 'Fira Code', monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:500;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.6;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--container-max-width:1200px;--content-max-width:800px;--sidebar-width:300px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);--shadow-md:0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);--shadow-lg:0 4px 8px 3px rgba(60, 64, 67, 0.15), 0 1px 3px 0 rgba(60, 64, 67, 0.3);--shadow-xl:0 8px 12px 6px rgba(60, 64, 67, 0.15), 0 4px 4px 0 rgba(60, 64, 67, 0.3);--transition-fast:150ms cubic-bezier(0.4, 0.0, 0.2, 1);--transition-normal:250ms cubic-bezier(0.4, 0.0, 0.2, 1);--transition-slow:350ms cubic-bezier(0.4, 0.0, 0.2, 1);--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-tooltip:600}@media(prefers-color-scheme:dark){:root{--color-bg:#202124;--color-bg-secondary:#303134;--color-bg-tertiary:#3c4043;--color-text:#e8eaed;--color-text-secondary:#bdc1c6;--color-text-muted:#9aa0a6;--color-border:#5f6368;--color-border-dark:#3c4043;--color-primary-light:#8ab4f8;--color-primary:#8ab4f8}}[data-theme=dark]{--color-bg:#202124;--color-bg-secondary:#303134;--color-bg-tertiary:#3c4043;--color-text:#e8eaed;--color-text-secondary:#bdc1c6;--color-text-muted:#9aa0a6;--color-border:#5f6368;--color-border-dark:#3c4043;--color-primary:#8ab4f8}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}ul,ol{list-style-position:inside}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-6)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-5)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}h5{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}h6{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}p{margin-bottom:var(--spacing-4)}.lead{font-size:var(--font-size-xl);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.content-wrapper{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}main{flex:1;padding:var(--spacing-8)0}.site-header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3)var(--spacing-4);height:64px}.site-logo{display:flex;align-items:center;gap:var(--spacing-2);font-size:1.375rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:-.5px}.site-logo:hover{color:var(--color-text)}.site-logo img{width:24px;height:24px}.main-nav{display:flex;align-items:center;gap:var(--spacing-1)}.main-nav a{padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.main-nav a:hover,.main-nav a.active{background-color:var(--color-bg-secondary);color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.menu-toggle{display:none;background:0 0;border:none;padding:var(--spacing-2);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-full)}.menu-toggle svg{width:24px;height:24px}.search-toggle{background:0 0;border:none;padding:var(--spacing-2);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.search-toggle:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.theme-toggle{background:0 0;border:none;padding:var(--spacing-2);cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--color-bg-secondary);color:var(--color-text)}.portal-toggle{display:inline-flex;align-items:center;gap:var(--spacing-2);background-color:transparent;border:1px solid var(--color-border);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full);cursor:pointer;color:var(--color-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.portal-toggle svg{width:18px;height:18px}.portal-toggle:hover{background-color:var(--color-primary-light);background-color:rgba(26,115,232,4%);border-color:var(--color-border);color:var(--color-primary-dark)}.portal-toggle:focus-visible,.search-toggle:focus-visible,.theme-toggle:focus-visible,.menu-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-8)0 var(--spacing-6);font-size:var(--font-size-sm)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.footer-section h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:none;color:var(--color-text);margin-bottom:var(--spacing-3)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--spacing-2)}.footer-section a{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.footer-section a:hover{color:var(--color-text);text-decoration:underline}.footer-bottom{padding-top:var(--spacing-6);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.footer-bottom p{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border);transform:translateY(-2px)}.card-image{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid var(--color-border)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card:hover .card-image img{transform:scale(1.02)}.card-body{padding:var(--spacing-4)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-2);line-height:1.4}.card-title a{color:var(--color-text)}.card-title a:hover{color:var(--color-primary);text-decoration:underline}.card-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-3);line-height:1.5}.card-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;letter-spacing:.25px}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-md)}.btn-secondary{background-color:#fff;color:var(--color-primary);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-dark);color:var(--color-primary-dark)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-border)}.btn-outline:hover{background-color:rgba(26,115,232,4%);color:var(--color-primary-dark);border-color:var(--color-primary)}.btn-lg{padding:var(--spacing-3)var(--spacing-6);font-size:var(--font-size-base)}.btn-sm{padding:var(--spacing-1)var(--spacing-3);font-size:var(--font-size-xs)}.grid{display:grid;gap:var(--spacing-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.hero{padding:var(--spacing-16)0;text-align:center;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%)}.hero h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-6)}.hero .lead{max-width:600px;margin:0 auto var(--spacing-8)}.hero-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.article-header{margin-bottom:var(--spacing-8)}.article-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.article-content{font-family:var(--font-family-serif);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.article-content h2{margin-top:var(--spacing-12);font-family:var(--font-family-sans)}.article-content h3{margin-top:var(--spacing-8);font-family:var(--font-family-sans)}.article-content img{border-radius:var(--radius-lg);margin:var(--spacing-8)0}.article-content ul,.article-content ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}.article-content li{margin-bottom:var(--spacing-2)}.article-content blockquote{border-left:4px solid var(--color-primary);padding-left:var(--spacing-6);margin:var(--spacing-6)0;font-style:italic;color:var(--color-text-secondary)}.article-content code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-tertiary);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-sm)}.article-content pre{background-color:var(--color-bg-tertiary);padding:var(--spacing-4);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-6)0}.article-content pre code{background:0 0;padding:0}.portal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:var(--z-modal-backdrop);display:none;align-items:center;justify-content:center;padding:var(--spacing-6)}.portal-overlay.active{display:flex}.portal-panel{background-color:var(--color-bg);color:var(--color-text);width:min(1100px,96vw);max-height:90vh;overflow-y:auto;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);padding:var(--spacing-6)}.portal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.portal-heading h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}.portal-kicker,.portal-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-1)}.portal-subtitle{color:var(--color-text-secondary)}.portal-close{background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-2);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.portal-close:hover{border-color:var(--color-border-dark);color:var(--color-primary)}.portal-section{margin-top:var(--spacing-6)}.portal-section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.portal-section h3{margin-bottom:0}.portal-count{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-1)var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.portal-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.portal-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-4);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-3)}.portal-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3)}.portal-card-title{display:flex;align-items:center;gap:var(--spacing-3)}.portal-emoji{font-size:1.75rem}.portal-card-kicker{font-size:var(--font-size-sm);color:var(--color-text-muted)}.portal-card-desc{color:var(--color-text-secondary)}.portal-card-links{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.portal-inline-link{display:inline-flex;align-items:center;gap:var(--spacing-1);background-color:var(--color-bg);border:1px solid var(--color-border);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text);transition:all var(--transition-fast)}.portal-inline-link:hover{border-color:var(--color-border-dark);color:var(--color-primary)}.portal-card-footer{margin-top:auto}.portal-link{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.portal-link:hover{color:var(--color-primary-dark)}.portal-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);background-color:var(--color-primary-light);color:#0f172a;padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.portal-badge-muted{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.portal-shared-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-3)}.portal-shared-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);background-color:var(--color-bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-3)}.portal-shared-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.portal-shared-desc{color:var(--color-text-secondary)}.portal-shared-action{margin-top:auto}.portal-featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-4)}.portal-featured-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-4);background-color:var(--color-bg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-3)}.portal-featured-meta{display:flex;align-items:center;gap:var(--spacing-2);flex-wrap:wrap}.portal-featured-site{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.portal-featured-title{font-size:var(--font-size-lg);margin:0}.portal-featured-desc{color:var(--color-text-secondary)}body.portal-open{overflow:hidden}@media(max-width:768px){.portal-panel{padding:var(--spacing-4)}.portal-header{flex-direction:column;align-items:flex-start}.portal-section-heading{flex-direction:column;align-items:flex-start}}.search-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:var(--z-modal-backdrop);display:none;align-items:flex-start;justify-content:center;padding-top:10vh}.search-overlay.active{display:flex}.search-modal{background-color:var(--color-bg);border-radius:var(--radius-xl);width:100%;max-width:600px;margin:0 var(--spacing-4);box-shadow:var(--shadow-xl)}.search-input-wrapper{display:flex;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.search-filters{display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:0 var(--spacing-4)var(--spacing-4);border-bottom:1px solid var(--color-border)}.search-filter{display:flex;flex-direction:column;gap:var(--spacing-1)}.search-filter-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.search-filter select{padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-secondary);color:var(--color-text)}.search-input-wrapper svg{width:20px;height:20px;color:var(--color-text-muted);margin-right:var(--spacing-3)}.search-input{flex:1;border:none;background:0 0;font-size:var(--font-size-lg);color:var(--color-text);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-results{max-height:400px;overflow-y:auto;padding:var(--spacing-2)}.search-result-item{display:block;padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.search-result-item:hover{background-color:var(--color-bg-secondary)}.search-result-item.active{background-color:var(--color-bg-secondary);outline:2px solid var(--color-primary);outline-offset:2px}.search-result-title{font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-1)}.search-result-snippet{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.search-result-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-top:var(--spacing-2);font-size:var(--font-size-xs);color:var(--color-text-muted)}.search-tag-pill{padding:2px 8px;border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text)}.search-result-highlight mark{background:var(--color-primary-light);color:var(--color-text);padding:0 2px;border-radius:var(--radius-sm)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table th,.data-table td{padding:var(--spacing-3)var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-weight:var(--font-weight-semibold);background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}.data-table tr:hover{background-color:var(--color-bg-secondary)}.data-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.filter-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.filter-group select,.filter-group input{padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm)}.tag{display:inline-flex;align-items:center;padding:var(--spacing-1)var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.tag-primary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.pagination{display:flex;justify-content:center;gap:var(--spacing-1);margin-top:var(--spacing-8)}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast)}.pagination a:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.pagination .active{background-color:var(--color-primary);color:#fff}.pagination .disabled{opacity:.5;pointer-events:none}.layout-with-sidebar{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--spacing-8)}.sidebar{position:sticky;top:calc(80px + var(--spacing-8));height:fit-content}.sidebar-section{margin-bottom:var(--spacing-8)}.sidebar-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-4)}.toc-list{list-style:none}.toc-list li{margin-bottom:var(--spacing-2)}.toc-list a{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:block;padding:var(--spacing-1)0;border-left:2px solid transparent;padding-left:var(--spacing-3);transition:all var(--transition-fast)}.toc-list a:hover,.toc-list a.active{color:var(--color-primary);border-left-color:var(--color-primary)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs .separator{color:var(--color-text-muted)}.breadcrumbs .current{color:var(--color-text-secondary)}.rating{display:inline-flex;align-items:center;gap:var(--spacing-1)}.rating-star{color:var(--color-accent)}.rating-star.empty{color:var(--color-border)}.rating-star.half{position:relative;color:var(--color-border)}.rating-star.half::before{content:'★';position:absolute;left:0;width:50%;overflow:hidden;color:var(--color-accent)}.rating-value{font-weight:var(--font-weight-semibold);margin-left:var(--spacing-2)}.game-container{background-color:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--spacing-8);margin:var(--spacing-8)0}.game-title{text-align:center;margin-bottom:var(--spacing-6)}.game-description{text-align:center;margin:-.5rem 0 var(--spacing-6);color:var(--color-text-secondary)}.quiz-option{display:block;width:100%;padding:var(--spacing-4);margin-bottom:var(--spacing-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.quiz-option:hover{border-color:var(--color-primary);background-color:var(--color-bg-secondary)}.quiz-option.correct{border-color:var(--color-success);background-color:rgba(34,197,94,.1)}.quiz-option.incorrect{border-color:var(--color-error);background-color:rgba(239,68,68,.1)}.quiz-feedback{margin-top:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);text-align:center}.quiz-feedback.success{background-color:rgba(34,197,94,.1);color:var(--color-success)}.quiz-feedback.error{background-color:rgba(239,68,68,.1);color:var(--color-error)}.game-actions{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-4)}.game-actions button{padding:var(--spacing-3)var(--spacing-5);border:1px solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.game-actions button:hover,.game-actions button:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.2)}.matching-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-3)}.pair-item{border:2px dashed var(--color-border);background:var(--color-bg);padding:var(--spacing-4);border-radius:var(--radius-lg);cursor:pointer;width:100%;text-align:center;transition:all var(--transition-fast)}.pair-item:hover,.pair-item:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(37,99,235,8%)}.pair-item.selected{border-color:var(--color-primary);background:rgba(37,99,235,8%)}.pair-item.matched{border-color:var(--color-success);background:rgba(34,197,94,.12);color:var(--color-success)}.pair-item.mismatch{border-color:var(--color-error);background:rgba(239,68,68,8%)}.matching-status,.game-results{text-align:center;margin-bottom:var(--spacing-3);font-weight:var(--font-weight-medium)}.timed-trivia{position:relative}.trivia-meta{display:flex;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-5);font-weight:var(--font-weight-medium)}.trivia-question{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-4);background:var(--color-bg)}.trivia-question-title{margin-bottom:var(--spacing-2)}.trivia-hint{color:var(--color-text-secondary);margin-bottom:var(--spacing-3)}.trivia-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-2)}.trivia-option{padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.trivia-option:hover,.trivia-option:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.15)}.trivia-option.correct{border-color:var(--color-success);background:rgba(34,197,94,.12)}.trivia-option.incorrect.selected{border-color:var(--color-error);background:rgba(239,68,68,.12)}.trivia-results{margin-top:var(--spacing-3);text-align:center;font-weight:var(--font-weight-medium)}.trivia-start{display:block;margin:var(--spacing-4)auto 0;padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-full);border:none;background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.trivia-start:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.timed-trivia .trivia-option:disabled{opacity:.8;cursor:not-allowed}.flashcard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-4)}.flashcard{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-4);background:var(--color-bg);min-height:220px;display:flex;flex-direction:column;gap:var(--spacing-3);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.flashcard:hover,.flashcard:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-md)}.flashcard-face{flex:1}.flashcard-back{display:none;color:var(--color-text-secondary)}.flashcard.flipped .flashcard-front{display:none}.flashcard.flipped .flashcard-back{display:block}.flashcard-heading{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.flashcard-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-3)}.flashcard-toggle,.flashcard-mark{padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:pointer;transition:all var(--transition-fast)}.flashcard-markers{display:flex;gap:var(--spacing-2)}.flashcard-toggle:hover,.flashcard-mark:hover,.flashcard-toggle:focus-visible,.flashcard-mark:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.18)}.flashcard.status-known{border-color:var(--color-success)}.flashcard.status-learning{border-color:var(--color-warning)}.flashcard-summary{margin-top:var(--spacing-4);text-align:center;font-weight:var(--font-weight-medium)}@media(max-width:1024px){.layout-with-sidebar{grid-template-columns:1fr}.sidebar{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--font-size-5xl:2.5rem;--font-size-4xl:2rem;--font-size-3xl:1.5rem}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;padding:var(--spacing-4)}.main-nav.active{display:flex}.menu-toggle{display:block}.hero{padding:var(--spacing-12)0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;text-align:center}}@media(max-width:480px){.container{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.hero-actions{flex-direction:column}.footer-grid{grid-template-columns:1fr}.data-filters{flex-direction:column}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-family-sans)}.font-serif{font-family:var(--font-family-serif)}.font-mono{font-family:var(--font-family-mono)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.mb-4{margin-bottom:var(--spacing-4)}.mb-8{margin-bottom:var(--spacing-8)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fs-widget--temper .fs-temper{background:radial-gradient(circle at 20% 10%,rgba(255,225,190,8%),transparent 38%),radial-gradient(circle at 80% 20%,rgba(121,217,255,8%),transparent 32%),linear-gradient(140deg,#0c0f12,#131821 60%,#0d1016);border:1px solid rgba(255,255,255,6%);border-radius:16px;padding:1rem;box-shadow:0 18px 60px rgba(0,0,0,.35);color:#f6f2e8;position:relative;overflow:hidden}.fs-temper__hud{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:space-between;margin-bottom:.75rem;font-weight:600;letter-spacing:.01em}.fs-temper__stat{background:rgba(255,255,255,5%);border:1px solid rgba(255,255,255,6%);border-radius:12px;padding:.35rem .75rem;box-shadow:inset 0 1px rgba(255,255,255,5%)}.fs-temper__thermo,.fs-temper__stability{display:flex;align-items:center;gap:.5rem;flex:auto}.fs-temper__thermo-label,.fs-temper__stability-label{font-size:.85rem;opacity:.85}.fs-temper__thermo-track,.fs-temper__stability-bar{position:relative;height:10px;flex:1;background:rgba(255,255,255,6%);border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,6%)}.fs-temper__thermo-band{position:absolute;top:1px;height:8px;background:linear-gradient(90deg,rgba(255,205,120,.45),rgba(255,237,180,.55));border-radius:999px;left:30%;width:28%}.fs-temper__thermo-marker{position:absolute;top:0;width:12px;height:100%;border-radius:999px;background:linear-gradient(180deg,#ffcf8f,#ff9f6c);box-shadow:0 0 12px rgba(255,160,92,.6);transition:left 120ms ease,transform 160ms ease}.fs-temper__stability-bar span{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,rgba(126,215,255,.3),rgba(255,210,130,.8));border-radius:999px;transform-origin:left center}.fs-temper__stage{position:relative;border-radius:14px;overflow:hidden;min-height:260px;border:1px solid rgba(255,255,255,8%)}.fs-temper__canvas{width:100%;height:clamp(240px,45vw,420px);display:block}.fs-temper__overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 40% 40%,rgba(255,214,156,8%),rgba(0,0,0,.7));opacity:0;pointer-events:none;transition:opacity 180ms ease;color:#fdfaf5;padding:1rem}.fs-temper__overlay.is-visible{opacity:1;pointer-events:auto;backdrop-filter:blur(4px)}.fs-temper__panel{background:rgba(18,22,30,.9);border:1px solid rgba(255,255,255,8%);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 18px 50px rgba(0,0,0,.35);max-width:360px;text-align:center}.fs-temper__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#f6c88c;margin:0 0 .5rem}.fs-temper__title{margin:0 0 .5rem;font-size:1.35rem}.fs-temper__tagline{margin:0 0 1rem;color:rgba(255,255,255,.8)}.fs-temper__score{margin:0 0 .75rem;font-weight:700}.fs-temper__action{background:linear-gradient(120deg,#ffd39c,#ff9b6b);border:none;color:#1a0f0a;padding:.65rem 1.1rem;border-radius:999px;font-weight:700;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform 140ms ease,box-shadow 140ms ease}.fs-temper__action:hover,.fs-temper__action:focus-visible{transform:translateY(-1px)scale(1.02);box-shadow:0 14px 40px rgba(0,0,0,.32)}@media(max-width:720px){.fs-widget--temper .fs-temper{padding:.85rem}.fs-temper__hud{flex-direction:column;align-items:stretch}.fs-temper__thermo,.fs-temper__stability{width:100%}}.fs-widget--scoville .fs-heat{background:linear-gradient(135deg,#1a0b0c,#2a0f12);border-radius:16px;border:1px solid rgba(255,255,255,6%);overflow:hidden;color:#f7e3dc;box-shadow:0 14px 48px rgba(0,0,0,.35)}.fs-heat__hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:14px 16px;align-items:center;background:linear-gradient(90deg,rgba(255,81,47,8%),rgba(255,169,64,8%));border-bottom:1px solid rgba(255,255,255,6%)}.fs-heat__stat{font-weight:700;font-size:.95rem;letter-spacing:.01em}.fs-heat__stat span{display:inline-block;padding-left:6px;color:#ffcd85}.fs-heat__thermo,.fs-heat__comfort{display:grid;gap:6px}.fs-heat__thermo-label,.fs-heat__comfort-label{font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(247,227,220,.72)}.fs-heat__thermo-track,.fs-heat__comfort-bar{position:relative;width:100%;height:12px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.fs-heat__thermo-band{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,rgba(255,214,170,.9),rgba(255,160,122,.9));box-shadow:0 0 0 1px rgba(0,0,0,.12)}.fs-heat__thermo-marker{position:absolute;top:-4px;width:18px;height:20px;border-radius:6px;transform:translateX(-50%);background:linear-gradient(180deg,#ffe6c5,#ffae70);box-shadow:0 10px 24px rgba(0,0,0,.28)}.fs-heat__comfort-bar span{position:absolute;inset:0;border-radius:999px;background:linear-gradient(90deg,#83f3c0,#ffd66c);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transition:width .15s ease}.fs-heat__stage{position:relative;background:radial-gradient(circle at 20% 20%,rgba(255,102,71,.2),transparent 28%),radial-gradient(circle at 80% 60%,rgba(255,184,94,.25),transparent 30%),#120606}.fs-heat__canvas{display:block;width:100%;height:380px}.fs-heat__overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,rgba(255,190,120,8%),rgba(0,0,0,.55));opacity:0;pointer-events:none;transition:opacity 160ms ease}.fs-heat__overlay.is-visible{opacity:1;pointer-events:auto}.fs-heat__panel{background:rgba(24,12,10,.9);border-radius:16px;border:1px solid rgba(255,255,255,8%);box-shadow:0 24px 64px rgba(0,0,0,.45);padding:22px 24px;max-width:420px;text-align:center;backdrop-filter:blur(8px)}.fs-heat__eyebrow{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#ffc483;margin:0 0 4px}.fs-heat__title{margin:0 0 6px;font-size:1.4rem;letter-spacing:.02em}.fs-heat__tagline{margin:0 0 14px;color:rgba(247,227,220,.85)}.fs-heat__score{margin:0 0 12px;color:#ffe0b8;font-weight:700}.fs-heat__action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,#ffb664,#ff5f52);color:#1b0a0a;border:none;font-weight:700;cursor:pointer;transition:transform 120ms ease,box-shadow 120ms ease,filter 120ms ease}.fs-heat__action:hover,.fs-heat__action:focus-visible{transform:translateY(-1px);box-shadow:0 10px 30px rgba(255,131,92,.4);filter:brightness(1.05)}.fs-heat__action:focus-visible{outline:2px solid #ffe6c5;outline-offset:4px}@media(max-width:640px){.fs-heat__hud{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.fs-heat__canvas{height:300px}}.fs-widget--aroma .fs-aroma{background:linear-gradient(135deg,#1b0f1f,#0f0a18);border:1px solid rgba(255,255,255,8%);border-radius:18px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.45)}.fs-aroma__hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px 18px;background:linear-gradient(90deg,rgba(255,255,255,6%),rgba(255,255,255,2%));color:#f6e9ff;font-weight:600;letter-spacing:.01em;border-bottom:1px solid rgba(255,255,255,8%)}.fs-aroma__stat{display:flex;align-items:center;gap:6px;font-size:.95rem}.fs-aroma__stat span{font-feature-settings:'tnum' 1,'lnum' 1;font-variant-numeric:tabular-nums;color:#ffdf9b}.fs-aroma__bouquet{display:grid;gap:6px;align-items:center}.fs-aroma__bouquet-label{font-size:.9rem;color:rgba(246,233,255,.8)}.fs-aroma__bouquet-bar{position:relative;background:rgba(255,255,255,8%);border-radius:999px;height:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.fs-aroma__bouquet-bar span{display:block;width:42%;height:100%;background:linear-gradient(90deg,#ffb347,#ff7bd5,#78c7ff);transition:width 220ms ease,filter 220ms ease;filter:drop-shadow(0 0 6px rgba(255,178,71,.5))}.fs-aroma__bouquet-bar span.is-low{background:linear-gradient(90deg,#ff7d7d,#ffb347);filter:drop-shadow(0 0 6px rgba(255,125,125,.45))}.fs-aroma__stage{position:relative;min-height:320px;background:radial-gradient(circle at 20% 20%,rgba(255,190,255,6%),transparent 40%),radial-gradient(circle at 80% 30%,rgba(126,189,255,8%),transparent 42%),#0d0814}.fs-aroma__canvas{display:block;width:100%;height:auto}.fs-aroma__overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(20,10,30,.8),rgba(12,6,18,.95));opacity:0;pointer-events:none;transition:opacity 180ms ease;color:#f8ecff;padding:20px}.fs-aroma__overlay.is-visible{opacity:1;pointer-events:auto}.fs-aroma__panel{background:rgba(255,255,255,6%);border:1px solid rgba(255,255,255,.14);padding:26px 28px;border-radius:18px;max-width:460px;text-align:center;box-shadow:0 18px 40px rgba(0,0,0,.5)}.fs-aroma__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:#ffc285;margin-bottom:10px}.fs-aroma__title{font-size:clamp(1.4rem,2vw,1.8rem);margin-bottom:8px;color:#ffdef2}.fs-aroma__tagline{color:rgba(248,236,255,.92);line-height:1.6;margin-bottom:16px}.fs-aroma__score{font-weight:700;color:#ffe7b0;margin-bottom:6px}.fs-aroma__action{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:10px 20px;background:linear-gradient(90deg,#ff8fb1,#ffb347);color:#1b0f1f;font-weight:700;cursor:pointer;transition:transform 160ms ease,box-shadow 160ms ease}.fs-aroma__action:hover,.fs-aroma__action:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,143,177,.35)}@media(max-width:720px){.fs-aroma__hud{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.fs-aroma__panel{padding:20px 18px}}@media print{.site-header,.site-footer,.sidebar,.search-toggle,.theme-toggle,.pagination{display:none !important}body{font-size:12pt;color:#000;background:#fff}a{color:#000;text-decoration:underline}.article-content{max-width:100%}}.fs-widget--rind .fs-rind{background:linear-gradient(135deg,#0f0b0a,#1a110d);border-radius:16px;border:1px solid rgba(255,255,255,5%);overflow:hidden;color:#f6e9d3;box-shadow:0 12px 44px rgba(0,0,0,.35)}.fs-rind__hud{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:14px 16px;align-items:center;background:linear-gradient(90deg,rgba(255,195,120,8%),rgba(190,132,74,8%));border-bottom:1px solid rgba(255,255,255,6%)}.fs-rind__stat{font-weight:700;font-size:.96rem;letter-spacing:.01em}.fs-rind__stat span{display:inline-block;padding-left:6px;color:#ffd9a8}.fs-rind__meter{display:grid;gap:6px}.fs-rind__meter-label{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:rgba(246,233,211,.86)}.fs-rind__meter-bar{position:relative;background:rgba(255,255,255,8%);border-radius:999px;height:12px;overflow:hidden}.fs-rind__meter-bar span{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(1);background:linear-gradient(90deg,#ffd598,#f4b75e);transition:transform 160ms ease}.fs-rind__meter-bar span.is-low{background:linear-gradient(90deg,#ff7f71,#ffb36a)}.fs-rind__stage{position:relative;min-height:320px;background:radial-gradient(circle at 18% 18%,rgba(255,224,186,8%),transparent 36%),radial-gradient(circle at 78% 28%,rgba(102,74,42,.12),transparent 42%),linear-gradient(180deg,rgba(32,22,18,.85),rgba(12,8,7,.9))}.fs-rind__canvas{display:block;width:100%;height:auto}.fs-rind__overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(16,12,10,.9),rgba(8,6,6,.95));opacity:0;pointer-events:none;transition:opacity 180ms ease;color:#f7ead4;padding:18px}.fs-rind__overlay.is-visible{opacity:1;pointer-events:auto;backdrop-filter:blur(4px)}.fs-rind__panel{background:rgba(255,255,255,6%);border:1px solid rgba(255,255,255,.12);padding:24px 26px;border-radius:16px;max-width:420px;text-align:center;box-shadow:0 16px 36px rgba(0,0,0,.45)}.fs-rind__eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;color:#ffd9a8;margin-bottom:8px}.fs-rind__title{font-size:clamp(1.35rem,2vw,1.7rem);margin-bottom:8px;color:#ffe9c7}.fs-rind__tagline{color:rgba(247,234,212,.9);line-height:1.6;margin-bottom:14px}.fs-rind__score{font-weight:700;color:#ffd9a8;margin:.35rem 0}.fs-rind__insight{margin:.1rem 0 .9rem;color:rgba(247,234,212,.88);line-height:1.5}.fs-rind__action{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:10px 20px;background:linear-gradient(90deg,#ffb774,#ff9470);color:#20120d;font-weight:700;cursor:pointer;transition:transform 160ms ease,box-shadow 160ms ease}.fs-rind__action:hover,.fs-rind__action:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,151,104,.35)}@media(max-width:720px){.fs-rind__hud{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.fs-rind__panel{padding:20px 18px}}.fs-widget--sparkle .fs-sparkle{background:radial-gradient(circle at 16% 12%,rgba(255,255,255,8%),transparent 36%),radial-gradient(circle at 82% 20%,rgba(126,188,255,8%),transparent 32%),linear-gradient(140deg,#0b0f1a,#0f1322 60%,#0b0f18);border:1px solid rgba(255,255,255,6%);border-radius:18px;padding:1rem;box-shadow:0 18px 48px rgba(6,10,26,.42);color:#e9f2ff;position:relative;overflow:hidden}.fs-sparkle__hud{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:space-between;margin-bottom:.75rem;font-weight:600;letter-spacing:.01em}.fs-sparkle__stat{background:rgba(255,255,255,5%);border:1px solid rgba(255,255,255,6%);border-radius:12px;padding:.35rem .75rem;box-shadow:inset 0 1px rgba(255,255,255,5%)}.fs-sparkle__meter{flex:1 1 220px;display:flex;align-items:center;gap:.5rem}.fs-sparkle__meter-label{font-size:.85rem;opacity:.85;white-space:nowrap}.fs-sparkle__meter-bar{position:relative;height:10px;flex:1;background:rgba(255,255,255,6%);border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,6%)}.fs-sparkle__meter-bar span{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,rgba(138,217,255,.2),rgba(255,215,196,.72));border-radius:999px;transform-origin:left center;transition:transform 160ms ease}.fs-sparkle__stage{position:relative;border-radius:14px;overflow:hidden;min-height:320px;background:radial-gradient(circle at 20% 80%,rgba(255,233,209,8%),transparent 40%),radial-gradient(circle at 80% 10%,rgba(146,196,255,8%),transparent 36%),#0c111c;border:1px solid rgba(255,255,255,6%)}.fs-sparkle__canvas{width:100%;height:100%;display:block;background:0 0}.fs-sparkle__overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(14,18,32,.72),rgba(8,10,20,.88));color:#f8fbff;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity 180ms ease;z-index:2}.fs-sparkle__overlay.is-visible{opacity:1;pointer-events:all}.fs-sparkle__panel{background:rgba(255,255,255,4%);border:1px solid rgba(255,255,255,8%);border-radius:16px;padding:1.25rem 1.5rem;box-shadow:0 18px 44px rgba(0,0,0,.28);max-width:420px;text-align:center}.fs-sparkle__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;opacity:.7;margin-bottom:.35rem}.fs-sparkle__title{font-size:1.35rem;margin-bottom:.4rem;letter-spacing:.02em}.fs-sparkle__tagline,.fs-sparkle__insight,.fs-sparkle__score{color:rgba(248,251,255,.85);line-height:1.6;margin-bottom:.65rem}.fs-sparkle__action{background:linear-gradient(120deg,#72c5ff,#fdd8c7);color:#0a0d1a;font-weight:700;border:none;border-radius:999px;padding:.65rem 1.4rem;cursor:pointer;transition:transform 150ms ease,box-shadow 150ms ease;box-shadow:0 10px 30px rgba(114,197,255,.35)}.fs-sparkle__action:hover{transform:translateY(-1px)scale(1.01);box-shadow:0 12px 36px rgba(114,197,255,.45)}.fs-sparkle__action:active{transform:translateY(0)}@media(max-width:640px){.fs-sparkle__hud{flex-direction:column;align-items:stretch}.fs-sparkle__stat{width:100%;text-align:center}}