.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{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition);cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;color:inherit}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6);transform:scaleX(0);transition:var(--transition)}.tool-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:0 10px 30px var(--shadow)}.tool-card:hover:before{transform:scaleX(1)}.tool-card-content{flex:1}.tool-icon{font-size:3rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-md)}.tool-name{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.25rem}.tool-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:var(--spacing-sm)}.tool-category{display:inline-block;padding:.25rem .75rem;background-color:var(--bg-tertiary);color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tool-card-arrow{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);font-size:1.5rem;color:var(--accent-primary);opacity:0;transform:translate(-10px);transition:var(--transition)}.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:2.5rem;width:60px;height:60px}.tool-name{font-size:1.1rem}.tool-description{font-size:.9rem}}.home-page{width:100%}.hero-section{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}.hero-section h1{font-size:3.5rem;margin-bottom:var(--spacing-md)}.hero-description{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background-color:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-xl)}.empty-state-icon{font-size:5rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h2{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin:0 auto}@media (max-width: 768px){.hero-section h1{font-size:2.5rem}.hero-description{font-size:1rem;padding:0 var(--spacing-sm)}.tools-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.empty-state-icon{font-size:4rem}.empty-state p{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.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}.minecraft-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.seo-section h3{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.seo-section li{margin-bottom:var(--spacing-xs)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.feature-item{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition)}.feature-item:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.feature-item h3{color:var(--text-primary);font-size:1.1rem;margin-top:0;margin-bottom:var(--spacing-xs)}.feature-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:0}.how-to-steps{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.step-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.step-content h3{color:var(--text-primary);font-size:1.2rem;margin-top:0;margin-bottom:var(--spacing-xs)}.step-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:0}.size-guide{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.size-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.size-item>div>p{color:var(--text-secondary);margin-bottom:0;font-size:.95rem;line-height:1.6}.size-badge{flex-shrink:0;min-width:52px;padding:4px 8px;border-radius:6px;font-size:.85rem;font-weight:700;text-align:center;color:#fff}.size-badge.small{background:#22c55e}.size-badge.medium{background:#3b82f6}.size-badge.large{background:#a855f7}.size-badge.huge{background:#ef4444}.guide-content{margin-top:var(--spacing-md)}.guide-content h3{color:var(--text-primary);font-size:1.3rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.guide-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.guide-content ul{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.guide-content li{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-sm)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.faq-item{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition)}.faq-item h3{color:var(--text-primary);font-size:1.1rem;margin-top:0;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.faq-item h3:before{content:"Q:";color:var(--accent-primary);font-weight:700;font-size:1.2rem}.faq-item p{color:var(--text-secondary);line-height:1.7;margin-bottom:0;padding-left:var(--spacing-lg)}@media (max-width: 768px){.seo-section{padding:var(--spacing-md)}.seo-section h2{font-size:1.4rem}.features-grid{grid-template-columns:1fr}.step-item{flex-direction:column}.step-number{width:40px;height:40px;font-size:1.25rem}.guide-content ul{padding:var(--spacing-sm)}.size-item{flex-direction:row;align-items:flex-start}.seo-intro>p:first-of-type{font-size:1rem}}.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}.pokemon-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.seo-image-block{margin:var(--spacing-lg) 0;text-align:center}.seo-image-block img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);display:block;margin:0 auto}.seo-image-caption{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin-top:var(--spacing-xs)!important;margin-bottom:0!important}.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}}.line-graph-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.guide-content p:last-child{margin-bottom:0}@media (max-width: 768px){.seo-section{padding:var(--spacing-md)}.step-item{flex-direction:column;align-items:center;text-align:center}.step-number{margin-bottom:var(--spacing-sm)}.faq-item h3{font-size:1.1rem}}.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}}.bar-graph-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.placeholder-visual{width:100%;aspect-ratio:16/9;background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden}.mock-bar-chart{display:flex;align-items:flex-end;gap:12px;height:60%;width:70%}.mock-bar{flex:1;border-radius:4px 4px 0 0;min-width:20px;animation:barGrow 1.5s ease-out forwards;transform-origin:bottom}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.type-comparison{display:flex;gap:20px;padding:20px}.type-mock{flex:1;height:50%;border:1px solid var(--border-color);background-color:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary);border-radius:8px;font-size:.9rem}@media (max-width: 768px){.seo-section{padding:var(--spacing-md)}.step-item{flex-direction:column;align-items:center;text-align:center}.step-number{margin-bottom:var(--spacing-sm)}.faq-item h3{font-size:1.1rem}.mock-bar-chart{width:90%}}.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}}.pie-chart-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.mock-pie-container{display:flex;align-items:center;gap:30px}.mock-pie-chart{width:150px;height:150px;border-radius:50%;background:conic-gradient(#4fd1c5,#4fd1c5 40%,#f6ad55 40%,#f6ad55 65%,#9f7aea 65%,#9f7aea 85%,#f687b3 85%,#f687b3);animation:pieRotate 20s linear infinite;box-shadow:0 4px 15px #0000001a}@keyframes pieRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mock-pie-labels{display:flex;flex-direction:column;gap:8px}.mock-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.mock-label:before{content:"";width:12px;height:12px;border-radius:2px}.mock-label:nth-child(1):before{background-color:#4fd1c5}.mock-label:nth-child(2):before{background-color:#f6ad55}.mock-label:nth-child(3):before{background-color:#9f7aea}.mock-label:nth-child(4):before{background-color:#f687b3}.feature-showcase{gap:60px}.showcase-item{display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--text-secondary);font-weight:600}.mock-donut{width:100px;height:100px;border-radius:50%;background:conic-gradient(#4fd1c5 0,#4fd1c5 70%,#9f7aea 70%,#9f7aea);position:relative;display:flex;align-items:center;justify-content:center}.donut-hole{width:50%;height:50%;background-color:var(--bg-tertiary);border-radius:50%;border:1px dashed var(--border-color)}.mock-pie-exploded{width:100px;height:100px;border-radius:50%;background:conic-gradient(#f6ad55 0,#f6ad55 60%,#4fd1c5 60%,#4fd1c5);position:relative}.exploded-slice{position:absolute;top:-10px;left:-5px;width:60px;height:60px;background-color:#f6ad55;clip-path:polygon(100% 100%,0 0,100% 0);transform:rotate(-10deg);animation:bounceExplode 2s ease-in-out infinite}@keyframes bounceExplode{0%,to{transform:translate(0) rotate(-10deg)}50%{transform:translate(-5px,-5px) rotate(-10deg)}}@media (max-width: 768px){.seo-section{padding:var(--spacing-md)}.step-item{flex-direction:column;align-items:center;text-align:center}.step-number{margin-bottom:var(--spacing-sm)}.feature-showcase{flex-direction:column;gap:30px;padding:20px}.mock-pie-container{flex-direction:column;gap:15px}}.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}}.scatter-plot-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.mock-scatter-showcase{display:flex;gap:40px;width:90%;height:80%}.showcase-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--text-secondary);font-weight:600}.mock-plot{width:100%;height:150px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;position:relative;overflow:hidden}.mock-plot .dot{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#4fd1c5}.correlation-positive .dot:nth-child(1){bottom:10%;left:10%}.correlation-positive .dot:nth-child(2){bottom:20%;left:25%}.correlation-positive .dot:nth-child(3){bottom:35%;left:30%}.correlation-positive .dot:nth-child(4){bottom:45%;left:50%}.correlation-positive .dot:nth-child(5){bottom:60%;left:65%}.correlation-positive .dot:nth-child(6){bottom:75%;left:80%}.correlation-positive .dot:nth-child(7){bottom:85%;left:90%}.correlation-positive .line-linear{position:absolute;bottom:0;left:0;width:150%;height:2px;background-color:#4fd1c566;transform-origin:bottom left;transform:rotate(-40deg);animation:lineScan 4s ease-in-out infinite}@keyframes lineScan{0%,to{opacity:.2}50%{opacity:.8}}.correlation-random .dot:nth-child(1){bottom:80%;left:10%}.correlation-random .dot:nth-child(2){bottom:15%;left:15%}.correlation-random .dot:nth-child(3){bottom:45%;left:35%}.correlation-random .dot:nth-child(4){bottom:70%;left:50%}.correlation-random .dot:nth-child(5){bottom:25%;left:65%}.correlation-random .dot:nth-child(6){bottom:90%;left:75%}.correlation-random .dot:nth-child(7){bottom:10%;left:85%}.correlation-random .dot{background-color:#f6ad55}.trendline-showcase{gap:40px}.line-expo .dot{background-color:#9f7aea}.line-expo .dot:nth-child(1){bottom:5%;left:10%}.line-expo .dot:nth-child(2){bottom:10%;left:30%}.line-expo .dot:nth-child(3){bottom:20%;left:50%}.line-expo .dot:nth-child(4){bottom:45%;left:70%}.line-expo .dot:nth-child(5){bottom:85%;left:90%}.line-expo .line-curved{position:absolute;bottom:0;left:0;width:100%;height:100%;border-bottom:2px solid #9f7aea;border-right:2px solid transparent;border-radius:0 0 100%;opacity:.5}.line-poly .dot{background-color:#f687b3}.line-poly .dot:nth-child(1){bottom:40%;left:10%}.line-poly .dot:nth-child(2){bottom:70%;left:30%}.line-poly .dot:nth-child(3){bottom:80%;left:50%}.line-poly .dot:nth-child(4){bottom:65%;left:70%}.line-poly .dot:nth-child(5){bottom:35%;left:90%}.line-poly .line-curved-poly{position:absolute;top:10%;left:0;width:100%;height:80%;border-top:2px solid #f687b3;border-radius:50% 50% 0 0;opacity:.5}@media (max-width: 768px){.seo-section{padding:var(--spacing-md)}.step-item{flex-direction:column;align-items:center;text-align:center}.step-number{margin-bottom:var(--spacing-sm)}.mock-scatter-showcase,.trendline-showcase{flex-direction:column;gap:30px;height:auto;padding:20px}}.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}.inch-ruler-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.seo-section code{background-color:var(--bg-tertiary);padding:2px 6px;border-radius:4px;color:var(--accent-primary);font-family:monospace}.ruler-ticks{width:100%;height:20px;background:repeating-linear-gradient(90deg,var(--text-primary),var(--text-primary) 1px,transparent 1px,transparent 10%);opacity:.5}.credit-card-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:88px;background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 20px #0000004d;display:flex;flex-direction:column;justify-content:flex-end;padding:10px;animation:cardHover 3s ease-in-out infinite}@keyframes cardHover{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-55%) scale(1.02)}}.card-chip{width:18px;height:14px;background:#ecc94b;border-radius:2px;margin-bottom:auto}.card-info{color:#fff;font-size:8px;letter-spacing:1px}.vertical-ruler{width:40px;height:180px}.ruler-ticks-v{width:20px;height:100%;background:repeating-linear-gradient(0deg,var(--text-primary),var(--text-primary) 1px,transparent 1px,transparent 10%);opacity:.5}.phone-outline{position:absolute;top:30px;left:50px;width:60px;height:120px;border:2px solid var(--border-color);background:var(--bg-tertiary);border-radius:10px;display:flex;align-items:center;justify-content:center}.phone-screen{font-size:10px;background:var(--accent-primary);color:#fff;padding:2px 4px;border-radius:4px}.precision-detail-showcase{gap:60px}.marking-zoom{width:150px;height:150px;background:var(--bg-secondary);border-radius:50%;border:4px solid var(--accent-primary);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ruler-segment{width:200%;height:40px;display:flex;align-items:flex-start;gap:10px}.tick{width:2px;background-color:var(--text-primary)}.t-1{height:30px}.t-1-4{height:20px}.t-1-8{height:15px}.t-1-16{height:10px;background-color:var(--accent-primary)}.zoom-circle{position:absolute;top:20px;right:20px;background:var(--accent-primary);color:#fff;font-size:10px;padding:4px 8px;border-radius:20px;font-weight:700;animation:pulseZoom 2s infinite}@keyframes pulseZoom{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.orientation-toggle{display:flex;align-items:center;gap:15px}.ruler-mini-h{width:60px;height:15px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2px}.ruler-mini-v{width:15px;height:60px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2px}.toggle-arrows{font-size:24px;color:var(--accent-primary);animation:rotateFlip 4s infinite}@keyframes rotateFlip{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.image-caption{font-style:italic;font-size:.9rem;color:var(--text-secondary);text-align:center;margin:0!important}.feature-item h3{margin-top:0}.how-to-steps{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.step-item{display:flex;gap:var(--spacing-md);background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.step-number{flex-shrink:0;width:48px;height:48px;background-color:var(--accent-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-content h3{margin-top:0;margin-bottom:var(--spacing-xs);color:var(--accent-primary)}.step-content p{margin-bottom:0}.faq-item{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.faq-item h3{margin-top:0;margin-bottom:var(--spacing-sm);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.faq-item h3:before{content:"Q:";color:var(--accent-primary);font-weight:700}.faq-item p{margin-bottom:0;padding-left:28px}@media (max-width: 768px){.seo-section{padding:var(--spacing-md)}.step-item{flex-direction:column;align-items:center;text-align:center}.step-number{margin-bottom:var(--spacing-sm)}.calibration-simulation-showcase,.precision-detail-showcase{flex-direction:column;gap:30px;height:auto;padding:20px}}.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}.cm-ruler-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.calibration-simulation-showcase{display:flex;gap:40px;width:90%;height:80%}.simulation-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--text-secondary);font-weight:600}.mock-ruler-calib{width:100%;height:120px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;position:relative;overflow:hidden}.ruler-ticks-cm{width:100%;height:25px;background:repeating-linear-gradient(90deg,var(--text-primary),var(--text-primary) 1px,transparent 1px,transparent 1cm);opacity:.5}.credit-card-overlay-metric{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:100px;background:linear-gradient(135deg,#1a365d,#2a4365);border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 25px #0006;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;animation:cardPulse 4s ease-in-out infinite}@keyframes cardPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.9}50%{transform:translate(-50%,-52%) scale(1.05);opacity:1}}.card-chip{width:22px;height:16px;background:#f6e05e;border-radius:3px;margin-bottom:auto}.card-info{color:#fff;font-size:9px;letter-spacing:1px}.ruler-ticks-v-cm{width:25px;height:100%;background:repeating-linear-gradient(0deg,var(--text-primary),var(--text-primary) 1px,transparent 1px,transparent 1cm);opacity:.5}.tablet-outline{position:absolute;top:20px;left:60px;width:100px;height:140px;border:3px solid var(--border-color);background:var(--bg-tertiary);border-radius:12px;display:flex;align-items:center;justify-content:center}.tablet-screen{font-size:11px;background:var(--accent-primary);color:#fff;padding:4px 8px;border-radius:20px;font-weight:700}.precision-item{display:flex;flex-direction:column;align-items:center;gap:15px;font-weight:600;color:var(--text-secondary)}.marking-zoom{width:160px;height:160px;background:var(--bg-secondary);border-radius:50%;border:4px solid var(--accent-primary);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ruler-segment-cm{width:200%;height:50px;display:flex;align-items:flex-start;gap:12px}.tick-cm{width:2px;background-color:var(--text-primary)}.t-cm-main{height:40px;width:3px}.t-mm-half{height:25px;background-color:var(--accent-primary)}.t-mm{height:15px;opacity:.7}.zoom-circle-cm{position:absolute;bottom:25px;left:25px;background:var(--accent-primary);color:#fff;font-size:11px;padding:5px 10px;border-radius:20px;font-weight:700;animation:glowEffect 2s ease-in-out infinite}@keyframes glowEffect{0%,to{box-shadow:0 0 5px var(--accent-primary)}50%{box-shadow:0 0 15px var(--accent-primary)}}.orientation-toggle-metric{display:flex;align-items:center;gap:20px}.ruler-mini-h-cm{width:80px;height:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px}.ruler-mini-v-cm{width:20px;height:80px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px}.toggle-arrows-metric{font-size:28px;animation:flipMetric 5s infinite}@keyframes flipMetric{0%,20%{transform:scale(1) rotate(0)}45%,55%{transform:scale(1.2) rotate(180deg)}80%,to{transform:scale(1) rotate(360deg)}}.feature-item{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .25s ease}.feature-item:hover{border-color:var(--accent-primary);transform:scale(1.02);background-color:var(--bg-secondary)}@media (max-width: 768px){.calibration-simulation-showcase,.precision-detail-showcase{flex-direction:column;gap:40px;height:auto;padding:30px}}.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)}}.mm-ruler-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.seo-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.seo-intro>p:first-of-type{font-size:1.05rem;line-height:1.85}.seo-section h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--accent-primary)}.seo-section h3{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.seo-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.seo-section ul{color:var(--text-secondary);line-height:1.8;margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.seo-section li{margin-bottom:var(--spacing-sm)}.seo-section strong{color:var(--text-primary);font-weight:600}.image-block-section{padding:0;overflow:hidden;background-color:transparent;border:none}.image-placeholder-wrapper{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.placeholder-visual{width:100%;aspect-ratio:16/9;background-color:var(--bg-tertiary);border-radius:var(--radius-md);border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.mm-calibration-simulation{display:flex;gap:40px;width:90%;height:80%}.sim-block{flex:1;display:flex;flex-direction:column;align-items:center;gap:15px;color:var(--text-secondary);font-weight:600}.micro-ruler{width:100%;height:120px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;position:relative;overflow:hidden}.mm-ticks-fine{width:100%;height:25px;background:repeating-linear-gradient(90deg,var(--text-primary),var(--text-primary) 1px,transparent 1px,transparent .5cm);opacity:.6}.reference-card-mm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:90px;background:linear-gradient(135deg,#1a202c,#2d3748);border-radius:6px;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 20px #00000080;display:flex;flex-direction:column;justify-content:space-between;padding:10px;animation:mmPulse 4s ease-in-out infinite}@keyframes mmPulse{0%,to{transform:translate(-50%,-50%) scale(.98);opacity:.8}50%{transform:translate(-50%,-51%) scale(1.02);opacity:1}}.chip-mm{width:18px;height:14px;background:#ecc94b;border-radius:2px}.card-label{color:#fff9;font-size:8px;font-family:monospace}.precision-drag-demo{width:100%;height:140px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.drag-line{width:80%;height:2px;background:var(--accent-primary);position:relative}.drag-line:before,.drag-line:after{content:"";position:absolute;top:-5px;width:2px;height:12px;background:var(--accent-primary)}.drag-line:after{right:0}.drag-cursor{position:absolute;top:45%;left:80%;font-size:20px;animation:moveCursor 3s linear infinite}@keyframes moveCursor{0%,to{left:20%}50%{left:80%}}.readout-mm{margin-top:15px;background:var(--accent-primary);color:#fff;padding:4px 12px;border-radius:4px;font-family:monospace;font-weight:700}.precision-pair{display:flex;flex-direction:column;align-items:center;gap:15px;font-weight:600;color:var(--text-secondary)}.zoom-mm-segment{width:160px;height:160px;background:var(--bg-secondary);border-radius:12px;border:2px solid var(--border-color);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.ticks-container{width:120%;height:60px;display:flex;align-items:center;justify-content:center;gap:5px}.ticks-container i{background:var(--text-primary);border-radius:1px}.main-tick{font-size:14px;font-weight:800;color:var(--text-primary)}.mid-tick{width:2px;height:35px;background:var(--accent-primary)!important}.small-tick{width:1px;height:18px;opacity:.5}.lens-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:3px solid var(--accent-primary);border-radius:50%;background:#6366f10d;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;font-size:12px;color:var(--accent-primary);font-weight:700;pointer-events:none;animation:scopePulse 2s ease-in-out infinite}@keyframes scopePulse{0%,to{transform:translate(-50%,-50%) scale(1);border-color:var(--accent-primary)}50%{transform:translate(-50%,-50%) scale(1.1);border-color:#818cf8}}.axis-flip-mm{display:flex;align-items:center;gap:15px}.ruler-h-mini{width:70px;height:15px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px}.ruler-v-mini{width:15px;height:70px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:2px}.rotate-icon{font-size:24px;animation:mmRotate 6s infinite}@keyframes mmRotate{0%,25%{transform:rotate(0)}35%,50%{transform:rotate(90deg)}60%,75%{transform:rotate(180deg)}85%,to{transform:rotate(360deg)}}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.feature-item{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all .2s ease}.feature-item:hover{border-color:var(--accent-primary);transform:translateY(-2px);background-color:var(--bg-secondary)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{background-color:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:border-color .2s}.faq-item:hover{border-color:var(--accent-primary)}.faq-item h3:before{content:"Q:";color:var(--accent-primary);margin-right:10px;font-weight:800}.faq-item p{padding-left:32px}@media (max-width: 768px){.mm-calibration-simulation,.mm-precision-detail-showcase{flex-direction:column;gap:30px;height:auto;padding:20px}}.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}}.phone-number-generator-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.phone-number-generator-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.phone-number-generator-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.phone-number-generator-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.phone-number-generator-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.phone-number-generator-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.phone-number-generator-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.phone-number-generator-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.phone-number-generator-seo-content li strong{color:var(--accent-primary)}@media (max-width: 768px){.phone-number-generator-seo-content{padding:0 var(--spacing-md)}.phone-number-generator-seo-content h2{font-size:1.75rem}.phone-number-generator-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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)}}.rice-purity-test-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.rice-purity-test-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.rice-purity-test-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.rice-purity-test-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.rice-purity-test-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.rice-purity-test-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.rice-purity-test-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.rice-purity-test-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.rice-purity-test-seo-content li strong{color:var(--accent-primary)}@media (max-width: 768px){.rice-purity-test-seo-content{padding:0 var(--spacing-md)}.rice-purity-test-seo-content h2{font-size:1.75rem}.rice-purity-test-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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}}.mental-age-test-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.mental-age-test-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.mental-age-test-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.mental-age-test-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.mental-age-test-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.mental-age-test-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.mental-age-test-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.mental-age-test-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.mental-age-test-seo-content li strong{color:var(--accent-primary)}@media (max-width: 768px){.mental-age-test-seo-content{padding:0 var(--spacing-md)}.mental-age-test-seo-content h2{font-size:1.75rem}.mental-age-test-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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}}.digital-clock-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.digital-clock-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.digital-clock-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.digital-clock-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.digital-clock-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.digital-clock-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.digital-clock-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.digital-clock-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.digital-clock-seo-content li strong{color:var(--accent-primary)}@media (max-width: 768px){.digital-clock-seo-content{padding:0 var(--spacing-md)}.digital-clock-seo-content h2{font-size:1.75rem}.digital-clock-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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)}}.roman-digit-clock-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.roman-digit-clock-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.roman-digit-clock-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.roman-digit-clock-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.roman-digit-clock-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.roman-digit-clock-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.roman-digit-clock-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.roman-digit-clock-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.roman-digit-clock-seo-content li strong{color:var(--accent-primary)}@media (max-width: 768px){.roman-digit-clock-seo-content{padding:0 var(--spacing-md)}.roman-digit-clock-seo-content h2{font-size:1.75rem}.roman-digit-clock-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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}}.analog-clock-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.analog-clock-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.analog-clock-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.analog-clock-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.analog-clock-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.analog-clock-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.analog-clock-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.analog-clock-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.analog-clock-seo-content li strong{color:var(--accent-primary)}@media (max-width: 768px){.analog-clock-seo-content{padding:0 var(--spacing-md)}.analog-clock-seo-content h2{font-size:1.75rem}.analog-clock-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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}}.analog-alarm-clock-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.analog-alarm-clock-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.analog-alarm-clock-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.analog-alarm-clock-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.analog-alarm-clock-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.analog-alarm-clock-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.analog-alarm-clock-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.analog-alarm-clock-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.analog-alarm-clock-seo-content li strong{color:var(--accent-primary)}@media (max-width: 768px){.analog-alarm-clock-seo-content{padding:0 var(--spacing-md)}.analog-alarm-clock-seo-content h2{font-size:1.75rem}.analog-alarm-clock-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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}}.decimal-to-fraction-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.decimal-to-fraction-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.decimal-to-fraction-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.decimal-to-fraction-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.decimal-to-fraction-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.decimal-to-fraction-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.decimal-to-fraction-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.decimal-to-fraction-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.decimal-to-fraction-seo-content li strong{color:var(--accent-primary)}@media (max-width: 768px){.decimal-to-fraction-seo-content{padding:0 var(--spacing-md)}.decimal-to-fraction-seo-content h2{font-size:1.75rem}.decimal-to-fraction-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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}}.draw-perfect-circle-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.draw-perfect-circle-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.draw-perfect-circle-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.draw-perfect-circle-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.draw-perfect-circle-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.draw-perfect-circle-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.draw-perfect-circle-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.draw-perfect-circle-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.draw-perfect-circle-seo-content li strong{color:var(--accent-primary)}@media (max-width: 768px){.draw-perfect-circle-seo-content{padding:0 var(--spacing-md)}.draw-perfect-circle-seo-content h2{font-size:1.75rem}.draw-perfect-circle-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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}}.core-ball-seo-content{max-width:900px;margin:var(--spacing-xxl) auto;padding:0 var(--spacing-lg);line-height:1.8}.core-ball-seo-content .seo-section{margin-bottom:var(--spacing-xxl)}.core-ball-seo-content h2{color:var(--text-primary);font-size:2rem;margin-bottom:var(--spacing-lg);font-weight:700;border-bottom:2px solid var(--accent-primary);padding-bottom:var(--spacing-sm)}.core-ball-seo-content h3{color:var(--text-primary);font-size:1.5rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600}.core-ball-seo-content h4{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm);font-weight:600}.core-ball-seo-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-md)}.core-ball-seo-content ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.core-ball-seo-content li{margin-bottom:var(--spacing-sm);font-size:1.05rem;line-height:1.7}.core-ball-seo-content li strong{color:var(--accent-primary)}.feature-item{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition)}.feature-item:hover{border-color:var(--accent-primary);transform:translateY(-3px);box-shadow:0 8px 24px #6366f133}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md);text-align:center}.feature-item h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--spacing-sm);text-align:center;margin-top:0}.feature-item p{color:var(--text-secondary);font-size:1rem;text-align:left;margin:0}.how-to-steps{margin-top:var(--spacing-lg)}.step-item{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);border-left:4px solid var(--accent-primary)}.step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-content h3{margin-top:0;margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem}.step-content p{margin:0;color:var(--text-secondary);font-size:1.05rem}.faq-section{margin-top:var(--spacing-xxl)}.faq-item{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition)}.faq-item:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f11a}.faq-item h3{color:var(--accent-primary);font-size:1.25rem;margin-top:0;margin-bottom:var(--spacing-md);font-weight:600}.faq-item p{margin:0;color:var(--text-secondary);font-size:1.05rem;line-height:1.8}@media (max-width: 768px){.core-ball-seo-content{padding:0 var(--spacing-md)}.core-ball-seo-content h2{font-size:1.75rem}.core-ball-seo-content h3{font-size:1.25rem}.feature-grid{grid-template-columns:1fr}.step-item{flex-direction:column;align-items:center;text-align:center}.step-content{text-align:left}}.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}}.slope-unblocked-seo-content{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.seo-section{margin-bottom:var(--spacing-xxl)}.seo-section h1{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-md);line-height:1.2}.seo-section h2{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.seo-section h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg)}.seo-section p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.feature-item{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.feature-item h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);margin-top:0}.feature-item p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:0}.how-to-list{list-style:none;padding:0;margin:var(--spacing-lg) 0}.how-to-list li{background:var(--bg-secondary);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border-radius:12px;border-left:4px solid var(--accent-primary);box-shadow:0 2px 8px #0000000d}.how-to-list li strong{display:block;font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.how-to-list li p{margin-bottom:0;font-size:1rem}.seo-section ul{list-style:none;padding:0;margin:var(--spacing-md) 0}.seo-section ul li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-lg);position:relative;font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}.seo-section ul li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.faq-item{background:var(--bg-secondary);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.faq-item h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm);margin-top:0}.faq-item p{margin-bottom:0;font-size:1rem}@media (max-width: 768px){.slope-unblocked-seo-content{padding:var(--spacing-lg) var(--spacing-md)}.seo-section h1{font-size:2rem}.seo-section h2{font-size:1.75rem}.feature-grid{grid-template-columns:1fr}}.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}}.cupcakes2048-seo-content{max-width:1200px;margin:0 auto;padding:40px 20px;background:#fff}.seo-section h2{font-size:clamp(1.75rem,3vw,2.5rem);color:#ff6b6b;margin-bottom:25px;border-bottom:3px solid #ff6b6b;padding-bottom:10px}.feature-item{background:linear-gradient(135deg,#fff5f5,#fff);border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-item h3{color:#ff6b6b;margin-bottom:12px}.how-to-list li{counter-increment:step-counter;background:#f9f9f9;border-left:4px solid #ff6b6b;margin-bottom:20px;border-radius:8px;position:relative;padding:25px 25px 25px 80px}.how-to-list li:before{content:counter(step-counter);position:absolute;left:20px;top:25px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.how-to-list li strong{display:block;font-size:1.2rem;color:#ff6b6b;margin-bottom:10px}.tier-list{display:grid;gap:20px;margin-top:25px}.tier-item{background:linear-gradient(135deg,#fff9f0,#fff);border-left:5px solid #ffd93d;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.tier-item strong{display:block;color:#ff6b6b;font-size:1.15rem;margin-bottom:8px}.tier-item p{margin:0;color:#666;font-size:1rem}.tip-item{background:#f8f9fa;border-radius:10px;padding:20px;border-top:4px solid #ff6b6b}.tip-item h3{color:#ff6b6b;margin-bottom:12px;font-size:1.3rem}.faq-item{background:#fafafa;border-radius:10px;padding:25px;border-left:5px solid #ff6b6b;box-shadow:0 2px 8px #0000000d}@media (max-width: 768px){.cupcakes2048-seo-content{padding:30px 15px}.feature-grid,.tips-grid{grid-template-columns:1fr}.how-to-list li{padding-left:70px}}.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}}.cookie-clicker-unblocked-seo-content{max-width:1200px;margin:0 auto;padding:40px 20px;background:#fff}.seo-section{margin-bottom:50px}.seo-section h1{font-size:clamp(2rem,4vw,3rem);color:#333;margin-bottom:20px;line-height:1.2}.seo-section h2{font-size:clamp(1.75rem,3vw,2.5rem);color:#8b4513;margin-bottom:25px;border-bottom:3px solid #8B4513;padding-bottom:10px}.seo-section h3{font-size:clamp(1.25rem,2vw,1.5rem);color:#333;margin-bottom:10px}.seo-section p{font-size:1.1rem;line-height:1.8;color:#555;margin-bottom:15px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:30px}.feature-item{background:linear-gradient(135deg,#fff8f0,#fff);border-radius:12px;padding:25px;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid #8B4513}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.feature-icon{font-size:3rem;margin-bottom:15px}.feature-item h3{color:#8b4513;margin-bottom:12px}.feature-item p{font-size:1rem;line-height:1.6;color:#666;margin-bottom:0}.how-to-list{list-style:none;padding:0;counter-reset:step-counter}.how-to-list li{counter-increment:step-counter;background:#f9f9f9;border-left:4px solid #8B4513;margin-bottom:20px;border-radius:8px;position:relative;padding:25px 25px 25px 80px}.how-to-list li:before{content:counter(step-counter);position:absolute;left:20px;top:25px;background:linear-gradient(135deg,#8b4513,peru);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.how-to-list li strong{display:block;font-size:1.2rem;color:#8b4513;margin-bottom:10px}.how-to-list li p{margin:0;color:#555}.building-list{display:grid;gap:20px;margin-top:25px}.building-item{background:linear-gradient(135deg,#fff8f0,#fff);border-left:5px solid #CD853F;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000000d}.building-item strong{display:block;color:#8b4513;font-size:1.15rem;margin-bottom:8px}.building-item p{margin:0;color:#666;font-size:1rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:25px}.tip-item{background:#f8f9fa;border-radius:10px;padding:20px;border-top:4px solid #8B4513}.tip-item h3{color:#8b4513;margin-bottom:12px;font-size:1.3rem}.tip-item p{margin:0;color:#555;line-height:1.7}.faq-list{display:flex;flex-direction:column;gap:20px;margin-top:25px}.faq-item{background:#fafafa;border-radius:10px;padding:25px;border-left:5px solid #8B4513;box-shadow:0 2px 8px #0000000d}.faq-item h3{color:#333;margin-bottom:12px;font-size:1.2rem}.faq-item p{margin:0;color:#555;line-height:1.7}@media (max-width: 768px){.cookie-clicker-unblocked-seo-content{padding:30px 15px}.feature-grid,.tips-grid{grid-template-columns:1fr}.how-to-list li{padding-left:70px}}.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-unblocked-seo-content{max-width:1200px;margin:40px auto;padding:0 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;color:#333}.seo-section ul{margin:20px 0;padding-left:30px}@media (max-width: 768px){.ovo-unblocked-seo-content{padding:0 15px}.seo-section{padding:20px}.seo-section h2{font-size:1.5rem}.seo-section p,.seo-section li{font-size:1rem}.features-grid,.tips-list{grid-template-columns:1fr;gap:20px}.feature-item,.tip-item,.faq-item{padding:20px}.feature-item h3,.tip-item h3,.faq-item h3{font-size:1.2rem}}.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}}.taylor-swift-2048-seo-content{max-width:1200px;margin:40px auto;padding:0 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.8;color:#333}.seo-section{margin-bottom:50px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 10px #0000001a}.seo-section h2{font-size:2rem;color:#2c3e50;margin:0 0 20px;padding-bottom:15px;border-bottom:3px solid #667eea;font-weight:700}.seo-section p{font-size:1.1rem;color:#555;margin:0 0 15px;line-height:1.8}.seo-section ul,.seo-section ol{margin:20px 0;padding-left:30px}.seo-section li{font-size:1.1rem;color:#555;margin:10px 0;line-height:1.8}.seo-section li strong{color:#2c3e50;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.feature-item{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:10px;border:2px solid rgba(102,126,234,.1);transition:all .3s ease}.feature-item:hover{transform:translateY(-5px);box-shadow:0 6px 20px #667eea33;border-color:#667eea4d}.feature-item h3{font-size:1.3rem;color:#2c3e50;margin:0 0 12px;font-weight:700}.feature-item p{font-size:1rem;color:#666;margin:0;line-height:1.7}.tips-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px}.tip-item{background:linear-gradient(135deg,#fff9e6,#fff3cd);padding:25px;border-radius:10px;border-left:4px solid #ffc107;transition:all .3s ease}.tip-item:hover{transform:translate(5px);box-shadow:0 4px 15px #ffc10733}.tip-item h3{font-size:1.3rem;color:#856404;margin:0 0 12px;font-weight:700}.tip-item p{font-size:1rem;color:#856404;margin:0;line-height:1.7}.faq-list{margin-top:30px}.faq-item{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:25px;border-radius:10px;margin-bottom:20px;border-left:4px solid #2196f3;transition:all .3s ease}.faq-item:hover{transform:translate(5px);box-shadow:0 4px 15px #2196f333}.faq-item h3{font-size:1.3rem;color:#1565c0;margin:0 0 12px;font-weight:700}.faq-item p{font-size:1rem;color:#1565c0;margin:0;line-height:1.7}@media (max-width: 768px){.taylor-swift-2048-seo-content{padding:0 15px}.seo-section{padding:20px}.seo-section h2{font-size:1.5rem}.seo-section p,.seo-section li{font-size:1rem}.features-grid,.tips-list{grid-template-columns:1fr;gap:20px}.feature-item,.tip-item,.faq-item{padding:20px}.feature-item h3,.tip-item h3,.faq-item h3{font-size:1.2rem}}.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}}: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);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}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}}