*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-body:#020617;--bg-body-gradient:radial-gradient(circle at top left, #1e3a8a, #020617);--bg-surface:#1e293b;--bg-surface-alt:#0f172a;--bg-surface-hover:#334155;--bg-surface-deep:#0c1929;--bg-footer:#0f1219;--border:#334155;--border-light:#475569;--border-footer:#23293a;--text-primary:#f1f5f9;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-dim:#b0bec5;--text-faint:#cbd5e1;--text-label:#a0aec0;--accent:#38bdf8;--accent-hover:#7dd3fc;--accent-glow:#38bdf833;--accent-subtle:#38bdf814;--success:#22c55e;--danger:#f87171;--warning:#facc15;--input-bg:#0f172a;--input-text:#e2e8f0;--btn-bg:#38bdf8;--btn-text:#0f172a;--btn-secondary-bg:#334155;--btn-secondary-text:#e2e8f0;--card-gradient:linear-gradient(135deg, #0c1929, #132744);--sidebar-bg:#1e293b;--sidebar-section-bg:#0f172a;--sidebar-section-open:#132744;--sidebar-popular-bg:linear-gradient(135deg, #0c2d4a, #132744);--sidebar-popular-hover:linear-gradient(135deg, #0e3358, #163050);--mobile-header-bg:#1e293b;--ham-line:#e2e8f0;--code-bg:#0f172a;--tag-bg:#0f172a;--fun-fact-bg:linear-gradient(135deg, #132744, #1e293b);--fun-fact-border:#1e3a5f;--sample-bg:linear-gradient(135deg, #1a2332, #1e293b);--sample-border:#475569;--ticker-bg:linear-gradient(135deg, #1e293b, #0f172a);--hero-bg:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--highlight-bg:linear-gradient(180deg, #38bdf80a, transparent);--result-pretty-bg:linear-gradient(135deg, #0c1929, #0f172a);--ad-bg:linear-gradient(135deg, #1a2332, #1e293b);--color-scheme:dark}[data-theme=light]{--bg-body:#f8fafc;--bg-body-gradient:#f0f4f8;--bg-surface:#fff;--bg-surface-alt:#f1f5f9;--bg-surface-hover:#e2e8f0;--bg-surface-deep:#f8fafc;--bg-footer:#f1f5f9;--border:#e2e8f0;--border-light:#cbd5e1;--border-footer:#e2e8f0;--text-primary:#0f172a;--text-secondary:#1e293b;--text-muted:#64748b;--text-dim:#475569;--text-faint:#334155;--text-label:#475569;--accent:#2563eb;--accent-hover:#3b82f6;--accent-glow:#2563eb26;--accent-subtle:#2563eb0f;--success:#16a34a;--danger:#dc2626;--warning:#ca8a04;--input-bg:#f8fafc;--input-text:#1e293b;--btn-bg:#2563eb;--btn-text:#fff;--btn-secondary-bg:#e2e8f0;--btn-secondary-text:#1e293b;--card-gradient:linear-gradient(135deg, #f0f4ff, #e8f0fe);--sidebar-bg:#fff;--sidebar-section-bg:#f1f5f9;--sidebar-section-open:#e0ecff;--sidebar-popular-bg:linear-gradient(135deg, #e0ecff, #dbeafe);--sidebar-popular-hover:linear-gradient(135deg, #c7d9ff, #bfdbfe);--mobile-header-bg:#fff;--ham-line:#334155;--code-bg:#f1f5f9;--tag-bg:#e0ecff;--fun-fact-bg:linear-gradient(135deg, #f0f4ff, #f8fafc);--fun-fact-border:#dbeafe;--sample-bg:linear-gradient(135deg, #f8fafc, #f1f5f9);--sample-border:#cbd5e1;--ticker-bg:linear-gradient(135deg, #fff, #f8fafc);--hero-bg:linear-gradient(135deg, #f0f4ff 0%, #fff 50%, #f0f4ff 100%);--highlight-bg:linear-gradient(180deg, #2563eb0a, transparent);--result-pretty-bg:linear-gradient(135deg, #f8fafc, #f1f5f9);--ad-bg:linear-gradient(135deg, #f8fafc, #f1f5f9);--color-scheme:light}body{background:var(--bg-body-gradient);color:var(--text-secondary);min-height:100vh;color-scheme:var(--color-scheme);font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex}.mobile-header{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:200;align-items:center;gap:12px;height:56px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-title{color:var(--accent);font-size:1.1rem;font-weight:700}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin:0;padding:8px;display:flex}.ham-line{background:#e2e8f0;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.ham-line.open:first-child{transform:rotate(45deg)translate(5px,5px)}.ham-line.open:nth-child(2){opacity:0}.ham-line.open:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.sidebar-overlay{z-index:299;background:#0009;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);z-index:300;width:280px;height:100vh;padding:20px 0;position:fixed;top:0;left:0;overflow-y:auto}.sidebar h2{color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:8px;padding:0 24px 16px;font-size:1.3rem}.sidebar a{color:var(--text-faint);border-left:3px solid #0000;align-items:center;gap:10px;padding:7px 24px;font-size:.85rem;transition:all .2s;display:flex}.sidebar a:hover,.sidebar a.active{background:var(--bg-surface-hover);border-left-color:var(--accent);color:var(--text-primary);font-weight:600}.sidebar-highlight{background:var(--highlight-bg);border-left:3px solid var(--accent);margin:4px 0;padding:2px 0}.sidebar-section.popular{background:var(--sidebar-popular-bg);border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px #38bdf826}.sidebar-section.popular:hover{background:var(--sidebar-popular-hover);box-shadow:0 0 16px #38bdf840}.sidebar a.sidebar-hero{background:var(--accent-subtle);border-left:3px solid var(--accent);color:var(--text-primary);font-weight:600}.sidebar a.sidebar-hero:hover{background:var(--accent-subtle)}.sidebar-star{margin-left:auto;font-size:.65rem}.sidebar-section{color:var(--text-faint);text-transform:uppercase;letter-spacing:1px;background:var(--bg-surface-alt);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;margin:6px 12px 2px;padding:10px 16px 10px 24px;font-size:.78rem;font-weight:700;transition:all .2s;display:flex}.sidebar-section:hover{background:var(--sidebar-section-open);border-color:var(--border-light)}.sidebar-section.open{background:var(--sidebar-section-open);border-color:var(--accent);color:var(--accent)}.sidebar-arrow{color:var(--text-faint);flex-shrink:0;font-size:1.1rem;font-weight:700;line-height:1;transition:color .2s}.sidebar-section.open .sidebar-arrow{color:var(--accent)}.main{flex:1;min-height:100vh;margin-left:280px;padding:32px}.content-with-sidebar-ad{gap:24px;display:flex}.content-area{flex:1;min-width:0;max-width:100%}.sidebar-ad-area{display:none}.ad-slot{background:var(--sample-bg);border:1px dashed var(--border-light);text-align:center;border-radius:10px;overflow:hidden}.ad-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;background:var(--bg-surface-alt);padding:4px;font-size:.65rem;display:block}.ad-inner{color:#475569;padding:20px;font-size:.85rem}.ad-banner{flex-direction:column;justify-content:center;min-height:90px;margin-bottom:20px;display:flex}.ad-sidebar{min-height:250px}.ad-inline{min-height:90px;margin:28px 0}.ticker{background:var(--ticker-bg);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:12px 20px;display:flex}.ticker-left{align-items:center;gap:10px;display:flex}.ticker-blink{animation:2s infinite pulse}.ticker-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ticker-label{color:var(--text-secondary);font-size:.95rem;font-weight:600}.ticker-right{gap:16px;display:flex}.ticker-trust{color:var(--text-muted);align-items:center;gap:4px;font-size:.8rem;display:flex}.tool-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:32px}.tool-card h1{color:var(--text-primary);margin-bottom:10px;font-size:1.7rem}.tool-card h2{color:var(--text-primary);margin-bottom:20px;font-size:1.4rem}.tool-desc{color:var(--text-dim);margin:-4px 0 12px;font-size:.92rem;line-height:1.6}.trust-badges{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.trust-badge{background:var(--bg-surface-alt);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;padding:6px 14px;font-size:.78rem}label{color:var(--accent);margin-top:8px;margin-bottom:4px;font-size:.85rem;font-weight:700;display:block}input,select,textarea{background:var(--bg-surface-alt);border:1px solid var(--border);width:100%;color:var(--text-secondary);border-radius:8px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:120px;font-family:inherit}button{background:var(--btn-bg);color:var(--btn-text);cursor:pointer;border:none;border-radius:8px;margin-top:16px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .2s}button:hover{background:var(--accent-hover);transform:translateY(-1px)}button:active{transform:translateY(0)}.result{background:var(--bg-surface-alt);border:1px solid var(--border);white-space:pre-wrap;border-radius:8px;max-height:400px;margin-top:20px;padding:16px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-y:auto}.row{flex-wrap:wrap;gap:16px;display:flex}.row>*{flex:1;min-width:200px}.result-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:14px;display:grid}.result-card{background:var(--bg-surface-alt);border:1px solid var(--border);text-align:center;border-radius:10px;padding:16px;transition:transform .2s,border-color .2s;animation:.4s both fadeSlideUp}.result-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.result-card.accent{border-color:var(--accent);background:var(--card-gradient)}.result-card.highlight{background:linear-gradient(135deg,#1a1a0a,#2a2510);border-color:#facc15;grid-column:span 2}.result-value{color:var(--text-primary);margin-bottom:4px;font-size:1.6rem;font-weight:700;display:block}.result-card.accent .result-value{color:var(--accent)}.result-card.highlight .result-value{color:#facc15}.result-label{color:var(--text-label);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.result-pretty{background:var(--result-pretty-bg);border:1px solid var(--border);border-radius:10px;margin-top:24px;padding:20px;animation:.4s both fadeSlideUp}.result-pretty .result-row{border-bottom:1px solid var(--bg-surface);justify-content:space-between;padding:8px 0;font-size:.9rem;display:flex}.result-pretty .result-row:last-child{border-bottom:none}.result-pretty .result-row .label{color:var(--text-dim)}.result-pretty .result-row .value{color:var(--text-primary);font-weight:600}.result-pretty .result-row.total{border-top:2px solid #38bdf8;margin-top:4px;padding-top:12px}.result-pretty .result-row.total .value{color:var(--accent);font-size:1.05rem}@keyframes fadeSlideUp{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #334155;border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:20px;height:20px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}.sample-box{background:var(--sample-bg);border:1px dashed var(--border-light);border-radius:10px;margin:24px 0;padding:18px 22px}.sample-box h4{color:var(--accent);margin-bottom:8px;font-size:.9rem}.sample-box p,.sample-box ul{color:var(--text-dim);font-size:.85rem;line-height:1.6}.sample-box strong{color:var(--text-secondary)}.sample-box code{background:var(--bg-surface-alt);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.8rem}.seo-content{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-dim);border-radius:12px;margin-top:28px;padding:28px;font-size:.88rem;line-height:1.8}.seo-content h2{color:var(--text-primary);margin:16px 0 8px;font-size:1.1rem}.seo-content h2:first-child{margin-top:0}.seo-content p{margin-bottom:12px}.seo-content ul{margin-bottom:12px;padding-left:20px}.seo-content li{margin-bottom:4px}.popular-tools{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-top:28px;padding:28px}.popular-tools h3{color:var(--text-primary);margin-bottom:16px;font-size:1rem}.popular-grid{flex-wrap:wrap;gap:10px;display:flex}.popular-card{background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;transition:all .2s;display:flex}.popular-card:hover{border-color:var(--accent);transform:translateY(-1px)}.popular-icon{font-size:1.1rem}.home-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.home-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:24px;transition:transform .2s,border-color .2s}.home-card:hover{border-color:var(--accent);transform:translateY(-2px)}.home-card .icon{margin-bottom:12px;font-size:2rem}.home-card h2{margin-bottom:6px;font-size:1rem}.home-card p{color:var(--text-muted);font-size:.8rem}.md-preview{background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:8px;padding:16px}.md-preview h1,.md-preview h2,.md-preview h3{color:var(--text-primary);margin:12px 0 8px}.md-preview p{margin:8px 0;line-height:1.6}.md-preview code{background:var(--bg-surface-hover);border-radius:4px;padding:2px 6px;font-size:.9em}.md-preview pre{background:var(--bg-surface-hover);border-radius:8px;padding:12px;overflow-x:auto}.md-preview pre code{background:0 0;padding:0}.md-preview ul,.md-preview ol{margin:8px 0;padding-left:24px}.md-preview blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:8px 0;padding-left:12px}input[type=date],input[type=datetime-local]{color-scheme:var(--color-scheme);cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;font-size:1.2rem}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;font-size:1.2rem}.dp-wrap{width:100%;max-width:280px;margin-top:0;position:relative}.dp-input{background:var(--bg-surface-alt);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;transition:border-color .2s;display:flex}.dp-input:hover{border-color:var(--accent)}.dp-value{color:var(--text-secondary);font-size:.95rem}.dp-placeholder{color:#64748b;font-size:.95rem}.dp-icon{font-size:1.3rem}.dp-dropdown{z-index:100;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;width:310px;padding:14px;animation:.15s fadeSlideUp;position:absolute;top:calc(100% + 2px);left:0;box-shadow:0 12px 40px #00000080}.dp-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dp-nav{background:var(--bg-surface-hover);color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;font-size:1.2rem;display:flex}.dp-nav:hover{background:#475569}.dp-title{gap:6px;display:flex}.dp-select{background:var(--bg-surface-alt);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:6px;width:auto;padding:4px 8px;font-size:.85rem}.dp-days-header{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.dp-days-header span{color:#64748b;text-transform:uppercase;padding:4px 0;font-size:.7rem;font-weight:600}.dp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.dp-cell{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;margin:0;padding:6px 0;font-size:.85rem;transition:background .15s}.dp-cell:hover:not(.dp-disabled):not(.dp-other){background:var(--bg-surface-hover)}.dp-cell.dp-other{color:#334155;cursor:default}.dp-cell.dp-disabled{color:#334155;cursor:not-allowed}.dp-cell.dp-today{border:1px solid #38bdf8}.dp-cell.dp-selected{background:var(--btn-bg);color:var(--btn-text);font-weight:700}.dp-time{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:8px;padding-top:8px;display:flex}.dp-time-input{width:auto;color-scheme:var(--color-scheme);padding:6px 10px;font-size:.85rem}.dp-footer{border-top:1px solid var(--border);gap:8px;margin-top:8px;padding-top:8px;display:flex}.dp-today-btn,.dp-clear-btn{cursor:pointer;border:none;border-radius:6px;flex:1;margin:0;padding:6px;font-size:.8rem}.dp-today-btn{background:var(--btn-bg);color:var(--btn-text);font-weight:600}.dp-today-btn:hover{background:var(--accent-hover)}.dp-clear-btn{background:var(--bg-surface-hover);color:var(--text-muted)}.dp-clear-btn:hover{background:#475569}@media (max-width:900px){.sidebar-ad-area{display:none}.content-with-sidebar-ad{flex-direction:column}}@media (max-width:768px){.mobile-header{display:flex}.sidebar-overlay{display:block}.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar h2{display:none}.main{margin-left:0;padding:72px 16px 24px}button{width:100%;padding:14px;font-size:1rem}input,select,textarea{padding:14px;font-size:1rem}.row{flex-direction:column;gap:0}.row>*{min-width:100%}.result-grid{grid-template-columns:repeat(2,1fr)}.result-card.highlight{grid-column:span 2}.ticker{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 16px}.ticker-right{gap:12px}.home-grid{grid-template-columns:repeat(2,1fr);gap:10px}.home-card{padding:16px}.popular-grid{flex-direction:column}.popular-card{width:100%}.dp-dropdown{width:calc(100vw - 32px);left:50%;transform:translate(-50%)}.ad-banner{min-height:60px}}@media (max-width:400px){.result-grid{grid-template-columns:1fr}.result-card.highlight{grid-column:span 1}.home-grid{grid-template-columns:1fr}}.result-card.primary{border-color:var(--accent);background:var(--card-gradient);padding:24px 20px;box-shadow:0 0 24px #38bdf833,inset 0 1px #38bdf81a}.result-card.primary .result-value{color:var(--accent);text-shadow:0 0 20px #38bdf84d;font-size:2.6rem}.result-card.primary .result-label{color:var(--accent-hover);font-size:.82rem}.result-card:hover{box-shadow:0 0 16px #38bdf81a}.result-card.accent:hover{box-shadow:0 0 20px #38bdf833}.result-card.highlight:hover{box-shadow:0 0 20px #facc1526}.fun-fact{background:var(--fun-fact-bg);border:1px solid var(--fun-fact-border);color:var(--text-dim);border-radius:10px;align-items:center;gap:10px;margin-top:20px;padding:16px 20px;font-size:.9rem;animation:.5s both fadeSlideUp;display:flex}.fun-fact .fun-emoji{font-size:1.4rem}.fun-fact strong{color:var(--accent)}.progress-wrap{margin-top:20px;animation:.5s both fadeSlideUp}.progress-label{color:var(--text-dim);justify-content:space-between;margin-bottom:6px;font-size:.8rem;display:flex}.progress-bar{background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:10px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:10px;height:100%;transition:width 1s}.action-bar{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.action-bar button{background:var(--bg-surface-hover);color:var(--text-secondary);width:auto;margin:0;padding:8px 16px;font-size:.82rem}.action-bar button:hover{background:#475569}.action-bar button.copied{color:var(--btn-text);background:#22c55e}.faq-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;margin-top:28px;padding:28px}.faq-section h3{color:var(--text-primary);margin-bottom:16px;font-size:1.1rem}.faq-item{border:1px solid var(--border);border-radius:8px;margin-bottom:8px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:last-child{margin-bottom:0}.faq-item:hover{border-color:var(--border-light);box-shadow:0 2px 8px #0003}.faq-q{cursor:pointer;color:var(--text-secondary);background:var(--bg-surface-alt);justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9rem;font-weight:600;transition:background .2s,color .2s;display:flex}.faq-q:hover{color:var(--accent);background:var(--sidebar-section-open)}.faq-toggle{color:var(--accent);flex-shrink:0;font-size:.85rem;transition:transform .3s}.faq-toggle.open{transform:rotate(90deg)}.faq-a{color:var(--text-dim);background:var(--bg-surface);border-top:1px solid var(--border);padding:14px 16px;font-size:.88rem;line-height:1.7;animation:.2s fadeSlideUp}.inline-trust{flex-wrap:wrap;gap:16px;margin-top:4px;display:flex}.inline-trust span{color:var(--text-muted);font-size:.75rem}@keyframes countPop{0%{opacity:0}to{opacity:1}}.result-card .result-value{animation:.4s both countPop}@media (max-width:768px){.result-card.primary .result-value{font-size:2rem}.fun-fact{text-align:center;flex-direction:column;gap:6px}.action-bar{flex-direction:column}.action-bar button{width:100%}.faq-q{font-size:.85rem}}.site-footer{border-top:1px solid var(--border-footer);background:var(--bg-footer);margin-top:48px;padding:40px 24px 20px}.footer-inner{max-width:1100px;margin:0 auto}.footer-brand{margin-bottom:28px}.footer-brand h3{color:var(--text-primary);margin:0 0 6px;font-size:1.3rem}.footer-brand p{color:var(--text-dim);margin:0;font-size:.95rem}.footer-links{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin-bottom:28px;display:grid}.footer-col h4{color:var(--text-secondary);margin:0 0 10px;font-size:.95rem}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:6px}.footer-col a{color:var(--accent);cursor:pointer;font-size:.88rem;text-decoration:underline;transition:color .15s}.footer-col a:hover{color:var(--accent-hover)}.footer-bottom{border-top:1px solid var(--border-footer);text-align:center;padding-top:16px}.footer-bottom p{color:var(--text-dim);margin:0;font-size:.85rem}.seo-collapse{cursor:pointer}.seo-collapse summary{color:var(--text-secondary);align-items:center;gap:8px;padding:12px 0;font-size:1.15rem;font-weight:600;list-style:none;display:flex}.seo-collapse summary:before{content:"▶";font-size:.75rem;transition:transform .2s}.seo-collapse[open] summary:before{transform:rotate(90deg)}.seo-collapse summary::-webkit-details-marker{display:none}.seo-collapse h2,.seo-collapse h3{color:var(--text-primary);margin:18px 0 8px;font-size:1.05rem}.seo-collapse p{color:var(--text-muted);line-height:1.6}.seo-collapse ul{color:var(--text-muted);padding-left:20px}.seo-collapse li{margin-bottom:6px;line-height:1.5}.seo-collapse a{color:var(--accent);text-decoration:underline}.seo-collapse a:hover{color:var(--accent-hover)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.blog-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:20px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.blog-card:hover{border-color:var(--accent);transform:translateY(-2px)}.blog-card h2{color:var(--text-primary);margin:0;font-size:1.05rem;line-height:1.4}.blog-card p{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.5}.blog-tag{background:var(--bg-surface-alt);color:var(--accent);border-radius:20px;width:-moz-fit-content;width:fit-content;padding:3px 10px;font-size:.75rem;display:inline-block}.blog-date{color:var(--text-muted);margin-top:auto;font-size:.78rem}.blog-article{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;max-width:800px;padding:32px}.blog-article h1{color:var(--text-primary);margin:12px 0 8px;font-size:1.6rem;line-height:1.3}.blog-back{color:var(--accent);font-size:.88rem;text-decoration:none}.blog-back:hover{text-decoration:underline}.blog-meta{color:var(--text-muted);gap:8px;margin-bottom:24px;font-size:.85rem;display:flex}.blog-content h2{color:var(--text-secondary);margin:24px 0 10px;font-size:1.2rem}.blog-content h3{color:var(--text-faint);margin:20px 0 8px;font-size:1.05rem}.blog-content p{color:var(--text-muted);margin:8px 0;line-height:1.7}.blog-content ul{color:var(--text-muted);padding-left:20px}.blog-content li{margin-bottom:6px;line-height:1.6}.blog-content a{color:var(--accent);text-decoration:underline}.blog-content code{background:var(--bg-surface-alt);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.88rem}.blog-content table{border-collapse:collapse;width:100%;margin:12px 0}.blog-content td{border:1px solid var(--border);color:var(--text-muted);padding:8px 12px;font-size:.88rem}.blog-content tr:first-child td{background:var(--bg-surface-alt);color:var(--text-secondary);font-weight:600}.blog-content strong{color:var(--text-secondary)}.blog-cta{background:var(--bg-surface-alt);text-align:center;border-radius:10px;margin-top:32px;padding:20px}.blog-cta p{color:var(--text-muted);margin:0 0 12px}.blog-cta-btn{background:var(--btn-bg);color:var(--btn-text);border-radius:8px;padding:10px 24px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.blog-cta-btn:hover{background:var(--accent-hover)}@media (max-width:600px){.blog-article{padding:20px}.blog-grid{grid-template-columns:1fr}}.hero{background:var(--hero-bg);border:1px solid var(--border);text-align:center;border-radius:16px;margin-bottom:24px;padding:40px 32px}.hero h1{color:var(--text-primary);margin:0 0 10px;font-size:1.8rem;line-height:1.3}.hero p{color:var(--text-muted);margin:0 0 24px;font-size:1rem}.hero-stats{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.hero-stat-num{color:var(--accent);font-size:1.5rem;font-weight:700}.hero-stat span:last-child{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.home-search{background:var(--bg-surface);border:1px solid var(--border);width:100%;color:var(--text-secondary);border-radius:12px;margin-bottom:20px;padding:14px 20px;font-size:1rem;transition:border-color .2s}.home-search:focus{border-color:var(--accent);outline:none}.search-bar{margin-bottom:8px;padding:0 12px;position:relative}.search-input{background:var(--bg-surface-alt);border:1px solid var(--border);width:100%;color:var(--text-secondary);border-radius:8px;padding:8px 12px;font-size:.85rem}.search-input:focus{border-color:var(--accent);outline:none}.search-results{background:var(--bg-surface);border:1px solid var(--border);z-index:100;border-radius:8px;max-height:240px;margin:4px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:12px;right:12px;overflow-y:auto}.search-results li{color:var(--text-secondary);cursor:pointer;padding:8px 14px;font-size:.85rem;transition:background .15s}.search-results li:hover{background:var(--bg-surface-hover)}.search-empty{color:#64748b;cursor:default}.search-empty:hover{background:0 0}.breadcrumbs{padding:8px 0 12px;font-size:.82rem}.breadcrumbs a{color:var(--accent);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.bc-sep{color:#475569;margin:0 6px}.bc-current{color:var(--text-muted)}.related-posts{margin-top:32px}.related-posts h3{color:var(--text-secondary);margin-bottom:16px}.related-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.home-card{transition:transform .2s,border-color .2s,box-shadow .2s}.home-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 24px #38bdf81a}@media (max-width:600px){.hero{padding:28px 20px}.hero h1{font-size:1.4rem}.hero-stats{gap:20px}.related-grid{grid-template-columns:1fr}}.page-loader{color:#64748b;justify-content:center;align-items:center;padding:60px 20px;font-size:.95rem;display:flex}.blog-categories{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.blog-categories button{background:var(--bg-surface-hover);width:auto;color:var(--text-secondary);border-radius:20px;margin:0;padding:6px 14px;font-size:.8rem}.blog-categories button.active{background:var(--btn-bg);color:var(--btn-text)}.blog-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.blog-read-time{color:var(--text-muted);font-size:.75rem}.blog-toc{background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:16px 20px}.blog-toc h3{color:var(--text-secondary);margin:0 0 10px;font-size:.95rem}.blog-toc ul{margin:0;padding:0;list-style:none}.blog-toc li{margin-bottom:6px}.blog-toc a{color:var(--accent);font-size:.88rem;text-decoration:none}.blog-toc a:hover{text-decoration:underline}.share-buttons{align-items:center;gap:8px;margin:16px 0;display:flex}.share-label{color:var(--text-muted);font-size:.85rem}.share-btn{background:var(--bg-surface-hover);width:36px;height:36px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.share-btn:hover{background:var(--btn-bg);color:var(--btn-text)}.blog-author-box{background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;margin-top:28px;padding:20px;display:flex}.blog-author-info strong{color:var(--text-secondary);font-size:.95rem}.blog-author-info p{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.blog-nav{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.blog-nav-link{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px;text-decoration:none;transition:border-color .2s}.blog-nav-link:hover{border-color:var(--accent)}.blog-nav-link.next{text-align:right}.blog-nav-label{color:var(--accent);margin-bottom:4px;font-size:.78rem;display:block}.blog-nav-title{color:var(--text-secondary);font-size:.9rem;line-height:1.4;display:block}@media (max-width:600px){.blog-nav{grid-template-columns:1fr}.blog-nav-link.next{text-align:left}.share-buttons{flex-wrap:wrap}.blog-categories{gap:6px}.blog-categories button{padding:5px 10px;font-size:.75rem}}.diff-output{background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:8px;max-height:400px;margin-top:8px;padding:12px;font-family:Courier New,monospace;font-size:.85rem;overflow-y:auto}.diff-line{border-radius:3px;gap:8px;margin-bottom:1px;padding:2px 8px;display:flex}.diff-prefix{flex-shrink:0;width:14px;font-weight:700}.diff-added{color:#86efac;background:#22c55e26}.diff-removed{color:#fca5a5;background:#f8717126}.diff-same{color:var(--text-muted)}.theme-switch-wrap{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.theme-switch-label{font-size:1rem}.theme-switch{background:var(--border);cursor:pointer;border:none;border-radius:12px;width:44px;height:24px;margin:0;padding:0;transition:background .3s;position:relative}.theme-switch.light{background:var(--accent)}.theme-switch-knob{pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:3px;left:3px}.theme-switch.light .theme-switch-knob{transform:translate(20px)}@media (max-width:768px){.theme-switch-wrap{padding:6px 12px}}.related-blog{margin-top:16px}.related-blog a{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;text-decoration:none;transition:border-color .2s;display:block}.related-blog a:hover{border-color:var(--accent)}.related-blog-label{color:var(--accent);margin-bottom:4px;font-size:.75rem;display:block}.related-blog-title{color:var(--text-primary);font-size:.92rem;line-height:1.4;display:block}