.layout{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:var(--transition)}.logo:hover{transform:translateY(-2px)}.logo-icon{font-size:2rem}.logo-image{height:40px;width:auto;display:block;transition:var(--transition)}.logo:hover .logo-image{transform:translateY(-2px);filter:brightness(1.1)}.logo-text{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;transition:var(--transition)}.back-button:hover{background-color:var(--accent-primary);color:#fff;transform:translate(-4px)}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-md);text-align:center}.footer p{color:var(--text-secondary);margin:0;font-size:.875rem}@media (max-width: 768px){.header-content{padding:0 var(--spacing-sm)}.logo{font-size:1.25rem}.logo-icon{font-size:1.5rem}.back-button{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.main-content{padding:var(--spacing-lg) var(--spacing-sm)}}.tool-card{position:relative;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s cubic-bezier(.165,.84,.44,1);cursor:pointer;display:flex;flex-direction:column;text-decoration:none;color:inherit;overflow:hidden;height:100%;box-shadow:0 4px 6px #00000005}.tool-card:hover{transform:translateY(-5px);border-color:var(--accent-primary);box-shadow:0 10px 25px #00000014}.tool-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background-color:var(--accent-primary);opacity:0;transition:var(--transition);z-index:1}.tool-card:hover:before{opacity:1}.tool-card-content{position:relative;z-index:5;flex:1;display:flex;flex-direction:column}.tool-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:transform .3s var(--transition)}.tool-card:hover .tool-icon{transform:scale(1.05);border-color:var(--accent-primary);background-color:#fff}.tool-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;letter-spacing:-.015em;line-height:1.3}.tool-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.2rem}.tool-category{display:inline-flex;align-items:center;align-self:flex-start;padding:.25rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--accent-primary);border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:auto}.tool-card-arrow{position:absolute;bottom:1.25rem;right:1.25rem;font-size:1.5rem;color:var(--accent-primary);opacity:0;transform:translate(-10px);transition:all .3s var(--transition);z-index:5}.tool-card:hover .tool-card-arrow{opacity:1;transform:translate(0)}@media (max-width: 768px){.tool-card{padding:var(--spacing-md)}.tool-icon{font-size:2rem;width:60px;height:60px;margin-bottom:var(--spacing-sm)}}.home-page{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xl);min-height:100vh;padding-bottom:5rem}.hero-section{position:relative;text-align:center;padding:4rem var(--spacing-lg);margin-bottom:var(--spacing-xl);background:var(--bg-secondary);border-bottom:2px solid var(--border-color);border-radius:var(--radius-xl)}.hero-glass{position:relative;z-index:10;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:900px;width:100%;box-shadow:0 10px 40px #0000000d;animation:heroAppear .8s ease-out}@keyframes heroAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-primary);padding:.35rem 1rem;border-radius:100px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.hero-section h1{font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-primary)}.text-gradient{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;background-clip:initial;color:var(--accent-primary)}.hero-description{font-size:clamp(1rem,1.5vw,1.15rem);color:var(--text-secondary);max-width:650px;margin:0 auto var(--spacing-xl);line-height:1.6}.search-container{position:relative;max-width:650px;margin:0 auto}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--text-secondary);pointer-events:none;z-index:11}.search-input{width:100%;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1rem 1rem 3.5rem;font-size:1.1rem;color:var(--text-primary);transition:var(--transition);outline:none;box-shadow:0 2px 4px #00000005}.search-input:focus{border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 4px #6366f11a;transform:scale(1.01)}.blob{display:none}.content-container{max-width:1400px;margin:0 auto;width:100%;padding:0 var(--spacing-lg)}.category-section{margin-bottom:5rem}.category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.category-icon{font-size:2rem}.category-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);flex:1}.category-count{font-size:.75rem;font-weight:700;color:var(--text-secondary);background:var(--bg-tertiary);padding:.4rem .9rem;border-radius:50px;text-transform:uppercase;letter-spacing:.05em}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.empty-state{text-align:center;padding:5rem 2rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:700px;margin:4rem auto}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.3}.empty-state h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.clear-search-btn{margin-top:var(--spacing-lg);background:var(--accent-primary);color:#fff;border:none;padding:.8rem 2rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.clear-search-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}@media (max-width: 768px){.hero-section{padding:3rem 1rem}.hero-glass{padding:var(--spacing-md)}.hero-section h1{font-size:2rem}.tools-grid{grid-template-columns:1fr}.category-title{font-size:1.3rem}}.breadcrumbs{margin-bottom:var(--spacing-lg)}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:var(--spacing-xs)}.breadcrumbs-item{display:flex;align-items:center;gap:var(--spacing-xs)}.breadcrumbs-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:var(--transition)}.breadcrumbs-link:hover{color:var(--accent-primary)}.breadcrumbs-separator{color:var(--border-color);font-size:.9rem;-webkit-user-select:none;user-select:none}.breadcrumbs-current{color:var(--text-primary);font-size:.9rem;font-weight:500}@media (max-width: 768px){.breadcrumbs-link,.breadcrumbs-separator,.breadcrumbs-current{font-size:.85rem}}.minecraft-circle-generator{width:100%;position:relative}.mcg-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.mcg-stat-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition)}.mcg-stat-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.mcg-stat-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.mcg-stat-content{flex:1}.mcg-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:.25rem}.mcg-stat-value{font-size:1.5rem;color:var(--accent-primary);font-weight:700}.mcg-main-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg);align-items:start}.mcg-canvas-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.mcg-canvas-wrapper{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;justify-content:center;align-items:center;min-height:500px;position:relative;overflow:hidden}.mcg-canvas-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6)}.mcg-canvas{border-radius:var(--radius-md);box-shadow:0 4px 20px var(--shadow);max-width:100%;height:auto}.mcg-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.mcg-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none}.mcg-action-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff}.mcg-action-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f166}.mcg-action-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.mcg-action-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-3px)}.mcg-btn-icon{font-size:1.2rem}.mcg-controls-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:100px}.mcg-tabs{display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.mcg-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border-bottom:3px solid transparent}.mcg-tab:hover{color:var(--text-primary);background-color:#6366f11a}.mcg-tab.active{color:var(--accent-primary);background-color:var(--bg-secondary);border-bottom-color:var(--accent-primary)}.mcg-tab-icon{font-size:1.2rem}.mcg-tab-content{padding:var(--spacing-lg);max-height:600px;overflow-y:auto}.mcg-tab-content::-webkit-scrollbar{width:6px}.mcg-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.mcg-control-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.mcg-control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mcg-control-heading{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.mcg-size-control{margin-bottom:var(--spacing-md)}.mcg-size-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.mcg-locked-badge{font-size:.75rem;padding:.125rem .5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);margin-left:var(--spacing-xs)}.mcg-number-input-group{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-xs)}.mcg-number-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.mcg-number-btn:hover:not(:disabled){background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.mcg-number-btn:disabled{opacity:.3;cursor:not-allowed}.mcg-number-input{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem;font-weight:700;text-align:center;transition:var(--transition)}.mcg-number-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.mcg-number-input:disabled{opacity:.5;cursor:not-allowed}.mcg-toggle-control{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid transparent}.mcg-toggle-control:hover{border-color:var(--accent-primary)}.mcg-toggle-input{display:none}.mcg-toggle-slider{width:50px;height:28px;background-color:var(--border-color);border-radius:14px;position:relative;transition:var(--transition)}.mcg-toggle-slider:after{content:"";position:absolute;width:22px;height:22px;background-color:#fff;border-radius:50%;top:3px;left:3px;transition:var(--transition)}.mcg-toggle-input:checked+.mcg-toggle-slider{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6)}.mcg-toggle-input:checked+.mcg-toggle-slider:after{transform:translate(22px)}.mcg-toggle-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.mcg-toggle-label>span:first-child{color:var(--text-primary);font-weight:600}.mcg-toggle-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.mcg-preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.mcg-preset-button{padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.mcg-preset-button:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.mcg-preset-button.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.mcg-button-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.mcg-toggle-btn{padding:var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.mcg-toggle-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.mcg-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.mcg-toggle-icon{font-size:1.5rem}.mcg-slider-control{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-sm);align-items:center}.mcg-slider-btn{padding:var(--spacing-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:1rem}.mcg-slider-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.mcg-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mcg-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;transition:var(--transition)}.mcg-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.mcg-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none}.mcg-slider-value{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.mcg-switch-control{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition);border:1px solid transparent}.mcg-switch-control:hover{border-color:var(--accent-primary)}.mcg-switch-control input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.mcg-switch-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.mcg-switch-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.mcg-switch-label>span:first-child{color:var(--text-primary);font-weight:600}.mcg-switch-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.mcg-tips-box{background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.mcg-tip{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;line-height:1.5}.mcg-tip:last-child{margin-bottom:0}.mcg-tip-icon{font-size:1rem;flex-shrink:0}.mcg-toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .3s ease-out;z-index:1000}.mcg-toast-icon{font-size:1.5rem;width:30px;height:30px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.mcg-main-layout{grid-template-columns:1fr}.mcg-controls-panel{position:static}.mcg-quick-actions{grid-template-columns:1fr}}@media (max-width: 768px){.mcg-stats-bar{grid-template-columns:repeat(2,1fr)}.mcg-stat-card{padding:var(--spacing-sm)}.mcg-stat-icon{width:40px;height:40px;font-size:1.5rem}.mcg-stat-value{font-size:1.25rem}.mcg-canvas-wrapper{padding:var(--spacing-sm);min-height:300px}.mcg-preset-grid{grid-template-columns:repeat(3,1fr)}.mcg-tab-content{padding:var(--spacing-md)}}@media (max-width: 480px){.mcg-stats-bar{grid-template-columns:1fr}.mcg-number-input-group{grid-template-columns:45px 1fr 45px}.mcg-preset-grid{grid-template-columns:repeat(2,1fr)}.mcg-slider-control{grid-template-columns:1fr}.mcg-slider-btn{display:none}}.mcg-stat-card,.mcg-canvas-wrapper,.mcg-controls-panel{animation:fadeInScale .4s ease-out}.mcg-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.mcg-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-xl)}.mcg-section-dark{background:var(--bg-tertiary)}.mcg-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--accent-primary)}.mcg-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.mcg-seo-p strong{color:var(--text-primary);font-weight:600}.mcg-seo-p em{color:var(--accent-primary);font-style:normal;font-weight:600;font-family:monospace}.mcg-seo-hero{background:linear-gradient(135deg,#1e1b4b,#0f172a 60%,#1a1020);border:1px solid #3730a3;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.mcg-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(99,102,241,.18) 0%,transparent 60%),radial-gradient(ellipse at 90% 20%,rgba(139,92,246,.12) 0%,transparent 50%);pointer-events:none}.mcg-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#6366f133;border:1px solid rgba(99,102,241,.4);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#a5b4fc;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.mcg-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.mcg-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.mcg-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.mcg-hero-lead strong,.mcg-hero-sub strong{color:#a5b4fc;font-weight:600}.mcg-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.mcg-pill{background:#6366f126;border:1px solid rgba(99,102,241,.3);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#a5b4fc}.mcg-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.mcg-usecase-card{display:flex;gap:var(--spacing-sm);align-items:flex-start;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.mcg-usecase-card:hover{border-color:var(--accent-primary);transform:translateY(-3px)}.mcg-usecase-icon{font-size:2rem;flex-shrink:0;width:2.5rem;text-align:center}.mcg-usecase-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.mcg-usecase-size{display:inline-block;font-size:.72rem;font-weight:700;color:var(--accent-primary);background:#6366f11f;border-radius:4px;padding:.1rem .45rem;margin-bottom:.4rem;letter-spacing:.04em}.mcg-usecase-desc{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin:0}.mcg-science-layout{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-xl);align-items:start}.mcg-science-comparison{display:flex;gap:var(--spacing-lg);align-items:flex-start}.mcg-comparison-col{text-align:center}.mcg-pixel-demo{display:inline-block;background:#0f0f0f;border:1px solid #3f3f46;border-radius:var(--radius-md);padding:.5rem}.mcg-pixel-grid{display:grid;gap:2px}.mcg-pixel-grid[data-size="7"]{grid-template-columns:repeat(7,16px)}.mcg-pixel-grid[data-size="13"]{grid-template-columns:repeat(13,12px)}.mcg-pixel{border-radius:2px;background:#27272a}.mcg-pixel-grid[data-size="7"] .mcg-pixel{width:16px;height:16px}.mcg-pixel-grid[data-size="13"] .mcg-pixel{width:12px;height:12px}.mcg-pixel.filled{background:#6366f1;box-shadow:0 0 6px #6366f199}.mcg-comparison-label{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.mcg-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.mcg-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--accent-primary),transparent)}.mcg-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.mcg-step:last-child{padding-bottom:0}.mcg-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#7c3aed);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #6366f166;z-index:1}.mcg-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.6rem 0 .4rem}.mcg-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.mcg-step-content p strong{color:var(--text-primary);font-weight:600}.mcg-table-wrapper{overflow-x:auto;margin-top:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.mcg-block-table{width:100%;border-collapse:collapse;font-size:.92rem}.mcg-block-table thead tr{background:linear-gradient(90deg,#1e1b4b,#1e293b)}.mcg-block-table th{padding:.75rem 1rem;text-align:left;color:#a5b4fc;font-weight:700;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.mcg-block-table td{padding:.65rem 1rem;color:var(--text-secondary);border-top:1px solid var(--border-color)}.mcg-block-table td strong{color:var(--text-primary);font-weight:700}.mcg-block-table tbody tr:hover{background:#6366f10f}.mcg-table-note{font-size:.82rem;color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-sm);margin-bottom:0}.mcg-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mcg-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.mcg-accordion-item.open{border-color:var(--accent-primary)}.mcg-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);text-align:left;transition:background .2s}.mcg-accordion-trigger:hover{background:#6366f114}.mcg-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:var(--accent-primary);font-family:monospace;min-width:2ch}.mcg-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.mcg-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.mcg-accordion-body{padding:var(--spacing-md) var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.mcg-editions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.mcg-edition-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.mcg-edition-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.mcg-edition-icon{font-size:1.8rem;flex-shrink:0}.mcg-edition-card h3{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .2rem}.mcg-edition-card p{font-size:.83rem;color:var(--text-secondary);line-height:1.5;margin:0}.mcg-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mcg-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.mcg-faq-item.open{border-color:var(--accent-primary)}.mcg-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.mcg-faq-trigger:hover{background:#6366f114}.mcg-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:var(--accent-primary);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.mcg-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.mcg-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#6366f126;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:var(--accent-primary);transition:background .2s}.mcg-faq-item.open .mcg-faq-chevron{background:var(--accent-primary);color:#fff}.mcg-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.mcg-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 900px){.mcg-science-layout{grid-template-columns:1fr}.mcg-science-visual{display:flex;justify-content:center}}@media (max-width: 768px){.mcg-seo-hero,.mcg-seo-section{padding:var(--spacing-lg)}.mcg-hero-heading{font-size:1.5rem}.mcg-seo-h2{font-size:1.35rem}.mcg-steps:before{display:none}.mcg-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.mcg-step-badge{width:44px;height:44px;font-size:.95rem}.mcg-science-comparison{flex-direction:column;align-items:center}.mcg-editions-grid{grid-template-columns:1fr 1fr}.mcg-block-table th,.mcg-block-table td{padding:.5rem .6rem;font-size:.82rem}}@media (max-width: 480px){.mcg-hero-heading{font-size:1.3rem}.mcg-usecase-grid,.mcg-editions-grid{grid-template-columns:1fr}.mcg-hero-pills{gap:.35rem}.mcg-pill{font-size:.75rem}}.related-tools-section{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:1rem;border:1px solid #e0e7ff}.related-tools-heading{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid #e0e7ff}.related-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.related-tool-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.related-tool-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px);color:inherit;text-decoration:none}.related-tool-icon{font-size:1.75rem;flex-shrink:0;width:2.5rem;text-align:center;line-height:1}.related-tool-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.related-tool-name{font-size:.9375rem;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-tool-desc{font-size:.78rem;color:#6b7280;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-tool-arrow{font-size:1rem;color:#6366f1;flex-shrink:0;opacity:.6;transition:opacity .2s ease,transform .2s ease}.related-tool-card:hover .related-tool-arrow{opacity:1;transform:translate(3px)}@media (prefers-color-scheme: dark){.related-tools-section{background:linear-gradient(135deg,#1e2030,#1a1d2e);border-color:#2d3155}.related-tools-heading{color:#f9fafb;border-bottom-color:#2d3155}.related-tool-card{background:#252840;border-color:#2d3155;color:#f9fafb}.related-tool-card:hover{border-color:#818cf8;box-shadow:0 4px 12px #818cf833}.related-tool-name{color:#f9fafb}.related-tool-desc{color:#9ca3af}.related-tool-arrow{color:#818cf8}}@media (max-width: 640px){.related-tools-section{padding:1.25rem}.related-tools-grid{grid-template-columns:1fr}}.pokemon-fusion-generator{width:100%;position:relative;max-width:1400px;margin:0 auto}.pfg-stats-bar{display:grid;grid-template-columns:1fr 200px 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);align-items:stretch}.pfg-stat-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;transition:var(--transition);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100px}.pfg-stat-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pfg-stat-fusion{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:transparent}.pfg-fusion-icon{font-size:2rem;margin-bottom:var(--spacing-xs);line-height:1}.pfg-stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:.5rem}.pfg-stat-fusion .pfg-stat-value{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.pfg-canvas-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;justify-content:center;align-items:center;min-height:500px;position:relative;overflow:visible;box-shadow:inset 0 0 20px #0000000d}.pfg-canvas-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.pfg-canvas{max-width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(0 10px 20px rgba(0,0,0,.15))}.pfg-canvas-placeholder{text-align:center;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.pfg-placeholder-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.3;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pfg-canvas-placeholder h3{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.5rem}.pfg-canvas-placeholder p{color:var(--text-secondary);font-size:1rem;max-width:300px;line-height:1.5}.pfg-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition);border:none;height:50px}.pfg-action-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.pfg-action-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f180}.pfg-action-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.pfg-action-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px)}.pfg-controls-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:20px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 10px 30px #0000001a}.pfg-tabs{display:flex;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:0 var(--spacing-sm)}.pfg-tab{flex:1;padding:var(--spacing-md) var(--spacing-sm);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border-bottom:2px solid transparent;font-size:.9rem;white-space:nowrap}.pfg-tab:hover{color:var(--text-primary)}.pfg-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.pfg-tab-icon{font-size:1.1rem}.pfg-tab-content{padding:var(--spacing-md);overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent}.pfg-tab-content::-webkit-scrollbar-track{background:transparent}.pfg-tab-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:20px}.pfg-select-btn{padding:var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);position:relative;min-height:60px}.pfg-select-btn:hover{border-color:var(--accent-primary);background-color:var(--bg-tertiary)}.pfg-select-btn.active{background:#6366f11a;border-color:var(--accent-primary);color:var(--accent-primary)}.pfg-select-icon{font-size:1.2rem;background:var(--bg-secondary);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.pfg-select-btn.active .pfg-select-icon{background:var(--accent-primary);color:#fff}.pfg-generation-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:var(--spacing-md)}.pfg-gen-btn{padding:8px 4px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);font-weight:500;font-size:.8rem;cursor:pointer;transition:var(--transition);text-align:center}.pfg-gen-btn:hover{border-color:var(--accent-primary);color:var(--text-primary);background-color:var(--bg-secondary)}.pfg-gen-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pfg-search-input{width:100%;padding:12px var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:var(--transition)}.pfg-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.pfg-section-title{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--spacing-sm)}.pfg-popular-btn{aspect-ratio:1;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.pfg-popular-btn:hover{border-color:var(--accent-primary);transform:translateY(-2px);background-color:var(--bg-secondary)}.pfg-pokemon-grid-container{max-height:400px;overflow-y:auto;padding-right:4px}.pfg-pokemon-grid-container::-webkit-scrollbar{width:4px}.pfg-pokemon-grid-container::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.pfg-pokemon-card{background-color:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--spacing-xs);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:4px}.pfg-pokemon-card:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-2px)}.pfg-pokemon-sprite{width:50px;height:50px;object-fit:contain;image-rendering:pixelated}.pfg-pokemon-name{font-size:.7rem;color:var(--text-primary);font-weight:500;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.pfg-pokemon-id{font-size:.65rem;color:var(--text-secondary)}.pfg-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:.9rem}.pfg-load-more-container{display:flex;justify-content:center;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.pfg-load-more-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 24px;border-radius:var(--radius-md);font-weight:500;font-size:.85rem;cursor:pointer;transition:var(--transition);width:100%}.pfg-load-more-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.pfg-switch-control{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition);border:1px solid transparent}.pfg-switch-control:hover{background-color:var(--bg-secondary);border-color:var(--border-color)}.pfg-switch-icon{font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);border-radius:var(--radius-sm)}.pfg-switch-label{flex:1;display:flex;flex-direction:column;gap:2px;color:var(--text-primary);font-weight:500;font-size:.9rem}.pfg-switch-hint{font-size:.7rem;color:var(--text-secondary)}.pfg-background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pfg-bg-card{background-color:var(--bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);padding:4px;cursor:pointer;transition:var(--transition)}.pfg-bg-card:hover{border-color:var(--accent-primary);transform:scale(1.02)}.pfg-bg-card.active{border-color:var(--accent-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 1px var(--accent-primary)}.pfg-bg-preview{width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--border-color);margin-bottom:4px}.pfg-bg-name{font-size:.7rem;color:var(--text-secondary);text-align:center;display:block}.pfg-toast{position:fixed;bottom:20px;right:20px;background:var(--bg-secondary);color:var(--text-primary);padding:12px 24px;border-radius:var(--radius-full, 999px);box-shadow:0 10px 40px #00000026;display:flex;align-items:center;gap:12px;font-weight:500;border:1px solid var(--accent-primary);animation:slideInUp .3s ease-out;z-index:1000}@media (max-width: 1024px){.pfg-main-layout{grid-template-columns:1fr}.pfg-controls-panel{position:static;max-height:none;overflow:visible}.pfg-pokemon-grid-container{max-height:300px}}@media (max-width: 768px){.pfg-stats-bar{grid-template-columns:1fr;gap:var(--spacing-sm)}.pfg-stat-card{flex-direction:row;justify-content:space-between;min-height:auto;padding:var(--spacing-sm)}.pfg-stat-label{margin-bottom:0}.pfg-quick-actions{grid-template-columns:repeat(2,1fr)}}.pfg-stats-bar{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.pfg-stat-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;transition:var(--transition)}.pfg-stat-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.pfg-stat-fusion{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary)}.pfg-fusion-icon{font-size:2rem;margin-bottom:var(--spacing-xs)}.pfg-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:.25rem}.pfg-stat-value{font-size:1.25rem;color:var(--text-primary);font-weight:700}.pfg-stat-fusion .pfg-stat-value{color:#fff}.pfg-main-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-lg);align-items:start}.pfg-canvas-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.pfg-canvas-wrapper{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;justify-content:center;align-items:center;min-height:600px;position:relative;overflow:hidden}.pfg-canvas-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6)}.pfg-canvas{width:100%;max-width:600px;height:auto;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.pfg-canvas-placeholder{text-align:center;padding:var(--spacing-xl)}.pfg-placeholder-icon{font-size:5rem;margin-bottom:var(--spacing-md);opacity:.5}.pfg-canvas-placeholder h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.pfg-canvas-placeholder p{color:var(--text-secondary);font-size:1.1rem}.pfg-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.pfg-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition);border:none}.pfg-action-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff}.pfg-action-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f166}.pfg-action-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.pfg-action-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-3px)}.pfg-btn-icon{font-size:1.2rem}.pfg-controls-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:100px;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.pfg-tabs{display:grid;grid-template-columns:repeat(3,1fr);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.pfg-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border-bottom:3px solid transparent;font-size:.9rem}.pfg-tab:hover{color:var(--text-primary);background-color:#6366f11a}.pfg-tab.active{color:var(--accent-primary);background-color:var(--bg-secondary);border-bottom-color:var(--accent-primary)}.pfg-tab-icon{font-size:1.2rem}.pfg-tab-content{padding:var(--spacing-md);overflow-y:auto;flex:1}.pfg-tab-content::-webkit-scrollbar{width:6px}.pfg-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.pfg-selecting-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.pfg-select-btn{padding:var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);position:relative}.pfg-select-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.pfg-select-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.pfg-select-icon{font-size:1.5rem}.pfg-selected-badge{position:absolute;top:.5rem;right:.5rem;background-color:#10b981;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.pfg-generation-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.pfg-gen-btn{padding:var(--spacing-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition)}.pfg-gen-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.pfg-gen-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.pfg-search-bar{margin-bottom:var(--spacing-md)}.pfg-search-input{width:100%;padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:var(--transition)}.pfg-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.pfg-popular-section{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.pfg-section-title{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--spacing-sm)}.pfg-popular-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-xs)}.pfg-popular-btn{aspect-ratio:1;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.25rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.pfg-popular-btn:hover{border-color:var(--accent-primary);transform:scale(1.05)}.pfg-popular-sprite{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.pfg-pokemon-grid-container{max-height:400px;overflow-y:auto;padding-right:var(--spacing-xs)}.pfg-pokemon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs)}.pfg-pokemon-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.25rem}.pfg-pokemon-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);background-color:#6366f11a}.pfg-pokemon-sprite{width:60px;height:60px;object-fit:contain;image-rendering:pixelated}.pfg-pokemon-name{font-size:.75rem;color:var(--text-primary);font-weight:600;text-align:center}.pfg-pokemon-id{font-size:.7rem;color:var(--text-secondary)}.pfg-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary)}.pfg-load-more-container{display:flex;justify-content:center;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.pfg-load-more-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.pfg-load-more-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.pfg-control-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.pfg-control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pfg-control-heading{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600}.pfg-switch-control{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition);border:1px solid transparent}.pfg-switch-control:hover{border-color:var(--accent-primary)}.pfg-switch-control input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.pfg-switch-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.pfg-switch-label{flex:1;display:flex;flex-direction:column;gap:.25rem;color:var(--text-primary);font-weight:600}.pfg-switch-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.pfg-slider-group{margin-bottom:var(--spacing-md)}.pfg-slider-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.pfg-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pfg-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;transition:var(--transition)}.pfg-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.pfg-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none}.pfg-background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.pfg-bg-card{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.pfg-bg-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.pfg-bg-card.active{border-color:var(--accent-primary);background-color:#6366f11a}.pfg-bg-preview{width:100%;height:60px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.pfg-bg-name{font-size:.75rem;color:var(--text-primary);font-weight:600;text-align:center}.pfg-toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .3s ease-out;z-index:1000}.pfg-toast-icon{font-size:1.5rem;width:30px;height:30px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.pfg-main-layout{grid-template-columns:1fr}.pfg-controls-panel{position:static;max-height:none}.pfg-quick-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pfg-stats-bar{grid-template-columns:1fr}.pfg-canvas-wrapper{padding:var(--spacing-md);min-height:300px}.pfg-pokemon-grid{grid-template-columns:repeat(2,1fr)}.pfg-popular-grid{grid-template-columns:repeat(3,1fr)}.pfg-background-grid{grid-template-columns:repeat(2,1fr)}.pfg-quick-actions{grid-template-columns:1fr}}.pfg-stat-card,.pfg-canvas-wrapper,.pfg-controls-panel{animation:fadeInScale .4s ease-out}.pfg-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.pfg-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.pfg-section-dark{background:var(--bg-tertiary)}.pfg-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #f59e0b}.pfg-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.pfg-seo-p strong{color:var(--text-primary);font-weight:600}.pfg-seo-hero{background:linear-gradient(135deg,#1c1400,#0f0f0f 55%,#1a0f00);border:1px solid #92400e;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.pfg-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(251,191,36,.12) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(245,158,11,.1) 0%,transparent 50%);pointer-events:none}.pfg-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#fbbf2426;border:1px solid rgba(251,191,36,.35);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#fbbf24;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.pfg-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.pfg-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.pfg-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.pfg-hero-lead strong,.pfg-hero-sub strong{color:#fbbf24;font-weight:600}.pfg-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.pfg-pill{background:#fbbf241f;border:1px solid rgba(251,191,36,.28);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fbbf24}.pfg-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.pfg-type-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.pfg-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--type-color, #f59e0b)}.pfg-type-card:hover{border-color:var(--type-color, #f59e0b);transform:translateY(-3px);box-shadow:0 8px 24px var(--type-glow, rgba(245,158,11,.2))}.pfg-type-icon{font-size:2rem;margin-bottom:.5rem}.pfg-type-combo{font-size:1rem;font-weight:700;color:var(--type-color, #f59e0b);margin:0 0 .4rem}.pfg-type-desc{font-size:.88rem;line-height:1.65;color:var(--text-secondary);margin:0}.pfg-science-layout{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-xl);align-items:start}.pfg-sprite-visual{display:flex;align-items:center;justify-content:center}.pfg-sprite-diagram{display:flex;align-items:center;gap:.75rem}.pfg-sprite-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;text-align:center;min-width:90px;transition:border-color .2s}.pfg-sprite-base{border-top:2px solid #ef4444}.pfg-sprite-head{border-top:2px solid #a855f7}.pfg-sprite-result{border-top:2px solid #f59e0b}.pfg-sprite-label{font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.5rem}.pfg-sprite-placeholder{font-size:2.25rem;margin:.25rem 0}.pfg-sprite-sublabel{font-size:.72rem;color:var(--text-secondary);margin-top:.4rem}.pfg-sprite-plus,.pfg-sprite-equals{font-size:1.5rem;font-weight:700;color:var(--text-secondary);flex-shrink:0}.pfg-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.pfg-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#f59e0b,transparent)}.pfg-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.pfg-step:last-child{padding-bottom:0}.pfg-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #f59e0b66;z-index:1}.pfg-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.pfg-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.pfg-step-content p strong{color:var(--text-primary);font-weight:600}.pfg-table-wrapper{overflow-x:auto;margin-top:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.pfg-combo-table{width:100%;border-collapse:collapse;font-size:.92rem}.pfg-combo-table thead tr{background:linear-gradient(90deg,#1c1400,#1e293b)}.pfg-combo-table th{padding:.75rem 1rem;text-align:left;color:#fbbf24;font-weight:700;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.pfg-combo-table td{padding:.65rem 1rem;color:var(--text-secondary);border-top:1px solid var(--border-color)}.pfg-combo-table td strong{color:var(--text-primary);font-weight:700}.pfg-combo-table tbody tr:hover{background:#f59e0b0d}.pfg-table-note{font-size:.82rem;color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-sm);margin-bottom:0}.pfg-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.pfg-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.pfg-accordion-item.open{border-color:#f59e0b}.pfg-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.pfg-accordion-trigger:hover{background:#f59e0b0f}.pfg-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#f59e0b;font-family:monospace;min-width:2ch}.pfg-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.pfg-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.pfg-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.pfg-community-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.pfg-community-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.pfg-community-card:hover{border-color:#f59e0b;transform:translateY(-2px)}.pfg-community-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.pfg-community-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .3rem}.pfg-community-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.pfg-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.pfg-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.pfg-faq-item.open{border-color:#f59e0b}.pfg-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.pfg-faq-trigger:hover{background:#f59e0b0f}.pfg-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#f59e0b;color:#000;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.pfg-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.pfg-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#f59e0b26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#f59e0b;transition:background .2s}.pfg-faq-item.open .pfg-faq-chevron{background:#f59e0b;color:#000}.pfg-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.pfg-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 900px){.pfg-science-layout{grid-template-columns:1fr}.pfg-sprite-visual{justify-content:center}}@media (max-width: 768px){.pfg-seo-hero,.pfg-seo-section{padding:var(--spacing-lg)}.pfg-hero-heading{font-size:1.5rem}.pfg-seo-h2{font-size:1.35rem}.pfg-steps:before{display:none}.pfg-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.pfg-step-badge{width:44px;height:44px;font-size:.95rem}.pfg-sprite-diagram{gap:.5rem}.pfg-sprite-box{min-width:70px;padding:.75rem}.pfg-sprite-placeholder{font-size:1.75rem}}@media (max-width: 480px){.pfg-hero-heading{font-size:1.3rem}.pfg-type-grid,.pfg-community-grid{grid-template-columns:1fr}.pfg-hero-pills{gap:.35rem}.pfg-pill{font-size:.75rem}.pfg-sprite-diagram{flex-wrap:wrap;justify-content:center}}.line-graph-maker{width:100%;position:relative;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-out}.lgm-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.lgm-toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6,var(--accent-primary));background-size:200% 100%;animation:shimmer 3s infinite}.lgm-toolbar-left,.lgm-toolbar-right{display:flex;gap:var(--spacing-sm)}.lgm-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.lgm-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.lgm-btn:hover:before{width:300px;height:300px}.lgm-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.lgm-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f180}.lgm-btn-primary:active{transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.lgm-btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.lgm-btn-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.lgm-btn-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.lgm-btn>*{position:relative;z-index:1}.lgm-btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.lgm-btn-full{width:100%;justify-content:center}.lgm-main-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-lg);align-items:start}.lgm-chart-section{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:550px;box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.lgm-chart-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.lgm-chart-container{position:relative;height:500px;width:100%;background:#ffffff05;border-radius:var(--radius-md);padding:var(--spacing-md)}.lgm-controls-panel{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:100px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;box-shadow:0 4px 16px #0000001a}.lgm-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:relative}.lgm-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;font-size:.9rem;position:relative}.lgm-tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-primary);transform:translate(-50%);transition:width .3s ease}.lgm-tab:hover{color:var(--text-primary);background-color:#6366f114}.lgm-tab:hover:after{width:60%}.lgm-tab.active{color:var(--accent-primary);background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-tertiary))}.lgm-tab.active:after{width:80%}.lgm-tab-content{padding:var(--spacing-md);overflow-y:auto;flex:1}.lgm-tab-content::-webkit-scrollbar{width:6px}.lgm-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.lgm-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.lgm-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.lgm-section-title{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600}.lgm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.lgm-input,.lgm-textarea,.lgm-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all .3s ease;font-family:inherit}.lgm-input:hover,.lgm-textarea:hover,.lgm-select:hover{border-color:#6366f180}.lgm-input:focus,.lgm-textarea:focus,.lgm-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;background-color:var(--bg-secondary)}.lgm-textarea{resize:vertical;min-height:60px}.lgm-input-group{margin-bottom:var(--spacing-md)}.lgm-input-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:600;letter-spacing:.3px}.lgm-hint{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs);font-style:italic}.lgm-color-input-group{display:flex;gap:var(--spacing-sm)}.lgm-color-input{width:60px;height:40px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:none}.lgm-color-text{flex:1}.lgm-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);transition:all .3s ease}.lgm-slider:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.lgm-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #6366f166;transition:all .2s ease}.lgm-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #6366f199}.lgm-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #6366f166;transition:all .2s ease}.lgm-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #6366f199}.lgm-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--text-primary);font-size:.95rem;border-radius:var(--radius-md);transition:background-color .2s ease}.lgm-checkbox:hover{background-color:#6366f10d}.lgm-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);transition:transform .2s ease}.lgm-checkbox input[type=checkbox]:hover{transform:scale(1.1)}.lgm-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.lgm-template-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.lgm-template-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.lgm-template-btn:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.lgm-template-btn:hover:before{opacity:1}.lgm-template-name{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:.25rem}.lgm-template-desc{font-size:.75rem;color:var(--text-secondary)}.lgm-file-input{display:none}.lgm-file-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;justify-content:center;font-weight:500;position:relative;overflow:hidden}.lgm-file-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);opacity:0;transition:opacity .3s ease}.lgm-file-label:hover{border-color:var(--accent-primary);border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.lgm-file-label:hover:before{opacity:1}.lgm-file-icon{font-size:1.2rem}.lgm-lines-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.lgm-line-item{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.lgm-line-item:hover{border-color:#6366f180;box-shadow:0 4px 8px #00000026}.lgm-line-item.active{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a);box-shadow:0 4px 12px #6366f14d;transform:translate(4px)}.lgm-line-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm)}.lgm-line-select{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--text-primary);cursor:pointer;flex:1;text-align:left;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition)}.lgm-line-select:hover{background-color:#6366f11a}.lgm-line-color{width:24px;height:24px;border-radius:6px;border:2px solid var(--border-color);box-shadow:0 2px 4px #0003;transition:transform .2s ease}.lgm-line-select:hover .lgm-line-color{transform:scale(1.1)}.lgm-line-label{font-weight:600;font-size:.9rem}.lgm-btn-remove{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.lgm-btn-remove:hover{background-color:#ef444433;color:#ef4444}.lgm-line-details{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.lgm-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.lgm-export-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--text-primary);position:relative;overflow:hidden}.lgm-export-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f126,#8b5cf61a);opacity:0;transition:opacity .3s ease}.lgm-export-btn:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 6px 16px #6366f14d}.lgm-export-btn:hover:before{opacity:1}.lgm-export-icon{font-size:1.5rem}.lgm-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026,0 0 20px #6366f133;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lgm-notification-icon{font-size:1.2rem;width:24px;height:24px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}.lgm-section-title{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;position:relative;padding-bottom:var(--spacing-xs)}.lgm-section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px}.lgm-color-input{width:60px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:none;transition:all .3s ease}.lgm-color-input:hover{border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}@media (max-width: 1200px){.lgm-main-layout{grid-template-columns:1fr}.lgm-controls-panel{position:static;max-height:none}}@media (max-width: 768px){.lgm-toolbar{flex-direction:column;gap:var(--spacing-sm)}.lgm-toolbar-left,.lgm-toolbar-right{width:100%;justify-content:center}.lgm-btn{flex:1;justify-content:center}.lgm-chart-container{height:400px}.lgm-template-grid,.lgm-export-grid{grid-template-columns:1fr}}.lgm-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.lgm-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.lgm-section-dark{background:var(--bg-tertiary)}.lgm-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #06b6d4}.lgm-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.lgm-seo-p strong{color:var(--text-primary);font-weight:600}.lgm-seo-hero{background:linear-gradient(135deg,#001a1f,#0f172a 60%,#001420);border:1px solid #155e75;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.lgm-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(6,182,212,.14) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.lgm-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#06b6d426;border:1px solid rgba(6,182,212,.35);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#67e8f9;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.lgm-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.lgm-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.lgm-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.lgm-hero-lead strong,.lgm-hero-sub strong{color:#67e8f9;font-weight:600}.lgm-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.lgm-pill{background:#06b6d41f;border:1px solid rgba(6,182,212,.28);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#67e8f9}.lgm-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.lgm-usecase-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.lgm-usecase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--role-color, #06b6d4)}.lgm-usecase-card:hover{border-color:var(--role-color, #06b6d4);transform:translateY(-3px)}.lgm-usecase-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.lgm-usecase-icon{font-size:1.5rem;flex-shrink:0}.lgm-usecase-role{font-size:.98rem;font-weight:700;color:var(--role-color, #06b6d4);margin:0}.lgm-usecase-list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.3rem}.lgm-usecase-list li{font-size:.87rem;color:var(--text-secondary);line-height:1.55}.lgm-table-wrapper{overflow-x:auto;margin-top:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.lgm-compare-table,.lgm-export-table{width:100%;border-collapse:collapse;font-size:.92rem}.lgm-compare-table thead tr,.lgm-export-table thead tr{background:linear-gradient(90deg,#001a1f,#0f172a)}.lgm-compare-table th,.lgm-export-table th{padding:.75rem 1rem;text-align:left;color:#67e8f9;font-weight:700;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.lgm-compare-table td,.lgm-export-table td{padding:.65rem 1rem;color:var(--text-secondary);border-top:1px solid var(--border-color);vertical-align:middle}.lgm-compare-table td strong,.lgm-export-table td strong{color:var(--text-primary);font-weight:700}.lgm-compare-table tbody tr:hover,.lgm-export-table tbody tr:hover{background:#06b6d40d}.lgm-highlight-row{background:#06b6d412!important;border-left:2px solid #06b6d4}.lgm-chart-icon,.lgm-format-icon{margin-right:.4rem}.lgm-this-tool{display:inline-block;margin-left:.5rem;font-size:.72rem;font-weight:700;color:#06b6d4;background:#06b6d41f;border-radius:4px;padding:.1rem .4rem;vertical-align:middle}.lgm-table-note{font-size:.82rem;color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-sm);margin-bottom:0}.lgm-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.lgm-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#06b6d4,transparent)}.lgm-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.lgm-step:last-child{padding-bottom:0}.lgm-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #06b6d466;z-index:1}.lgm-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.lgm-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.lgm-step-content p strong{color:var(--text-primary);font-weight:600}.lgm-step-content code{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:4px;padding:.1rem .4rem;font-family:monospace;font-size:.85rem;color:#67e8f9}.lgm-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.lgm-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.lgm-accordion-item.open{border-color:#06b6d4}.lgm-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.lgm-accordion-trigger:hover{background:#06b6d40f}.lgm-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#06b6d4;font-family:monospace;min-width:2ch}.lgm-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.lgm-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.lgm-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.lgm-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.lgm-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.lgm-faq-item.open{border-color:#06b6d4}.lgm-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.lgm-faq-trigger:hover{background:#06b6d40f}.lgm-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#06b6d4;color:#000;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.lgm-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.lgm-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#06b6d426;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#06b6d4;transition:background .2s}.lgm-faq-item.open .lgm-faq-chevron{background:#06b6d4;color:#000}.lgm-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.lgm-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.lgm-seo-hero,.lgm-seo-section{padding:var(--spacing-lg)}.lgm-hero-heading{font-size:1.5rem}.lgm-seo-h2{font-size:1.35rem}.lgm-steps:before{display:none}.lgm-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.lgm-step-badge{width:44px;height:44px;font-size:.95rem}.lgm-compare-table th,.lgm-compare-table td,.lgm-export-table th,.lgm-export-table td{padding:.5rem .6rem;font-size:.82rem}.lgm-this-tool{display:none}}@media (max-width: 480px){.lgm-hero-heading{font-size:1.3rem}.lgm-usecase-grid{grid-template-columns:1fr}.lgm-hero-pills{gap:.35rem}.lgm-pill{font-size:.75rem}}.bar-graph-maker{width:100%;position:relative;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-out}.bgm-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.bgm-toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6,var(--accent-primary));background-size:200% 100%;animation:shimmer 3s infinite}.bgm-toolbar-left,.bgm-toolbar-right{display:flex;gap:var(--spacing-sm)}.bgm-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.bgm-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.bgm-btn:hover:before{width:300px;height:300px}.bgm-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.bgm-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f180}.bgm-btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.bgm-btn-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.bgm-btn-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.bgm-btn>*{position:relative;z-index:1}.bgm-btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.bgm-btn-full{width:100%;justify-content:center}.bgm-main-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-lg);align-items:start}.bgm-chart-section{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:550px;box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.bgm-chart-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.bgm-chart-container{position:relative;height:500px;width:100%;background:#ffffff05;border-radius:var(--radius-md);padding:var(--spacing-md)}.bgm-controls-panel{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:100px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;box-shadow:0 4px 16px #0000001a}.bgm-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:relative}.bgm-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;font-size:.9rem;position:relative}.bgm-tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-primary);transform:translate(-50%);transition:width .3s ease}.bgm-tab:hover{color:var(--text-primary);background-color:#6366f114}.bgm-tab:hover:after{width:60%}.bgm-tab.active{color:var(--accent-primary);background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-tertiary))}.bgm-tab.active:after{width:80%}.bgm-tab-content{padding:var(--spacing-md);overflow-y:auto;flex:1}.bgm-tab-content::-webkit-scrollbar{width:6px}.bgm-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.bgm-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.bgm-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.bgm-section-title{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;position:relative;padding-bottom:var(--spacing-xs)}.bgm-section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px}.bgm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.bgm-input,.bgm-textarea,.bgm-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all .3s ease;font-family:inherit}.bgm-input:hover,.bgm-textarea:hover,.bgm-select:hover{border-color:#6366f180}.bgm-input:focus,.bgm-textarea:focus,.bgm-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;background-color:var(--bg-secondary)}.bgm-textarea{resize:vertical;min-height:60px}.bgm-input-group{margin-bottom:var(--spacing-md)}.bgm-input-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:600;letter-spacing:.3px}.bgm-hint{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs);font-style:italic}.bgm-color-input-group{display:flex;gap:var(--spacing-sm)}.bgm-color-input{width:60px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:none;transition:all .3s ease}.bgm-color-input:hover{border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.bgm-color-text{flex:1}.bgm-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);transition:all .3s ease}.bgm-slider:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.bgm-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #6366f166;transition:all .2s ease}.bgm-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #6366f199}.bgm-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #6366f166;transition:all .2s ease}.bgm-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--text-primary);font-size:.95rem;border-radius:var(--radius-md);transition:background-color .2s ease}.bgm-checkbox:hover{background-color:#6366f10d}.bgm-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);transition:transform .2s ease}.bgm-checkbox input[type=checkbox]:hover{transform:scale(1.1)}.bgm-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.bgm-toggle-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.bgm-toggle-btn:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.bgm-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f166}.bgm-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.bgm-template-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.bgm-template-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.bgm-template-btn:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.bgm-template-btn:hover:before{opacity:1}.bgm-template-name{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:.25rem}.bgm-template-desc{font-size:.75rem;color:var(--text-secondary)}.bgm-file-input{display:none}.bgm-file-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;justify-content:center;font-weight:500;position:relative;overflow:hidden}.bgm-file-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);opacity:0;transition:opacity .3s ease}.bgm-file-label:hover{border-color:var(--accent-primary);border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.bgm-file-label:hover:before{opacity:1}.bgm-file-icon{font-size:1.2rem}.bgm-bars-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bgm-bar-item{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.bgm-bar-item:hover{border-color:#6366f180;box-shadow:0 4px 8px #00000026}.bgm-bar-item.active{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a);box-shadow:0 4px 12px #6366f14d;transform:translate(4px)}.bgm-bar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm)}.bgm-bar-select{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--text-primary);cursor:pointer;flex:1;text-align:left;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition)}.bgm-bar-select:hover{background-color:#6366f11a}.bgm-bar-color{width:24px;height:24px;border-radius:6px;border:2px solid var(--border-color);box-shadow:0 2px 4px #0003;transition:transform .2s ease}.bgm-bar-select:hover .bgm-bar-color{transform:scale(1.1)}.bgm-bar-label{font-weight:600;font-size:.9rem}.bgm-btn-remove{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.bgm-btn-remove:hover{background-color:#ef444433;color:#ef4444}.bgm-bar-details{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.bgm-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.bgm-export-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--text-primary);position:relative;overflow:hidden}.bgm-export-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f126,#8b5cf61a);opacity:0;transition:opacity .3s ease}.bgm-export-btn:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 6px 16px #6366f14d}.bgm-export-btn:hover:before{opacity:1}.bgm-export-icon{font-size:1.5rem}.bgm-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026,0 0 20px #6366f133;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bgm-notification-icon{font-size:1.2rem;width:24px;height:24px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.bgm-main-layout{grid-template-columns:1fr}.bgm-controls-panel{position:static;max-height:none}}@media (max-width: 768px){.bgm-toolbar{flex-direction:column;gap:var(--spacing-sm)}.bgm-toolbar-left,.bgm-toolbar-right{width:100%;justify-content:center}.bgm-btn{flex:1;justify-content:center}.bgm-chart-container{height:400px}.bgm-template-grid,.bgm-export-grid,.bgm-toggle-group{grid-template-columns:1fr}}.bgm-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.bgm-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.bgm-section-dark{background:var(--bg-tertiary)}.bgm-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #f97316}.bgm-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.bgm-seo-p strong{color:var(--text-primary);font-weight:600}.bgm-seo-hero{background:linear-gradient(135deg,#1a0a00,#0f172a 55%,#1a0800);border:1px solid #9a3412;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.bgm-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(249,115,22,.14) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(251,146,60,.1) 0%,transparent 50%);pointer-events:none}.bgm-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#f9731626;border:1px solid rgba(249,115,22,.35);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#fb923c;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.bgm-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.bgm-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.bgm-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.bgm-hero-lead strong,.bgm-hero-sub strong{color:#fb923c;font-weight:600}.bgm-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.bgm-pill{background:#f973161f;border:1px solid rgba(249,115,22,.28);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fb923c}.bgm-demo-chart{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md)}.bgm-demo-canvas{display:flex;align-items:flex-end;justify-content:center;gap:1.5rem;height:180px;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-color)}.bgm-demo-group{display:flex;align-items:flex-end;gap:4px;flex-direction:column-reverse;position:relative;padding-bottom:1.8rem}.bgm-demo-group{display:flex;flex-direction:row;align-items:flex-end;gap:4px;position:relative;padding-bottom:1.5rem}.bgm-demo-bar{width:22px;border-radius:3px 3px 0 0;animation:bgmBarGrow .7s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:bottom;transform:scaleY(0)}@keyframes bgmBarGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.bgm-demo-label{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:.8rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.bgm-demo-legend{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);flex-wrap:wrap}.bgm-demo-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.83rem;color:var(--text-secondary)}.bgm-demo-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.bgm-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:var(--spacing-sm) 0 0}.bgm-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.bgm-type-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.bgm-type-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--type-accent, #f97316)}.bgm-type-card:hover{border-color:var(--type-accent, #f97316);transform:translateY(-3px)}.bgm-type-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.bgm-type-icon{font-size:1.5rem;flex-shrink:0}.bgm-type-name{font-size:.98rem;font-weight:700;color:var(--type-accent, #f97316);margin:0}.bgm-type-best,.bgm-type-example{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0 0 .4rem}.bgm-type-best strong,.bgm-type-example strong{color:var(--text-primary)}.bgm-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.bgm-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.bgm-usecase-card:hover{border-color:#f97316;transform:translateY(-2px)}.bgm-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.bgm-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.bgm-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.bgm-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.bgm-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#f97316,transparent)}.bgm-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.bgm-step:last-child{padding-bottom:0}.bgm-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #f9731666;z-index:1}.bgm-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.bgm-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.bgm-step-content p strong{color:var(--text-primary);font-weight:600}.bgm-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.bgm-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.bgm-accordion-item.open{border-color:#f97316}.bgm-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.bgm-accordion-trigger:hover{background:#f973160f}.bgm-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#f97316;font-family:monospace;min-width:2ch}.bgm-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.bgm-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.bgm-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.bgm-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.bgm-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.bgm-faq-item.open{border-color:#f97316}.bgm-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.bgm-faq-trigger:hover{background:#f973160f}.bgm-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#f97316;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.bgm-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.bgm-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#f9731626;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#f97316;transition:background .2s}.bgm-faq-item.open .bgm-faq-chevron{background:#f97316;color:#fff}.bgm-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.bgm-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.bgm-seo-hero,.bgm-seo-section{padding:var(--spacing-lg)}.bgm-hero-heading{font-size:1.5rem}.bgm-seo-h2{font-size:1.35rem}.bgm-steps:before{display:none}.bgm-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.bgm-step-badge{width:44px;height:44px;font-size:.95rem}.bgm-demo-canvas{height:130px;gap:.75rem}.bgm-demo-bar{width:16px}.bgm-demo-group{gap:2px}}@media (max-width: 480px){.bgm-hero-heading{font-size:1.3rem}.bgm-types-grid,.bgm-usecase-grid{grid-template-columns:1fr}.bgm-hero-pills{gap:.35rem}.bgm-pill{font-size:.75rem}.bgm-demo-canvas{height:100px;gap:.5rem}.bgm-demo-bar{width:12px}}.pie-chart-maker{width:100%;position:relative;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-out}.pcm-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.pcm-toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6,var(--accent-primary));background-size:200% 100%;animation:shimmer 3s infinite}.pcm-toolbar-left,.pcm-toolbar-right{display:flex;gap:var(--spacing-sm)}.pcm-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.pcm-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.pcm-btn:hover:before{width:300px;height:300px}.pcm-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.pcm-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f180}.pcm-btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.pcm-btn-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pcm-btn-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.pcm-btn>*{position:relative;z-index:1}.pcm-btn-full{width:100%;justify-content:center}.pcm-main-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-lg);align-items:start}.pcm-chart-section{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:550px;box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.pcm-chart-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.pcm-chart-container{position:relative;height:500px;width:100%;background:#ffffff05;border-radius:var(--radius-md);padding:var(--spacing-md)}.pcm-controls-panel{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:100px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;box-shadow:0 4px 16px #0000001a}.pcm-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:relative}.pcm-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;font-size:.9rem;position:relative}.pcm-tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-primary);transform:translate(-50%);transition:width .3s ease}.pcm-tab:hover{color:var(--text-primary);background-color:#6366f114}.pcm-tab:hover:after{width:60%}.pcm-tab.active{color:var(--accent-primary);background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-tertiary))}.pcm-tab.active:after{width:80%}.pcm-tab-content{padding:var(--spacing-md);overflow-y:auto;flex:1}.pcm-tab-content::-webkit-scrollbar{width:6px}.pcm-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.pcm-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.pcm-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.pcm-section-title{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;position:relative;padding-bottom:var(--spacing-xs)}.pcm-section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px}.pcm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.pcm-input,.pcm-textarea,.pcm-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all .3s ease;font-family:inherit}.pcm-input:hover,.pcm-textarea:hover,.pcm-select:hover{border-color:#6366f180}.pcm-input:focus,.pcm-textarea:focus,.pcm-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;background-color:var(--bg-secondary)}.pcm-textarea{resize:vertical;min-height:60px}.pcm-input-group{margin-bottom:var(--spacing-md)}.pcm-input-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:600;letter-spacing:.3px}.pcm-hint{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs);font-style:italic}.pcm-color-input-group{display:flex;gap:var(--spacing-sm)}.pcm-color-input{width:60px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:none;transition:all .3s ease}.pcm-color-input:hover{border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.pcm-color-text{flex:1}.pcm-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);transition:all .3s ease}.pcm-slider:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.pcm-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #6366f166;transition:all .2s ease}.pcm-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #6366f199}.pcm-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #6366f166;transition:all .2s ease}.pcm-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--text-primary);font-size:.95rem;border-radius:var(--radius-md);transition:background-color .2s ease}.pcm-checkbox:hover{background-color:#6366f10d}.pcm-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);transition:transform .2s ease}.pcm-checkbox input[type=checkbox]:hover{transform:scale(1.1)}.pcm-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.pcm-toggle-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.pcm-toggle-btn:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.pcm-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f166}.pcm-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.pcm-template-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.pcm-template-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.pcm-template-btn:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.pcm-template-btn:hover:before{opacity:1}.pcm-template-name{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:.25rem}.pcm-template-desc{font-size:.75rem;color:var(--text-secondary)}.pcm-file-input{display:none}.pcm-file-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;justify-content:center;font-weight:500;position:relative;overflow:hidden}.pcm-file-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);opacity:0;transition:opacity .3s ease}.pcm-file-label:hover{border-color:var(--accent-primary);border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.pcm-file-label:hover:before{opacity:1}.pcm-file-icon{font-size:1.2rem}.pcm-summary{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.pcm-summary-item{display:flex;justify-content:space-between;align-items:center}.pcm-summary-label{color:var(--text-secondary);font-weight:600}.pcm-summary-value{color:var(--text-primary);font-weight:700;font-size:1.1rem}.pcm-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.pcm-export-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--text-primary);position:relative;overflow:hidden}.pcm-export-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f126,#8b5cf61a);opacity:0;transition:opacity .3s ease}.pcm-export-btn:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 6px 16px #6366f14d}.pcm-export-btn:hover:before{opacity:1}.pcm-export-icon{font-size:1.5rem}.pcm-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026,0 0 20px #6366f133;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pcm-notification-icon{font-size:1.2rem;width:24px;height:24px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.pcm-main-layout{grid-template-columns:1fr}.pcm-controls-panel{position:static;max-height:none}}@media (max-width: 768px){.pcm-toolbar{flex-direction:column;gap:var(--spacing-sm)}.pcm-toolbar-left,.pcm-toolbar-right{width:100%;justify-content:center}.pcm-btn{flex:1;justify-content:center}.pcm-chart-container{height:400px}.pcm-template-grid,.pcm-export-grid,.pcm-toggle-group{grid-template-columns:1fr}}.pcm-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.pcm-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.pcm-section-dark{background:var(--bg-tertiary)}.pcm-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #d946ef}.pcm-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.pcm-seo-p strong{color:var(--text-primary);font-weight:600}.pcm-seo-hero{background:linear-gradient(135deg,#2e0828,#0f172a 55%,#1f0b2e);border:1px solid #86198f;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.pcm-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(217,70,239,.12) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(192,38,211,.1) 0%,transparent 50%);pointer-events:none}.pcm-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#d946ef26;border:1px solid rgba(217,70,239,.35);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#e879f9;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.pcm-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.pcm-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.pcm-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.pcm-hero-lead strong,.pcm-hero-sub strong{color:#e879f9;font-weight:600}.pcm-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.pcm-pill{background:#d946ef1f;border:1px solid rgba(217,70,239,.28);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#e879f9}.pcm-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.pcm-demo-visual{position:relative;width:280px;height:200px;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.pcm-demo-donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(#d946ef,#d946ef 45%,#8b5cf6 45%,#8b5cf6 75%,#ec4899 75%,#ec4899);position:relative;display:flex;align-items:center;justify-content:center;animation:pcmSpin 20s linear infinite;box-shadow:0 4px 20px #00000026}@keyframes pcmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pcm-demo-donut:after{content:"";position:absolute;width:65%;height:65%;background-color:var(--bg-tertiary);border-radius:50%}.pcm-demo-centre-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center}.pcm-demo-total{font-size:1.25rem;font-weight:800;color:var(--text-primary);line-height:1}.pcm-demo-sub{font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;margin-top:.2rem}.pcm-demo-float{position:absolute;font-size:.8rem;font-weight:600;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center}.pcm-demo-float span{font-size:.95rem;font-weight:800;color:var(--text-primary)}.pcm-float-1{top:10px;right:10px;color:#d946ef}.pcm-float-1 span{color:#d946ef}.pcm-float-2{bottom:10px;right:10px;color:#8b5cf6}.pcm-float-2 span{color:#8b5cf6}.pcm-float-3{bottom:30px;left:10px;color:#ec4899}.pcm-float-3 span{color:#ec4899}.pcm-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.pcm-styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.pcm-style-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.pcm-style-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--style-accent, #d946ef)}.pcm-style-card:hover{border-color:var(--style-accent, #d946ef);transform:translateY(-3px)}.pcm-style-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.pcm-style-icon{font-size:1.5rem;flex-shrink:0}.pcm-style-name{font-size:.98rem;font-weight:700;color:var(--style-accent, #d946ef);margin:0}.pcm-style-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.pcm-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.pcm-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.pcm-usecase-card:hover{border-color:#d946ef;transform:translateY(-2px)}.pcm-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.pcm-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.pcm-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.pcm-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.pcm-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#d946ef,transparent)}.pcm-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.pcm-step:last-child{padding-bottom:0}.pcm-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#d946ef,#c026d3);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #d946ef66;z-index:1}.pcm-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.pcm-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.pcm-step-content p strong{color:var(--text-primary);font-weight:600}.pcm-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.pcm-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.pcm-accordion-item.open{border-color:#d946ef}.pcm-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.pcm-accordion-trigger:hover{background:#d946ef0f}.pcm-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#d946ef;font-family:monospace;min-width:2ch}.pcm-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.pcm-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.pcm-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.pcm-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.pcm-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.pcm-faq-item.open{border-color:#d946ef}.pcm-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.pcm-faq-trigger:hover{background:#d946ef0f}.pcm-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#d946ef;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.pcm-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.pcm-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#d946ef26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#d946ef;transition:background .2s}.pcm-faq-item.open .pcm-faq-chevron{background:#d946ef;color:#fff}.pcm-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.pcm-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.pcm-seo-hero,.pcm-seo-section{padding:var(--spacing-lg)}.pcm-hero-heading{font-size:1.5rem}.pcm-seo-h2{font-size:1.35rem}.pcm-steps:before{display:none}.pcm-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.pcm-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.pcm-hero-heading{font-size:1.3rem}.pcm-styles-grid,.pcm-usecase-grid{grid-template-columns:1fr}.pcm-hero-pills{gap:.35rem}.pcm-pill{font-size:.75rem}.pcm-demo-visual{width:100%}.pcm-float-1,.pcm-float-2,.pcm-float-3{display:none}}.scatter-plot-maker{width:100%;position:relative;max-width:1400px;margin:0 auto;animation:fadeIn .5s ease-out}.spm-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;position:relative;overflow:hidden}.spm-toolbar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6,var(--accent-primary));background-size:200% 100%;animation:shimmer 3s infinite}.spm-toolbar-left,.spm-toolbar-right{display:flex;gap:var(--spacing-sm)}.spm-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.spm-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.spm-btn:hover:before{width:300px;height:300px}.spm-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.spm-btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f180}.spm-btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.spm-btn-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.spm-btn-icon{font-size:1.1rem;display:flex;align-items:center;justify-content:center}.spm-btn>*{position:relative;z-index:1}.spm-btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.spm-btn-full{width:100%;justify-content:center}.spm-main-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-lg);align-items:start}.spm-chart-section{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:550px;box-shadow:0 4px 16px #0000001a;position:relative;overflow:hidden}.spm-chart-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.spm-chart-container{position:relative;height:500px;width:100%;background:#ffffff05;border-radius:var(--radius-md);padding:var(--spacing-md)}.spm-controls-panel{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:100px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;box-shadow:0 4px 16px #0000001a}.spm-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);position:relative}.spm-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;font-size:.9rem;position:relative}.spm-tab:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-primary);transform:translate(-50%);transition:width .3s ease}.spm-tab:hover{color:var(--text-primary);background-color:#6366f114}.spm-tab:hover:after{width:60%}.spm-tab.active{color:var(--accent-primary);background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-tertiary))}.spm-tab.active:after{width:80%}.spm-tab-content{padding:var(--spacing-md);overflow-y:auto;flex:1}.spm-tab-content::-webkit-scrollbar{width:6px}.spm-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.spm-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.spm-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.spm-section-title{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;position:relative;padding-bottom:var(--spacing-xs)}.spm-section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px}.spm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.spm-input,.spm-textarea,.spm-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;transition:all .3s ease;font-family:inherit}.spm-input:hover,.spm-textarea:hover,.spm-select:hover{border-color:#6366f180}.spm-input:focus,.spm-textarea:focus,.spm-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f126;background-color:var(--bg-secondary)}.spm-textarea{resize:vertical;min-height:60px}.spm-input-group{margin-bottom:var(--spacing-md)}.spm-input-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:600;letter-spacing:.3px}.spm-hint{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs);font-style:italic}.spm-color-input-group{display:flex;gap:var(--spacing-sm)}.spm-color-input{width:60px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:none;transition:all .3s ease}.spm-color-input:hover{border-color:var(--accent-primary);transform:scale(1.05);box-shadow:0 4px 12px #6366f14d}.spm-color-text{flex:1}.spm-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-color);transition:all .3s ease}.spm-slider:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.spm-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #6366f166;transition:all .2s ease}.spm-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #6366f199}.spm-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #6366f166;transition:all .2s ease}.spm-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--text-primary);font-size:.95rem;border-radius:var(--radius-md);transition:background-color .2s ease}.spm-checkbox:hover{background-color:#6366f10d}.spm-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary);transition:transform .2s ease}.spm-checkbox input[type=checkbox]:hover{transform:scale(1.1)}.spm-toggle-group{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.spm-toggle-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.spm-toggle-btn:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a)}.spm-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f166}.spm-template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.spm-template-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.spm-template-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.spm-template-btn:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.spm-template-btn:hover:before{opacity:1}.spm-template-name{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:.25rem}.spm-template-desc{font-size:.75rem;color:var(--text-secondary)}.spm-file-input{display:none}.spm-file-label{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px dashed var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;justify-content:center;font-weight:500;position:relative;overflow:hidden}.spm-file-label:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);opacity:0;transition:opacity .3s ease}.spm-file-label:hover{border-color:var(--accent-primary);border-style:solid;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.spm-file-label:hover:before{opacity:1}.spm-file-icon{font-size:1.2rem}.spm-series-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.spm-series-item{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a}.spm-series-item:hover{border-color:#6366f180;box-shadow:0 4px 8px #00000026}.spm-series-item.active{border-color:var(--accent-primary);background:linear-gradient(135deg,#6366f126,#8b5cf61a);box-shadow:0 4px 12px #6366f14d;transform:translate(4px)}.spm-series-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm)}.spm-series-select{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--text-primary);cursor:pointer;flex:1;text-align:left;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition)}.spm-series-select:hover{background-color:#6366f11a}.spm-series-color{width:24px;height:24px;border-radius:6px;border:2px solid var(--border-color);box-shadow:0 2px 4px #0003;transition:transform .2s ease}.spm-series-select:hover .spm-series-color{transform:scale(1.1)}.spm-series-label{font-weight:600;font-size:.9rem}.spm-btn-remove{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.spm-btn-remove:hover{background-color:#ef444433;color:#ef4444}.spm-series-details{padding:var(--spacing-md);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.spm-export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.spm-export-btn{padding:var(--spacing-md);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);font-weight:600;color:var(--text-primary);position:relative;overflow:hidden}.spm-export-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#6366f126,#8b5cf61a);opacity:0;transition:opacity .3s ease}.spm-export-btn:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 6px 16px #6366f14d}.spm-export-btn:hover:before{opacity:1}.spm-export-icon{font-size:1.5rem}.spm-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026,0 0 20px #6366f133;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .4s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spm-notification-icon{font-size:1.2rem;width:24px;height:24px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 1200px){.spm-main-layout{grid-template-columns:1fr}.spm-controls-panel{position:static;max-height:none}}@media (max-width: 768px){.spm-toolbar{flex-direction:column;gap:var(--spacing-sm)}.spm-toolbar-left,.spm-toolbar-right{width:100%;justify-content:center}.spm-btn{flex:1;justify-content:center}.spm-chart-container{height:400px}.spm-template-grid,.spm-export-grid,.spm-toggle-group{grid-template-columns:1fr}}.stm-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.stm-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.stm-section-dark{background:var(--bg-tertiary)}.stm-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #3b82f6}.stm-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.stm-seo-p strong{color:var(--text-primary);font-weight:600}.stm-seo-hero{background:linear-gradient(135deg,#091a38,#0f172a 55%,#061225);border:1px solid #1e3a8a;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.stm-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(59,130,246,.12) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(14,165,233,.1) 0%,transparent 50%);pointer-events:none}.stm-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#3b82f626;border:1px solid rgba(59,130,246,.35);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#60a5fa;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.stm-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.stm-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.stm-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.stm-hero-lead strong,.stm-hero-sub strong{color:#60a5fa;font-weight:600}.stm-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.stm-pill{background:#3b82f61f;border:1px solid rgba(59,130,246,.28);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#60a5fa}.stm-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.stm-demo-grid{position:relative;width:260px;height:200px;margin-bottom:1.5rem;background:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:20px 20px;background-position:10px 10px}.stm-demo-y-axis{position:absolute;top:0;left:10px;bottom:10px;width:2px;background:var(--border-color)}.stm-demo-x-axis{position:absolute;bottom:10px;left:10px;right:0;height:2px;background:var(--border-color)}.stm-demo-pt{position:absolute;width:8px;height:8px;background:#3b82f6;border-radius:50%;transform:translate(-50%,50%);box-shadow:0 0 8px #3b82f680;animation:stmDotPop 4s infinite alternate}@keyframes stmDotPop{0%,10%{transform:translate(-50%,50%) scale(0);opacity:0}30%,to{transform:translate(-50%,50%) scale(1);opacity:1}}.stm-pt-1{bottom:25px;left:30px;animation-delay:.1s}.stm-pt-2{bottom:35px;left:50px;animation-delay:.2s}.stm-pt-3{bottom:65px;left:80px;animation-delay:.3s}.stm-pt-4{bottom:50px;left:110px;animation-delay:.4s}.stm-pt-5{bottom:90px;left:140px;animation-delay:.5s}.stm-pt-6{bottom:110px;left:170px;animation-delay:.6s}.stm-pt-7{bottom:100px;left:200px;animation-delay:.7s}.stm-pt-8{bottom:145px;left:220px;animation-delay:.8s}.stm-pt-9{bottom:160px;left:250px;animation-delay:.9s}.stm-demo-trendline{position:absolute;bottom:10px;left:10px;width:260px;height:2px;background:#f43f5e;transform-origin:bottom left;transform:rotate(-31deg);animation:stmDrawLine 4s cubic-bezier(.1,.8,.3,1) infinite alternate;box-shadow:0 0 10px #f43f5e80}@keyframes stmDrawLine{0%,50%{width:0;opacity:0}to{width:270px;opacity:1}}.stm-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.stm-styles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.stm-style-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.stm-style-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--style-accent, #3b82f6)}.stm-style-card:hover{border-color:var(--style-accent, #3b82f6);transform:translateY(-3px)}.stm-style-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.stm-style-icon{font-size:1.5rem;flex-shrink:0}.stm-style-name{font-size:.98rem;font-weight:700;color:var(--style-accent, #3b82f6);margin:0}.stm-style-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.stm-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.stm-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.stm-usecase-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.stm-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.stm-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.stm-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.stm-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.stm-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#3b82f6,transparent)}.stm-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.stm-step:last-child{padding-bottom:0}.stm-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #3b82f666;z-index:1}.stm-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.stm-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.stm-step-content p strong{color:var(--text-primary);font-weight:600}.stm-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.stm-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.stm-accordion-item.open{border-color:#3b82f6}.stm-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.stm-accordion-trigger:hover{background:#3b82f60f}.stm-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#3b82f6;font-family:monospace;min-width:2ch}.stm-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.stm-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.stm-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.stm-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.stm-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.stm-faq-item.open{border-color:#3b82f6}.stm-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.stm-faq-trigger:hover{background:#3b82f60f}.stm-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.stm-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.stm-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#3b82f626;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#3b82f6;transition:background .2s}.stm-faq-item.open .stm-faq-chevron{background:#3b82f6;color:#fff}.stm-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.stm-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.stm-seo-hero,.stm-seo-section{padding:var(--spacing-lg)}.stm-hero-heading{font-size:1.5rem}.stm-seo-h2{font-size:1.35rem}.stm-steps:before{display:none}.stm-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.stm-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.stm-hero-heading{font-size:1.3rem}.stm-styles-grid,.stm-usecase-grid{grid-template-columns:1fr}.stm-hero-pills{gap:.35rem}.stm-pill{font-size:.75rem}.stm-demo-grid,.stm-demo-trendline{width:100%}@keyframes stmDrawLine{0%,50%{width:0;opacity:0}to{width:calc(100% - 10px);opacity:1}}}.inch-ruler{width:100%;position:relative;animation:fadeIn .5s ease-out}.ir-toolbar-simple{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;position:sticky;top:0;z-index:10;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.ir-toolbar-simple-left,.ir-toolbar-simple-right{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:wrap}.ir-btn-simple{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.ir-btn-simple:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.ir-btn-simple.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.ir-btn-simple:disabled{opacity:.5;cursor:not-allowed}.ir-unit-select{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:var(--transition)}.ir-unit-select:hover{border-color:var(--accent-primary)}.ir-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.ir-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ir-btn:hover:before{width:300px;height:300px}.ir-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.ir-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.ir-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.ir-btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-2px)}.ir-btn-secondary.active{background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-color:var(--accent-primary);color:var(--accent-primary)}.ir-btn:disabled{opacity:.5;cursor:not-allowed}.ir-btn-full{width:100%;justify-content:center}.ir-btn-icon{font-size:1rem}.ir-ruler-section{width:100vw;position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.ir-ruler-container{background-color:var(--bg-secondary);border:none;border-radius:0;padding:0;display:block;width:100%;min-height:150px;position:relative;overflow-x:auto;overflow-y:hidden}.ir-ruler-canvas{width:100%;height:150px;cursor:crosshair;display:block;position:relative;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast}.ir-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.ir-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none}.ir-action-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff}.ir-action-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f166}.ir-action-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.ir-action-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-3px)}.ir-btn-icon{font-size:1.2rem}.ir-controls-panel-simple{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) auto;max-width:600px;animation:slideDown .3s ease-out}.ir-controls-panel::-webkit-scrollbar{width:6px}.ir-controls-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.ir-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding:var(--spacing-md)}.ir-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:var(--spacing-md)}.ir-section-title{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;position:relative;padding-bottom:var(--spacing-xs)}.ir-section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px}.ir-input-group{margin-bottom:var(--spacing-md)}.ir-input-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.ir-input,.ir-select{width:100%;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.9rem;transition:var(--transition)}.ir-input:focus,.ir-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.ir-select{cursor:pointer}.ir-color-input-group{display:flex;gap:var(--spacing-sm);align-items:center}.ir-color-input{width:50px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:none;padding:0}.ir-color-text{flex:1}.ir-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-md)}.ir-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.ir-checkbox span{color:var(--text-primary);font-size:.9rem}.ir-hint{font-size:.85rem;color:var(--text-secondary);margin-top:var(--spacing-xs);line-height:1.5}.ir-calibration-info{font-size:.9rem;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.ir-calibration-info strong{color:var(--accent-primary)}.ir-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.ir-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:500px;width:100%;box-shadow:0 20px 60px #00000026}.ir-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.ir-modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.ir-modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.ir-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.ir-modal-content{padding:var(--spacing-lg)}.ir-modal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.ir-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 20px #6366f166;display:flex;align-items:center;gap:var(--spacing-sm);z-index:1000;animation:slideInUp .3s ease-out}.ir-notification-icon{font-size:1.2rem}@media (max-width: 768px){.ir-toolbar{flex-direction:column;gap:var(--spacing-sm)}.ir-toolbar-left,.ir-toolbar-right{width:100%;flex-wrap:wrap}.ir-btn{flex:1;min-width:120px}.ir-ruler-container{min-height:300px;padding:var(--spacing-md)}.ir-controls-panel{position:static;max-height:none}.ir-modal-overlay{padding:var(--spacing-md)}.ir-notification{bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}}.ir-tabs{display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.ir-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border-bottom:3px solid transparent}.ir-tab:hover{color:var(--text-primary);background-color:#6366f11a}.ir-tab.active{color:var(--accent-primary);background-color:var(--bg-secondary);border-bottom-color:var(--accent-primary)}.ir-tab-icon{font-size:1.2rem}.ir-tab-content{padding:var(--spacing-lg);max-height:600px;overflow-y:auto}.ir-tab-content::-webkit-scrollbar{width:6px}.ir-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.ir-control-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.ir-control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.ir-control-heading{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.ir-size-control{margin-bottom:var(--spacing-md)}.ir-size-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.ir-locked-badge{font-size:.75rem;padding:.125rem .5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);margin-left:var(--spacing-xs)}.ir-number-input-group{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-xs)}.ir-number-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.ir-number-btn:hover:not(:disabled){background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.ir-number-btn:disabled{opacity:.3;cursor:not-allowed}.ir-number-input{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem;font-weight:700;text-align:center;transition:var(--transition)}.ir-number-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.ir-number-input:disabled{opacity:.5;cursor:not-allowed}.ir-toggle-control{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid transparent}.ir-toggle-control:hover{border-color:var(--accent-primary)}.ir-toggle-input{display:none}.ir-toggle-slider{width:50px;height:28px;background-color:var(--border-color);border-radius:14px;position:relative;transition:var(--transition)}.ir-toggle-slider:after{content:"";position:absolute;width:22px;height:22px;background-color:#fff;border-radius:50%;top:3px;left:3px;transition:var(--transition)}.ir-toggle-input:checked+.ir-toggle-slider{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6)}.ir-toggle-input:checked+.ir-toggle-slider:after{transform:translate(22px)}.ir-toggle-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.ir-toggle-label>span:first-child{color:var(--text-primary);font-weight:600}.ir-toggle-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.ir-preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.ir-preset-button{padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.ir-preset-button:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.ir-preset-button.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.ir-button-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.ir-toggle-btn{padding:var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.ir-toggle-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.ir-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.ir-toggle-icon{font-size:1.5rem}.ir-slider-control{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-sm);align-items:center}.ir-slider-btn{padding:var(--spacing-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:1rem}.ir-slider-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.ir-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ir-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;transition:var(--transition)}.ir-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.ir-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none}.ir-slider-value{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.ir-switch-control{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition);border:1px solid transparent}.ir-switch-control:hover{border-color:var(--accent-primary)}.ir-switch-control input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.ir-switch-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.ir-switch-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.ir-switch-label>span:first-child{color:var(--text-primary);font-weight:600}.ir-switch-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.ir-tips-box{background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.ir-tip{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;line-height:1.5}.ir-tip:last-child{margin-bottom:0}.ir-tip-icon{font-size:1rem;flex-shrink:0}.ir-toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .3s ease-out;z-index:1000}.ir-toast-icon{font-size:1.5rem;width:30px;height:30px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.ir-main-layout{grid-template-columns:1fr}.ir-controls-panel{position:static}.ir-quick-actions{grid-template-columns:1fr}}@media (max-width: 768px){.ir-stats-bar{grid-template-columns:repeat(2,1fr)}.ir-stat-card{padding:var(--spacing-sm)}.ir-stat-icon{width:40px;height:40px;font-size:1.5rem}.ir-stat-value{font-size:1.25rem}.ir-canvas-wrapper{padding:var(--spacing-sm);min-height:300px}.ir-preset-grid{grid-template-columns:repeat(3,1fr)}.ir-tab-content{padding:var(--spacing-md)}}@media (max-width: 480px){.ir-stats-bar{grid-template-columns:1fr}.ir-number-input-group{grid-template-columns:45px 1fr 45px}.ir-preset-grid{grid-template-columns:repeat(2,1fr)}.ir-slider-control{grid-template-columns:1fr}.ir-slider-btn{display:none}}.ir-stat-card,.ir-canvas-wrapper,.ir-controls-panel{animation:fadeInScale .4s ease-out}.ir-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.ir-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.ir-section-dark{background:var(--bg-tertiary)}.ir-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #eab308}.ir-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.ir-seo-p strong{color:var(--text-primary);font-weight:600}.ir-seo-hero{background:linear-gradient(135deg,#1f1b04,#0f172a 55%,#1f1803);border:1px solid #713f12;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.ir-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(234,179,8,.1) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(202,138,4,.08) 0%,transparent 50%);pointer-events:none}.ir-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#eab30826;border:1px solid rgba(234,179,8,.35);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#fde047;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.ir-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.ir-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.ir-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.ir-hero-lead strong,.ir-hero-sub strong{color:#fde047;font-weight:600}.ir-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.ir-pill{background:#eab3081f;border:1px solid rgba(234,179,8,.28);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fde047}.ir-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.ir-demo-wrapper{position:relative;width:100%;max-width:320px;height:220px;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.ir-demo-ruler{width:280px;height:60px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;position:relative;overflow:hidden}.ir-demo-ticks{position:absolute;top:0;left:0;right:0;height:100%;background:repeating-linear-gradient(90deg,var(--text-primary),var(--text-primary) 2px,transparent 2px,transparent 100px),repeating-linear-gradient(90deg,var(--text-secondary),var(--text-secondary) 1px,transparent 1px,transparent 50px),repeating-linear-gradient(90deg,var(--text-secondary),var(--text-secondary) 1px,transparent 1px,transparent 25px);background-size:100% 30%,100% 20%,100% 12%;background-repeat:no-repeat;background-position:top left;opacity:.8}.ir-demo-card{position:absolute;top:50%;transform:translateY(-50%);width:140px;height:88px;background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #00000080;display:flex;flex-direction:column;padding:10px;animation:irCalibrateCard 4s ease-in-out infinite alternate;left:20px}@keyframes irCalibrateCard{0%,20%{width:120px;opacity:.7}80%,to{width:160px;opacity:.95;box-shadow:0 0 15px #eab30866;border-color:#eab308}}.ir-card-chip{width:14px;height:10px;background:#facc15;border-radius:2px;margin-bottom:auto}.ir-card-text{color:#fff;font-size:8px;white-space:nowrap;letter-spacing:.5px}.ir-demo-controls{width:280px;display:flex;flex-direction:column;gap:8px;align-items:center}.ir-demo-slider-track{width:100%;height:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;position:relative}.ir-demo-slider-thumb{position:absolute;top:50%;width:16px;height:16px;background:#eab308;border-radius:50%;transform:translate(-50%,-50%);animation:irSlideThumb 4s ease-in-out infinite alternate}@keyframes irSlideThumb{0%,20%{left:30%;background:var(--text-secondary)}80%,to{left:80%;background:#eab308;box-shadow:0 0 8px #eab308}}.ir-demo-readout{font-size:.75rem;font-weight:700;color:#eab308;font-family:monospace}.ir-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.ir-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.ir-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.ir-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #eab308)}.ir-mode-card:hover{border-color:var(--mode-accent, #eab308);transform:translateY(-3px)}.ir-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.ir-mode-icon{font-size:1.5rem;flex-shrink:0}.ir-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #eab308);margin:0}.ir-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.ir-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.ir-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.ir-usecase-card:hover{border-color:#eab308;transform:translateY(-2px)}.ir-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.ir-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.ir-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.ir-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.ir-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#eab308,transparent)}.ir-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.ir-step:last-child{padding-bottom:0}.ir-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#eab308,#a16207);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #eab3084d;z-index:1}.ir-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.ir-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.ir-step-content p strong{color:var(--text-primary);font-weight:600}.ir-step-content em{color:#eab308;font-style:italic}.ir-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ir-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.ir-accordion-item.open{border-color:#eab308}.ir-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.ir-accordion-trigger:hover{background:#eab3080f}.ir-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#eab308;font-family:monospace;min-width:2ch}.ir-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.ir-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.ir-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.ir-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ir-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.ir-faq-item.open{border-color:#eab308}.ir-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.ir-faq-trigger:hover{background:#eab3080f}.ir-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#eab308;color:#000;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.ir-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.ir-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#eab30826;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#eab308;transition:background .2s}.ir-faq-item.open .ir-faq-chevron{background:#eab308;color:#000}.ir-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.ir-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.ir-seo-hero,.ir-seo-section{padding:var(--spacing-lg)}.ir-hero-heading{font-size:1.5rem}.ir-seo-h2{font-size:1.35rem}.ir-steps:before{display:none}.ir-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.ir-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.ir-hero-heading{font-size:1.3rem}.ir-modes-grid,.ir-usecase-grid{grid-template-columns:1fr}.ir-hero-pills{gap:.35rem}.ir-pill{font-size:.75rem}}.cm-ruler{width:100%;position:relative;animation:fadeIn .5s ease-out}.cr-toolbar-simple{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;position:sticky;top:0;z-index:10;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.cr-toolbar-simple-left,.cr-toolbar-simple-right{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:wrap}.cr-btn-simple{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.cr-btn-simple:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.cr-btn-simple.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.cr-btn-simple:disabled{opacity:.5;cursor:not-allowed}.cr-unit-select{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:var(--transition)}.cr-unit-select:hover{border-color:var(--accent-primary)}.cr-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.cr-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cr-btn:hover:before{width:300px;height:300px}.cr-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.cr-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.cr-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.cr-btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-2px)}.cr-btn-secondary.active{background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-color:var(--accent-primary);color:var(--accent-primary)}.cr-btn:disabled{opacity:.5;cursor:not-allowed}.cr-btn-full{width:100%;justify-content:center}.cr-btn-icon{font-size:1rem}.cr-ruler-section{width:100vw;position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.cr-ruler-container{background-color:var(--bg-secondary);border:none;border-radius:0;padding:0;display:block;width:100%;min-height:150px;position:relative;overflow-x:auto;overflow-y:hidden}.cr-ruler-canvas{width:100%;height:150px;cursor:crosshair;display:block;position:relative;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast}.cr-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.cr-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none}.cr-action-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff}.cr-action-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f166}.cr-action-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.cr-action-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-3px)}.cr-btn-icon{font-size:1.2rem}.cr-controls-panel-simple{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) auto;max-width:600px;animation:slideDown .3s ease-out}.cr-controls-panel::-webkit-scrollbar{width:6px}.cr-controls-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.cr-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding:var(--spacing-md)}.cr-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:var(--spacing-md)}.cr-section-title{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;position:relative;padding-bottom:var(--spacing-xs)}.cr-section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px}.cr-input-group{margin-bottom:var(--spacing-md)}.cr-input-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.cr-input,.cr-select{width:100%;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.9rem;transition:var(--transition)}.cr-input:focus,.cr-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.cr-select{cursor:pointer}.cr-color-input-group{display:flex;gap:var(--spacing-sm);align-items:center}.cr-color-input{width:50px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:none;padding:0}.cr-color-text{flex:1}.cr-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-md)}.cr-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.cr-checkbox span{color:var(--text-primary);font-size:.9rem}.cr-hint{font-size:.85rem;color:var(--text-secondary);margin-top:var(--spacing-xs);line-height:1.5}.cr-calibration-info{font-size:.9rem;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.cr-calibration-info strong{color:var(--accent-primary)}.cr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.cr-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:500px;width:100%;box-shadow:0 20px 60px #00000026}.cr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.cr-modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.cr-modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.cr-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.cr-modal-content{padding:var(--spacing-lg)}.cr-modal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.cr-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 20px #6366f166;display:flex;align-items:center;gap:var(--spacing-sm);z-index:1000;animation:slideInUp .3s ease-out}.cr-notification-icon{font-size:1.2rem}@media (max-width: 768px){.cr-toolbar{flex-direction:column;gap:var(--spacing-sm)}.cr-toolbar-left,.cr-toolbar-right{width:100%;flex-wrap:wrap}.cr-btn{flex:1;min-width:120px}.cr-ruler-container{min-height:300px;padding:var(--spacing-md)}.cr-controls-panel{position:static;max-height:none}.cr-modal-overlay{padding:var(--spacing-md)}.cr-notification{bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}}.cr-tabs{display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.cr-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border-bottom:3px solid transparent}.cr-tab:hover{color:var(--text-primary);background-color:#6366f11a}.cr-tab.active{color:var(--accent-primary);background-color:var(--bg-secondary);border-bottom-color:var(--accent-primary)}.cr-tab-icon{font-size:1.2rem}.cr-tab-content{padding:var(--spacing-lg);max-height:600px;overflow-y:auto}.cr-tab-content::-webkit-scrollbar{width:6px}.cr-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.cr-control-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.cr-control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.cr-control-heading{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.cr-size-control{margin-bottom:var(--spacing-md)}.cr-size-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.cr-locked-badge{font-size:.75rem;padding:.125rem .5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);margin-left:var(--spacing-xs)}.cr-number-input-group{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-xs)}.cr-number-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.cr-number-btn:hover:not(:disabled){background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.cr-number-btn:disabled{opacity:.3;cursor:not-allowed}.cr-number-input{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem;font-weight:700;text-align:center;transition:var(--transition)}.cr-number-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.cr-number-input:disabled{opacity:.5;cursor:not-allowed}.cr-toggle-control{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid transparent}.cr-toggle-control:hover{border-color:var(--accent-primary)}.cr-toggle-input{display:none}.cr-toggle-slider{width:50px;height:28px;background-color:var(--border-color);border-radius:14px;position:relative;transition:var(--transition)}.cr-toggle-slider:after{content:"";position:absolute;width:22px;height:22px;background-color:#fff;border-radius:50%;top:3px;left:3px;transition:var(--transition)}.cr-toggle-input:checked+.cr-toggle-slider{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6)}.cr-toggle-input:checked+.cr-toggle-slider:after{transform:translate(22px)}.cr-toggle-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.cr-toggle-label>span:first-child{color:var(--text-primary);font-weight:600}.cr-toggle-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.cr-preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.cr-preset-button{padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.cr-preset-button:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.cr-preset-button.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.cr-button-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.cr-toggle-btn{padding:var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.cr-toggle-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.cr-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.cr-toggle-icon{font-size:1.5rem}.cr-slider-control{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-sm);align-items:center}.cr-slider-btn{padding:var(--spacing-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:1rem}.cr-slider-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.cr-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;transition:var(--transition)}.cr-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.cr-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none}.cr-slider-value{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.cr-switch-control{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition);border:1px solid transparent}.cr-switch-control:hover{border-color:var(--accent-primary)}.cr-switch-control input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.cr-switch-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.cr-switch-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.cr-switch-label>span:first-child{color:var(--text-primary);font-weight:600}.cr-switch-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.cr-tips-box{background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.cr-tip{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;line-height:1.5}.cr-tip:last-child{margin-bottom:0}.cr-tip-icon{font-size:1rem;flex-shrink:0}.cr-toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .3s ease-out;z-index:1000}.cr-toast-icon{font-size:1.5rem;width:30px;height:30px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.cr-main-layout{grid-template-columns:1fr}.cr-controls-panel{position:static}.cr-quick-actions{grid-template-columns:1fr}}@media (max-width: 768px){.cr-stats-bar{grid-template-columns:repeat(2,1fr)}.cr-stat-card{padding:var(--spacing-sm)}.cr-stat-icon{width:40px;height:40px;font-size:1.5rem}.cr-stat-value{font-size:1.25rem}.cr-canvas-wrapper{padding:var(--spacing-sm);min-height:300px}.cr-preset-grid{grid-template-columns:repeat(3,1fr)}.cr-tab-content{padding:var(--spacing-md)}}@media (max-width: 480px){.cr-stats-bar{grid-template-columns:1fr}.cr-number-input-group{grid-template-columns:45px 1fr 45px}.cr-preset-grid{grid-template-columns:repeat(2,1fr)}.cr-slider-control{grid-template-columns:1fr}.cr-slider-btn{display:none}}.cr-stat-card,.cr-canvas-wrapper,.cr-controls-panel{animation:fadeInScale .4s ease-out}.cmr-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.cmr-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.cmr-section-dark{background:var(--bg-tertiary)}.cmr-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #10b981}.cmr-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.cmr-seo-p strong{color:var(--text-primary);font-weight:600}.cmr-seo-hero{background:linear-gradient(135deg,#064e3b,#0f172a 55%,#022c22);border:1px solid #047857;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.cmr-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(16,185,129,.12) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(5,150,105,.08) 0%,transparent 50%);pointer-events:none}.cmr-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#10b98126;border:1px solid rgba(16,185,129,.35);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#34d399;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.cmr-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.cmr-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.cmr-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.cmr-hero-lead strong,.cmr-hero-sub strong{color:#6ee7b7;font-weight:600}.cmr-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.cmr-pill{background:#10b9811f;border:1px solid rgba(16,185,129,.28);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#34d399}.cmr-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.cmr-demo-wrapper{position:relative;width:100%;max-width:340px;height:220px;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.cmr-demo-ruler{width:300px;height:60px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;position:relative;overflow:hidden}.cmr-demo-ticks{position:absolute;top:0;left:0;right:0;height:100%;background:repeating-linear-gradient(90deg,var(--text-primary),var(--text-primary) 2px,transparent 2px,transparent 100px),repeating-linear-gradient(90deg,var(--text-primary),var(--text-primary) 1px,transparent 1px,transparent 50px),repeating-linear-gradient(90deg,var(--text-secondary),var(--text-secondary) 1px,transparent 1px,transparent 10px);background-size:100% 40%,100% 25%,100% 12%;background-repeat:no-repeat;background-position:top left;opacity:.8}.cmr-demo-card{position:absolute;top:50%;transform:translateY(-50%);width:150px;height:94px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #00000080;display:flex;flex-direction:column;padding:10px;animation:cmrCalibrateCard 4s ease-in-out infinite alternate;left:30px}@keyframes cmrCalibrateCard{0%,20%{width:130px;opacity:.7}80%,to{width:170px;opacity:.95;box-shadow:0 0 15px #10b98166;border-color:#10b981}}.cmr-card-chip{width:14px;height:10px;background:#34d399;border-radius:2px;margin-bottom:auto}.cmr-card-text{color:#fff;font-size:8px;white-space:nowrap;letter-spacing:.5px}.cmr-demo-controls{width:300px;display:flex;flex-direction:column;gap:8px;align-items:center}.cmr-demo-slider-track{width:100%;height:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;position:relative}.cmr-demo-slider-thumb{position:absolute;top:50%;width:16px;height:16px;background:#10b981;border-radius:50%;transform:translate(-50%,-50%);animation:cmrSlideThumb 4s ease-in-out infinite alternate}@keyframes cmrSlideThumb{0%,20%{left:30%;background:var(--text-secondary)}80%,to{left:85%;background:#10b981;box-shadow:0 0 10px #10b981}}.cmr-demo-readout{font-size:.75rem;font-weight:700;color:#10b981;font-family:monospace}.cmr-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.cmr-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.cmr-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.cmr-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #10b981)}.cmr-mode-card:hover{border-color:var(--mode-accent, #10b981);transform:translateY(-3px)}.cmr-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.cmr-mode-icon{font-size:1.5rem;flex-shrink:0}.cmr-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #10b981);margin:0}.cmr-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.cmr-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.cmr-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.cmr-usecase-card:hover{border-color:#10b981;transform:translateY(-2px)}.cmr-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.cmr-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.cmr-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.cmr-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.cmr-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#10b981,transparent)}.cmr-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.cmr-step:last-child{padding-bottom:0}.cmr-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#10b981,#047857);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #10b9814d;z-index:1}.cmr-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.cmr-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.cmr-step-content p strong{color:var(--text-primary);font-weight:600}.cmr-step-content em{color:#10b981;font-style:italic}.cmr-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.cmr-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.cmr-accordion-item.open{border-color:#10b981}.cmr-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.cmr-accordion-trigger:hover{background:#10b9810f}.cmr-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#10b981;font-family:monospace;min-width:2ch}.cmr-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.cmr-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.cmr-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.cmr-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.cmr-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.cmr-faq-item.open{border-color:#10b981}.cmr-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.cmr-faq-trigger:hover{background:#10b9810f}.cmr-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#10b981;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.cmr-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.cmr-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#10b98126;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#10b981;transition:background .2s}.cmr-faq-item.open .cmr-faq-chevron{background:#10b981;color:#fff}.cmr-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.cmr-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.cmr-seo-hero,.cmr-seo-section{padding:var(--spacing-lg)}.cmr-hero-heading{font-size:1.5rem}.cmr-seo-h2{font-size:1.35rem}.cmr-steps:before{display:none}.cmr-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.cmr-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.cmr-hero-heading{font-size:1.3rem}.cmr-modes-grid,.cmr-usecase-grid{grid-template-columns:1fr}.cmr-hero-pills{gap:.35rem}.cmr-pill{font-size:.75rem}.cmr-demo-ruler,.cmr-demo-controls{width:100%}}.mm-ruler{width:100%;position:relative;animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mr-toolbar-simple{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:wrap;position:sticky;top:0;z-index:10;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.mr-toolbar-simple-left,.mr-toolbar-simple-right{display:flex;gap:var(--spacing-xs);align-items:center;flex-wrap:wrap}.mr-btn-simple{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.mr-btn-simple:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.mr-btn-simple.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.mr-btn-simple:disabled{opacity:.5;cursor:not-allowed}.mr-unit-select{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:var(--transition)}.mr-unit-select:hover{border-color:var(--accent-primary)}.mr-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.mr-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.mr-btn:hover:before{width:300px;height:300px}.mr-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.mr-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.mr-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.mr-btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-2px)}.mr-btn-secondary.active{background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-color:var(--accent-primary);color:var(--accent-primary)}.mr-btn:disabled{opacity:.5;cursor:not-allowed}.mr-btn-full{width:100%;justify-content:center}.mr-btn-icon{font-size:1rem}.mr-ruler-section{width:100vw;position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.mr-ruler-container{background-color:var(--bg-secondary);border:none;border-radius:0;padding:0;display:block;width:100%;min-height:150px;position:relative;overflow-x:auto;overflow-y:hidden}.mr-ruler-canvas{width:100%;height:150px;cursor:crosshair;display:block;position:relative;image-rendering:crisp-edges;image-rendering:pixelated;image-rendering:-webkit-optimize-contrast}.mr-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.mr-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none}.mr-action-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff}.mr-action-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f166}.mr-action-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.mr-action-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-3px)}.mr-btn-icon{font-size:1.2rem}.mr-controls-panel-simple{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) auto;max-width:600px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mr-controls-panel::-webkit-scrollbar{width:6px}.mr-controls-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.mr-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);padding:var(--spacing-md)}.mr-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:var(--spacing-md)}.mr-section-title{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;position:relative;padding-bottom:var(--spacing-xs)}.mr-section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);border-radius:2px}.mr-input-group{margin-bottom:var(--spacing-md)}.mr-input-group label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.mr-input,.mr-select{width:100%;background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);font-size:.9rem;transition:var(--transition)}.mr-input:focus,.mr-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.mr-select{cursor:pointer}.mr-color-input-group{display:flex;gap:var(--spacing-sm);align-items:center}.mr-color-input{width:50px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;background:none;padding:0}.mr-color-text{flex:1}.mr-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-md)}.mr-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.mr-checkbox span{color:var(--text-primary);font-size:.9rem}.mr-hint{font-size:.85rem;color:var(--text-secondary);margin-top:var(--spacing-xs);line-height:1.5}.mr-calibration-info{font-size:.9rem;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.mr-calibration-info strong{color:var(--accent-primary)}.mr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.mr-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:500px;width:100%;box-shadow:0 20px 60px #00000026}.mr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.mr-modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.mr-modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.mr-modal-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.mr-modal-content{padding:var(--spacing-lg)}.mr-modal-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.mr-notification{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 20px #6366f166;display:flex;align-items:center;gap:var(--spacing-sm);z-index:1000;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.mr-notification-icon{font-size:1.2rem}@media (max-width: 768px){.mr-toolbar{flex-direction:column;gap:var(--spacing-sm)}.mr-toolbar-left,.mr-toolbar-right{width:100%;flex-wrap:wrap}.mr-btn{flex:1;min-width:120px}.mr-ruler-container{min-height:300px;padding:var(--spacing-md)}.mr-controls-panel{position:static;max-height:none}.mr-modal-overlay{padding:var(--spacing-md)}.mr-notification{bottom:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}}.mr-tabs{display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.mr-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border-bottom:3px solid transparent}.mr-tab:hover{color:var(--text-primary);background-color:#6366f11a}.mr-tab.active{color:var(--accent-primary);background-color:var(--bg-secondary);border-bottom-color:var(--accent-primary)}.mr-tab-icon{font-size:1.2rem}.mr-tab-content{padding:var(--spacing-lg);max-height:600px;overflow-y:auto}.mr-tab-content::-webkit-scrollbar{width:6px}.mr-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.mr-control-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.mr-control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mr-control-heading{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.mr-size-control{margin-bottom:var(--spacing-md)}.mr-size-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.mr-locked-badge{font-size:.75rem;padding:.125rem .5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);margin-left:var(--spacing-xs)}.mr-number-input-group{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-xs)}.mr-number-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.mr-number-btn:hover:not(:disabled){background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.mr-number-btn:disabled{opacity:.3;cursor:not-allowed}.mr-number-input{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem;font-weight:700;text-align:center;transition:var(--transition)}.mr-number-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.mr-number-input:disabled{opacity:.5;cursor:not-allowed}.mr-toggle-control{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid transparent}.mr-toggle-control:hover{border-color:var(--accent-primary)}.mr-toggle-input{display:none}.mr-toggle-slider{width:50px;height:28px;background-color:var(--border-color);border-radius:14px;position:relative;transition:var(--transition)}.mr-toggle-slider:after{content:"";position:absolute;width:22px;height:22px;background-color:#fff;border-radius:50%;top:3px;left:3px;transition:var(--transition)}.mr-toggle-input:checked+.mr-toggle-slider{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6)}.mr-toggle-input:checked+.mr-toggle-slider:after{transform:translate(22px)}.mr-toggle-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.mr-toggle-label>span:first-child{color:var(--text-primary);font-weight:600}.mr-toggle-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.mr-preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.mr-preset-button{padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.mr-preset-button:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.mr-preset-button.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.mr-button-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.mr-toggle-btn{padding:var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.mr-toggle-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.mr-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.mr-toggle-icon{font-size:1.5rem}.mr-slider-control{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-sm);align-items:center}.mr-slider-btn{padding:var(--spacing-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:1rem}.mr-slider-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.mr-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mr-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;transition:var(--transition)}.mr-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.mr-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none}.mr-slider-value{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.mr-switch-control{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition);border:1px solid transparent}.mr-switch-control:hover{border-color:var(--accent-primary)}.mr-switch-control input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.mr-switch-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.mr-switch-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.mr-switch-label>span:first-child{color:var(--text-primary);font-weight:600}.mr-switch-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.mr-tips-box{background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.mr-tip{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;line-height:1.5}.mr-tip:last-child{margin-bottom:0}.mr-tip-icon{font-size:1rem;flex-shrink:0}.mr-toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .3s ease-out;z-index:1000}.mr-toast-icon{font-size:1.5rem;width:30px;height:30px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.mr-main-layout{grid-template-columns:1fr}.mr-controls-panel{position:static}.mr-quick-actions{grid-template-columns:1fr}}@media (max-width: 768px){.mr-stats-bar{grid-template-columns:repeat(2,1fr)}.mr-stat-card{padding:var(--spacing-sm)}.mr-stat-icon{width:40px;height:40px;font-size:1.5rem}.mr-stat-value{font-size:1.25rem}.mr-canvas-wrapper{padding:var(--spacing-sm);min-height:300px}.mr-preset-grid{grid-template-columns:repeat(3,1fr)}.mr-tab-content{padding:var(--spacing-md)}}@media (max-width: 480px){.mr-stats-bar{grid-template-columns:1fr}.mr-number-input-group{grid-template-columns:45px 1fr 45px}.mr-preset-grid{grid-template-columns:repeat(2,1fr)}.mr-slider-control{grid-template-columns:1fr}.mr-slider-btn{display:none}}.mr-stat-card,.mr-canvas-wrapper,.mr-controls-panel{animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.mmr-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.mmr-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.mmr-section-dark{background:var(--bg-tertiary)}.mmr-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #ef4444}.mmr-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.mmr-seo-p strong{color:var(--text-primary);font-weight:600}.mmr-seo-hero{background:linear-gradient(135deg,#450a0a,#0f172a 55%,#3f0b0b);border:1px solid #7f1d1d;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.mmr-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(239,68,68,.12) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(220,38,38,.08) 0%,transparent 50%);pointer-events:none}.mmr-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ef444426;border:1px solid rgba(239,68,68,.35);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#f87171;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.mmr-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.mmr-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.mmr-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.mmr-hero-lead strong,.mmr-hero-sub strong{color:#fca5a5;font-weight:600}.mmr-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.mmr-pill{background:#ef44441f;border:1px solid rgba(239,68,68,.28);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fca5a5}.mmr-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.mmr-demo-wrapper{position:relative;width:100%;max-width:340px;height:220px;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.mmr-demo-ruler{width:300px;height:60px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:4px;position:relative;overflow:hidden}.mmr-demo-ticks{position:absolute;top:0;left:0;right:0;height:100%;background:repeating-linear-gradient(90deg,var(--text-primary),var(--text-primary) 2px,transparent 2px,transparent 50px),repeating-linear-gradient(90deg,var(--text-primary),var(--text-primary) 1px,transparent 1px,transparent 25px),repeating-linear-gradient(90deg,var(--text-secondary),var(--text-secondary) 1px,transparent 1px,transparent 5px);background-size:100% 40%,100% 25%,100% 12%;background-repeat:no-repeat;background-position:top left;opacity:.8}.mmr-demo-card{position:absolute;top:50%;transform:translateY(-50%);width:150px;height:94px;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:6px;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #00000080;display:flex;flex-direction:column;padding:10px;animation:mmrCalibrateCard 4s ease-in-out infinite alternate;left:30px}@keyframes mmrCalibrateCard{0%,20%{width:130px;opacity:.7}80%,to{width:170px;opacity:.95;box-shadow:0 0 15px #ef444466;border-color:#ef4444}}.mmr-card-chip{width:14px;height:10px;background:#f87171;border-radius:2px;margin-bottom:auto}.mmr-card-text{color:#fff;font-size:8px;white-space:nowrap;letter-spacing:.5px}.mmr-demo-controls{width:300px;display:flex;flex-direction:column;gap:8px;align-items:center}.mmr-demo-slider-track{width:100%;height:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;position:relative}.mmr-demo-slider-thumb{position:absolute;top:50%;width:16px;height:16px;background:#ef4444;border-radius:50%;transform:translate(-50%,-50%);animation:mmrSlideThumb 4s ease-in-out infinite alternate}@keyframes mmrSlideThumb{0%,20%{left:30%;background:var(--text-secondary)}80%,to{left:85%;background:#ef4444;box-shadow:0 0 10px #ef4444}}.mmr-demo-readout{font-size:.75rem;font-weight:700;color:#ef4444;font-family:monospace}.mmr-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.mmr-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.mmr-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.mmr-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #ef4444)}.mmr-mode-card:hover{border-color:var(--mode-accent, #ef4444);transform:translateY(-3px)}.mmr-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.mmr-mode-icon{font-size:1.5rem;flex-shrink:0}.mmr-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #ef4444);margin:0}.mmr-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.mmr-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.mmr-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.mmr-usecase-card:hover{border-color:#ef4444;transform:translateY(-2px)}.mmr-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.mmr-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.mmr-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.mmr-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.mmr-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ef4444,transparent)}.mmr-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.mmr-step:last-child{padding-bottom:0}.mmr-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ef44444d;z-index:1}.mmr-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.mmr-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.mmr-step-content p strong{color:var(--text-primary);font-weight:600}.mmr-step-content em{color:#ef4444;font-style:italic}.mmr-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mmr-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.mmr-accordion-item.open{border-color:#ef4444}.mmr-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.mmr-accordion-trigger:hover{background:#ef44440f}.mmr-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#ef4444;font-family:monospace;min-width:2ch}.mmr-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.mmr-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.mmr-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.mmr-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mmr-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.mmr-faq-item.open{border-color:#ef4444}.mmr-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.mmr-faq-trigger:hover{background:#ef44440f}.mmr-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#ef4444;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.mmr-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.mmr-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#ef444426;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#ef4444;transition:background .2s}.mmr-faq-item.open .mmr-faq-chevron{background:#ef4444;color:#fff}.mmr-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.mmr-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.mmr-seo-hero,.mmr-seo-section{padding:var(--spacing-lg)}.mmr-hero-heading{font-size:1.5rem}.mmr-seo-h2{font-size:1.35rem}.mmr-steps:before{display:none}.mmr-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.mmr-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.mmr-hero-heading{font-size:1.3rem}.mmr-modes-grid,.mmr-usecase-grid{grid-template-columns:1fr}.mmr-hero-pills{gap:.35rem}.mmr-pill{font-size:.75rem}.mmr-demo-ruler,.mmr-demo-controls{width:100%}}.phone-number-generator{width:100%;max-width:1200px;margin:0 auto}.png-disclaimer{background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);position:relative;display:flex;align-items:flex-start;gap:var(--spacing-sm)}.png-disclaimer-content{flex:1;color:#856404;font-size:.9rem;line-height:1.6}.png-disclaimer-close{background:none;border:none;font-size:1.5rem;color:#856404;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:var(--transition)}.png-disclaimer-close:hover{background:#8564041a}.png-controls-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);align-items:end}.png-control-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.png-control-group label{font-weight:600;color:var(--text-primary);font-size:.9rem}.png-select,.png-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.png-select:focus,.png-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.png-hint{font-size:.85rem;color:var(--text-secondary)}.png-checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-weight:500;color:var(--text-primary)}.png-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-primary)}.png-btn{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.png-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.png-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f180}.png-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.png-btn-secondary:hover{background:var(--border-color);border-color:var(--accent-primary);transform:translateY(-2px)}.png-btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.png-btn-icon{padding:var(--spacing-xs);min-width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color)}.png-btn-icon:hover{background:var(--border-color)}.png-btn-icon.copied{background:#10b981;color:#fff;border-color:#10b981}.png-btn-generate{grid-column:1 / -1;padding:var(--spacing-sm) var(--spacing-lg);font-size:1.1rem;margin-top:var(--spacing-sm)}.png-results-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.png-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.png-results-header h3{color:var(--text-primary);font-size:1.25rem;margin:0}.png-results-actions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.png-numbers-list{display:grid;gap:var(--spacing-xs);max-height:600px;overflow-y:auto}.png-number-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition)}.png-number-item:hover{border-color:var(--accent-primary);background:var(--bg-tertiary)}.png-number{font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.png-empty-state{text-align:center;padding:var(--spacing-xl);background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg)}.png-empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.png-empty-state h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.png-empty-state p{color:var(--text-secondary);max-width:500px;margin:0 auto}@media (max-width: 768px){.png-controls-panel{grid-template-columns:1fr}.png-results-header{flex-direction:column;align-items:flex-start}.png-results-actions{width:100%}.png-results-actions .png-btn{flex:1}.png-numbers-list{max-height:400px}}.png-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.png-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.png-section-dark{background:var(--bg-tertiary)}.png-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #a855f7}.png-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.png-seo-p strong{color:var(--text-primary);font-weight:600}.png-seo-hero{background:linear-gradient(135deg,#3b0764,#0f172a 55%,#2e1065);border:1px solid #7e22ce;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.png-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(168,85,247,.15) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(217,70,239,.1) 0%,transparent 50%);pointer-events:none}.png-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#a855f733;border:1px solid rgba(168,85,247,.4);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#d8b4fe;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.png-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.png-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.png-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.png-hero-lead strong,.png-hero-sub strong{color:#e879f9;font-weight:600}.png-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.png-pill{background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#e879f9}.png-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.png-demo-wrapper{position:relative;width:100%;max-width:400px;margin-bottom:1.5rem;display:flex;justify-content:center}.png-demo-terminal{width:100%;background:#0f172a;border-radius:8px;border:1px solid #334155;box-shadow:0 10px 25px #00000080;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.png-term-header{background:#1e293b;padding:8px 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #334155}.png-dot{width:10px;height:10px;border-radius:50%}.png-dot.red{background:#ef4444}.png-dot.yellow{background:#f59e0b}.png-dot.green{background:#10b981}.png-term-title{color:#94a3b8;font-size:.75rem;margin-left:auto;margin-right:auto;transform:translate(-16px)}.png-term-body{padding:16px;font-size:.85rem;color:#cbd5e1;min-height:180px}.png-code-line{margin-bottom:8px}.png-code-line span:first-child{color:#a855f7}.png-code-line span:nth-child(2){color:#facc15;margin-right:8px}.png-code-run{display:flex;flex-direction:column;margin-bottom:12px;position:relative;padding-left:12px;border-left:2px solid #a855f7;overflow:hidden}.png-generated-number{height:0;opacity:0;display:flex;align-items:center;color:#e2e8f0;animation:pngGenLines 6s infinite}.png-generated-number:before{content:">";color:#64748b;margin-right:8px;font-size:.75rem}.png-generated-number.uk{animation-delay:1s}.png-generated-number.us{animation-delay:1.2s}.png-generated-number.jp{animation-delay:1.4s}.png-generated-number.de{animation-delay:1.6s}.png-generated-number.fr{animation-delay:1.8s}@keyframes pngGenLines{0%{height:0;opacity:0}5%{height:22px;opacity:1}85%{height:22px;opacity:1;filter:blur(0)}90%{height:22px;opacity:.5;filter:blur(2px)}95%{height:0;opacity:0}to{height:0;opacity:0}}.png-code-success{color:#10b981;font-weight:600;opacity:0;animation:pngGenSuccess 6s infinite}@keyframes pngGenSuccess{0%,30%{opacity:0}35%,85%{opacity:1}90%,to{opacity:0}}.png-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.png-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.png-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.png-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #a855f7)}.png-mode-card:hover{border-color:var(--mode-accent, #a855f7);transform:translateY(-3px)}.png-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.png-mode-icon{font-size:1.5rem;flex-shrink:0}.png-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #a855f7);margin:0}.png-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.png-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.png-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.png-usecase-card:hover{border-color:#a855f7;transform:translateY(-2px)}.png-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.png-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.png-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.png-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.png-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#a855f7,transparent)}.png-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.png-step:last-child{padding-bottom:0}.png-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#7e22ce);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #a855f74d;z-index:1}.png-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.png-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.png-step-content p strong{color:var(--text-primary);font-weight:600}.png-step-content em{color:#a855f7;font-style:italic}.png-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.png-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.png-accordion-item.open{border-color:#a855f7}.png-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.png-accordion-trigger:hover{background:#a855f70f}.png-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#a855f7;font-family:monospace;min-width:2ch}.png-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.png-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.png-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.png-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.png-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.png-faq-item.open{border-color:#a855f7}.png-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.png-faq-trigger:hover{background:#a855f70f}.png-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#a855f7;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.png-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.png-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#a855f726;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#a855f7;transition:background .2s}.png-faq-item.open .png-faq-chevron{background:#a855f7;color:#fff}.png-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.png-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.png-seo-hero,.png-seo-section{padding:var(--spacing-lg)}.png-hero-heading{font-size:1.5rem}.png-seo-h2{font-size:1.35rem}.png-steps:before{display:none}.png-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.png-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.png-hero-heading{font-size:1.3rem}.png-modes-grid,.png-usecase-grid{grid-template-columns:1fr}.png-hero-pills{gap:.35rem}.png-pill{font-size:.75rem}.png-term-body{min-height:150px}}.rpt-container{width:100%;max-width:800px;margin:0 auto;padding:var(--spacing-lg);animation:fadeIn .5s ease-out}.rpt-warning-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.rpt-warning-content{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;box-shadow:0 10px 40px #0003;animation:slideDown .3s ease-out}.rpt-warning-content h2{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.5rem}.rpt-warning-content p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.rpt-warning-buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.rpt-quiz-interface{position:relative}.rpt-progress-section{margin-bottom:var(--spacing-lg)}.rpt-progress-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.9rem;color:var(--text-secondary);font-weight:600}.rpt-progress-bar{width:100%;height:10px;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.rpt-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6,var(--accent-primary));background-size:200% 100%;border-radius:var(--radius-md);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f166;animation:progressShimmer 2s infinite;position:relative}.rpt-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressGlow 2s infinite}.rpt-sound-toggle{position:absolute;top:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:1.2rem;cursor:pointer;transition:var(--transition)}.rpt-sound-toggle:hover{background:var(--bg-tertiary);transform:scale(1.1)}.rpt-question-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:0 8px 24px #00000014;min-height:350px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.rpt-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6,var(--accent-primary));background-size:200% 100%;animation:shimmer 3s infinite}.rpt-question-number{font-size:.9rem;color:var(--text-secondary);font-weight:600;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:1px}.rpt-question-text{font-size:1.6rem;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xl);line-height:1.7;font-weight:500;padding:0 var(--spacing-md);position:relative;z-index:1}.rpt-question-text{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.rpt-text-fade-out{opacity:0;transform:translateY(-10px) scale(.98)}.rpt-text-fade-in{opacity:1;transform:translateY(0) scale(1)}.rpt-answer-buttons{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;justify-content:center}.rpt-btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:var(--transition);min-width:150px;position:relative;overflow:hidden}.rpt-btn:disabled{opacity:.6;cursor:not-allowed}.rpt-btn-yes{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d;position:relative;overflow:hidden}.rpt-btn-yes:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.rpt-btn-yes:hover:not(:disabled):before{width:300px;height:300px}.rpt-btn-yes:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #10b98180}.rpt-btn-yes.rpt-btn-selected{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05);box-shadow:0 6px 20px #10b98199}.rpt-btn-no{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d;position:relative;overflow:hidden}.rpt-btn-no:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.rpt-btn-no:hover:not(:disabled):before{width:300px;height:300px}.rpt-btn-no:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 24px #ef444480}.rpt-btn-no.rpt-btn-selected{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.05);box-shadow:0 6px 20px #ef444499}.rpt-btn-nav{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);min-width:auto;padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.rpt-btn-nav:hover:not(:disabled){background:var(--border-color);border-color:var(--accent-primary)}.rpt-btn-nav:disabled{opacity:.4}.rpt-navigation{display:flex;justify-content:space-between;width:100%;margin-top:var(--spacing-md)}.rpt-results-screen{animation:fadeIn .5s ease-out}.rpt-results-header{text-align:center;margin-bottom:var(--spacing-xl);animation:fadeInUp .6s ease-out}.rpt-results-title{font-size:2rem;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.rpt-score-display{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.rpt-score-number{font-size:5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s ease-in-out infinite}.rpt-score-out-of{font-size:2rem;color:var(--text-secondary);font-weight:500}.rpt-result-message{margin-top:var(--spacing-lg)}.rpt-result-emoji{font-size:4rem;display:block;margin-bottom:var(--spacing-md);animation:bounce 1s ease-in-out infinite}.rpt-result-message h2{font-size:2rem;margin-bottom:var(--spacing-sm)}.rpt-result-message p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.rpt-category-breakdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);animation:fadeInUp .8s ease-out;box-shadow:0 4px 12px #0000000d}.rpt-category-breakdown h3{color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center;font-size:1.5rem}.rpt-chart-container{max-width:400px;margin:0 auto var(--spacing-lg);height:300px}.rpt-category-list{display:grid;gap:var(--spacing-sm)}.rpt-category-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:var(--transition);border:1px solid transparent}.rpt-category-item:hover{background:var(--bg-primary);border-color:var(--border-color);transform:translate(5px);box-shadow:0 2px 8px #0000000d}.rpt-category-header{display:flex;align-items:center;gap:var(--spacing-sm)}.rpt-category-color{width:12px;height:12px;border-radius:50%}.rpt-category-name{font-weight:600;color:var(--text-primary)}.rpt-category-stats{display:flex;gap:var(--spacing-md);font-size:.9rem;color:var(--text-secondary)}.rpt-category-percentage{font-weight:600;color:var(--accent-primary)}.rpt-results-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.rpt-btn-certificate{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d;animation:glow 2s ease-in-out infinite}.rpt-btn-certificate:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b80}@keyframes glow{0%,to{box-shadow:0 4px 12px #f59e0b4d}50%{box-shadow:0 4px 20px #f59e0b99}}.rpt-btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1.2rem}.rpt-name-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .3s ease-out}.rpt-name-content{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:500px;width:100%;box-shadow:0 10px 40px #0003;animation:slideDown .3s ease-out}.rpt-name-content h2{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.8rem;text-align:center}.rpt-name-content p{color:var(--text-secondary);margin-bottom:var(--spacing-lg);text-align:center}.rpt-name-input{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1.1rem;margin-bottom:var(--spacing-lg);transition:var(--transition);text-align:center}.rpt-name-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.rpt-name-buttons{display:flex;gap:var(--spacing-sm);justify-content:center}.rpt-certificate-screen{animation:fadeIn .5s ease-out}.rpt-certificate-preview{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border:8px solid var(--accent-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden}.rpt-certificate-preview:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rpt-certificate-content{position:relative;z-index:1;text-align:center;padding:var(--spacing-lg)}.rpt-cert-header{margin-bottom:var(--spacing-xl);position:relative}.rpt-cert-header h1{font-size:2.5rem;color:#1e293b;margin-bottom:var(--spacing-md);font-weight:700;letter-spacing:2px;text-transform:uppercase}.rpt-cert-emoji{font-size:4rem;margin-top:var(--spacing-sm);animation:bounce 2s ease-in-out infinite}.rpt-cert-body{margin-top:var(--spacing-xl)}.rpt-cert-text{font-size:1.3rem;color:#475569;margin-bottom:var(--spacing-md)}.rpt-cert-name{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:var(--spacing-lg) 0;padding:var(--spacing-md) 0;border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color)}.rpt-cert-score{font-size:5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:var(--spacing-lg) 0;animation:pulse 2s ease-in-out infinite}.rpt-cert-title{font-size:2rem;font-weight:600;font-style:italic;margin:var(--spacing-lg) 0 var(--spacing-md)}.rpt-cert-description{font-size:1.1rem;color:#64748b;margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.rpt-cert-date{font-size:1rem;color:#94a3b8;margin-top:var(--spacing-xl);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.rpt-certificate-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.rpt-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.rpt-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.rpt-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.rpt-btn-secondary:hover{background:var(--border-color);border-color:var(--accent-primary)}@media (max-width: 768px){.rpt-container{padding:var(--spacing-md)}.rpt-question-text{font-size:1.2rem}.rpt-score-number{font-size:3.5rem}.rpt-score-out-of,.rpt-result-message h2{font-size:1.5rem}.rpt-answer-buttons{flex-direction:column;width:100%}.rpt-btn{width:100%}.rpt-chart-container{height:250px}.rpt-sound-toggle{position:relative;margin-bottom:var(--spacing-md)}}.rpt-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.rpt-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.rpt-section-dark{background:var(--bg-tertiary)}.rpt-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #fbcfe8}.rpt-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.rpt-seo-p strong{color:var(--text-primary);font-weight:600}.rpt-seo-hero{background:linear-gradient(135deg,#fdfbf7,#fef2f2 55%,#fce7f3);border:1px solid #fbcfe8;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.rpt-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#fecdd3 1px,transparent 1px);background-size:100% 24px;opacity:.4;pointer-events:none}.rpt-seo-hero:after{content:"";position:absolute;top:0;bottom:0;left:40px;width:2px;background:#fca5a5;opacity:.4;pointer-events:none}.rpt-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#fbcfe880;border:1px solid #f9a8d4;border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:700;color:#be185d;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md);position:relative;margin-left:10px}.rpt-hero-heading{font-size:2.1rem;font-weight:800;color:#1e293b;line-height:1.25;margin:0 0 var(--spacing-md) 10px;position:relative}.rpt-hero-lead{font-size:1.075rem;line-height:1.85;color:#475569;margin-bottom:var(--spacing-sm);margin-left:10px;position:relative}.rpt-hero-sub{font-size:.95rem;line-height:1.7;color:#64748b;margin-bottom:var(--spacing-lg);margin-left:10px;position:relative}.rpt-hero-lead strong,.rpt-hero-sub strong{color:#be185d;font-weight:600}.rpt-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;margin-left:10px}.rpt-pill{background:#fff;border:1px solid #fbcfe8;border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#db2777;box-shadow:0 2px 4px #00000005}.rpt-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.rpt-demo-wrapper{position:relative;width:100%;max-width:340px;height:220px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.rpt-checklist-board{position:relative;width:100%;height:100%;background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-shadow:0 10px 25px #0000000d;display:flex;flex-direction:column;overflow:hidden}.rpt-score-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#475569;font-size:.9rem}.rpt-live-score{font-size:1.4rem;font-weight:800;color:#ef4444;animation:rptScoreDrop 4s infinite}@keyframes rptScoreDrop{0%,40%{content:"100";color:#10b981}}.rpt-live-score:after{content:"100";animation:rptScoreText 4s infinite}.rpt-live-score{color:transparent!important;position:relative}.rpt-live-score:after{position:absolute;left:0;color:#10b981}@keyframes rptScoreText{0%,15%{content:"100";color:#10b981}16%,55%{content:"99";color:#3b82f6}56%,to{content:"98";color:#ef4444}}.rpt-checklist{padding:15px;display:flex;flex-direction:column;gap:12px}.rpt-check-item{display:flex;align-items:center;gap:10px}.rpt-box{width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:.8rem;color:transparent;font-weight:700}.rpt-box.checked{background:#f43f5e;border-color:#f43f5e;color:#fff}.rpt-box.active{animation:rptCheckAnim 4s infinite}@keyframes rptCheckAnim{0%,55%{background:transparent;border-color:#cbd5e1;color:transparent}56%,to{background:#f43f5e;border-color:#f43f5e;color:#fff;content:"✓"}}.rpt-box.active:after{content:"✓";color:transparent;animation:rptCheckTextAnim 4s infinite}@keyframes rptCheckTextAnim{0%,55%{color:transparent}56%,to{color:#fff}}.rpt-line{font-size:.85rem;color:#334155;font-weight:500}.rpt-fake-cursor{position:absolute;width:16px;height:16px;background:url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" fill="%230f172a" xmlns="http://www.w3.org/2000/svg"><path d="M7 2l12 11.2-5.8.5 3.3 7.3-2.2.9-3.2-7.4-4.4 4.7z"/></svg>') no-repeat;z-index:20;animation:rptCursorAnim 4s infinite}@keyframes rptCursorAnim{0%{top:180px;left:150px}10%{top:75px;left:25px;transform:scale(1)}15%{top:75px;left:25px;transform:scale(.8)}20%{top:75px;left:25px;transform:scale(1)}45%{top:110px;left:25px;transform:scale(1)}50%{top:110px;left:25px;transform:scale(.8)}55%{top:110px;left:25px;transform:scale(1)}80%,to{top:250px;left:200px}}.rpt-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.rpt-tier-table-wrapper{overflow-x:auto;margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md)}.rpt-tier-table{width:100%;border-collapse:collapse;text-align:left;background:var(--bg-secondary)}.rpt-tier-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:700;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--border-color)}.rpt-tier-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem}.rpt-tier-table tbody tr:last-child td{border-bottom:none}.rpt-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle}.rpt-table-val{width:120px;font-family:monospace;font-size:1.05rem!important;font-weight:600;color:var(--text-primary)!important}.rpt-table-name{width:150px;font-weight:700}.rpt-table-desc{font-size:.9rem!important}.rpt-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.rpt-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.rpt-usecase-card:hover{border-color:#be185d;transform:translateY(-2px)}.rpt-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.rpt-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.rpt-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.rpt-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.rpt-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.rpt-accordion-item.open{border-color:#be185d}.rpt-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.rpt-accordion-trigger:hover{background:#fbcfe833}.rpt-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#be185d;font-family:monospace;min-width:2ch}.rpt-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.rpt-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.rpt-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.rpt-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.rpt-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.rpt-faq-item.open{border-color:#be185d}.rpt-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.rpt-faq-trigger:hover{background:#fbcfe833}.rpt-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#be185d;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.rpt-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.rpt-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#fbcfe880;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#be185d;transition:background .2s}.rpt-faq-item.open .rpt-faq-chevron{background:#be185d;color:#fff}.rpt-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.rpt-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.rpt-seo-hero,.rpt-seo-section{padding:var(--spacing-lg)}.rpt-hero-heading{font-size:1.6rem}.rpt-seo-h2{font-size:1.35rem}.rpt-seo-hero:after{display:none}.rpt-hero-badge,.rpt-hero-heading,.rpt-hero-lead,.rpt-hero-sub,.rpt-hero-pills{margin-left:0}}@media (max-width: 480px){.rpt-hero-heading{font-size:1.4rem}.rpt-usecase-grid{grid-template-columns:1fr}.rpt-hero-pills{gap:.35rem}.rpt-pill{font-size:.75rem}}.mat-container{width:100%;max-width:800px;margin:0 auto;padding:var(--spacing-lg);animation:fadeIn .5s ease-out}.mat-quiz-interface{position:relative}.mat-progress-section{margin-bottom:var(--spacing-lg)}.mat-progress-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:.9rem;color:var(--text-secondary);font-weight:600}.mat-progress-bar{width:100%;height:10px;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.mat-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6,var(--accent-primary));background-size:200% 100%;border-radius:var(--radius-md);transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #6366f166;animation:progressShimmer 2s infinite;position:relative}.mat-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressGlow 2s infinite}@keyframes progressShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes progressGlow{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.mat-sound-toggle{position:absolute;top:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:1.2rem;cursor:pointer;transition:var(--transition)}.mat-sound-toggle:hover{background:var(--bg-tertiary);transform:scale(1.1)}.mat-question-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:0 8px 24px #00000014;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.mat-question-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6,var(--accent-primary));background-size:200% 100%;animation:shimmer 3s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mat-question-number{font-size:.9rem;color:var(--text-secondary);font-weight:600;margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:1px}.mat-question-text{font-size:1.6rem;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-xl);line-height:1.7;font-weight:500;padding:0 var(--spacing-md);position:relative;z-index:1;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.mat-text-fade-out{opacity:0;transform:translateY(-10px) scale(.98)}.mat-text-fade-in{opacity:1;transform:translateY(0) scale(1)}.mat-answer-options{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:600px;margin-bottom:var(--spacing-lg)}.mat-btn-option{width:100%;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;color:var(--text-primary);cursor:pointer;transition:var(--transition);text-align:left;position:relative;overflow:hidden}.mat-btn-option:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#6366f11a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.mat-btn-option:hover:not(:disabled):before{width:300px;height:300px}.mat-btn-option:hover:not(:disabled){border-color:var(--accent-primary);background:var(--bg-secondary);transform:translate(5px);box-shadow:0 4px 12px #6366f133}.mat-btn-option:disabled{cursor:not-allowed;opacity:.7}.mat-btn-option.mat-btn-selected{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;border-color:var(--accent-primary);transform:translate(8px);box-shadow:0 4px 16px #6366f166}.mat-navigation{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-top:var(--spacing-md)}.mat-btn-nav{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.mat-btn-nav:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--accent-primary)}.mat-btn-nav:disabled{opacity:.5;cursor:not-allowed}.mat-question-counter{font-size:.9rem;color:var(--text-secondary);font-weight:600}.mat-results-screen{animation:fadeIn .5s ease-out}.mat-results-header{text-align:center;margin-bottom:var(--spacing-xl);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mat-results-title{font-size:2rem;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.mat-age-display{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.mat-age-number{font-size:5rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mat-age-years{font-size:2rem;color:var(--text-secondary);font-weight:600}.mat-result-message{margin-top:var(--spacing-xl)}.mat-result-emoji{font-size:4rem;display:block;margin-bottom:var(--spacing-md);animation:bounce 2s ease-in-out infinite}.mat-result-message h2{font-size:2rem;margin-bottom:var(--spacing-md);font-weight:600}.mat-result-message p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.mat-insights{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);animation:fadeInUp .8s ease-out;box-shadow:0 4px 12px #0000000d}.mat-insights h3{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.3rem}.mat-insights p{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.mat-results-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.mat-btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.mat-btn-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f14d}.mat-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.mat-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.mat-btn-secondary:hover{background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-2px)}@media (max-width: 768px){.mat-container{padding:var(--spacing-md)}.mat-question-card{min-height:350px;padding:var(--spacing-lg)}.mat-question-text{font-size:1.3rem}.mat-age-number{font-size:4rem}.mat-age-years,.mat-result-message h2{font-size:1.5rem}}.mat-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.mat-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.mat-section-dark{background:var(--bg-tertiary)}.mat-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #ec4899}.mat-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.mat-seo-p strong{color:var(--text-primary);font-weight:600}.mat-seo-hero{background:linear-gradient(135deg,#881337,#0f172a 55%,#4c0519);border:1px solid #be123c;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.mat-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(244,63,94,.15) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(236,72,153,.1) 0%,transparent 50%);pointer-events:none}.mat-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ec489933;border:1px solid rgba(236,72,153,.4);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#fca5a5;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.mat-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.mat-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.mat-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.mat-hero-lead strong,.mat-hero-sub strong{color:#fda4af;font-weight:600}.mat-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.mat-pill{background:#ec489926;border:1px solid rgba(236,72,153,.3);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#f9a8d4}.mat-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.mat-demo-wrapper{position:relative;width:100%;max-width:320px;margin-bottom:2rem;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.mat-demo-dial{position:relative;width:200px;height:100px;overflow:hidden}.mat-dial-arc{width:100%;height:200%;position:absolute;top:0;left:0}.mat-dial-progress{stroke-dasharray:126;stroke-dashoffset:126;animation:matDialAnim 5s ease-in-out infinite alternate}@keyframes matDialAnim{0%,20%{stroke-dashoffset:126;stroke:#f43f5e}80%,to{stroke-dashoffset:30;stroke:#881337}}.mat-dial-needle{position:absolute;bottom:0;left:50%;width:4px;height:60px;background:var(--text-primary);transform-origin:bottom center;border-radius:2px;transform:translate(-50%) rotate(-70deg);animation:matNeedleAnim 5s ease-in-out infinite alternate}@keyframes matNeedleAnim{0%,20%{transform:translate(-50%) rotate(-70deg)}80%,to{transform:translate(-50%) rotate(50deg)}}.mat-dial-readout{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;background:var(--bg-secondary);padding:4px 12px;border-radius:10px 10px 0 0;border:1px solid var(--border-color);border-bottom:none}.mat-dial-number{font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1}.mat-dial-number:after{content:"22";animation:matNumberAnim 5s ease-in-out infinite alternate;position:absolute;left:50%;transform:translate(-50%);background:var(--bg-secondary);width:100%;text-align:center}@keyframes matNumberAnim{0%,20%{content:"22";color:#f43f5e}80%,to{content:"45";color:#881337}}.mat-dial-label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.mat-demo-question{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 12px #0003}.mat-q-text{font-weight:600;font-size:.95rem;color:var(--text-primary);text-align:center}.mat-q-answers{display:flex;flex-direction:column;gap:8px}.mat-q-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:10px;font-size:.85rem;text-align:center;color:var(--text-secondary);position:relative;overflow:hidden}.mat-q-btn.highlight{animation:matBtnHighlight 5s ease-in-out infinite alternate}.mat-q-btn:last-child{animation:matBtnHighlightOpposite 5s ease-in-out infinite alternate}@keyframes matBtnHighlight{0%,20%{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}80%,to{background:#881337;border-color:#be123c;color:#fff}}@keyframes matBtnHighlightOpposite{0%,20%{background:#f43f5e;border-color:#fb7185;color:#fff}80%,to{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-secondary)}}.mat-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.mat-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.mat-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.mat-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #ec4899)}.mat-mode-card:hover{border-color:var(--mode-accent, #ec4899);transform:translateY(-3px)}.mat-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.mat-mode-icon{font-size:1.5rem;flex-shrink:0}.mat-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #ec4899);margin:0}.mat-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.mat-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.mat-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.mat-usecase-card:hover{border-color:#ec4899;transform:translateY(-2px)}.mat-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.mat-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.mat-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.mat-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.mat-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ec4899,transparent)}.mat-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.mat-step:last-child{padding-bottom:0}.mat-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#be123c);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ec48994d;z-index:1}.mat-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.mat-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.mat-step-content p strong{color:var(--text-primary);font-weight:600}.mat-step-content em{color:#ec4899;font-style:italic}.mat-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mat-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.mat-accordion-item.open{border-color:#ec4899}.mat-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.mat-accordion-trigger:hover{background:#ec48990f}.mat-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#ec4899;font-family:monospace;min-width:2ch}.mat-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.mat-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.mat-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.mat-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mat-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.mat-faq-item.open{border-color:#ec4899}.mat-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.mat-faq-trigger:hover{background:#ec48990f}.mat-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#ec4899;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.mat-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.mat-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#ec489926;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#ec4899;transition:background .2s}.mat-faq-item.open .mat-faq-chevron{background:#ec4899;color:#fff}.mat-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.mat-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.mat-seo-hero,.mat-seo-section{padding:var(--spacing-lg)}.mat-hero-heading{font-size:1.5rem}.mat-seo-h2{font-size:1.35rem}.mat-steps:before{display:none}.mat-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.mat-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.mat-hero-heading{font-size:1.3rem}.mat-modes-grid,.mat-usecase-grid{grid-template-columns:1fr}.mat-hero-pills{gap:.35rem}.mat-pill{font-size:.75rem}.mat-demo-dial{transform:scale(.9)}}.digital-clock-container{max-width:800px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl);text-align:center}.dc-controls{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.dc-control-btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-xs)}.dc-control-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.dc-control-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.dc-clock-display{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:var(--spacing-xxl);margin:var(--spacing-xl) 0;box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden}.dc-clock-display:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.dc-time{font-size:5rem;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin-bottom:var(--spacing-lg);font-family:Courier New,Courier,monospace;letter-spacing:4px;line-height:1.2}.dc-date{font-size:1.5rem;color:#fffffff2;font-weight:500;text-shadow:0 2px 10px rgba(0,0,0,.2)}.dc-info{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);color:var(--text-secondary);line-height:1.6;font-size:.95rem}.dc-info strong{color:var(--accent-primary);font-weight:600}@media (max-width: 768px){.digital-clock-container{padding:var(--spacing-lg)}.dc-time{font-size:3.5rem;letter-spacing:2px}.dc-date{font-size:1.2rem}.dc-clock-display{padding:var(--spacing-xl);border-radius:16px}}@media (max-width: 480px){.dc-time{font-size:2.5rem;letter-spacing:1px}.dc-date{font-size:1rem}.dc-control-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:.85rem}}.dgc-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.dgc-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.dgc-section-dark{background:var(--bg-tertiary)}.dgc-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #06b6d4}.dgc-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.dgc-seo-p strong{color:var(--text-primary);font-weight:600}.dgc-seo-hero{background:linear-gradient(135deg,#083344,#0f172a 55%,#164e63);border:1px solid #0891b2;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.dgc-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(6,182,212,.15) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(14,165,233,.1) 0%,transparent 50%);pointer-events:none}.dgc-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#06b6d433;border:1px solid rgba(6,182,212,.4);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#67e8f9;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.dgc-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.dgc-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.dgc-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.dgc-hero-lead strong,.dgc-hero-sub strong{color:#22d3ee;font-weight:600}.dgc-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.dgc-pill{background:#06b6d426;border:1px solid rgba(6,182,212,.3);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#22d3ee}.dgc-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.dgc-demo-wrapper{position:relative;width:100%;max-width:400px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.dgc-demo-clock-container{background:#020617;border:2px solid #334155;border-radius:12px;padding:24px 32px;box-shadow:0 0 30px #06b6d41a;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.dgc-demo-time{display:flex;align-items:baseline;justify-content:center;font-family:Courier New,Courier,monospace;color:#22d3ee;text-shadow:0 0 10px rgba(34,211,238,.5);margin:0;white-space:nowrap}.dgc-digit{font-size:3.5rem;font-weight:700;line-height:1}.dgc-colon{font-size:3.2rem;font-weight:600;line-height:1;margin:0 4px;position:relative;top:-4px;animation:dgcBlink 1s infinite}.dgc-seconds-anim{position:relative}.dgc-seconds-anim:after{content:"01";position:absolute;background:#020617;top:0;right:0;bottom:0;left:0;animation:dgcSecondsTick 10s infinite step-end}@keyframes dgcSecondsTick{0%{content:"00"}10%{content:"01"}20%{content:"02"}30%{content:"03"}40%{content:"04"}50%{content:"05"}60%{content:"06"}70%{content:"07"}80%{content:"08"}90%{content:"09"}to{content:"10"}}@keyframes dgcBlink{0%,49%{opacity:1}50%,to{opacity:0}}.dgc-ampm{font-size:1.2rem;font-weight:600;margin-left:12px;color:#67e8f9}.dgc-demo-date{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.dgc-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.dgc-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.dgc-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.dgc-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #06b6d4)}.dgc-mode-card:hover{border-color:var(--mode-accent, #06b6d4);transform:translateY(-3px)}.dgc-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.dgc-mode-icon{font-size:1.5rem;flex-shrink:0}.dgc-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #06b6d4);margin:0}.dgc-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.dgc-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.dgc-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.dgc-usecase-card:hover{border-color:#06b6d4;transform:translateY(-2px)}.dgc-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.dgc-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.dgc-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.dgc-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.dgc-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#06b6d4,transparent)}.dgc-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.dgc-step:last-child{padding-bottom:0}.dgc-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #06b6d44d;z-index:1}.dgc-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.dgc-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.dgc-step-content p strong{color:var(--text-primary);font-weight:600}.dgc-step-content em{color:#06b6d4;font-style:italic}.dgc-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dgc-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.dgc-accordion-item.open{border-color:#06b6d4}.dgc-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.dgc-accordion-trigger:hover{background:#06b6d40f}.dgc-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#06b6d4;font-family:monospace;min-width:2ch}.dgc-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.dgc-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.dgc-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.dgc-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dgc-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.dgc-faq-item.open{border-color:#06b6d4}.dgc-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.dgc-faq-trigger:hover{background:#06b6d40f}.dgc-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#06b6d4;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.dgc-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.dgc-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#06b6d426;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#06b6d4;transition:background .2s}.dgc-faq-item.open .dgc-faq-chevron{background:#06b6d4;color:#fff}.dgc-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.dgc-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.dgc-seo-hero,.dgc-seo-section{padding:var(--spacing-lg)}.dgc-hero-heading{font-size:1.5rem}.dgc-seo-h2{font-size:1.35rem}.dgc-steps:before{display:none}.dgc-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.dgc-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.dgc-hero-heading{font-size:1.3rem}.dgc-modes-grid,.dgc-usecase-grid{grid-template-columns:1fr}.dgc-hero-pills{gap:.35rem}.dgc-pill{font-size:.75rem}.dgc-demo-time{font-size:.8rem}.dgc-digit{font-size:2.2rem}.dgc-colon{font-size:2rem}.dgc-ampm{font-size:.9rem}}.roman-digit-clock-container{max-width:900px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.rdc-controls{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xxl);flex-wrap:wrap}.rdc-control-btn{padding:12px 24px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:80px;box-shadow:0 2px 4px #0000000d}.rdc-control-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 16px #6366f140}.rdc-control-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f14d}.rdc-clock-display{background:linear-gradient(135deg,#1e3c72,#2a5298,#1e3c72);border-radius:24px;padding:60px 40px;margin:var(--spacing-xl) 0;box-shadow:0 20px 60px #1e3c7266,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.rdc-clock-display:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.08) 0%,transparent 50%);pointer-events:none}.rdc-clock-display:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.rdc-time{font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.6),0 0 40px rgba(255,215,0,.3),0 6px 30px rgba(0,0,0,.6),2px 2px 8px rgba(0,0,0,.8);margin-bottom:32px;font-family:Times New Roman,Georgia,serif;line-height:1.1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.15em .25em;position:relative;z-index:1}.rdc-hours,.rdc-minutes,.rdc-seconds{display:inline-block;min-width:.6em;text-align:center;white-space:nowrap}.rdc-separator{color:#ffd700cc;margin:0 .15em;font-weight:400;animation:blink 1.5s ease-in-out infinite;position:relative;display:inline-flex;align-items:center;justify-content:center;width:.3em}@keyframes blink{0%,50%{opacity:1;transform:scale(1)}51%,to{opacity:.4;transform:scale(.95)}}.rdc-ampm{font-size:.35em;margin-left:.4em;letter-spacing:3px;font-weight:600;opacity:.95;vertical-align:middle;text-shadow:0 2px 8px rgba(0,0,0,.5)}.rdc-date{font-size:clamp(1rem,2.5vw,1.5rem);color:#fffffffa;font-weight:500;text-shadow:0 3px 12px rgba(0,0,0,.4);font-family:Times New Roman,Georgia,serif;letter-spacing:.5px;position:relative;z-index:1;margin-top:8px}.rdc-info{margin-top:var(--spacing-xxl);padding:24px 32px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);color:var(--text-secondary);line-height:1.7;font-size:.95rem;box-shadow:0 2px 8px #0000000a}.rdc-info strong{color:var(--accent-primary);font-weight:600}@media (max-width: 768px){.roman-digit-clock-container{padding:var(--spacing-lg) var(--spacing-md)}.rdc-clock-display{padding:48px 32px;border-radius:20px;margin:var(--spacing-lg) 0}.rdc-time{gap:.1em .2em;margin-bottom:24px}.rdc-separator{margin:0 .1em;width:.25em}.rdc-control-btn{padding:10px 20px;font-size:.9rem;min-width:70px}.rdc-controls{gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.rdc-info{padding:20px 24px;font-size:.9rem}}@media (max-width: 480px){.roman-digit-clock-container{padding:var(--spacing-md) var(--spacing-sm)}.rdc-clock-display{padding:36px 24px;border-radius:16px}.rdc-time{margin-bottom:20px;gap:.08em .15em}.rdc-date{margin-top:6px}.rdc-control-btn{padding:8px 16px;font-size:.85rem;min-width:60px;gap:6px}.rdc-info{padding:16px 20px;font-size:.85rem;line-height:1.6}}@media (max-width: 640px){.rdc-time{font-size:clamp(2rem,10vw,3.5rem)}}.rmc-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.rmc-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.rmc-section-dark{background:var(--bg-tertiary)}.rmc-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #d97706}.rmc-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.rmc-seo-p strong{color:var(--text-primary);font-weight:600}.rmc-seo-hero{background:linear-gradient(135deg,#451a03,#0f172a 55%,#78350f);border:1px solid #b45309;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.rmc-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(217,119,6,.15) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(245,158,11,.1) 0%,transparent 50%);pointer-events:none}.rmc-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#d9770633;border:1px solid rgba(217,119,6,.4);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#fcd34d;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.rmc-hero-heading{font-size:2rem;font-weight:800;color:#f1f5f9;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.rmc-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.rmc-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.rmc-hero-lead strong,.rmc-hero-sub strong{color:#fbbf24;font-weight:600}.rmc-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.rmc-pill{background:#d9770626;border:1px solid rgba(217,119,6,.3);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fbbf24}.rmc-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.rmc-demo-wrapper{position:relative;width:100%;max-width:480px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.rmc-demo-clock-container{background:#0f172a;border:2px solid #334155;border-radius:8px;padding:32px 40px;box-shadow:inset 0 0 40px #00000080,0 10px 30px #d977061a;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;position:relative}.rmc-demo-clock-container:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(217,119,6,.3);border-radius:4px;pointer-events:none}.rmc-demo-time{display:flex;align-items:baseline;justify-content:center;font-family:Times New Roman,Times,serif;color:#fbbf24;text-shadow:1px 2px 4px rgba(0,0,0,.8);margin:0;white-space:nowrap}.rmc-digit{font-size:3.5rem;font-weight:400;line-height:1;letter-spacing:2px}.rmc-colon{font-size:3.2rem;font-weight:400;line-height:1;margin:0 10px;position:relative;top:-4px;opacity:.6}.rmc-seconds-anim{position:relative;min-width:80px;display:inline-block;text-align:left}.rmc-seconds-anim:after{content:"XLVI";position:absolute;background:#0f172a;top:0;right:0;bottom:0;left:0;animation:rmcSecondsTick 10s infinite step-end}@keyframes rmcSecondsTick{0%{content:"XLV"}10%{content:"XLVI"}20%{content:"XLVII"}30%{content:"XLVIII"}40%{content:"XLIX"}50%{content:"L"}60%{content:"LI"}70%{content:"LII"}80%{content:"LIII"}90%{content:"LIV"}to{content:"LV"}}.rmc-ampm{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;font-weight:600;margin-left:16px;color:#fcd34d;opacity:.8}.rmc-demo-date{font-family:Times New Roman,Times,serif;font-size:1rem;color:#94a3b8;letter-spacing:.1em;opacity:.8}.rmc-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.rmc-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.rmc-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.rmc-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #d97706)}.rmc-mode-card:hover{border-color:var(--mode-accent, #d97706);transform:translateY(-3px)}.rmc-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.rmc-mode-icon{font-size:1.5rem;flex-shrink:0}.rmc-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #d97706);margin:0}.rmc-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.rmc-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.rmc-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.rmc-usecase-card:hover{border-color:#d97706;transform:translateY(-2px)}.rmc-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.rmc-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.rmc-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.rmc-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.rmc-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#d97706,transparent)}.rmc-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.rmc-step:last-child{padding-bottom:0}.rmc-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#d97706,#b45309);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #d977064d;z-index:1}.rmc-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.rmc-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.rmc-step-content p strong{color:var(--text-primary);font-weight:600}.rmc-step-content em{color:#d97706;font-style:italic}.rmc-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.rmc-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.rmc-accordion-item.open{border-color:#d97706}.rmc-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.rmc-accordion-trigger:hover{background:#d977060f}.rmc-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#d97706;font-family:monospace;min-width:2ch}.rmc-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.rmc-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.rmc-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.rmc-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.rmc-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.rmc-faq-item.open{border-color:#d97706}.rmc-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.rmc-faq-trigger:hover{background:#d977060f}.rmc-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#d97706;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.rmc-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.rmc-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#d9770626;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#d97706;transition:background .2s}.rmc-faq-item.open .rmc-faq-chevron{background:#d97706;color:#fff}.rmc-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.rmc-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.rmc-seo-hero,.rmc-seo-section{padding:var(--spacing-lg)}.rmc-hero-heading{font-size:1.5rem}.rmc-seo-h2{font-size:1.35rem}.rmc-steps:before{display:none}.rmc-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.rmc-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 530px){.rmc-demo-clock-container{padding:24px}.rmc-digit{font-size:2.2rem}.rmc-colon{font-size:2rem;margin:0 4px}}@media (max-width: 480px){.rmc-hero-heading{font-size:1.3rem}.rmc-modes-grid,.rmc-usecase-grid{grid-template-columns:1fr}.rmc-hero-pills{gap:.35rem}.rmc-pill{font-size:.75rem}.rmc-demo-time{font-size:.8rem}.rmc-digit{font-size:1.7rem}.rmc-colon{font-size:1.5rem;margin:0 2px}.rmc-ampm{font-size:.9rem;margin-left:8px}}.analog-clock-container{max-width:900px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.ac-controls{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xxl);flex-wrap:wrap}.ac-control-btn{padding:12px 24px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:80px;box-shadow:0 2px 4px #0000000d}.ac-control-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 16px #6366f140}.ac-control-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f14d}.ac-clock-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:24px;border:1px solid var(--border-color);box-shadow:0 8px 32px #00000014}.ac-canvas-container{width:100%;max-width:400px;display:flex;justify-content:center;align-items:center}.ac-clock-canvas{width:100%;height:auto;max-width:400px;max-height:400px;border-radius:50%;box-shadow:0 4px 20px #0000001a;background:#fff;transition:transform .3s ease;aspect-ratio:1}.ac-clock-canvas:hover{transform:scale(1.02)}.ac-date{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--text-primary);font-weight:500;letter-spacing:.5px}.ac-digital-time{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--accent-primary);font-weight:700;font-family:Courier New,Courier,monospace;letter-spacing:2px;padding:12px 24px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.ac-info{margin-top:var(--spacing-xxl);padding:24px 32px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);color:var(--text-secondary);line-height:1.7;font-size:.95rem;box-shadow:0 2px 8px #0000000a}.ac-info strong{color:var(--accent-primary);font-weight:600}@media (max-width: 768px){.analog-clock-container{padding:var(--spacing-lg) var(--spacing-md)}.ac-clock-wrapper{padding:var(--spacing-lg);border-radius:20px}.ac-clock-canvas{width:100%;max-width:350px;height:auto}.ac-control-btn{padding:10px 20px;font-size:.9rem;min-width:70px}.ac-controls{gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.ac-info{padding:20px 24px;font-size:.9rem}}@media (max-width: 480px){.analog-clock-container{padding:var(--spacing-md) var(--spacing-sm)}.ac-clock-wrapper{padding:var(--spacing-md);border-radius:16px}.ac-clock-canvas{max-width:300px}.ac-control-btn{padding:8px 16px;font-size:.85rem;min-width:60px;gap:6px}.ac-info{padding:16px 20px;font-size:.85rem;line-height:1.6}}.anc-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.anc-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.anc-section-dark{background:var(--bg-tertiary)}.anc-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #dc2626}.anc-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.anc-seo-p strong{color:var(--text-primary);font-weight:600}.anc-seo-hero{background:linear-gradient(135deg,#0f172a,#1e293b 55%,#334155);border:1px solid #475569;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.anc-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(220,38,38,.15) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(248,113,113,.1) 0%,transparent 50%);pointer-events:none}.anc-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#dc262633;border:1px solid rgba(220,38,38,.4);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#fca5a5;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.anc-hero-heading{font-size:2rem;font-weight:800;color:#f8fafc;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.anc-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.anc-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.anc-hero-lead strong,.anc-hero-sub strong{color:#f87171;font-weight:600}.anc-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.anc-pill{background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fca5a5}.anc-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.anc-demo-wrapper{position:relative;width:100%;max-width:300px;margin-bottom:2.5rem;display:flex;justify-content:center}.anc-demo-clock-face{width:200px;height:200px;background:#f8fafc;border-radius:50%;border:6px solid #e2e8f0;position:relative;box-shadow:inset 0 0 10px #0000000d,0 10px 25px #0003}.anc-mark{position:absolute;background:#334155;border-radius:2px}.anc-mark-12{top:6px;left:calc(50% - 3px);width:6px;height:16px}.anc-mark-3{right:6px;top:calc(50% - 3px);width:16px;height:6px}.anc-mark-6{bottom:6px;left:calc(50% - 3px);width:6px;height:16px}.anc-mark-9{left:6px;top:calc(50% - 3px);width:16px;height:6px}.anc-center-pin{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#dc2626;border-radius:50%;transform:translate(-50%,-50%);z-index:10;box-shadow:0 2px 4px #0000004d}.anc-center-pin:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:#f8fafc;border-radius:50%;transform:translate(-50%,-50%)}.anc-hand{position:absolute;bottom:50%;left:calc(50% - var(--hw)/2);width:var(--hw);height:var(--hl);background:var(--hc);transform-origin:bottom center;border-radius:4px 4px 0 0;z-index:5}.anc-hour-hand{--hw: 8px;--hl: 50px;--hc: #1e293b;transform:rotate(-60deg);animation:ancHourSweep 43200s linear infinite}.anc-minute-hand{--hw: 6px;--hl: 75px;--hc: #334155;transform:rotate(60deg);animation:ancMinuteSweep 3600s linear infinite}.anc-second-hand{--hw: 2px;--hl: 85px;--hc: #ef4444;z-index:6;border-radius:0;animation:ancSecondSweep 60s linear infinite}.anc-second-hand:after{content:"";position:absolute;bottom:-20px;left:0;width:100%;height:20px;background:#ef4444}@keyframes ancHourSweep{0%{transform:rotate(-60deg)}to{transform:rotate(300deg)}}@keyframes ancMinuteSweep{0%{transform:rotate(60deg)}to{transform:rotate(420deg)}}@keyframes ancSecondSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anc-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.anc-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.anc-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.anc-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #dc2626)}.anc-mode-card:hover{border-color:var(--mode-accent, #dc2626);transform:translateY(-3px)}.anc-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.anc-mode-icon{font-size:1.5rem;flex-shrink:0}.anc-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #dc2626);margin:0}.anc-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.anc-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.anc-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.anc-usecase-card:hover{border-color:#dc2626;transform:translateY(-2px)}.anc-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.anc-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.anc-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.anc-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.anc-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#dc2626,transparent)}.anc-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.anc-step:last-child{padding-bottom:0}.anc-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #dc26264d;z-index:1}.anc-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.anc-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.anc-step-content p strong{color:var(--text-primary);font-weight:600}.anc-step-content em{color:#dc2626;font-style:italic}.anc-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.anc-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.anc-accordion-item.open{border-color:#dc2626}.anc-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.anc-accordion-trigger:hover{background:#dc26260f}.anc-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#dc2626;font-family:monospace;min-width:2ch}.anc-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.anc-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.anc-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.anc-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.anc-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.anc-faq-item.open{border-color:#dc2626}.anc-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.anc-faq-trigger:hover{background:#dc26260f}.anc-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#dc2626;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.anc-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.anc-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#dc262626;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#dc2626;transition:background .2s}.anc-faq-item.open .anc-faq-chevron{background:#dc2626;color:#fff}.anc-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.anc-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.anc-seo-hero,.anc-seo-section{padding:var(--spacing-lg)}.anc-hero-heading{font-size:1.5rem}.anc-seo-h2{font-size:1.35rem}.anc-steps:before{display:none}.anc-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.anc-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.anc-hero-heading{font-size:1.3rem}.anc-modes-grid,.anc-usecase-grid{grid-template-columns:1fr}.anc-hero-pills{gap:.35rem}.anc-pill{font-size:.75rem}.anc-demo-clock-face{width:150px;height:150px}.anc-hour-hand{--hl: 35px}.anc-minute-hand{--hl: 55px}.anc-second-hand{--hl: 65px}}.analog-alarm-clock-container{max-width:900px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;position:relative}.analog-alarm-clock-container.alarm-ringing{animation:alarm-pulse 1s infinite}@keyframes alarm-pulse{0%,to{background-color:transparent}50%{background-color:#ff44440d}}.aac-alarm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.aac-alarm-popup{background:#fff;border-radius:24px;padding:48px 64px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:popIn .3s ease;max-width:400px}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.aac-alarm-icon{font-size:4rem;margin-bottom:16px;animation:shake .5s infinite}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.aac-alarm-popup h2{font-size:2rem;color:#f44;margin-bottom:12px;font-weight:700}.aac-alarm-popup p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:24px}.aac-stop-alarm-btn{padding:16px 32px;background:#f44;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff44444d}.aac-stop-alarm-btn:hover{background:#f33;transform:translateY(-2px);box-shadow:0 6px 16px #f446}.aac-controls{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xxl);flex-wrap:wrap}.aac-control-btn{padding:12px 24px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:80px;box-shadow:0 2px 4px #0000000d}.aac-control-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 16px #6366f140}.aac-control-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f14d}.aac-clock-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);margin:var(--spacing-xl) 0;padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:24px;border:1px solid var(--border-color);box-shadow:0 8px 32px #00000014}.aac-canvas-container{width:100%;max-width:400px;display:flex;justify-content:center;align-items:center}.aac-clock-canvas{width:100%;height:auto;max-width:400px;max-height:400px;border-radius:50%;box-shadow:0 4px 20px #0000001a;background:#fff;transition:transform .3s ease;aspect-ratio:1}.aac-clock-canvas:hover{transform:scale(1.02)}.aac-date{font-size:clamp(1rem,2.5vw,1.3rem);color:var(--text-primary);font-weight:500;letter-spacing:.5px}.aac-digital-time{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--accent-primary);font-weight:700;font-family:Courier New,Courier,monospace;letter-spacing:2px;padding:12px 24px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.aac-alarm-controls{margin:var(--spacing-xxl) 0;padding:32px;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color);box-shadow:0 4px 16px #0000000f}.aac-alarm-setter h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:24px;font-weight:700}.aac-time-inputs{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.aac-time-input-group{display:flex;flex-direction:column;align-items:center;gap:8px}.aac-time-input-group label{font-size:.9rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.aac-time-input{width:80px;padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;font-size:1.5rem;font-weight:700;text-align:center;background:#fff;color:var(--text-primary);transition:all .3s ease}.aac-time-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.aac-time-separator{font-size:2rem;font-weight:700;color:var(--text-primary);margin-top:24px}.aac-alarm-display{margin:20px 0}.aac-alarm-time-display{font-size:1.8rem;font-weight:700;color:var(--accent-primary);font-family:Courier New,Courier,monospace;letter-spacing:2px;padding:12px 24px;background:#fff;border-radius:12px;border:2px solid var(--border-color);display:inline-block}.aac-alarm-toggle-btn{padding:16px 48px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d}.aac-alarm-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.aac-alarm-toggle-btn.enabled{background:#ff6b6b;color:#fff;border-color:#ff6b6b;box-shadow:0 4px 12px #ff6b6b4d}.aac-alarm-toggle-btn.enabled:hover{background:#f55;box-shadow:0 6px 16px #ff6b6b66}.aac-info{margin-top:var(--spacing-xxl);padding:24px 32px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);color:var(--text-secondary);line-height:1.7;font-size:.95rem;box-shadow:0 2px 8px #0000000a}.aac-info strong{color:var(--accent-primary);font-weight:600}@media (max-width: 768px){.analog-alarm-clock-container{padding:var(--spacing-lg) var(--spacing-md)}.aac-clock-wrapper{padding:var(--spacing-lg);border-radius:20px}.aac-clock-canvas{width:100%;max-width:350px;height:auto}.aac-control-btn{padding:10px 20px;font-size:.9rem;min-width:70px}.aac-controls{gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.aac-alarm-controls{padding:24px}.aac-alarm-popup{padding:36px 48px;margin:20px}.aac-info{padding:20px 24px;font-size:.9rem}}@media (max-width: 480px){.analog-alarm-clock-container{padding:var(--spacing-md) var(--spacing-sm)}.aac-clock-wrapper{padding:var(--spacing-md);border-radius:16px}.aac-clock-canvas{max-width:300px}.aac-control-btn{padding:8px 16px;font-size:.85rem;min-width:60px;gap:6px}.aac-time-inputs{gap:12px}.aac-time-input{width:70px;padding:10px 12px;font-size:1.3rem}.aac-alarm-popup{padding:32px 36px}.aac-alarm-popup h2{font-size:1.5rem}.aac-info{padding:16px 20px;font-size:.85rem;line-height:1.6}}.aac-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.aac-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.aac-section-dark{background:var(--bg-tertiary)}.aac-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #ea580c}.aac-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.aac-seo-p strong{color:var(--text-primary);font-weight:600}.aac-seo-hero{background:linear-gradient(135deg,#0f172a,#172554 55%,#1e3a8a);border:1px solid #1e40af;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.aac-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 80%,rgba(234,88,12,.25) 0%,transparent 60%),radial-gradient(ellipse at 90% 20%,rgba(59,130,246,.15) 0%,transparent 50%);pointer-events:none}.aac-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ea580c33;border:1px solid rgba(234,88,12,.4);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#fdba74;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.aac-hero-heading{font-size:2rem;font-weight:800;color:#f8fafc;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.aac-hero-lead{font-size:1.075rem;line-height:1.85;color:#e2e8f0;margin-bottom:var(--spacing-sm);position:relative}.aac-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.aac-hero-lead strong,.aac-hero-sub strong{color:#fb923c;font-weight:600}.aac-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.aac-pill{background:#ea580c26;border:1px solid rgba(234,88,12,.3);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fdba74}.aac-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.aac-demo-wrapper{position:relative;width:100%;max-width:320px;height:240px;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.aac-demo-clock-face{width:180px;height:180px;background:#f8fafc;border-radius:50%;border:8px solid #334155;position:relative;box-shadow:0 8px 24px #0003,inset 0 0 12px #0000001a;z-index:10}.aac-ringing{animation:aacShake .4s ease-in-out infinite}@keyframes aacShake{0%{transform:rotate(0) translate(0);border-color:#334155}25%{transform:rotate(2deg) translate(2px,-2px);border-color:#ea580c}50%{transform:rotate(0) translate(0);border-color:#334155}75%{transform:rotate(-2deg) translate(-2px,2px);border-color:#ea580c}to{transform:rotate(0) translate(0);border-color:#334155}}.aac-mark{position:absolute;background:#475569;border-radius:2px}.aac-mark-12{top:6px;left:calc(50% - 3px);width:6px;height:14px}.aac-mark-3{right:6px;top:calc(50% - 3px);width:14px;height:6px}.aac-mark-6{bottom:6px;left:calc(50% - 3px);width:6px;height:14px}.aac-mark-9{left:6px;top:calc(50% - 3px);width:14px;height:6px}.aac-center-pin{position:absolute;top:50%;left:50%;width:14px;height:14px;background:#ea580c;border-radius:50%;transform:translate(-50%,-50%);z-index:20}.aac-hand{position:absolute;bottom:50%;left:calc(50% - var(--hw)/2);width:var(--hw);height:var(--hl);background:var(--hc);transform-origin:bottom center;border-radius:4px 4px 0 0;z-index:5}.aac-hour-hand{--hw: 8px;--hl: 45px;--hc: #1e293b;transform:rotate(70deg)}.aac-minute-hand{--hw: 5px;--hl: 65px;--hc: #334155;transform:rotate(340deg)}.aac-target-hand{position:absolute;bottom:50%;left:calc(50% - 2px);width:4px;height:55px;background:#ea580c;transform-origin:bottom center;transform:rotate(340deg);z-index:4}.aac-target-hand:before{content:"";position:absolute;top:-6px;left:-3px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #ea580c}.aac-second-hand{--hw: 2px;--hl: 75px;--hc: #ef4444;z-index:6;border-radius:0;transform:rotate(345deg);animation:aacPulseSweep 1s infinite alternate}.aac-second-hand:after{content:"";position:absolute;bottom:-15px;width:100%;height:15px;background:#ef4444}@keyframes aacPulseSweep{0%{transform:rotate(340deg)}to{transform:rotate(350deg)}}.aac-soundwave{position:absolute;top:50%;width:200px;height:200px;border:4px solid #ea580c;border-radius:50%;transform:translateY(-50%) scale(.8);opacity:0;z-index:1}.aac-wave-left{left:0;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;animation:aacPingLeft 1s cubic-bezier(0,0,.2,1) infinite}.aac-wave-right{right:0;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;animation:aacPingRight 1s cubic-bezier(0,0,.2,1) infinite .2s}@keyframes aacPingLeft{0%{transform:translateY(-50%) scale(.8);opacity:.8;margin-left:20px}to{transform:translateY(-50%) scale(1.5);opacity:0;margin-left:-40px}}@keyframes aacPingRight{0%{transform:translateY(-50%) scale(.8);opacity:.8;margin-right:20px}to{transform:translateY(-50%) scale(1.5);opacity:0;margin-right:-40px}}.aac-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.aac-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.aac-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.aac-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #ea580c)}.aac-mode-card:hover{border-color:var(--mode-accent, #ea580c);transform:translateY(-3px)}.aac-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.aac-mode-icon{font-size:1.5rem;flex-shrink:0}.aac-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #ea580c);margin:0}.aac-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.aac-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.aac-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.aac-usecase-card:hover{border-color:#ea580c;transform:translateY(-2px)}.aac-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.aac-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.aac-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.aac-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.aac-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#ea580c,transparent)}.aac-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.aac-step:last-child{padding-bottom:0}.aac-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#ea580c,#c2410c);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #ea580c4d;z-index:1}.aac-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.aac-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.aac-step-content p strong{color:var(--text-primary);font-weight:600}.aac-step-content em{color:#ea580c;font-style:italic}.aac-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.aac-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.aac-accordion-item.open{border-color:#ea580c}.aac-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.aac-accordion-trigger:hover{background:#ea580c0f}.aac-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#ea580c;font-family:monospace;min-width:2ch}.aac-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.aac-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.aac-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.aac-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.aac-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.aac-faq-item.open{border-color:#ea580c}.aac-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.aac-faq-trigger:hover{background:#ea580c0f}.aac-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#ea580c;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.aac-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.aac-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#ea580c26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#ea580c;transition:background .2s}.aac-faq-item.open .aac-faq-chevron{background:#ea580c;color:#fff}.aac-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.aac-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.aac-seo-hero,.aac-seo-section{padding:var(--spacing-lg)}.aac-hero-heading{font-size:1.5rem}.aac-seo-h2{font-size:1.35rem}.aac-steps:before{display:none}.aac-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.aac-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.aac-hero-heading{font-size:1.3rem}.aac-modes-grid,.aac-usecase-grid{grid-template-columns:1fr}.aac-hero-pills{gap:.35rem}.aac-pill{font-size:.75rem}.aac-demo-wrapper{height:180px}.aac-demo-clock-face{width:130px;height:130px;border-width:6px}.aac-hour-hand{--hl: 30px;--hw: 6px}.aac-minute-hand{--hl: 45px;--hw: 4px}.aac-second-hand{--hl: 55px}.aac-target-hand{height:40px}.aac-soundwave{width:140px;height:140px}}.decimal-to-fraction-container{max-width:900px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.dtf-controls{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.dtf-control-btn{padding:12px 24px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px #0000000d}.dtf-control-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 6px 16px #6366f140}.dtf-control-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f14d}.dtf-converter{margin:var(--spacing-xl) 0}.dtf-input-section{margin-bottom:var(--spacing-xl)}.dtf-label{display:block;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);text-align:center}.dtf-input-wrapper{position:relative;max-width:400px;margin:0 auto}.dtf-input{width:100%;padding:16px 48px 16px 20px;border:2px solid var(--border-color);border-radius:12px;font-size:1.5rem;font-weight:600;text-align:center;background:#fff;color:var(--text-primary);transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.dtf-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a,0 4px 12px #0000001a}.dtf-input.error{border-color:#f44;box-shadow:0 0 0 3px #ff44441a}.dtf-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.dtf-clear-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.dtf-error{margin-top:var(--spacing-sm);color:#f44;font-size:.9rem;font-weight:500}.dtf-result-section{margin-top:var(--spacing-xxl)}.dtf-result-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:var(--spacing-xxl);box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden}.dtf-result-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.dtf-result-label{font-size:1rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.dtf-fraction-display{position:relative;z-index:1}.dtf-fraction-main{font-size:clamp(2rem,6vw,4rem);font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);margin-bottom:var(--spacing-lg);font-family:Courier New,Courier,monospace;min-height:60px;display:flex;align-items:center;justify-content:center}.dtf-fraction-details{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-top:var(--spacing-lg)}.dtf-detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dtf-detail-label{font-size:.85rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.dtf-detail-value{font-size:1.5rem;font-weight:700;color:#fff;font-family:Courier New,Courier,monospace}.dtf-steps-section{margin-top:var(--spacing-xxl);padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 16px #0000000f;text-align:left}.dtf-steps-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center}.dtf-steps{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dtf-step{display:flex;gap:var(--spacing-md);align-items:flex-start}.dtf-step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 2px 8px #6366f14d}.dtf-step-content{flex:1;padding-top:6px;color:var(--text-primary);line-height:1.6}.dtf-step-content strong{color:var(--accent-primary);font-weight:600}.dtf-examples-section{margin:var(--spacing-xxl) 0;padding:var(--spacing-xl);background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000a}.dtf-examples-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg)}.dtf-examples-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-md);max-width:600px;margin:0 auto}.dtf-example-btn{padding:12px 20px;border:2px solid var(--border-color);background:#fff;color:var(--text-primary);border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Courier New,Courier,monospace}.dtf-example-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f140}.dtf-info{margin-top:var(--spacing-xxl);padding:24px 32px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);color:var(--text-secondary);line-height:1.7;font-size:.95rem;box-shadow:0 2px 8px #0000000a}.dtf-info strong{color:var(--accent-primary);font-weight:600}@media (max-width: 768px){.decimal-to-fraction-container{padding:var(--spacing-lg) var(--spacing-md)}.dtf-input-wrapper{max-width:100%}.dtf-input{font-size:1.3rem;padding:14px 44px 14px 18px}.dtf-fraction-main{font-size:2.5rem}.dtf-steps-section,.dtf-examples-section{padding:var(--spacing-lg)}.dtf-examples-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}@media (max-width: 480px){.decimal-to-fraction-container{padding:var(--spacing-md) var(--spacing-sm)}.dtf-input{font-size:1.2rem;padding:12px 40px 12px 16px}.dtf-fraction-main{font-size:2rem}.dtf-result-card{padding:var(--spacing-xl)}.dtf-fraction-details{flex-direction:column;gap:var(--spacing-md)}.dtf-examples-grid{grid-template-columns:repeat(3,1fr)}.dtf-info{padding:16px 20px;font-size:.85rem}}.dtf-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.dtf-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.dtf-section-dark{background:var(--bg-tertiary)}.dtf-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #2563eb}.dtf-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.dtf-seo-p strong{color:var(--text-primary);font-weight:600}.dtf-seo-hero{background:linear-gradient(135deg,#0f172a,#172554 55%,#1e3a8a);border:1px solid #1d4ed8;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.dtf-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 50%,rgba(37,99,235,.2) 0%,transparent 55%),radial-gradient(ellipse at 90% 20%,rgba(16,185,129,.15) 0%,transparent 50%);pointer-events:none}.dtf-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#2563eb33;border:1px solid rgba(37,99,235,.4);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#93c5fd;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.dtf-hero-heading{font-size:2rem;font-weight:800;color:#f8fafc;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.dtf-hero-lead{font-size:1.075rem;line-height:1.85;color:#e2e8f0;margin-bottom:var(--spacing-sm);position:relative}.dtf-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.dtf-hero-lead strong,.dtf-hero-sub strong{color:#60a5fa;font-weight:600}.dtf-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.dtf-pill{background:#2563eb26;border:1px solid rgba(37,99,235,.3);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#93c5fd}.dtf-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.dtf-demo-wrapper{position:relative;width:100%;max-width:500px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.dtf-equation-container{display:flex;align-items:center;justify-content:space-between;width:100%;background:#0f172a;border:3px solid #334155;border-radius:12px;padding:30px 40px;box-shadow:inset 0 0 20px #00000080;font-family:Courier New,Courier,monospace;font-size:2.5rem;font-weight:700;color:#cbd5e1}.dtf-eq-step{display:flex;align-items:center;justify-content:center;opacity:0}.dtf-eq-arrow{font-size:1.5rem;color:#475569;opacity:0}.dtf-frac{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.dtf-top{padding-bottom:4px;border-bottom:3px solid #64748b}.dtf-bot{padding-top:4px}.dtf-final{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.4)}.dtf-equation-container .dtf-step-1{animation:dtfAppear 6s step-end infinite}.dtf-equation-container .dtf-eq-arrow:nth-child(2){animation:dtfAppear 6s step-end infinite 1s}.dtf-equation-container .dtf-step-2{animation:dtfAppear 6s step-end infinite 2s}.dtf-equation-container .dtf-eq-arrow:nth-child(4){animation:dtfAppear 6s step-end infinite 3s}.dtf-equation-container .dtf-step-3{animation:dtfAppear 6s step-end infinite 4s}@keyframes dtfAppear{0%{opacity:0}1%{opacity:1}90%{opacity:1}95%{opacity:0}to{opacity:0}}.dtf-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.dtf-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.dtf-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.dtf-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #2563eb)}.dtf-mode-card:hover{border-color:var(--mode-accent, #2563eb);transform:translateY(-3px)}.dtf-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.dtf-mode-icon{font-size:1.5rem;flex-shrink:0}.dtf-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #2563eb);margin:0}.dtf-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.dtf-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.dtf-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.dtf-usecase-card:hover{border-color:#2563eb;transform:translateY(-2px)}.dtf-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.dtf-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.dtf-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.dtf-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.dtf-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#2563eb,transparent)}.dtf-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.dtf-step:last-child{padding-bottom:0}.dtf-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #2563eb4d;z-index:1}.dtf-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.dtf-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.dtf-step-content p strong{color:var(--text-primary);font-weight:600}.dtf-step-content em{color:#2563eb;font-style:italic}.dtf-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dtf-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.dtf-accordion-item.open{border-color:#2563eb}.dtf-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.dtf-accordion-trigger:hover{background:#2563eb0f}.dtf-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#2563eb;font-family:monospace;min-width:2ch}.dtf-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.dtf-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.dtf-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.dtf-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dtf-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.dtf-faq-item.open{border-color:#2563eb}.dtf-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.dtf-faq-trigger:hover{background:#2563eb0f}.dtf-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#2563eb;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.dtf-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.dtf-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#2563eb26;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#2563eb;transition:background .2s}.dtf-faq-item.open .dtf-faq-chevron{background:#2563eb;color:#fff}.dtf-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.dtf-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.dtf-seo-hero,.dtf-seo-section{padding:var(--spacing-lg)}.dtf-hero-heading{font-size:1.5rem}.dtf-seo-h2{font-size:1.35rem}.dtf-steps:before{display:none}.dtf-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.dtf-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.dtf-hero-heading{font-size:1.3rem}.dtf-modes-grid,.dtf-usecase-grid{grid-template-columns:1fr}.dtf-hero-pills{gap:.35rem}.dtf-pill{font-size:.75rem}.dtf-equation-container{padding:20px;font-size:1.5rem}}.draw-perfect-circle-container{max-width:900px;margin:var(--spacing-xl) auto;padding:var(--spacing-xl) var(--spacing-lg);text-align:center}.dpc-instructions{margin-bottom:var(--spacing-xxl)}.dpc-instructions h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md)}.dpc-instructions p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6}.dpc-game-area{margin:var(--spacing-xxl) 0}.dpc-canvas-wrapper{position:relative;width:100%;max-width:600px;margin:0 auto;background:var(--bg-secondary);border-radius:20px;border:2px solid var(--border-color);box-shadow:0 8px 32px #00000014;overflow:hidden}.dpc-canvas{width:100%;height:500px;display:block;cursor:crosshair;touch-action:none;background:#fff}.dpc-start-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:1}.dpc-hint-icon{font-size:3rem;margin-bottom:var(--spacing-sm);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dpc-start-hint p{color:var(--text-secondary);font-size:1rem;font-weight:500}.dpc-controls{margin-top:var(--spacing-lg);display:flex;justify-content:center;gap:var(--spacing-md)}.dpc-reset-btn{padding:12px 32px;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.dpc-reset-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:0 4px 12px #6366f140}.dpc-reset-btn:disabled{opacity:.5;cursor:not-allowed}.dpc-result-card{margin-top:var(--spacing-xl);padding:var(--spacing-xxl);background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #6366f14d;position:relative;overflow:hidden;animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dpc-result-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none}.dpc-result-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);position:relative;z-index:1}.dpc-result-emoji{font-size:4rem;animation:popIn .5s ease}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.dpc-result-title{font-size:2rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}.dpc-accuracy-display{margin:var(--spacing-xl) 0;position:relative;z-index:1}.dpc-accuracy-value{font-size:4rem;font-weight:700;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);font-family:Courier New,Courier,monospace;margin-bottom:var(--spacing-xs)}.dpc-accuracy-label{font-size:1.2rem;color:#ffffffe6;font-weight:500;text-transform:uppercase;letter-spacing:2px}.dpc-result-description{font-size:1.1rem;color:#fffffff2;margin-bottom:var(--spacing-lg);position:relative;z-index:1}.dpc-stats{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-xl) 0;padding:var(--spacing-lg);background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:1}.dpc-stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid rgba(255,255,255,.1)}.dpc-stat-item:last-child{border-bottom:none}.dpc-stat-label{color:#ffffffe6;font-size:.95rem;font-weight:500}.dpc-stat-value{color:#fff;font-size:1.1rem;font-weight:700;font-family:Courier New,Courier,monospace}.dpc-try-again-btn{padding:16px 48px;background:#fff;color:var(--accent-primary);border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003;position:relative;z-index:1;margin-top:var(--spacing-lg)}.dpc-try-again-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d;background:#f0f0f0}.dpc-info{margin-top:var(--spacing-xxl);padding:24px 32px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);color:var(--text-secondary);line-height:1.7;font-size:.95rem;box-shadow:0 2px 8px #0000000a}.dpc-info strong{color:var(--accent-primary);font-weight:600}@media (max-width: 768px){.draw-perfect-circle-container{padding:var(--spacing-lg) var(--spacing-md)}.dpc-canvas{height:400px}.dpc-instructions h2{font-size:1.5rem}.dpc-result-card{padding:var(--spacing-xl)}.dpc-accuracy-value{font-size:3rem}.dpc-result-title{font-size:1.5rem}}@media (max-width: 480px){.draw-perfect-circle-container{padding:var(--spacing-md) var(--spacing-sm)}.dpc-canvas{height:350px}.dpc-instructions h2{font-size:1.3rem}.dpc-result-card{padding:var(--spacing-lg)}.dpc-accuracy-value{font-size:2.5rem}.dpc-result-emoji{font-size:3rem}.dpc-info{padding:16px 20px;font-size:.85rem}}.dpc-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.dpc-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.dpc-section-dark{background:var(--bg-tertiary)}.dpc-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #a855f7}.dpc-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.dpc-seo-p strong{color:var(--text-primary);font-weight:600}.dpc-seo-hero{background:linear-gradient(135deg,#2e1065,#4c1d95 55%,#7e22ce);border:1px solid #a855f7;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.dpc-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 20%,rgba(236,72,153,.4) 0%,transparent 60%),radial-gradient(ellipse at 10% 80%,rgba(168,85,247,.3) 0%,transparent 55%);pointer-events:none}.dpc-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ec489933;border:1px solid rgba(236,72,153,.5);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#fbcfe8;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md);position:relative}.dpc-hero-heading{font-size:2rem;font-weight:800;color:#faf5ff;line-height:1.25;margin:0 0 var(--spacing-md);position:relative;text-shadow:0 2px 10px rgba(168,85,247,.4)}.dpc-hero-lead{font-size:1.075rem;line-height:1.85;color:#e9d5ff;margin-bottom:var(--spacing-sm);position:relative}.dpc-hero-sub{font-size:.95rem;line-height:1.7;color:#c084fc;margin-bottom:var(--spacing-lg);position:relative}.dpc-hero-lead strong,.dpc-hero-sub strong{color:#f472b6;font-weight:600}.dpc-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.dpc-pill{background:#ec489926;border:1px solid rgba(236,72,153,.4);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fbcfe8}.dpc-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.dpc-demo-wrapper{position:relative;width:100%;max-width:320px;height:250px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;background:#0f172a;border-radius:12px;border:2px solid #334155;overflow:hidden;box-shadow:inset 0 0 30px #a855f726}.dpc-radar-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(168,85,247,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,.1) 1px,transparent 1px);background-size:20px 20px;background-position:center center}.dpc-radar-grid:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:#ec489933}.dpc-radar-grid:before{content:"";position:absolute;top:0;left:50%;width:1px;height:100%;background:#ec489933}.dpc-guide-circle{position:absolute;top:50%;left:50%;width:160px;height:160px;border:2px dashed rgba(148,163,184,.3);border-radius:50%;transform:translate(-50%,-50%)}.dpc-guide-circle:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#94a3b880;font-size:12px;line-height:1}.dpc-draw-svg{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}.dpc-animated-stroke{stroke:#a855f7;stroke-width:6;stroke-linecap:round;stroke-dasharray:502;stroke-dashoffset:502;animation:dpcDrawCircle 4s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 0 6px rgba(168,85,247,.5))}.dpc-draw-tip{fill:#fdf4ff;filter:drop-shadow(0 0 4px #ec4899);transform-origin:100px 100px;animation:dpcRotateTip 4s cubic-bezier(.4,0,.2,1) infinite}@keyframes dpcDrawCircle{0%{stroke-dashoffset:502}60%{stroke-dashoffset:0}80%{stroke-dashoffset:0;opacity:1}90%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:502;opacity:0}}@keyframes dpcRotateTip{0%{transform:rotate(0);opacity:1}60%{transform:rotate(360deg);opacity:1}80%{transform:rotate(360deg);opacity:0}to{transform:rotate(360deg);opacity:0}}.dpc-score-popup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);background:linear-gradient(135deg,#c026d3,#db2777);padding:12px 24px;border-radius:8px;border:2px solid #fbcfe8;box-shadow:0 10px 25px #db277780;text-align:center;opacity:0;animation:dpcPopup 4s cubic-bezier(.4,0,.2,1) infinite}.dpc-score-num{font-size:2rem;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.dpc-score-text{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#fdf2f8;letter-spacing:.05em;margin-top:4px}@keyframes dpcPopup{0%,60%{opacity:0;transform:translate(-50%,-50%) scale(.5)}65%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%,to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.dpc-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.dpc-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.dpc-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.dpc-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #a855f7)}.dpc-mode-card:hover{border-color:var(--mode-accent, #a855f7);transform:translateY(-3px)}.dpc-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.dpc-mode-icon{font-size:1.5rem;flex-shrink:0}.dpc-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #a855f7);margin:0}.dpc-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.dpc-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.dpc-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.dpc-usecase-card:hover{border-color:#ec4899;transform:translateY(-2px)}.dpc-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.dpc-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.dpc-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.dpc-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.dpc-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#a855f7,transparent)}.dpc-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.dpc-step:last-child{padding-bottom:0}.dpc-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #a855f74d;z-index:1}.dpc-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.dpc-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.dpc-step-content p strong{color:var(--text-primary);font-weight:600}.dpc-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dpc-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.dpc-accordion-item.open{border-color:#a855f7}.dpc-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.dpc-accordion-trigger:hover{background:#a855f70f}.dpc-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#ec4899;font-family:monospace;min-width:2ch}.dpc-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.dpc-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.dpc-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.dpc-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.dpc-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.dpc-faq-item.open{border-color:#a855f7}.dpc-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.dpc-faq-trigger:hover{background:#a855f70f}.dpc-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#a855f7;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.dpc-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.dpc-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#a855f726;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#a855f7;transition:background .2s}.dpc-faq-item.open .dpc-faq-chevron{background:#a855f7;color:#fff}.dpc-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.dpc-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.dpc-seo-hero,.dpc-seo-section{padding:var(--spacing-lg)}.dpc-hero-heading{font-size:1.5rem}.dpc-seo-h2{font-size:1.35rem}.dpc-steps:before{display:none}.dpc-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.dpc-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.dpc-hero-heading{font-size:1.3rem}.dpc-modes-grid,.dpc-usecase-grid{grid-template-columns:1fr}.dpc-hero-pills{gap:.35rem}.dpc-pill{font-size:.75rem}}.core-ball-outer{width:100%;min-height:560px;border-radius:16px;overflow:hidden;background:var(--tool-bg, #1a1a2e);box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.08)}.core-ball-preloader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:520px;padding:24px;text-align:center;background:linear-gradient(135deg,#0a0a12,#0f0f1b)}.core-ball-preloader-img{max-width:200px;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:12px;margin-bottom:24px;box-shadow:0 8px 24px #0000004d}.core-ball-preloader h3{margin:0 0 12px;font-size:1.5rem;font-weight:700;color:#fff}.core-ball-preloader p{margin:0 0 24px;font-size:1rem;color:#ffffffbf;max-width:420px;line-height:1.5}.core-ball-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff3e6c,#ff2d5a);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #ff3e6c66;transition:transform .2s,box-shadow .2s}.core-ball-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff3e6c80}.core-ball-play-btn:active{transform:translateY(0)}.core-ball-play-btn-icon{font-size:.9em}.core-ball-fullscreen-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;margin-top:8px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#00ceff,#00b4e6);border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 16px #00ceff4d;transition:transform .2s,box-shadow .2s}.core-ball-fullscreen-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #00ceff66}.core-ball-fullscreen-icon{font-size:1.1em}.core-ball-container{position:relative;width:100%;height:560px;min-height:560px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden;padding:0;margin:0;display:flex;flex-direction:column}.cb-canvas-wrapper{position:relative;width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px}.cb-canvas-container{position:relative;width:100%;max-width:900px;height:100%;min-height:0;background:#1a1a1a;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a inset;overflow:hidden;display:flex;align-items:center;justify-content:center}.cb-canvas{width:100%;height:100%;display:block;cursor:crosshair;background-color:#000;position:relative;image-rendering:crisp-edges}.cb-game-hint{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;z-index:10;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 24px;border-radius:25px;border:1px solid rgba(255,255,255,.2);animation:fadeInOut 3s infinite}.cb-hint-icon{font-size:24px;margin-bottom:4px;animation:bounce 2s infinite}.cb-game-hint p{color:#fff;font-size:14px;font-weight:500;margin:0;font-family:sans-serif}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cb-game-header{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000000d;flex-shrink:0;z-index:100}.cb-game-info{display:flex;gap:30px;align-items:center}.cb-info-item{display:flex;flex-direction:column;align-items:center;gap:4px}.cb-info-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;font-family:sans-serif}.cb-info-value{font-size:24px;font-weight:700;color:#333;font-family:sans-serif}.cb-fullscreen-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid rgba(99,102,241,.3);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;font-family:sans-serif;box-shadow:0 4px 15px #6366f14d}.cb-fullscreen-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);border-color:#6366f180;transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.cb-fullscreen-btn:active{transform:translateY(0)}.cb-fullscreen-icon{font-size:16px;line-height:1}.cb-fullscreen-text{font-size:14px;font-weight:600;letter-spacing:.3px}.cb-menu{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.cb-menu-content{text-align:center;position:relative;width:90%;max-width:400px;padding:40px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cb-title{font-size:48px;font-family:sans-serif;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-1px}.cb-subtitle{font-size:16px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:2px;margin-top:-20px;font-family:sans-serif}.cb-level-info{display:flex;flex-direction:column;gap:16px;width:100%}.cb-level-badge{font-size:32px;font-weight:700;color:#333;padding:16px 32px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-radius:16px;border:2px solid rgba(99,102,241,.2);font-family:sans-serif}.cb-score-display{display:flex;flex-direction:column;gap:4px;padding:12px 24px;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-radius:12px;border:2px solid rgba(253,203,110,.3)}.cb-score-label{font-size:12px;font-weight:600;color:#856404;text-transform:uppercase;letter-spacing:.5px;font-family:sans-serif}.cb-score-value{font-size:28px;font-weight:700;color:#856404;font-family:sans-serif}.cb-button{position:relative;width:120px;height:120px;border:none;color:#fff;border-radius:50%;font-size:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:1;box-shadow:0 8px 25px #6366f166}.cb-button:hover{transform:scale(1.1);box-shadow:0 12px 35px #6366f180}.cb-button:active{transform:scale(1.05)}.cb-button-icon{margin-bottom:4px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.cb-button-text{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-family:sans-serif}.cb-op{display:flex;align-items:center;justify-content:center;gap:12px}.cb-reset-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid rgba(0,0,0,.1);background:#fff;color:#666;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;font-family:sans-serif;box-shadow:0 2px 8px #00000014}.cb-reset-btn:hover{background:#f8f9fa;border-color:#0003;transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.cb-reset-btn:active{transform:translateY(0)}.cb-reset-icon{font-size:16px;line-height:1}.cb-reset-text{font-size:14px;font-weight:600}.core-ball-container:fullscreen{width:100vw;height:100vh;background:#000}.core-ball-container:fullscreen .cb-canvas-container{max-width:100%;border-radius:0;box-shadow:none}.core-ball-container:fullscreen .cb-canvas{width:100vw;height:100vh}.core-ball-container:-webkit-full-screen{width:100vw;height:100vh;background:#000}.core-ball-container:-webkit-full-screen .cb-canvas-container{max-width:100%;border-radius:0;box-shadow:none}.core-ball-container:-webkit-full-screen .cb-canvas{width:100vw;height:100vh}.core-ball-container:-moz-full-screen{width:100vw;height:100vh;background:#000}.core-ball-container:-moz-full-screen .cb-canvas-container{max-width:100%;border-radius:0;box-shadow:none}.core-ball-container:-moz-full-screen .cb-canvas{width:100vw;height:100vh}.core-ball-container:-ms-fullscreen{width:100vw;height:100vh;background:#000}.core-ball-container:-ms-fullscreen .cb-canvas-container{max-width:100%;border-radius:0;box-shadow:none}.core-ball-container:-ms-fullscreen .cb-canvas{width:100vw;height:100vh}@media (max-width: 768px){.core-ball-outer{min-height:480px}.core-ball-container{height:480px;min-height:480px}.core-ball-preloader{min-height:440px}.core-ball-preloader h3{font-size:1.25rem}.cb-canvas-wrapper{padding:10px}.cb-canvas-container{border-radius:12px}.cb-game-header{padding:15px;flex-direction:column;gap:15px}.cb-game-info{gap:20px}.cb-info-value{font-size:20px}.cb-menu-content{padding:30px 20px;border-radius:20px}.cb-title{font-size:40px}.cb-subtitle{font-size:14px}.cb-button{width:100px;height:100px;font-size:40px}.cb-button-text{font-size:11px}.cb-level-badge{font-size:28px;padding:14px 28px}.cb-fullscreen-btn{width:100%;justify-content:center}.cb-game-hint{top:10px;padding:10px 20px}.cb-game-hint p{font-size:12px}}@media (max-width: 480px){.core-ball-outer{min-height:420px}.core-ball-container{height:420px;min-height:420px}.core-ball-preloader{min-height:380px}.cb-canvas-wrapper{padding:8px}.cb-canvas-container{border-radius:12px}.cb-title{font-size:36px}.cb-button{width:90px;height:90px;font-size:36px}.cb-level-badge{font-size:24px;padding:12px 24px}.cb-score-value{font-size:24px}}.cbl-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.cbl-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.cbl-section-dark{background:var(--bg-tertiary)}.cbl-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #e11d48}.cbl-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.cbl-seo-p strong{color:var(--text-primary);font-weight:600}.cbl-seo-hero{background:linear-gradient(135deg,#111827,#1f2937 55%,#374151);border:1px solid #e11d48;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.cbl-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 20%,rgba(225,29,72,.2) 0%,transparent 60%),radial-gradient(ellipse at 10% 80%,rgba(59,130,246,.1) 0%,transparent 55%);pointer-events:none}.cbl-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#e11d4833;border:1px solid rgba(225,29,72,.5);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#fda4af;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md);position:relative}.cbl-hero-heading{font-size:2rem;font-weight:800;color:#f8fafc;line-height:1.25;margin:0 0 var(--spacing-md);position:relative;text-shadow:0 2px 10px rgba(225,29,72,.4)}.cbl-hero-lead{font-size:1.075rem;line-height:1.85;color:#cbd5e1;margin-bottom:var(--spacing-sm);position:relative}.cbl-hero-sub{font-size:.95rem;line-height:1.7;color:#94a3b8;margin-bottom:var(--spacing-lg);position:relative}.cbl-hero-lead strong,.cbl-hero-sub strong{color:#fb7185;font-weight:600}.cbl-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.cbl-pill{background:#e11d4826;border:1px solid rgba(225,29,72,.4);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fda4af}.cbl-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.cbl-demo-wrapper{position:relative;width:100%;max-width:300px;height:300px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;background:#e2e8f0;border-radius:12px;border:2px solid #cbd5e1;overflow:hidden;box-shadow:inset 0 0 20px #0000000d}.cbl-core-entity{position:absolute;top:30%;left:50%;width:0;height:0;animation:cblSpin 4s linear infinite;z-index:10}@keyframes cblSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cbl-core-circle{position:absolute;top:-40px;left:-40px;width:80px;height:80px;background:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-family:sans-serif;font-size:1.2rem;letter-spacing:1px}.cbl-pin-arm{position:absolute;top:0;left:0;width:2px;height:100px;background:transparent;transform-origin:0 0}.cbl-arm-1{transform:rotate(45deg)}.cbl-arm-2{transform:rotate(135deg)}.cbl-arm-3{transform:rotate(225deg)}.cbl-arm-4{transform:rotate(315deg)}.cbl-pin-line{position:absolute;top:40px;left:-1px;width:2px;height:60px;background:#000}.cbl-pin-head{position:absolute;top:100px;left:-10px;width:20px;height:20px;background:#000;border-radius:50%}.cbl-thrown-ball{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:20px;height:80px;display:flex;flex-direction:column;align-items:center;animation:cblThrow 4s cubic-bezier(.1,.7,1,1) infinite;z-index:5}.cbl-throw-head{width:20px;height:20px;background:#e11d48;border-radius:50%;box-shadow:0 0 10px #e11d48cc}.cbl-throw-tail{width:2px;height:60px;background:#e11d48}@keyframes cblThrow{0%{transform:translate(-50%) translateY(0);opacity:1}10%{transform:translate(-50%) translateY(0);opacity:1}15%{transform:translate(-50%) translateY(-110px);opacity:1}20%{transform:translate(-50%) translateY(-110px);opacity:0}to{transform:translate(-50%) translateY(-110px);opacity:0}}.cbl-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.cbl-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.cbl-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.cbl-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #e11d48)}.cbl-mode-card:hover{border-color:var(--mode-accent, #e11d48);transform:translateY(-3px)}.cbl-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.cbl-mode-icon{font-size:1.5rem;flex-shrink:0}.cbl-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #e11d48);margin:0}.cbl-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.cbl-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.cbl-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.cbl-usecase-card:hover{border-color:#e11d48;transform:translateY(-2px)}.cbl-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.cbl-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.cbl-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.cbl-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.cbl-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#e11d48,transparent)}.cbl-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.cbl-step:last-child{padding-bottom:0}.cbl-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #e11d484d;z-index:1}.cbl-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.cbl-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.cbl-step-content p strong{color:var(--text-primary);font-weight:600}.cbl-step-content em{color:#e11d48;font-style:italic}.cbl-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.cbl-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.cbl-accordion-item.open{border-color:#e11d48}.cbl-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.cbl-accordion-trigger:hover{background:#e11d480f}.cbl-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#e11d48;font-family:monospace;min-width:2ch}.cbl-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.cbl-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.cbl-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.cbl-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.cbl-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.cbl-faq-item.open{border-color:#e11d48}.cbl-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.cbl-faq-trigger:hover{background:#e11d480f}.cbl-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#e11d48;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.cbl-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.cbl-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#e11d4826;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#e11d48;transition:background .2s}.cbl-faq-item.open .cbl-faq-chevron{background:#e11d48;color:#fff}.cbl-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.cbl-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.cbl-seo-hero,.cbl-seo-section{padding:var(--spacing-lg)}.cbl-hero-heading{font-size:1.5rem}.cbl-seo-h2{font-size:1.35rem}.cbl-steps:before{display:none}.cbl-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.cbl-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.cbl-hero-heading{font-size:1.3rem}.cbl-modes-grid,.cbl-usecase-grid{grid-template-columns:1fr}.cbl-hero-pills{gap:.35rem}.cbl-pill{font-size:.75rem}}.slope-unblocked-container{position:relative;width:100%;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);overflow:hidden;padding:0;margin:0;display:flex;flex-direction:column}.su-canvas-wrapper{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center;padding:20px;min-height:600px}.su-canvas-container{position:relative;width:100%;max-width:900px;height:100%;min-height:600px;background:#1a1a1a;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a inset;overflow:hidden;display:flex;align-items:center;justify-content:center}.webgl-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.su-game-container{width:100%;height:100%;min-width:820px;min-height:670px;max-width:100%;max-height:100%}.su-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.su-loading-content{text-align:center;color:#fff;font-family:sans-serif}.su-loading-text{font-size:24px;font-weight:600;margin-bottom:20px;color:#fff}.su-progress-bar{width:300px;height:8px;background:#fff3;border-radius:4px;overflow:hidden;margin:0 auto 10px}.su-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.su-loading-percent{font-size:18px;font-weight:500;color:#fffc}.webgl-content .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:154px;height:130px;z-index:1001}.webgl-content .logo.Dark{background-image:url(/games/slope-unblocked/progressLogo.Dark.png);background-size:contain;background-repeat:no-repeat;background-position:center}.webgl-content .progress{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:18px;width:141px;margin-top:90px;z-index:1001}.webgl-content .progress .empty{float:right;width:100%;height:100%;display:inline-block;background-image:url(/games/slope-unblocked/progressEmpty.Dark.png);background-size:contain;background-repeat:no-repeat}.webgl-content .progress .full{float:left;width:0;height:100%;display:inline-block;background-image:url(/games/slope-unblocked/progressFull.Dark.png);background-size:contain;background-repeat:no-repeat}.su-game-header{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-end;padding:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px #0000000d;flex-shrink:0;z-index:100}.su-fullscreen-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:2px solid rgba(99,102,241,.3);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;font-family:sans-serif;box-shadow:0 4px 15px #6366f14d}.su-fullscreen-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);border-color:#6366f180;transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.su-fullscreen-btn:active{transform:translateY(0)}.su-fullscreen-icon{font-size:16px;line-height:1}.su-fullscreen-text{font-size:14px;font-weight:600;letter-spacing:.3px}.slope-unblocked-container:fullscreen{width:100vw;height:100vh;background:#000}.slope-unblocked-container:fullscreen .su-canvas-container{max-width:100%;border-radius:0;box-shadow:none}.slope-unblocked-container:fullscreen .su-game-container{width:100vw;height:100vh;min-width:100vw;min-height:100vh}.slope-unblocked-container:-webkit-full-screen{width:100vw;height:100vh;background:#000}.slope-unblocked-container:-webkit-full-screen .su-canvas-container{max-width:100%;border-radius:0;box-shadow:none}.slope-unblocked-container:-webkit-full-screen .su-game-container{width:100vw;height:100vh;min-width:100vw;min-height:100vh}.slope-unblocked-container:-moz-full-screen{width:100vw;height:100vh;background:#000}.slope-unblocked-container:-moz-full-screen .su-canvas-container{max-width:100%;border-radius:0;box-shadow:none}.slope-unblocked-container:-moz-full-screen .su-game-container{width:100vw;height:100vh;min-width:100vw;min-height:100vh}.slope-unblocked-container:-ms-fullscreen{width:100vw;height:100vh;background:#000}.slope-unblocked-container:-ms-fullscreen .su-canvas-container{max-width:100%;border-radius:0;box-shadow:none}.slope-unblocked-container:-ms-fullscreen .su-game-container{width:100vw;height:100vh;min-width:100vw;min-height:100vh}@media (max-width: 768px){.su-canvas-wrapper{padding:10px;min-height:500px}.su-canvas-container{min-height:500px;border-radius:16px}.su-game-container{min-width:100%;min-height:500px}.su-game-header{padding:15px}.su-fullscreen-btn{width:100%;justify-content:center}.su-loading-text{font-size:20px}.su-progress-bar{width:250px}}@media (max-width: 480px){.su-canvas-wrapper{padding:5px;min-height:400px}.su-canvas-container{min-height:400px;border-radius:12px}.su-game-container{min-height:400px}.su-loading-text{font-size:18px}.su-progress-bar{width:200px}}.slp-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.slp-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.slp-section-dark{background:var(--bg-tertiary)}.slp-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #10b981}.slp-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.slp-seo-p strong{color:var(--text-primary);font-weight:600}.slp-seo-hero{background:linear-gradient(135deg,#000,#064e3b 55%,#022c22);border:1px solid #10b981;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.slp-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(16,185,129,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.15) 1px,transparent 1px);background-size:30px 30px;background-position:center bottom;transform:perspective(600px) rotateX(60deg) scale(2);transform-origin:center bottom;opacity:.8;pointer-events:none}.slp-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#10b98133;border:1px solid rgba(16,185,129,.5);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:600;color:#a7f3d0;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md);position:relative}.slp-hero-heading{font-size:2rem;font-weight:800;color:#f8fafc;line-height:1.25;margin:0 0 var(--spacing-md);position:relative;text-shadow:0 2px 10px rgba(16,185,129,.6)}.slp-hero-lead{font-size:1.075rem;line-height:1.85;color:#d1fae5;margin-bottom:var(--spacing-sm);position:relative}.slp-hero-sub{font-size:.95rem;line-height:1.7;color:#6ee7b7;margin-bottom:var(--spacing-lg);position:relative}.slp-hero-lead strong,.slp-hero-sub strong{color:#10b981;font-weight:600}.slp-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.slp-pill{background:#10b98126;border:1px solid rgba(16,185,129,.4);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#a7f3d0}.slp-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.slp-demo-wrapper{position:relative;width:100%;max-width:320px;height:250px;margin-bottom:2rem;display:flex;justify-content:center;align-items:flex-end;background:#000;border-radius:12px;border:2px solid #334155;overflow:hidden;box-shadow:inset 0 0 40px #10b98133;perspective:800px}.slp-grid-floor{position:absolute;top:50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(16,185,129,.4) 2px,transparent 2px),linear-gradient(90deg,rgba(16,185,129,.4) 2px,transparent 2px);background-size:40px 40px;transform-origin:top center;transform:rotateX(75deg);animation:slpGridMove .4s linear infinite}@keyframes slpGridMove{0%{background-position:0 0}to{background-position:0 40px}}.slp-red-block{position:absolute;top:50%;left:50%;width:60px;height:60px;background:#dc2626cc;border:2px solid #ef4444;box-shadow:0 0 15px #ef444480;transform-origin:center center;animation:slpBlockRush 2s linear infinite}@keyframes slpBlockRush{0%{transform:translate(20px) translateZ(-800px) translateY(-40px);opacity:0}20%{opacity:1}to{transform:translate(100px) translateZ(400px) translateY(80px);opacity:0}}.slp-player-ball{position:absolute;bottom:20px;left:50%;width:30px;height:30px;background:radial-gradient(circle at 30% 30%,#34d399,#065f46);border-radius:50%;box-shadow:0 5px 15px #10b98199;z-index:10;animation:slpBallDodge 2s cubic-bezier(.25,1,.5,1) infinite}@keyframes slpBallDodge{0%,30%{transform:translate(-50%)}45%,80%{transform:translate(-150%)}95%,to{transform:translate(-50%)}}.slp-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.slp-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.slp-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.slp-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #10b981)}.slp-mode-card:hover{border-color:var(--mode-accent, #10b981);transform:translateY(-3px)}.slp-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.slp-mode-icon{font-size:1.5rem;flex-shrink:0}.slp-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #10b981);margin:0}.slp-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.slp-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.slp-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.slp-usecase-card:hover{border-color:#10b981;transform:translateY(-2px)}.slp-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.slp-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.slp-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.slp-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.slp-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#10b981,transparent)}.slp-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.slp-step:last-child{padding-bottom:0}.slp-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#10b981,#047857);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #10b9814d;z-index:1}.slp-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.slp-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.slp-step-content p strong{color:var(--text-primary);font-weight:600}.slp-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.slp-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.slp-accordion-item.open{border-color:#10b981}.slp-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.slp-accordion-trigger:hover{background:#10b9810f}.slp-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#10b981;font-family:monospace;min-width:2ch}.slp-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.slp-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.slp-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.slp-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.slp-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.slp-faq-item.open{border-color:#10b981}.slp-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.slp-faq-trigger:hover{background:#10b9810f}.slp-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#10b981;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.slp-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.slp-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#10b98126;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#10b981;transition:background .2s}.slp-faq-item.open .slp-faq-chevron{background:#10b981;color:#fff}.slp-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.slp-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.slp-seo-hero,.slp-seo-section{padding:var(--spacing-lg)}.slp-hero-heading{font-size:1.5rem}.slp-seo-h2{font-size:1.35rem}.slp-steps:before{display:none}.slp-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.slp-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.slp-hero-heading{font-size:1.3rem}.slp-modes-grid,.slp-usecase-grid{grid-template-columns:1fr}.slp-hero-pills{gap:.35rem}.slp-pill{font-size:.75rem}}.cupcakes2048-container{min-height:100vh;background:linear-gradient(135deg,#ff9a9e,#fecfef,#fecfef);padding:30px 20px;display:flex;flex-direction:column;align-items:center}.game-header{width:100%;max-width:600px;margin-bottom:30px;display:flex;flex-direction:column;align-items:center;gap:20px}.game-title{text-align:center}.game-title h1{font-size:clamp(2.5rem,5vw,4rem);margin:0;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:2px 2px 4px rgba(0,0,0,.1);font-weight:800;letter-spacing:-1px}.game-subtitle{margin-top:10px;font-size:clamp(1rem,2vw,1.25rem);color:#333;font-weight:500}.game-subtitle strong{color:#ff6b9d;font-weight:700}.game-scores{display:flex;gap:15px;width:100%;justify-content:center;flex-wrap:wrap}.score-box{background:#ffffffe6;border-radius:12px;padding:15px 25px;min-width:120px;text-align:center;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s}.score-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.score-label{font-size:.875rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.score-value{font-size:1.75rem;font-weight:700;color:#333;animation:scorePop .3s ease-out}@keyframes scorePop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.new-game-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #ff6b6b4d;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.new-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66;background:linear-gradient(135deg,#ff5252,#ff7979)}.game-board-container{position:relative;width:100%;max-width:600px;aspect-ratio:1;margin-bottom:30px}.game-board{position:relative;width:100%;height:100%;background:#bbada0;border-radius:12px;padding:15px;box-shadow:0 10px 40px #0003;touch-action:none}.grid-background{position:absolute;top:15px;left:15px;right:15px;bottom:15px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:15px}.grid-cell{background:#eee4da59;border-radius:6px}.grid-tiles{position:relative;width:100%;height:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:15px;padding:0}.cupcake-tile{position:absolute;top:0;left:0;width:100%;height:100%;background:#eee4da;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 8px #00000026;animation:tileAppear .3s ease-out;transition:all .15s ease-out}.tile-new{animation:tileNew .3s ease-out}@keyframes tileNew{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.cupcake-tile-2{background:#fff4e6;color:#8b4513}.cupcake-tile-4{background:#ffe6f0;color:#c2185b}.cupcake-tile-8{background:#fff9e6;color:#f57c00}.cupcake-tile-16{background:#f5e6ff;color:#6a1b9a}.cupcake-tile-32{background:#e6d9ff;color:#4a148c}.cupcake-tile-64{background:#d9e6ff;color:#1565c0}.cupcake-tile-128{background:#ffe0e0;color:#c62828;font-size:1.1em}.cupcake-tile-256{background:#fff4e6;color:#e65100;font-size:1.1em}.cupcake-tile-512{background:#ffebee;color:#c2185b;font-size:1.15em}.cupcake-tile-1024{background:#3e2723;color:#fff;font-size:1.2em;box-shadow:0 6px 12px #0000004d,0 0 20px #ffd7004d}.cupcake-tile-2048{background:#1a1a1a;color:gold;font-size:1.25em;box-shadow:0 8px 16px #0006,0 0 30px #ffd70080;animation:empireGlow 2s ease-in-out infinite}@keyframes empireGlow{0%,to{box-shadow:0 8px 16px #0006,0 0 30px #ffd70080}50%{box-shadow:0 8px 16px #0006,0 0 40px #ffd700cc}}.tile-emoji{font-size:clamp(1.5rem,4vw,2.5rem);line-height:1;margin-bottom:4px}.tile-name{font-size:clamp(.65rem,1.5vw,.85rem);text-align:center;line-height:1.2;margin-bottom:2px;font-weight:600}.tile-kcal{font-size:clamp(.55rem,1.2vw,.7rem);opacity:.8;font-weight:500}.game-message{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:100;animation:messageFadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes messageFadeIn{0%{opacity:0}to{opacity:1}}.message-content{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 20px 60px #0000004d;animation:messageSlideIn .3s ease-out;max-width:90%}@keyframes messageSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.message-content h2{margin:0 0 15px;font-size:2rem;color:#333}.message-content p{margin:0 0 25px;color:#666;font-size:1.1rem}.message-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.message-buttons button{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;border:none;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.message-buttons button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.message-buttons button:active{transform:translateY(0)}.game-instructions{max-width:600px;text-align:center;background:#ffffffe6;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-top:20px}.game-instructions p{margin:0;color:#333;line-height:1.6;font-size:1rem}.game-instructions strong{color:#ff6b6b}@media (max-width: 768px){.cupcakes2048-container{padding:20px 15px}.game-header{margin-bottom:20px}.game-scores{gap:10px}.score-box{padding:12px 20px;min-width:100px}.score-value{font-size:1.5rem}.game-board{padding:10px}.grid-background,.grid-tiles{gap:10px}.tile-emoji{font-size:1.5rem}.tile-name{font-size:.7rem}.tile-kcal{font-size:.6rem}.message-content{padding:30px 20px}.message-content h2{font-size:1.5rem}.game-instructions{padding:15px;font-size:.9rem}}@media (max-width: 480px){.game-scores{flex-direction:column;width:100%}.score-box{width:100%}.tile-name{font-size:.6rem;line-height:1.1}}.c2048-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.c2048-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.c2048-section-dark{background:var(--bg-tertiary)}.c2048-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #fb7185}.c2048-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.c2048-seo-p strong{color:var(--text-primary);font-weight:600}.c2048-seo-hero{background:linear-gradient(135deg,#fff1f2,#ffe4e6 55%,#fecdd3);border:1px solid #fda4af;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.c2048-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 10% 20%,rgba(251,113,133,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(244,63,94,.1) 0%,transparent 30%);pointer-events:none}.c2048-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#fb718526;border:1px solid rgba(251,113,133,.4);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:700;color:#e11d48;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md);position:relative}.c2048-hero-heading{font-size:2rem;font-weight:800;color:#881337;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.c2048-hero-lead{font-size:1.075rem;line-height:1.85;color:#9f1239;margin-bottom:var(--spacing-sm);position:relative}.c2048-hero-sub{font-size:.95rem;line-height:1.7;color:#be123c;margin-bottom:var(--spacing-lg);position:relative}.c2048-hero-lead strong,.c2048-hero-sub strong{color:#e11d48;font-weight:700}.c2048-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.c2048-pill{background:#fff;border:1px solid rgba(251,113,133,.3);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#be123c;box-shadow:0 2px 4px #fb71851a}.c2048-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.c2048-demo-wrapper{position:relative;width:100%;max-width:380px;height:140px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;background:#bbada0;border-radius:12px;padding:10px;box-shadow:inset 0 0 10px #0000001a}.c2048-demo-grid{display:flex;gap:10px;position:relative;width:100%;height:100%}.c2048-cell{flex:1;background:#eee4da59;border-radius:8px;height:100%}.c2048-tile{position:absolute;top:0;width:calc(25% - 7.5px);height:100%;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2rem;font-weight:800;background:#eee4da;color:#776e65;box-shadow:0 4px 6px #0000001a;line-height:1.1}.c2048-tile span{font-size:.8rem;font-weight:700;color:#776e65cc}.c2048-anim-left{left:0;animation:slideLeftTile 3s cubic-bezier(.25,1,.5,1) infinite}.c2048-anim-right{left:calc(75% + 2.5px);animation:slideRightTile 3s cubic-bezier(.25,1,.5,1) infinite}.c2048-anim-merged{left:calc(75% + 2.5px);background:#ede0c8;animation:popMergedTile 3s cubic-bezier(.25,1,.5,1) infinite;opacity:0}@keyframes slideLeftTile{0%,20%{transform:translate(0);opacity:1}35%,to{transform:translate(calc(300% + 30px));opacity:0}}@keyframes slideRightTile{0%,20%{transform:translate(0)}35%,to{transform:translate(0);opacity:0}}@keyframes popMergedTile{0%,34%{opacity:0;transform:scale(.8)}37%{opacity:1;transform:scale(1.15)}45%,85%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.c2048-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.c2048-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.c2048-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.c2048-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #fb7185)}.c2048-mode-card:hover{border-color:var(--mode-accent, #fb7185);transform:translateY(-3px)}.c2048-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.c2048-mode-icon{font-size:1.5rem;flex-shrink:0}.c2048-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #fb7185);margin:0}.c2048-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.c2048-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.c2048-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.c2048-usecase-card:hover{border-color:#fb7185;transform:translateY(-2px)}.c2048-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.c2048-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.c2048-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.c2048-tier-table-wrapper{overflow-x:auto;margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md)}.c2048-tier-table{width:100%;border-collapse:collapse;text-align:left;background:var(--bg-secondary)}.c2048-tier-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:700;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--border-color)}.c2048-tier-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem}.c2048-tier-table tbody tr:last-child td{border-bottom:none}.c2048-table-val{width:120px;font-family:monospace;font-size:1.05rem!important}.c2048-table-name{color:var(--text-primary)!important}.c2048-table-kcal{font-weight:600;color:#f43f5e!important}.c2048-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.c2048-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.c2048-accordion-item.open{border-color:#fb7185}.c2048-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.c2048-accordion-trigger:hover{background:#fb71850f}.c2048-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#fb7185;font-family:monospace;min-width:2ch}.c2048-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.c2048-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.c2048-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.c2048-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.c2048-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.c2048-faq-item.open{border-color:#fb7185}.c2048-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.c2048-faq-trigger:hover{background:#fb71850f}.c2048-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#fb7185;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.c2048-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.c2048-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#fb718526;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fb7185;transition:background .2s}.c2048-faq-item.open .c2048-faq-chevron{background:#fb7185;color:#fff}.c2048-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.c2048-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.c2048-seo-hero,.c2048-seo-section{padding:var(--spacing-lg)}.c2048-hero-heading{font-size:1.5rem}.c2048-seo-h2{font-size:1.35rem}}@media (max-width: 480px){.c2048-hero-heading{font-size:1.3rem}.c2048-modes-grid,.c2048-usecase-grid{grid-template-columns:1fr}.c2048-hero-pills{gap:.35rem}.c2048-pill{font-size:.75rem}}.cookie-clicker-unblocked-container{width:100%;min-height:560px;border-radius:16px;overflow:hidden;background:var(--tool-bg, #1a1a2e);box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.08)}.cookie-clicker-game-container{position:relative;width:100%;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#0f0f1b,#1a1a2e)}.cookie-clicker-preloader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:520px;padding:24px;text-align:center;background:linear-gradient(135deg,#0a0a12,#0f0f1b)}.cookie-clicker-preloader-img{max-width:200px;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:12px;margin-bottom:24px;box-shadow:0 8px 24px #0000004d}.cookie-clicker-preloader h3{margin:0 0 12px;font-size:1.5rem;font-weight:700;color:#fff}.cookie-clicker-preloader p{margin:0 0 24px;font-size:1rem;color:#ffffffbf;max-width:420px;line-height:1.5}.cookie-clicker-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff3e6c,#ff2d5a);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #ff3e6c66;transition:transform .2s,box-shadow .2s}.cookie-clicker-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff3e6c80}.cookie-clicker-play-btn:active{transform:translateY(0)}.play-btn-icon{font-size:.9em}.cookie-clicker-game-frame{display:block;width:100%;height:560px;border:none;background:#000}.cookie-clicker-fullscreen-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;margin-top:8px;font-size:.95rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#00ceff,#00b4e6);border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 16px #00ceff4d;transition:transform .2s,box-shadow .2s}.cookie-clicker-fullscreen-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px #00ceff66}.fullscreen-icon{font-size:1.1em}@media (max-width: 768px){.cookie-clicker-unblocked-container{min-height:480px}.cookie-clicker-preloader{min-height:440px}.cookie-clicker-game-frame{height:480px}.cookie-clicker-preloader h3{font-size:1.25rem}}@media (max-width: 480px){.cookie-clicker-unblocked-container{min-height:420px}.cookie-clicker-preloader{min-height:380px}.cookie-clicker-game-frame{height:420px}}.cc-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.cc-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.cc-section-dark{background:var(--bg-tertiary)}.cc-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #d97706}.cc-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.cc-seo-p strong{color:var(--text-primary);font-weight:600}.cc-seo-hero{background:linear-gradient(135deg,#451a03,#78350f 55%,#92400e);border:1px solid #b45309;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.cc-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 80% 20%,rgba(217,119,6,.15) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(245,158,11,.1) 0%,transparent 30%);pointer-events:none}.cc-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#d9770633;border:1px solid rgba(217,119,6,.5);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:700;color:#fcd34d;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md);position:relative}.cc-hero-heading{font-size:2rem;font-weight:800;color:#fef3c7;line-height:1.25;margin:0 0 var(--spacing-md);position:relative;text-shadow:0 2px 10px rgba(0,0,0,.5)}.cc-hero-lead{font-size:1.075rem;line-height:1.85;color:#fde68a;margin-bottom:var(--spacing-sm);position:relative}.cc-hero-sub{font-size:.95rem;line-height:1.7;color:#fbbf24;margin-bottom:var(--spacing-lg);position:relative}.cc-hero-lead strong,.cc-hero-sub strong{color:#f59e0b;font-weight:700}.cc-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.cc-pill{background:#0000004d;border:1px solid rgba(217,119,6,.4);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fde68a}.cc-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.cc-demo-wrapper{position:relative;width:100%;max-width:380px;height:280px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#2563eb,#1e3a8a);border-radius:12px;border:3px solid #1e40af;overflow:hidden;box-shadow:inset 0 0 20px #00000080}.cc-demo-bg{position:relative;width:100%;height:100%}.cc-cps-display{position:absolute;top:15px;left:0;right:0;text-align:center;background:#0006;padding:8px}.cc-cps-label{font-size:1.1rem;color:#fff;font-family:monospace;text-shadow:0 1px 2px #000}.cc-cps-label strong{font-size:1.3rem}.cc-cps-rate{font-size:.8rem;color:#93c5fd;text-shadow:0 1px 2px #000}.cc-giant-cookie{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8rem;line-height:1;text-shadow:0 10px 20px rgba(0,0,0,.5);animation:ccBigCookiePulse 2s infinite;z-index:10;cursor:pointer}@keyframes ccBigCookiePulse{0%{transform:translate(-50%,-50%) scale(1)}5%{transform:translate(-50%,-50%) scale(.95)}15%,50%{transform:translate(-50%,-50%) scale(1)}55%{transform:translate(-50%,-50%) scale(.95)}65%,to{transform:translate(-50%,-50%) scale(1)}}.cc-particle{position:absolute;font-size:1.2rem;font-weight:800;color:#fff;text-shadow:0 2px 4px #000;opacity:0;pointer-events:none;z-index:5}.cc-particle.p1{left:40%;top:45%;animation:ccFloatUp 2s infinite .1s}.cc-particle.p2{left:60%;top:50%;animation:ccFloatUp 2s infinite 1.1s;color:#fde047}.cc-particle.p3{left:45%;top:55%;animation:ccFloatUp 2s infinite .6s}.cc-particle.p4{left:55%;top:40%;animation:ccFloatUp 2s infinite 1.6s;color:#fde047}@keyframes ccFloatUp{0%{transform:translateY(0) scale(.8);opacity:0}20%{transform:translateY(-20px) scale(1.2);opacity:1}to{transform:translateY(-80px) scale(1);opacity:0}}.cc-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.cc-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.cc-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.cc-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #d97706)}.cc-mode-card:hover{border-color:var(--mode-accent, #d97706);transform:translateY(-3px)}.cc-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.cc-mode-icon{font-size:1.5rem;flex-shrink:0}.cc-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #d97706);margin:0}.cc-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.cc-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.cc-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.cc-usecase-card:hover{border-color:#d97706;transform:translateY(-2px)}.cc-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.cc-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.cc-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.cc-tier-table-wrapper{overflow-x:auto;margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md)}.cc-tier-table{width:100%;border-collapse:collapse;text-align:left;background:var(--bg-secondary)}.cc-tier-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:700;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--border-color)}.cc-tier-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem}.cc-tier-table tbody tr:last-child td{border-bottom:none}.cc-table-val{width:140px;font-family:monospace;font-size:1.05rem!important;color:#d97706!important;font-weight:600}.cc-table-name{color:var(--text-primary)!important;width:160px}.cc-table-desc{font-size:.9rem!important}.cc-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.cc-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.cc-accordion-item.open{border-color:#d97706}.cc-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.cc-accordion-trigger:hover{background:#d977060f}.cc-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#d97706;font-family:monospace;min-width:2ch}.cc-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.cc-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.cc-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.cc-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.cc-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.cc-faq-item.open{border-color:#d97706}.cc-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.cc-faq-trigger:hover{background:#d977060f}.cc-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#d97706;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.cc-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.cc-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#d9770626;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#d97706;transition:background .2s}.cc-faq-item.open .cc-faq-chevron{background:#d97706;color:#fff}.cc-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.cc-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.cc-seo-hero,.cc-seo-section{padding:var(--spacing-lg)}.cc-hero-heading{font-size:1.5rem}.cc-seo-h2{font-size:1.35rem}}@media (max-width: 480px){.cc-hero-heading{font-size:1.3rem}.cc-modes-grid,.cc-usecase-grid{grid-template-columns:1fr}.cc-hero-pills{gap:.35rem}.cc-pill{font-size:.75rem}}.ovo-unblocked-container{position:relative;width:100%;min-height:600px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);overflow:hidden;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px}.fullscreen-btn{position:absolute;top:20px;right:20px;z-index:100;background:#667eeae6;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-btn:hover{background:#667eea;transform:translateY(-2px);box-shadow:0 6px 20px #0006;border-color:#ffffff80}.fullscreen-btn:active{transform:translateY(0)}.menu-screen{width:100%;height:100vh;min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#fff;text-align:center}.game-title{font-size:4rem;font-weight:900;margin:0 0 10px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:3px;text-shadow:0 4px 20px rgba(102,126,234,.5)}.game-subtitle{font-size:1.5rem;margin:0 0 40px;color:#fffc;font-weight:300}.menu-content{width:100%;max-width:1200px}.level-select{margin-bottom:30px}.level-select h2{font-size:2rem;margin:0 0 20px;color:#fff;font-weight:700}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}.level-btn{background:#667eea33;border:2px solid rgba(102,126,234,.5);border-radius:12px;padding:20px;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:8px}.level-btn:hover{background:#667eea66;border-color:#667eeacc;transform:translateY(-5px);box-shadow:0 8px 25px #667eea66}.level-number{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-name{font-size:1rem;font-weight:600;color:#ffffffe6}.level-best{font-size:.85rem;color:#fff9;font-weight:500}.controls-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;padding:12px 24px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.controls-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.controls-info{background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;max-width:600px;margin:20px auto 0}.controls-info h3{font-size:1.5rem;margin:0 0 15px;color:#fff;text-align:center}.controls-info ul{list-style:none;padding:0;margin:0}.controls-info li{padding:10px 0;color:#ffffffe6;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.controls-info li:last-child{border-bottom:none}.controls-info strong{color:#667eea}.game-canvas{width:100%;height:100vh;min-height:600px;display:block;background:#1a1a2e;cursor:none}.complete-screen{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;color:#fff;padding:40px;text-align:center}.complete-screen h2{font-size:3rem;margin:0 0 20px;background:linear-gradient(135deg,#27ae60,#229954);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.complete-screen p{font-size:1.5rem;margin:10px 0;color:#ffffffe6}.complete-buttons{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap;justify-content:center}.complete-buttons button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:15px 30px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #667eea66}.complete-buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99}.complete-buttons button:active{transform:translateY(-1px)}.death-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#e74c3c4d;display:flex;align-items:center;justify-content:center;z-index:150;pointer-events:none;animation:deathFlash .5s ease-out}@keyframes deathFlash{0%{opacity:1;background:#e74c3ccc}to{opacity:0;background:#e74c3c00}}.death-text{font-size:5rem;animation:deathPulse .5s ease-out}@keyframes deathPulse{0%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(1);opacity:0}}.ovo-unblocked-container:fullscreen,.ovo-unblocked-container:-webkit-full-screen,.ovo-unblocked-container:-moz-full-screen,.ovo-unblocked-container:-ms-fullscreen{border-radius:0}.ovo-unblocked-container:fullscreen .game-canvas,.ovo-unblocked-container:-webkit-full-screen .game-canvas,.ovo-unblocked-container:-moz-full-screen .game-canvas,.ovo-unblocked-container:-ms-fullscreen .game-canvas{height:100vh}@media (max-width: 768px){.ovo-unblocked-container{min-height:100vh}.game-title{font-size:2.5rem}.game-subtitle{font-size:1.2rem}.levels-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.level-btn{padding:15px}.level-number{font-size:1.5rem}.complete-screen h2{font-size:2rem}.complete-screen p{font-size:1.2rem}.complete-buttons{flex-direction:column;width:100%;max-width:300px}.complete-buttons button{width:100%}.fullscreen-btn{top:10px;right:10px;padding:10px 20px;font-size:.9rem}}@media (max-width: 480px){.game-title{font-size:2rem;letter-spacing:1px}.game-subtitle{font-size:1rem}.levels-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.level-btn{padding:12px}.level-number{font-size:1.2rem}.level-name{font-size:.85rem}.fullscreen-btn{padding:8px 16px;font-size:.85rem}}.ovo-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.ovo-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.ovo-section-dark{background:var(--bg-tertiary)}.ovo-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #3b82f6}.ovo-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.ovo-seo-p strong{color:var(--text-primary);font-weight:600}.ovo-seo-hero{background:linear-gradient(135deg,#0f172a,#1e293b 55%,#334155);border:1px solid #3b82f6;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.ovo-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.ovo-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#3b82f633;border:1px solid rgba(59,130,246,.5);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:700;color:#93c5fd;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md);position:relative}.ovo-hero-heading{font-size:2rem;font-weight:800;color:#f8fafc;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.ovo-hero-lead{font-size:1.075rem;line-height:1.85;color:#e2e8f0;margin-bottom:var(--spacing-sm);position:relative}.ovo-hero-sub{font-size:.95rem;line-height:1.7;color:#cbd5e1;margin-bottom:var(--spacing-lg);position:relative}.ovo-hero-lead strong,.ovo-hero-sub strong{color:#60a5fa;font-weight:700}.ovo-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.ovo-pill{background:#ffffff1a;border:1px solid rgba(59,130,246,.4);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#bfdbfe}.ovo-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.ovo-demo-wrapper{position:relative;width:100%;max-width:400px;height:180px;margin-bottom:2rem;background:#f8fafc;border-radius:8px;border:2px solid #cbd5e1;overflow:hidden;box-shadow:inset 0 0 10px #0000000d}.ovo-platform{position:absolute;bottom:20px;height:40px;background:#0f172a}.start-plat{left:0;width:100px}.end-plat{right:0;width:140px}.ovo-spike-pit{position:absolute;bottom:20px;left:100px;width:calc(100% - 240px);height:20px;display:flex;justify-content:space-evenly;align-items:flex-end}.ovo-spike{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid #ef4444}.ovo-goal-flag{position:absolute;bottom:60px;right:40px;width:4px;height:40px;background:#94a3b8}.ovo-goal-flag:after{content:"";position:absolute;top:0;left:4px;width:20px;height:16px;background:#22c55e}.ovo-player-box{position:absolute;bottom:60px;left:20px;width:16px;height:32px;background:#3b82f6;border-radius:4px;animation:ovoSlideJumpLoop 3.5s cubic-bezier(.25,1,.5,1) infinite}@keyframes ovoSlideJumpLoop{0%{left:20px;bottom:60px;transform:scaleY(1);opacity:1}10%{left:50px;bottom:60px;transform:scaleY(1)}15%{left:70px;bottom:60px;transform:scaleY(.5)}20%{left:80px;bottom:60px;transform:scaleY(.5)}40%{left:160px;bottom:120px;transform:scaleY(1) rotate(180deg)}60%{left:300px;bottom:60px;transform:scaleY(1) rotate(360deg)}75%{left:320px;bottom:60px;transform:scaleY(1) rotate(360deg);opacity:1}85%{left:320px;bottom:60px;opacity:0}to{left:20px;bottom:60px;transform:scaleY(1) rotate(0);opacity:0}}.ovo-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.ovo-modes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.ovo-mode-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s;position:relative;overflow:hidden}.ovo-mode-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--mode-accent, #3b82f6)}.ovo-mode-card:hover{border-color:var(--mode-accent, #3b82f6);transform:translateY(-3px)}.ovo-mode-header{display:flex;align-items:center;gap:.6rem;margin-bottom:var(--spacing-sm)}.ovo-mode-icon{font-size:1.5rem;flex-shrink:0}.ovo-mode-name{font-size:.98rem;font-weight:700;color:var(--mode-accent, #3b82f6);margin:0}.ovo-mode-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.ovo-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.ovo-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.ovo-usecase-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.ovo-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.ovo-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.ovo-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.ovo-steps{display:flex;flex-direction:column;gap:0;margin-top:var(--spacing-lg);position:relative}.ovo-steps:before{content:"";position:absolute;left:27px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#3b82f6,transparent)}.ovo-step{display:flex;gap:var(--spacing-md);align-items:flex-start;padding-bottom:var(--spacing-lg);position:relative}.ovo-step:last-child{padding-bottom:0}.ovo-step-badge{flex-shrink:0;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e3a8a);color:#fff;font-size:1.1rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #3b82f64d;z-index:1}.ovo-step-content h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:.7rem 0 .4rem}.ovo-step-content p{font-size:.95rem;line-height:1.75;color:var(--text-secondary);margin:0}.ovo-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ovo-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.ovo-accordion-item.open{border-color:#3b82f6}.ovo-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.ovo-accordion-trigger:hover{background:#3b82f60f}.ovo-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#3b82f6;font-family:monospace;min-width:2ch}.ovo-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.ovo-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.ovo-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.ovo-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ovo-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.ovo-faq-item.open{border-color:#3b82f6}.ovo-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.ovo-faq-trigger:hover{background:#3b82f60f}.ovo-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#3b82f6;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.ovo-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.ovo-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#3b82f626;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#3b82f6;transition:background .2s}.ovo-faq-item.open .ovo-faq-chevron{background:#3b82f6;color:#fff}.ovo-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.ovo-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.ovo-seo-hero,.ovo-seo-section{padding:var(--spacing-lg)}.ovo-hero-heading{font-size:1.5rem}.ovo-seo-h2{font-size:1.35rem}.ovo-steps:before{display:none}.ovo-step{flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-md)}.ovo-step-badge{width:44px;height:44px;font-size:.95rem}}@media (max-width: 480px){.ovo-hero-heading{font-size:1.3rem}.ovo-modes-grid,.ovo-usecase-grid{grid-template-columns:1fr}.ovo-hero-pills{gap:.35rem}.ovo-pill{font-size:.75rem}}.taylor-swift-2048-container{width:100%;height:100vh;max-height:100vh;margin:0;padding:20px;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:0;box-shadow:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;position:relative}.taylor-swift-2048-content{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.taylor-swift-2048-preloader{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;min-height:520px;padding:24px;text-align:center;background:linear-gradient(135deg,#0a0a12,#0f0f1b);border-radius:0}.taylor-swift-2048-preloader-img{max-width:200px;max-height:200px;width:auto;height:auto;object-fit:contain;border-radius:12px;margin-bottom:24px;box-shadow:0 8px 24px #0000004d}.taylor-swift-2048-preloader h3{margin:0 0 12px;font-size:1.5rem;font-weight:700;color:#fff}.taylor-swift-2048-preloader p{margin:0 0 24px;font-size:1rem;color:#ffffffbf;max-width:420px;line-height:1.5}.taylor-swift-2048-play-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ff3e6c,#ff2d5a);border:none;border-radius:12px;cursor:pointer;box-shadow:0 4px 20px #ff3e6c66;transition:transform .2s,box-shadow .2s}.taylor-swift-2048-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff3e6c80}.taylor-swift-2048-play-btn:active{transform:translateY(0)}.taylor-swift-2048-play-btn-icon{font-size:.9em}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:16px;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px 24px;border-radius:16px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000d;border:1px solid rgba(255,255,255,.4);flex-shrink:0;width:100%;max-width:800px}.header-left{flex:1}.game-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;margin:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:left;letter-spacing:-.5px;text-shadow:0 2px 10px rgba(102,126,234,.2);line-height:1.2}.game-subtitle{font-size:1rem;color:#666;margin:8px 0 0;font-weight:500;opacity:.85}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.score-container{display:flex;gap:15px}.score-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;padding:16px 24px;text-align:center;min-width:120px;box-shadow:0 6px 24px #667eea66,inset 0 1px 2px #ffffff4d;border:1px solid rgba(255,255,255,.25);transition:transform .2s,box-shadow .2s}.score-box:hover{transform:translateY(-2px);box-shadow:0 6px 25px #667eea73}.score-label{font-size:.8rem;color:#fffffff2;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;font-weight:700}.score-value{font-size:1.8rem;font-weight:900;color:#fff}.new-game-btn{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:14px;padding:16px 32px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 24px #f5576c73,inset 0 1px 2px #ffffff4d;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.25)}.new-game-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f5576c66}.new-game-btn:active{transform:translateY(0)}.game-info{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:4px solid #667eea;padding:14px 18px;border-radius:12px;margin-bottom:16px;font-size:.9rem;color:#555;line-height:1.6;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(102,126,234,.2);flex-shrink:0;width:100%}.game-info strong{color:#667eea;font-weight:700}.game-board-wrapper{position:relative;width:100%;max-width:min(90vw,600px,calc(100vh - 280px));max-height:min(90vw,600px,calc(100vh - 280px));aspect-ratio:1;margin:0 auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-height:0;overflow:visible}.game-board{position:relative;width:100%;height:100%;background:linear-gradient(135deg,#bbada0,#a89a8f);border-radius:20px;padding:16px;box-shadow:0 16px 48px #00000040,inset 0 2px 4px #ffffff26,0 0 0 1px #0000000d;touch-action:none;border:2px solid rgba(255,255,255,.2)}.grid-background{position:absolute;top:15px;left:15px;right:15px;bottom:15px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;padding:0}.grid-cell{background:#eee4da66;border-radius:8px;box-shadow:inset 0 1px 2px #0000001a}.tiles-container{position:absolute;top:15px;left:15px;right:15px;bottom:15px;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.tile-container{position:relative;width:100%;height:100%}.album-tile{position:absolute;top:0;left:0;width:100%;height:100%;background:#eee4da;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;font-size:.85rem;color:#776e65;box-shadow:0 4px 12px #00000026,inset 0 -2px 4px #0000001a,inset 0 2px 4px #ffffff4d;overflow:hidden;transition:transform .15s ease-out,box-shadow .15s ease-out;animation:tileAppear .3s ease-out;border:1px solid rgba(255,255,255,.2)}.album-tile:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 18px #0003,inset 0 -2px 4px #0000001a,inset 0 2px 4px #fff6}.album-emoji{font-size:2rem;line-height:1;margin-bottom:5px;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1))}.album-name{font-size:.75rem;font-weight:800;text-align:center;margin-bottom:3px;line-height:1.2;padding:0 5px}.album-year{font-size:.65rem;opacity:.7;margin-bottom:5px}.album-value{position:absolute;bottom:5px;right:8px;font-size:.9rem;font-weight:900;color:#776e65;opacity:.8}.album-tile-2{background:linear-gradient(135deg,#e8d5b7,#d4c4a8);box-shadow:0 4px 12px #e8d5b766}.album-tile-4{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 4px 12px #ffd70066}.album-tile-8{background:linear-gradient(135deg,#9370db,#ba55d3);color:#fff;box-shadow:0 4px 12px #9370db80}.album-tile-16{background:linear-gradient(135deg,#dc143c,#ff1744);color:#fff;box-shadow:0 4px 12px #dc143c80}.album-tile-32{background:linear-gradient(135deg,#87ceeb,#b0e0e6);box-shadow:0 4px 12px #87ceeb66}.album-tile-64{background:linear-gradient(135deg,#2c2c2c,#404040);color:#fff;box-shadow:0 4px 12px #2c2c2c99}.album-tile-128{background:linear-gradient(135deg,#ff69b4,#ff91c7);color:#fff;box-shadow:0 4px 12px #ff69b480}.album-tile-256{background:linear-gradient(135deg,beige,#fff8dc);box-shadow:0 4px 12px #f5f5dc66}.album-tile-512{background:linear-gradient(135deg,#daa520,gold);box-shadow:0 4px 12px #daa52080}.album-tile-1024{background:linear-gradient(135deg,#191970,#4169e1);color:#fff;box-shadow:0 4px 12px #19197099}.album-tile-2048{background:linear-gradient(135deg,#8b008b,#ff1493);color:#fff;box-shadow:0 6px 25px #8b008b99;animation:glow 2s ease-in-out infinite;border:2px solid rgba(255,255,255,.3)}.album-tile-4096{background:linear-gradient(135deg,#ff1493,#ff69b4);color:#fff;box-shadow:0 6px 25px #ff149399;border:2px solid rgba(255,255,255,.3)}.album-tile-8192{background:linear-gradient(135deg,navy,indigo);color:#fff;box-shadow:0 6px 25px #00008099;border:2px solid rgba(255,255,255,.3)}.album-tile-16384{background:linear-gradient(135deg,#1a1a1a,indigo);color:#fff;box-shadow:0 6px 25px #1a1a1ab3;border:2px solid rgba(255,255,255,.3)}@keyframes glow{0%,to{box-shadow:0 6px 25px #8b008b99;transform:scale(1)}50%{box-shadow:0 8px 35px #8b008be6;transform:scale(1.02)}}.tile-new{animation:tileAppear .3s ease-out}@keyframes tileAppear{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.slide-left{animation:slideLeft .2s ease-out}.slide-right{animation:slideRight .2s ease-out}.slide-up{animation:slideUp .2s ease-out}.slide-down{animation:slideDown .2s ease-out}@keyframes slideLeft{0%{transform:translate(10px)}to{transform:translate(0)}}@keyframes slideRight{0%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes slideUp{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.game-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:40px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080,0 0 0 1px #fff3;animation:slideUp .4s cubic-bezier(.68,-.55,.265,1.55);border:1px solid rgba(255,255,255,.3)}@keyframes slideUp{0%{transform:translateY(50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-content h2{font-size:2rem;margin:0 0 15px;color:#2c3e50;font-weight:900}.modal-content p{font-size:1.1rem;color:#666;margin:10px 0}.win-modal h2{background:linear-gradient(135deg,#8b008b,#ff1493);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-over-modal h2{color:#e74c3c}.final-score{font-size:1.5rem;font-weight:700;color:#2c3e50;margin:20px 0!important}.modal-buttons{display:flex;gap:15px;justify-content:center;margin-top:25px;flex-wrap:wrap}.modal-buttons button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #667eea66;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.2)}.modal-buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99}.modal-buttons button:active{transform:translateY(-1px)}@media (max-width: 768px){.taylor-swift-2048-container{padding:12px;height:100vh;max-height:100vh;justify-content:flex-start}.taylor-swift-2048-preloader{min-height:440px;padding:20px}.taylor-swift-2048-preloader h3{font-size:1.25rem}.game-board-wrapper{max-width:min(95vw,calc(100vh - 220px));max-height:min(95vw,calc(100vh - 220px))}.game-header{padding:16px 20px;border-radius:14px;margin-bottom:14px;flex-direction:column;align-items:stretch}.game-info{padding:12px 16px;margin-bottom:14px;font-size:.85rem}.header-left,.header-right{width:100%}.game-title{font-size:2rem;text-align:center}.header-right{align-items:center}.score-container{width:100%;justify-content:center}.new-game-btn{width:100%}.album-emoji{font-size:1.5rem}.album-name{font-size:.65rem}.album-year{font-size:.55rem}.album-value{font-size:.75rem}}@media (max-width: 480px){.taylor-swift-2048-container{padding:10px;height:100vh;max-height:100vh;justify-content:flex-start}.taylor-swift-2048-preloader{min-height:380px;padding:16px}.game-board-wrapper{max-width:min(95vw,calc(100vh - 200px));max-height:min(95vw,calc(100vh - 200px))}.game-header{padding:14px 18px;border-radius:12px;margin-bottom:12px;gap:14px}.game-info{padding:10px 14px;margin-bottom:12px;font-size:.8rem}.game-title{font-size:1.75rem}.score-box{padding:12px 18px;min-width:90px;border-radius:12px}.score-value{font-size:1.5rem}.game-board{border-radius:16px;padding:12px}.grid-cell{border-radius:6px}.album-tile{border-radius:8px}.modal-content{padding:30px 20px;border-radius:16px}.modal-content h2{font-size:1.5rem}}.ts2048-seo-root{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xl)}.ts2048-seo-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.ts2048-section-dark{background:var(--bg-tertiary)}.ts2048-seo-h2{font-size:1.7rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid #ec4899}.ts2048-seo-p{color:var(--text-secondary);line-height:1.85;margin-bottom:var(--spacing-md);font-size:1rem}.ts2048-seo-p strong{color:var(--text-primary);font-weight:600}.ts2048-seo-hero{background:linear-gradient(135deg,#1e1b4b,#4c1d95 55%,#831843);border:1px solid #d946ef;border-radius:var(--radius-lg);padding:2.5rem var(--spacing-xl);position:relative;overflow:hidden}.ts2048-seo-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 80% 20%,rgba(236,72,153,.25) 0%,transparent 40%),radial-gradient(circle at 20% 80%,rgba(139,92,246,.2) 0%,transparent 40%);pointer-events:none}.ts2048-hero-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ec489940;border:1px solid rgba(236,72,153,.5);border-radius:100px;padding:.25rem .9rem;font-size:.78rem;font-weight:700;color:#fbcfe8;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--spacing-md);position:relative}.ts2048-hero-heading{font-size:2rem;font-weight:800;color:#fdf4ff;line-height:1.25;margin:0 0 var(--spacing-md);position:relative}.ts2048-hero-lead{font-size:1.075rem;line-height:1.85;color:#e879f9;margin-bottom:var(--spacing-sm);position:relative}.ts2048-hero-sub{font-size:.95rem;line-height:1.7;color:#c084fc;margin-bottom:var(--spacing-lg);position:relative}.ts2048-hero-lead strong,.ts2048-hero-sub strong{color:#f0abfc;font-weight:700}.ts2048-hero-pills{display:flex;flex-wrap:wrap;gap:.5rem;position:relative}.ts2048-pill{background:#0000004d;border:1px solid rgba(192,132,252,.4);border-radius:6px;padding:.3rem .75rem;font-size:.82rem;font-weight:600;color:#fdf4ff}.ts2048-demo-showcase{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-md);margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:center}.ts2048-demo-wrapper{position:relative;width:100%;max-width:260px;height:260px;margin-bottom:2rem;display:flex;justify-content:center;align-items:center}.ts2048-board{position:relative;width:200px;height:200px;background:#bbada0;border-radius:6px;padding:10px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px}.ts2048-cell{background:#eee4da59;border-radius:4px;width:100%;height:100%}.ts2048-tile{position:absolute;width:85px;height:85px;border-radius:4px;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:.9rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #0003;z-index:5}.t-1989-1{top:10px;left:105px;background:#38bdf8;animation:tsSlidePop1 3s infinite}.t-1989-2{top:105px;left:105px;background:#38bdf8;animation:tsSlidePop2 3s infinite}.t-rep{top:10px;left:105px;background:#171717;font-size:.8rem;opacity:0;transform:scale(.5);animation:tsCombine 3s infinite}.ts2048-poof{position:absolute;top:40px;left:135px;font-size:2rem;opacity:0;z-index:10;animation:tsPoof 3s infinite}@keyframes tsSlidePop1{0%,15%{top:10px;left:105px;opacity:1}30%,40%{top:105px;left:105px;opacity:1}41%,to{top:105px;left:105px;opacity:0}}@keyframes tsSlidePop2{0%,39%{opacity:1}40%,to{opacity:0}}@keyframes tsCombine{0%,39%{opacity:0;transform:scale(.5)}41%{opacity:1;transform:scale(1.15);top:105px;left:105px}45%{transform:scale(1);opacity:1;top:105px;left:105px}85%{opacity:1;top:105px;left:105px}to{opacity:0;top:105px;left:105px}}@keyframes tsPoof{40%{opacity:0;transform:scale(.5)}43%{opacity:1;transform:scale(1.5) translateY(-10px)}50%,to{opacity:0;transform:scale(2) translateY(-20px)}}.ts2048-demo-caption{font-size:.82rem;color:var(--text-secondary);font-style:italic;text-align:center;margin:0;border-top:1px solid var(--border-color);padding-top:var(--spacing-md);width:100%}.ts2048-tier-table-wrapper{overflow-x:auto;margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md)}.ts2048-tier-table{width:100%;border-collapse:collapse;text-align:left;background:var(--bg-secondary)}.ts2048-tier-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:700;padding:var(--spacing-sm) var(--spacing-md);border-bottom:2px solid var(--border-color)}.ts2048-tier-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.95rem}.ts2048-tier-table tbody tr:last-child td{border-bottom:none}.ts2048-color-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px;vertical-align:middle}.ts2048-table-val{width:120px;font-family:monospace;font-size:1.05rem!important;font-weight:600}.ts2048-table-name{color:var(--text-primary)!important;width:180px}.ts2048-table-desc{font-size:.95rem!important}.ts2048-usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.ts2048-usecase-card{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:border-color .25s,transform .25s}.ts2048-usecase-card:hover{border-color:#ec4899;transform:translateY(-2px)}.ts2048-usecase-icon{font-size:1.8rem;flex-shrink:0;width:2.2rem;text-align:center}.ts2048-usecase-label{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.ts2048-usecase-desc{font-size:.87rem;line-height:1.6;color:var(--text-secondary);margin:0}.ts2048-accordion{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ts2048-accordion-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.ts2048-accordion-item.open{border-color:#ec4899}.ts2048-accordion-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background .2s}.ts2048-accordion-trigger:hover{background:#ec48990f}.ts2048-accordion-num{flex-shrink:0;font-size:.8rem;font-weight:800;color:#ec4899;font-family:monospace;min-width:2ch}.ts2048-accordion-title{flex:1;font-size:.98rem;font-weight:600;color:var(--text-primary)}.ts2048-accordion-chevron{flex-shrink:0;font-size:.7rem;color:var(--text-secondary)}.ts2048-accordion-body{padding:var(--spacing-md);padding-top:0;background:var(--bg-tertiary);font-size:.93rem;line-height:1.8;color:var(--text-secondary);border-top:1px solid var(--border-color)}.ts2048-faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.ts2048-faq-item{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s}.ts2048-faq-item.open{border-color:#ec4899}.ts2048-faq-trigger{width:100%;background:var(--bg-tertiary);border:none;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-align:left;transition:background .2s}.ts2048-faq-trigger:hover{background:#ec48990f}.ts2048-faq-q-icon{flex-shrink:0;width:24px;height:24px;background:#ec4899;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800}.ts2048-faq-trigger span[itemprop=name]{flex:1;font-size:.97rem;font-weight:600;color:var(--text-primary)}.ts2048-faq-chevron{flex-shrink:0;width:24px;height:24px;background:#ec489926;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#ec4899;transition:background .2s}.ts2048-faq-item.open .ts2048-faq-chevron{background:#ec4899;color:#fff}.ts2048-faq-answer{padding:var(--spacing-md);padding-top:var(--spacing-sm);background:var(--bg-tertiary);border-top:1px solid var(--border-color)}.ts2048-faq-answer p{font-size:.93rem;line-height:1.8;color:var(--text-secondary);margin:0}@media (max-width: 768px){.ts2048-seo-hero,.ts2048-seo-section{padding:var(--spacing-lg)}.ts2048-hero-heading{font-size:1.5rem}.ts2048-seo-h2{font-size:1.35rem}}@media (max-width: 480px){.ts2048-hero-heading{font-size:1.3rem}.ts2048-usecase-grid{grid-template-columns:1fr}.ts2048-hero-pills{gap:.35rem}.ts2048-pill{font-size:.75rem}}.tool-page{width:100%;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.tool-page-icon{font-size:5rem;display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:var(--radius-lg);border:1px solid var(--border-color)}.tool-header-text{flex:1}.tool-header-text h1{margin-bottom:var(--spacing-sm)}.tool-page-category{display:inline-block;padding:.5rem 1rem;background-color:var(--bg-tertiary);color:var(--accent-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.tool-description-section{margin-bottom:var(--spacing-xl)}.tool-page-description{font-size:1.25rem;color:var(--text-secondary);line-height:1.8}.tool-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:400px;overflow:visible}.tool-content-full-width{padding:0!important;border:none!important;background:transparent!important;overflow:visible!important}.tool-placeholder{text-align:center;padding:var(--spacing-xl)}.placeholder-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.tool-placeholder h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}.tool-placeholder p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}@media (max-width: 768px){.tool-header{flex-direction:column;text-align:center;gap:var(--spacing-md)}.tool-page-icon{font-size:4rem;width:100px;height:100px}.tool-page-description{font-size:1rem}.tool-content{padding:var(--spacing-lg)}.placeholder-icon{font-size:3rem}.tool-placeholder h2{font-size:1.5rem}.tool-placeholder p{font-size:1rem}}.references-page{padding:4rem 2rem;min-height:calc(100vh - 200px);background:var(--bg-primary);display:flex;justify-content:center}.references-container{max-width:800px;width:100%;background:var(--bg-secondary);border-radius:12px;padding:2.5rem;box-shadow:0 4px 6px var(--shadow)}.references-container h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;text-align:center}.references-description{color:var(--text-secondary);font-size:1.1rem;text-align:center;margin-bottom:2rem}.references-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.references-list li{padding:1rem;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);border-left:4px solid var(--accent-primary);transition:var(--transition)}.references-list li:hover{transform:translate(4px);box-shadow:0 2px 4px var(--shadow)}.references-list a{color:var(--accent-primary);text-decoration:none;font-size:1.05rem;word-break:break-all}.references-list a:hover{text-decoration:underline;color:var(--accent-hover)}@media (max-width: 768px){.references-page{padding:2rem 1rem}.references-container{padding:1.5rem}}.not-found-page{display:flex;justify-content:center;align-items:center;min-height:60vh;text-align:center;padding:2rem}.not-found-content h1{font-size:6rem;margin-bottom:.5rem;color:var(--accent-primary)}.not-found-content h2{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.not-found-content p{font-size:1.1rem;color:var(--text-secondary);max-width:500px;margin:0 auto 2rem}.home-button{display:inline-block;background-color:var(--accent-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);text-decoration:none;font-weight:500;transition:var(--transition)}.home-button:hover{background-color:var(--accent-hover);color:#fff;transform:translateY(-2px)}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f5;--text-primary: #1f2937;--text-secondary: #6b7280;--accent-primary: #6366f1;--accent-hover: #4f46e5;--border-color: #e5e7eb;--shadow: rgba(0, 0, 0, .1);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--accent-primary)}h2{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-sm)}h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}a{color:var(--accent-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-hover)}button{background-color:var(--accent-primary);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition)}button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}button:active{transform:translateY(0)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}