.navbar{z-index:100;height:var(--nav-height);background-color:var(--color-nav-bg);border-bottom:1px solid var(--color-nav-border);box-shadow:var(--shadow-sm);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-logo{align-items:center;gap:var(--space-2);flex-shrink:0;text-decoration:none;display:flex}.navbar-logo:hover{text-decoration:none}.navbar-logo-icon{font-size:var(--text-2xl);line-height:1}.navbar-logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);line-height:1}.navbar-logo-brand{color:var(--color-primary)}.navbar-logo-domain{color:var(--color-text-muted);font-weight:var(--font-medium)}.navbar-nav{align-items:center;gap:var(--space-1);display:flex}.nav-link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);border-radius:var(--radius);transition:color var(--transition-fast), background-color var(--transition-fast);text-decoration:none}.nav-link:hover{color:var(--color-text);background-color:var(--color-bg-subtle);text-decoration:none}.nav-link.active{color:var(--color-primary);background-color:var(--color-primary-light)}@media (width<=480px){.nav-link{padding:var(--space-2) var(--space-2);font-size:var(--text-xs)}}.footer{background-color:var(--color-bg-subtle);border-top:1px solid var(--color-border);margin-top:auto}.footer-inner{gap:var(--space-8);padding-top:var(--space-12);padding-bottom:var(--space-12);grid-template-columns:1fr;display:grid}@media (width>=640px){.footer-inner{grid-template-columns:1fr 1fr;align-items:start}}.footer-logo{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3);text-decoration:none;display:inline-flex}.footer-logo:hover{text-decoration:none}.footer-logo-text span:first-child{color:var(--color-primary)}.footer-logo-text .muted{color:var(--color-text-muted);font-weight:var(--font-medium)}.footer-tagline{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:28ch}.footer-nav{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.footer-nav{grid-template-columns:repeat(4,1fr)}}.footer-nav-heading{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);transition:color var(--transition-fast);text-decoration:none}.footer-nav-heading:hover{color:var(--color-primary);text-decoration:none}.footer-bottom{border-top:1px solid var(--color-border);padding:var(--space-4) 0}.footer-bottom-inner{justify-content:center;align-items:center;display:flex}.footer-copy{font-size:var(--text-sm);color:var(--color-text-subtle);text-align:center;line-height:var(--leading-relaxed)}.main-content{flex-direction:column;flex:1;display:flex}.calc-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);color:inherit;cursor:pointer;text-decoration:none;display:flex;position:relative}.calc-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);color:inherit;text-decoration:none;transform:translateY(-1px)}.calc-card--unavailable{opacity:.65;cursor:default;pointer-events:none}.calc-card--compact{padding:var(--space-3) var(--space-4);gap:var(--space-3)}.calc-card-icon{font-size:var(--text-2xl);border-radius:var(--radius);background-color:var(--color-bg-subtle);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;line-height:1;display:flex}.calc-card--compact .calc-card-icon{width:2rem;height:2rem;font-size:var(--text-lg)}.calc-card-body{flex:1;min-width:0}.calc-card-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calc-card--compact .calc-card-title{font-size:var(--text-sm);margin-bottom:0}.calc-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.calc-card-badge{padding:.2rem var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);background-color:var(--color-bg-subtle);color:var(--color-text-subtle);border-radius:var(--radius-full);margin-top:var(--space-2);border:1px solid var(--color-border);align-items:center;display:inline-flex}.calc-card-arrow{font-size:var(--text-lg);color:var(--color-text-subtle);transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;align-self:center}.calc-card:hover .calc-card-arrow{color:var(--color-primary);transform:translate(2px)}.basic-calc{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);max-width:360px;box-shadow:var(--shadow-lg);margin:0 auto;overflow:hidden}.basic-calc-screen{padding:var(--space-5) var(--space-6) var(--space-4);box-sizing:border-box;justify-content:flex-end;align-items:flex-end;gap:var(--space-1);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);flex-direction:column;height:7.5rem;display:flex}.basic-calc-expression{font-size:var(--text-sm);color:#94a3b8;font-family:var(--font-mono);text-align:right;word-break:break-all;min-height:1.25rem}.basic-calc-display{font-family:var(--font-mono);font-weight:var(--font-semibold);color:#f1f5f9;text-align:right;word-break:break-all;line-height:1.1}.basic-calc-display.display-lg{font-size:3rem}.basic-calc-display.display-md{font-size:2.25rem}.basic-calc-display.display-sm{font-size:1.75rem}.basic-calc-display.display-xs{font-size:1.25rem}.basic-calc-display.error{color:#f87171}.basic-calc-grid{background-color:var(--color-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.calc-btn{height:4rem;font-size:var(--text-xl);font-weight:var(--font-medium);font-family:var(--font-sans);background-color:var(--color-bg-card);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:0;display:flex}.calc-btn:hover{background-color:var(--color-bg-subtle)}.calc-btn:active{background-color:var(--color-border)}.calc-btn.btn-fn{background-color:var(--color-bg-subtle);color:var(--color-text-muted);font-size:var(--text-base)}.calc-btn.btn-fn:hover{background-color:var(--color-border);color:var(--color-text)}.calc-btn.btn-op{background-color:var(--color-primary-light);color:var(--color-primary);font-size:var(--text-xl)}.calc-btn.btn-op:hover{background-color:var(--color-primary);color:#fff}.calc-btn.btn-eq{background-color:var(--color-primary);color:#fff;font-size:var(--text-xl)}.calc-btn.btn-eq:hover{background-color:var(--color-primary-hover)}.basic-calc-hint{font-size:var(--text-xs);color:var(--color-text-subtle);text-align:center;padding:var(--space-3) var(--space-4);background-color:var(--color-bg-subtle);border-top:1px solid var(--color-border);line-height:var(--leading-relaxed)}.basic-calc-hint kbd{font-family:var(--font-mono);border:1px solid var(--color-border);background-color:var(--color-bg-card);color:var(--color-text-muted);border-radius:3px;padding:.1em .35em;font-size:.7rem;display:inline-block}.hero{background:linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-bg) 60%);padding:var(--space-16) 0 var(--space-12);border-bottom:1px solid var(--color-border);overflow:hidden}@media (prefers-color-scheme:dark){.hero{background:linear-gradient(135deg, #6366f114 0%, var(--color-bg) 60%)}}[data-theme=dark] .hero{background:linear-gradient(135deg, #6366f114 0%, var(--color-bg) 60%)}.hero-inner{gap:var(--space-12);grid-template-columns:1fr;align-items:center;display:grid}@media (width>=900px){.hero-inner{grid-template-columns:1fr 1fr}}.hero-content{max-width:560px}.hero-badge{margin-bottom:var(--space-5)}.hero-title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:var(--font-bold);color:var(--color-text);line-height:var(--leading-tight);margin-bottom:var(--space-5)}.hero-desc{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:48ch}.hero-search{max-width:480px;position:relative}.search-wrap{align-items:center;display:flex;position:relative}.search-icon{left:var(--space-4);font-size:var(--text-base);pointer-events:none;position:absolute}.search-input{width:100%;padding:.875rem var(--space-10) .875rem var(--space-10);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none}.search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px #6366f11f}.search-input::placeholder{color:var(--color-text-subtle)}.search-clear{right:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;position:absolute}.search-clear:hover{color:var(--color-text);background-color:var(--color-bg-subtle)}.search-dropdown{top:calc(100% + var(--space-2));background-color:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:50;position:absolute;left:0;right:0;overflow:hidden}.search-result{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text);transition:background-color var(--transition-fast);text-decoration:none;display:flex}.search-result:hover{background-color:var(--color-bg-subtle);text-decoration:none}.search-result-icon{font-size:var(--text-xl);text-align:center;width:2rem}.search-result-body{flex-direction:column;flex:1;display:flex}.search-result-name{font-size:var(--text-base);font-weight:var(--font-medium)}.search-result-cat{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize}.search-result-badge{font-size:var(--text-xs);color:var(--color-text-subtle);background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:.1rem var(--space-2)}.search-no-results{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.hero-illustration{flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-functional-calc{width:300px;box-shadow:var(--shadow-lg);border-radius:var(--radius-2xl);overflow:hidden}@media (width<=899px){.hero-illustration{display:none}}.categories-section,.popular-section,.features-section{padding:var(--space-16) 0}.categories-section{background-color:var(--color-bg-subtle)}.popular-section{background-color:var(--color-bg)}.features-section{background-color:var(--color-bg-subtle);border-top:1px solid var(--color-border)}.category-card{align-items:flex-start;gap:var(--space-3);padding:var(--space-6);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.category-card-icon{background-color:var(--color-primary-light);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:3rem;height:3rem;font-size:2rem;display:flex}.category-card-name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.category-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);flex:1}.category-card-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);margin-top:var(--space-2)}.feature-card{gap:var(--space-3);padding:var(--space-6);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.feature-icon{font-size:2rem;line-height:1}.feature-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:0}.feature-desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.breadcrumb{padding:var(--space-4) 0 0}.breadcrumb-list{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.breadcrumb-item{align-items:center;gap:var(--space-1);display:flex}.breadcrumb-link{font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast);text-decoration:none}.breadcrumb-link:hover{color:var(--color-primary);text-decoration:none}.breadcrumb-current{font-size:var(--text-sm);color:var(--color-text);font-weight:var(--font-medium)}.breadcrumb-sep{font-size:var(--text-sm);color:var(--color-text-subtle)}.cat-page{padding:var(--space-8) 0 var(--space-16)}.cat-page-header{align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);display:flex}.cat-page-icon{background-color:var(--color-primary-light);border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:4rem;height:4rem;font-size:2.5rem;display:flex}.cat-page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3)}@media (width>=768px){.cat-page-title{font-size:var(--text-4xl)}}.cat-page-desc{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.cat-section-title{align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-5);display:flex}.cat-count{min-width:1.5rem;height:1.5rem;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.cat-grid{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=600px){.cat-grid{grid-template-columns:repeat(2,1fr)}}.cat-coming-section{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.cat-coming-section .cat-section-title{color:var(--color-text-muted)}@media (width<=480px){.cat-page-header{flex-direction:column}}.all-calc-page{padding-top:2rem;padding-bottom:4rem}.all-calc-title{color:var(--color-heading);margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.all-calc-desc{color:var(--color-text-muted);font-size:1.125rem}.all-calc-controls{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=640px){.all-calc-controls{flex-direction:row;align-items:center}}.all-calc-search-box{flex:1}.all-calc-search-input{border:1px solid var(--color-border);background:var(--color-bg-card);width:100%;color:var(--color-text);border-radius:8px;padding:.75rem 1rem;font-size:1rem}.all-calc-search-input:focus{outline:2px solid var(--color-primary);border-color:#0000}.all-calc-filter-select{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);cursor:pointer;border-radius:8px;min-width:180px;padding:.75rem 1rem;font-size:1rem}.all-calc-count{color:var(--color-text-muted);margin-bottom:1rem;font-size:.875rem}.all-calc-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.all-calc-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.all-calc-grid{grid-template-columns:repeat(3,1fr)}}.all-calc-empty{text-align:center;background:var(--color-bg-card);border:1px dashed var(--color-border);border-radius:12px;padding:3rem 1rem}.all-calc-empty p{color:var(--color-text-muted);margin-bottom:1rem}.all-calc-reset-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:opacity .2s}.all-calc-reset-btn:hover{opacity:.9}.calc-page{padding:var(--space-6) 0 var(--space-16)}.calc-page-header{align-items:flex-start;gap:var(--space-4);margin:var(--space-6) 0 var(--space-8);display:flex}.calc-page-header-icon{background-color:var(--color-primary-light);border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;font-size:2.5rem;line-height:1;display:flex}.calc-page-category-link{align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);margin-bottom:var(--space-2);text-decoration:none;display:inline-flex}.calc-page-category-link:hover{text-decoration:underline}.calc-page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);margin-bottom:var(--space-3)}@media (width>=768px){.calc-page-title{font-size:var(--text-4xl)}}.calc-page-intro{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-relaxed);max-width:65ch}.calc-page-main,.calc-page-section{margin-bottom:var(--space-12)}.calc-page-section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-border)}.calc-page-related{gap:var(--space-3);grid-template-columns:1fr;display:grid}@media (width>=640px){.calc-page-related{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.calc-page-header{flex-direction:column}.calc-page-header-icon{width:3rem;height:3rem;font-size:2rem}}.faq-accordion{border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:0;display:flex;overflow:hidden}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none}.faq-question{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);background-color:var(--color-bg-card);text-align:left;cursor:pointer;transition:background-color var(--transition-fast);display:flex}.faq-question:hover{background-color:var(--color-bg-subtle)}.faq-icon{font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-primary);flex-shrink:0;line-height:1}.faq-answer{transition:grid-template-rows var(--transition);background-color:var(--color-bg-card);grid-template-rows:0fr;display:grid}.faq-item--open .faq-answer{grid-template-rows:1fr}.faq-answer-inner{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed);padding:0 var(--space-6) 0;transition:padding var(--transition);overflow:hidden}.faq-item--open .faq-answer-inner{padding:0 var(--space-6) var(--space-5)}.formula-block{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.formula-display{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-subtle)}.formula-code{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-primary);font-weight:var(--font-medium);white-space:pre;display:block;overflow-x:auto}.formula-vars{padding:var(--space-4) var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.formula-var{align-items:baseline;gap:var(--space-3);display:flex}.formula-var-sym{min-width:4ch;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-semibold);flex-shrink:0}.formula-var-desc{font-size:var(--text-sm);color:var(--color-text-muted)}:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-bg:#fff;--color-bg-subtle:#f8f9fb;--color-bg-card:#fff;--color-bg-input:#fff;--color-border:#e2e8f0;--color-border-focus:var(--color-primary-500);--color-text:#0f172a;--color-text-muted:#64748b;--color-text-subtle:#94a3b8;--color-text-inverse:#fff;--color-primary:var(--color-primary-600);--color-primary-hover:var(--color-primary-700);--color-primary-light:var(--color-primary-50);--color-success:#16a34a;--color-success-light:#f0fdf4;--color-warning:#d97706;--color-warning-light:#fffbeb;--color-error:#dc2626;--color-error-light:#fef2f2;--color-info:#0284c7;--color-info-light:#f0f9ff;--cat-math:#6366f1;--cat-financial:#16a34a;--cat-health:#e11d48;--cat-other:#d97706;--color-nav-bg:#fff;--color-nav-border:#e2e8f0;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius:.5rem;--radius-md:.625rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--container-max:1200px;--container-content:780px;--nav-height:64px;--transition-fast:.12s ease;--transition:.2s ease;--transition-slow:.35s ease}@media (prefers-color-scheme:dark){:root{--color-bg:#0f172a;--color-bg-subtle:#1e293b;--color-bg-card:#1e293b;--color-bg-input:#1e293b;--color-border:#334155;--color-border-focus:var(--color-primary-400);--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-text-inverse:#0f172a;--color-primary:var(--color-primary-400);--color-primary-hover:var(--color-primary-300);--color-primary-light:#6366f11f;--color-success-light:#16a34a1f;--color-warning-light:#d977061f;--color-error-light:#dc26261f;--color-info-light:#0284c71f;--color-nav-bg:#1e293b;--color-nav-border:#334155;--shadow-sm:0 1px 2px 0 #0006;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006}}[data-theme=dark]{--color-bg:#0f172a;--color-bg-subtle:#1e293b;--color-bg-card:#1e293b;--color-bg-input:#1e293b;--color-border:#334155;--color-border-focus:var(--color-primary-400);--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-text-subtle:#64748b;--color-text-inverse:#0f172a;--color-primary:var(--color-primary-400);--color-primary-hover:var(--color-primary-300);--color-primary-light:#6366f11f;--color-success-light:#16a34a1f;--color-warning-light:#d977061f;--color-error-light:#dc26261f;--color-info-light:#0284c71f;--color-nav-bg:#1e293b;--color-nav-border:#334155;--shadow-sm:0 1px 2px 0 #0006;--shadow:0 1px 3px 0 #0006, 0 1px 2px -1px #0006;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}@media (width>=768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}}p{line-height:var(--leading-relaxed);color:var(--color-text-muted)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--text-base)}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}@media (width>=640px){.container{padding:0 var(--space-6)}}@media (width>=1024px){.container{padding:0 var(--space-8)}}.content-container{width:100%;max-width:var(--container-content);padding:0 var(--space-4);margin:0 auto}@media (width>=640px){.content-container{padding:0 var(--space-6)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:.625rem var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);text-decoration:none}.btn-secondary{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-primary-light);text-decoration:none}.btn-ghost{color:var(--color-text-muted);border-color:var(--color-border);background-color:#0000}.btn-ghost:hover{background-color:var(--color-bg-subtle);color:var(--color-text);text-decoration:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:.75rem var(--space-8);font-size:var(--text-lg)}.btn-icon{border-radius:var(--radius);padding:.625rem}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.form-label span{color:var(--color-text-muted);font-weight:var(--font-normal)}.form-input{width:100%;padding:.625rem var(--space-4);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none}.form-input:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #6366f11f}.form-input::placeholder{color:var(--color-text-subtle)}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 0 3px #dc26261f}.form-select{width:100%;padding:.625rem var(--space-4);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg-input);border:1.5px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer}.form-select:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #6366f11f}.form-error{font-size:var(--text-sm);color:var(--color-error)}.form-hint{font-size:var(--text-sm);color:var(--color-text-muted)}.card{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-4)}.badge{padding:.2rem var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);letter-spacing:.02em;text-transform:uppercase;align-items:center;display:inline-flex}.badge-primary{background-color:var(--color-primary-light);color:var(--color-primary)}.section-header{margin-bottom:var(--space-8)}.section-header h2{margin-bottom:var(--space-2)}.section-header p{font-size:var(--text-lg);color:var(--color-text-muted)}.divider{background-color:var(--color-border);height:1px;margin:var(--space-6) 0;border:none}.grid-2{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.grid-3{grid-template-columns:repeat(3,1fr)}}.grid-4{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.grid-4{grid-template-columns:repeat(4,1fr)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}html{scroll-padding-top:calc(var(--nav-height) + var(--space-4))}