@layer tokens,reset,base,layout,components,utilities;@layer tokens{:root{--font-display:"Plus Jakarta Sans","Segoe UI",sans-serif;--font-body:"Manrope","Segoe UI",sans-serif;--primary-100:#e0e7ff;--primary-200:#c7d2fe;--primary-300:#4f46e5;--primary-400:#4338ca;--accent-100:#ccfbf1;--accent-200:#14b8a6;--accent-300:#0f766e;--coral-100:#ffe4e6;--coral-200:#f43f5e;--text-100:#0f172a;--text-200:#334155;--text-300:#64748b;--text-400:#94a3b8;--bg-100:#fff;--bg-200:#f8fafc;--bg-300:#e2e8f0;--surface:#fff;--surface_container_low:#f8fafc;--surface_container_high:#eef2f7;--outline_variant:rgba(51,65,85,.15);--glass-bg:hsla(0,0%,100%,.75);--glass-border:hsla(0,0%,100%,.6);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.15);--glass-blur:12px;--bg-primary:var(--bg-100);--bg-secondary:var(--bg-200);--bg-container:var(--glass-bg);--text-primary:var(--text-100);--text-secondary:var(--text-200);--text-muted:var(--text-300);--accent-primary:var(--primary-300);--accent-hover:var(--primary-400);--accent-light:var(--primary-200);--border-color:var(--bg-300);--shadow-color:rgba(15,23,42,.08);--input-bg:hsla(0,0%,100%,.9);--button-text:#fff;--success-color:#10b981;--error-color:#ef4444;--warning-color:#f59e0b;--gradient-1:radial-gradient(circle at 0% 0%,rgba(79,70,229,.15) 0%,transparent 50%);--gradient-2:radial-gradient(circle at 100% 0%,rgba(20,184,166,.15) 0%,transparent 50%);--gradient-3:radial-gradient(circle at 100% 100%,rgba(244,63,94,.1) 0%,transparent 50%);--container-width-sm:100%;--container-width-md:90%;--container-width-lg:1200px;--container-width-xl:1400px;--container-width-xxl:1600px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:32px;--spacing-xl:48px;--spacing-xxl:80px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.5s cubic-bezier(.4,0,.2,1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:24px;--border-width:1px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--icon-size-sm:16px;--icon-size-md:24px;--icon-size-lg:32px;--icon-size-xl:48px;--breakpoint-xs:390px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1366px;--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}[data-theme=dark]{--primary-100:#312e81;--primary-200:#4338ca;--primary-300:#6366f1;--primary-400:#818cf8;--accent-100:#134e4a;--accent-200:#2dd4bf;--accent-300:#5eead4;--text-100:#f1f5f9;--text-200:#cbd5e1;--text-300:#94a3b8;--text-400:#64748b;--bg-100:#0f172a;--bg-200:#1e293b;--bg-300:#334155;--surface:#0f172a;--surface_container_low:#1e293b;--surface_container_high:#334155;--outline_variant:rgba(203,213,225,.15);--glass-bg:rgba(30,41,59,.65);--glass-border:hsla(0,0%,100%,.08);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.4);--glass-blur:16px;--bg-primary:var(--bg-100);--bg-secondary:var(--bg-200);--bg-container:var(--glass-bg);--text-primary:var(--text-100);--text-secondary:var(--text-200);--text-muted:var(--text-300);--accent-primary:var(--primary-300);--accent-hover:var(--primary-400);--accent-light:var(--primary-200);--border-color:var(--bg-300);--shadow-color:rgba(0,0,0,.4);--input-bg:rgba(30,41,59,.6);--button-text:#fff;--success-color:#34d399;--error-color:#f87171;--warning-color:#fbbf24;--gradient-1:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 50%);--gradient-2:radial-gradient(circle at 100% 0%,rgba(45,212,191,.15) 0%,transparent 50%);--gradient-3:radial-gradient(circle at 100% 100%,rgba(244,63,94,.1) 0%,transparent 50%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4),0 10px 10px -5px rgba(0,0,0,.2)}}@layer reset{*{box-sizing:border-box;margin:0;padding:0}}@layer base{body,html{color:var(--text-primary);color-scheme:light dark;font-family:var(--font-body);height:100%;overflow-x:hidden;transition:color .3s ease,background-color .3s ease;width:100%}.display-heading,h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance}p{text-wrap:pretty}[data-theme=dark] body,[data-theme=dark] html{background-color:#040609}#app,.gorikon-app{min-height:100vh;position:relative}}#bg,#bg.ripple-background,.ripple-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}#bg{background:var(--gradient-1),var(--gradient-2),var(--gradient-3)}.ripple-background:not(#bg){background:var(--bg-primary)}#bg canvas{height:100%;left:0;position:absolute;top:0;width:100%}.circle{background:#ffffff1a;border-radius:50%;box-shadow:0 0 20px #71c4ef4d;pointer-events:none;position:absolute;will-change:transform,opacity;z-index:0}.circle.small{animation-delay:0s;height:200px;width:200px}.circle.medium{animation-delay:3s;height:400px;width:400px}.circle.large{animation-delay:6s;height:600px;width:600px}.circle.xlarge{animation-delay:9s;height:800px;width:800px}.circle.xxlarge{animation-delay:12s;height:1000px;width:1000px}.circle.xxlarge.shade1{left:10%;top:10%;transform:translate(-50%,-50%)}.circle.xlarge.shade2{right:10%;top:60%;transform:translate(50%,-50%)}.circle.large.shade3{right:20%;top:30%;transform:translate(50%,-50%)}.circle.medium.shade4{left:20%;top:70%;transform:translate(-50%,-50%)}.circle.small.shade5{right:30%;top:20%;transform:translate(50%,-50%)}.shade1{background:#71c4ef33;box-shadow:0 0 30px #71c4ef33;opacity:.15}.shade2{background:#71c4ef40;box-shadow:0 0 40px #71c4ef40;opacity:.2}.shade3{background:#00668c33;box-shadow:0 0 50px #00668c33;opacity:.25}.shade4{background:#b6ccd84d;box-shadow:0 0 60px #b6ccd84d;opacity:.3}.shade5{background:#71c4ef59;box-shadow:0 0 70px #71c4ef59;opacity:.35}@keyframes ripple{0%{opacity:.5;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.5;transform:translate(-50%,-50%) scale(.8)}}.circle.shade2,.circle.shade3,.circle.shade5{animation-name:ripple-right}@media(prefers-reduced-motion:no-preference){.circle{animation:ripple 18s infinite}.circle.shade2,.circle.shade3,.circle.shade5{animation-name:ripple-right}}@media(max-width:768px){.circle.large,.circle.xlarge,.circle.xxlarge{display:none}.circle{animation-duration:26s}}@keyframes ripple-right{0%{opacity:.5;transform:translate(50%,-50%) scale(.8)}50%{opacity:.8;transform:translate(50%,-50%) scale(1.2)}to{opacity:.5;transform:translate(50%,-50%) scale(.8)}}[data-theme=dark] .circle{background:#6c35de1a;box-shadow:0 0 20px #6c35de4d}[data-theme=dark] .circle.shade1{background:#6c35de33;box-shadow:0 0 30px #6c35de33;opacity:.15}[data-theme=dark] .circle.shade2{background:#a364ff40;box-shadow:0 0 40px #a364ff40;opacity:.2}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.container{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.theme-toggle{right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top))}}.btn,button,input[type=submit]{min-height:44px;touch-action:manipulation}input,select,textarea{font-size:16px;min-height:44px}.pwa-badge{animation:slideUp .5s ease;background:var(--accent-primary);border-radius:20px;bottom:20px;box-shadow:0 4px 12px var(--shadow-color);color:#fff;font-size:14px;left:50%;padding:8px 16px;position:fixed;transform:translate(-50%);z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.offline-indicator{background:var(--error-color);color:#fff;font-size:14px;left:0;padding:8px;position:fixed;right:0;text-align:center;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:1001}.offline-indicator.show{transform:translateY(0)}.container{box-shadow:0 2px 8px #0000001a,0 8px 32px #0000000d}.install-button{background:var(--success-color);border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 12px #4caf504d;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:600;padding:12px 20px;position:fixed;right:20px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,color .3s ease;z-index:1000}@media print{body{background:none}.container{background:#fff;box-shadow:none}.theme-toggle{font-size:14px;padding:10px 12px;right:10px;top:10px}.logo{width:150px}.logo-large{width:200px}.download-links{gap:10px}.download-link{min-width:100%;padding:12px 20px}}.install-button:hover{box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.install-button.show{animation:fadeIn .5s ease;display:block}@media(max-width:768px){.container{margin:10px auto;padding:15px;width:95%}h1{font-size:2em}h2{font-size:1.6em}.button-group{gap:15px;grid-template-columns:1fr}.button-group .btn,.button-group button{min-width:100%}.checkbox-group{flex-direction:column;gap:15px}.theme-toggle{font-size:14px;padding:10px 12px;right:10px;top:10px}.logo{width:150px}.logo-large{width:200px}.download-links{gap:10px}.download-link{min-width:100%;padding:12px 20px}}@media(max-width:480px){.container{padding:10px}h1{font-size:1.8em}button,input,select,textarea{font-size:14px}.checkbox-group label{font-size:1em}}.hero-section{margin:0 auto 40px;max-width:800px;text-align:center}.hero-section h2{color:var(--text-primary);font-size:2.2rem;margin-bottom:20px}.hero-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:0}.button-group{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:60px;max-width:800px}.button-group .btn{align-items:center;border-radius:12px;display:flex;gap:15px;min-height:80px;padding:20px;text-align:left;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,color .3s ease}.btn-icon{flex-shrink:0;font-size:2rem}.btn-text{display:flex;flex-direction:column;gap:5px}.btn-text strong{color:var(--text-primary);font-size:1.1rem}.btn-text small{color:var(--text-secondary);font-size:.9rem;opacity:.8}.faq-section{margin:60px 0;max-width:1000px}.faq-section h3{color:var(--text-primary);font-size:2rem;margin-bottom:40px;text-align:center}.faq-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:25px;transition:transform .2s ease}.faq-item:hover{transform:translateY(-2px)}.faq-item h4{color:var(--text-primary);font-size:1.1rem;line-height:1.4;margin-bottom:15px}.faq-item p{color:var(--text-secondary);color:var(--text-primary);margin-bottom:40px}.features-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-item{padding:20px;text-align:center}.feature-icon{display:block;font-size:3rem;margin-bottom:15px}.feature-item h4{color:var(--text-primary);font-size:1.2rem;margin-bottom:10px}.feature-item p{color:var(--text-secondary);font-size:.95rem;margin:0}@media print{body{background:none}.container{background:#fff;box-shadow:none}#bg,.theme-toggle{display:none}}:root{--el-color-primary:var(--primary-300);--el-color-primary-light-3:var(--primary-200);--el-color-primary-dark-2:var(--primary-400);--el-bg-color:var(--bg-secondary);--el-bg-color-page:var(--bg-primary);--el-text-color-primary:var(--text-primary);--el-text-color-regular:var(--text-secondary);--el-border-color:var(--border-color);--el-fill-color-light:var(--bg-200);--el-fill-color:var(--bg-300);--el-fill-color-blank:var(--bg-secondary)}.el-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffefbb3!important;border-color:#cccbc880!important;border-radius:12px;color:var(--text-100)!important;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,color .3s ease}.el-card__body,.el-card__header{background-color:transparent!important;color:var(--text-100)!important}.el-card__header{border-bottom-color:#cccbc84d!important}.el-card:hover{background-color:#fffefbd9!important;box-shadow:0 4px 20px #0000001a}[data-theme=dark] .el-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:var(--glass-bg)!important;border-color:var(--glass-border)!important;box-shadow:var(--glass-shadow);color:var(--text-100)!important}.glass-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal)}.signature-cta{background:linear-gradient(120deg,#0049c5,#005ff9)!important;border:none!important;box-shadow:0 10px 24px #0049c547;color:var(--button-text)!important}.ghost-border{border:1px solid var(--outline_variant)!important}[data-theme=dark] .el-card__body,[data-theme=dark] .el-card__header{background-color:transparent!important;color:var(--text-100)!important}[data-theme=dark] .el-card__header{border-bottom-color:#4d425f4d!important}[data-theme=dark] .el-card:hover{background-color:#342a45bf!important;border-color:var(--primary-100);box-shadow:0 4px 20px #6c35de4d}.feature-card .el-card__body{align-items:center!important;display:flex!important;flex-direction:column!important;padding:20px!important;text-align:center!important}.feature-card .el-card__body>*{text-align:center!important;width:100%}.el-button{border-radius:8px;font-weight:500;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,color .3s ease}@media(prefers-reduced-motion:no-preference){.el-button:hover{transform:translateY(-1px)}.el-button:active{transform:translateY(0)}}.el-input__wrapper{background-color:var(--input-bg);border-color:var(--border-color);border-radius:8px;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,color .3s ease}[data-theme=dark] .el-input__wrapper{background-color:var(--input-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] .el-input__inner{color:var(--text-primary)!important}.el-select .el-input__wrapper{border-radius:8px}.el-menu{margin-bottom:var(--spacing-md);text-align:center}.header-content-base{padding:var(--spacing-md)}.form-card-base{margin-bottom:var(--spacing-md)}.hint-text-base{color:var(--text-secondary);display:block;font-size:.875rem;line-height:var(--line-height-normal);margin-top:5px}.el-collapse{border:none}.el-collapse-item{border:1px solid var(--el-border-color-lighter);border-radius:var(--border-radius-md);margin-bottom:10px}.el-collapse-item:last-child{margin-bottom:0}.el-result__title{color:var(--el-text-color-primary)}.el-result__subtitle{color:var(--el-text-color-regular)}.el-dialog{border-radius:12px}.el-dialog,[data-theme=dark] .el-dialog{background-color:var(--bg-secondary)!important;border-color:var(--border-color)!important}[data-theme=dark] .el-dialog__header{border-bottom-color:var(--border-color)!important;color:var(--text-primary)!important}[data-theme=dark] .el-dialog__body{color:var(--text-primary)!important}[data-theme=dark] .el-dialog__footer{border-top-color:var(--border-color)!important}.el-alert,.el-button,.el-card,.el-collapse-item,.el-divider,.el-input__wrapper,.el-menu-item,.el-select{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease,color .3s ease}[data-theme=dark] .el-alert{background-color:color-mix(in oklch,var(--glass-bg) 85%,#000)!important;border:1px solid var(--glass-border)!important}[data-theme=dark] .el-alert .el-alert__description,[data-theme=dark] .el-alert .el-alert__title{color:var(--text-primary)!important}[data-theme=dark] .el-alert .el-alert__close-btn{color:var(--text-muted)!important}.category-section,.features-section{margin:40px 0;padding:0 10px}@layer layout{.tool-page{box-sizing:border-box;width:100%}.tool-page .adk-header,.tool-page .game-header-content,.tool-page .generator-header,.tool-page .handwriting-header{align-items:center;display:flex;flex-direction:column;text-align:center}.tool-page .adk-header-card{text-align:center}.tool-page .game-header-card,.tool-page .generator-header-card{align-items:center;display:flex;flex-direction:column;text-align:center}.tool-page .generator-header-card>.subtitle,.tool-page .generator-header-card>h1,.tool-page .generator-header-card>p.subtitle{color:var(--text-primary);font-family:var(--font-display);font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;margin-left:auto;margin-right:auto;max-width:52rem;text-align:center;width:100%}.tool-page .generator-header-card>.subtitle,.tool-page .generator-header-card>p.subtitle{color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.6;text-wrap:pretty}.tool-page .adk-header h1,.tool-page .game-header-content h1,.tool-page .generator-header h1,.tool-page .handwriting-header h1,.tool-page .neuro-header h1{color:var(--text-primary);flex-wrap:wrap;font-family:var(--font-display);font-weight:var(--font-weight-extrabold);justify-content:center;letter-spacing:-.02em;margin-left:auto;margin-right:auto;max-width:52rem;text-align:center;width:100%}.tool-page .adk-header .logo,.tool-page .game-header-content .logo,.tool-page .generator-header .logo,.tool-page .handwriting-header .logo{display:block;height:auto;margin-left:auto;margin-right:auto;max-width:150px;width:auto}.tool-page .adk-header img.logo[width="36"],.tool-page .adk-header img.logo[width="36"][height="36"],.tool-page .game-header-content img.logo[width="36"],.tool-page .game-header-content img.logo[width="36"][height="36"]{height:36px;max-width:36px;width:36px}.tool-page .adk-header .hero-description,.tool-page .game-header-content .hero-description,.tool-page .generator-header .hero-description,.tool-page .handwriting-header>p,.tool-page .neuro-header>p,.tool-page .schulte-container .game-intro>p,.tool-page .stroop-container .game-intro>p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto var(--spacing-md);max-width:52rem;text-align:center;text-wrap:pretty;width:100%}.page-container .faq-header,.page-container .faq-header-card{text-align:center}.page-container .faq-header{align-items:center;display:flex;flex-direction:column}.page-container .faq-header .hero-description{margin:0 auto var(--spacing-md);max-width:52rem;text-align:center;text-wrap:pretty;width:100%}.page-container .faq-header img.logo[width="36"]{height:36px;margin-left:auto;margin-right:auto;max-width:36px;width:36px}.tool-page .neuro-header{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--spacing-md);text-align:center}.tool-page .schulte-container .game-intro,.tool-page .stroop-container .game-intro{align-items:center;display:flex;flex-direction:column;margin:0 auto var(--spacing-md);max-width:52rem;text-align:center}.tool-page .schulte-container .game-intro h2,.tool-page .stroop-container .game-intro h2{text-align:center;width:100%}.tool-page nav[class*=nav-pills]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:var(--spacing-md);width:100%}.tool-page nav[class*=nav-pills] a{background:#ffffff59;border:1px solid var(--glass-border);border-radius:999px;color:var(--text-primary);padding:8px 14px;text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.tool-page nav[class*=nav-pills] a:hover{border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=dark] .tool-page nav[class*=nav-pills] a{background:#ffffff0a}.page-container nav[class*=nav-pills]{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:var(--spacing-md);width:100%}.page-container nav[class*=nav-pills] a{background:#ffffff59;border:1px solid var(--glass-border);border-radius:999px;color:var(--text-primary);padding:8px 14px;text-decoration:none}.page-container nav[class*=nav-pills] a:hover{border-color:var(--accent-primary);color:var(--accent-primary)}[data-theme=dark] .page-container nav[class*=nav-pills] a{background:#ffffff0a}.tool-page .game-container .el-main>.el-card+.el-card,.tool-page .generator-main-grid{margin-top:var(--spacing-md)}.tool-page__hero{margin-bottom:var(--spacing-md)}.tool-page__main{min-width:0}@media(max-width:768px){.page-container .tool-page .el-form-item,.tool-page .el-form-item{display:block;min-width:0}.page-container .tool-page .el-form-item__label,.tool-page .el-form-item__label{display:flex;height:auto;justify-content:flex-start;line-height:1.35;margin-bottom:8px;padding:0;text-align:left;white-space:normal;width:100%}.page-container .tool-page .el-form-item__content,.tool-page .el-form-item__content{align-items:stretch;display:flex;flex-direction:column;line-height:1.4;min-width:0;width:100%}.page-container .tool-page .el-cascader,.page-container .tool-page .el-input,.page-container .tool-page .el-input-number,.page-container .tool-page .el-select,.tool-page .el-cascader,.tool-page .el-input,.tool-page .el-input-number,.tool-page .el-select{max-width:100%;width:100%!important}.page-container .tool-page .el-slider,.tool-page .el-slider{min-width:0;width:100%}.page-container .tool-page .el-slider__runway.show-input,.tool-page .el-slider__runway.show-input{margin-right:0}.page-container .tool-page .el-slider__input,.tool-page .el-slider__input{margin-top:12px;position:static;width:100%}.page-container .tool-page .el-input-number .el-input__wrapper,.tool-page .el-input-number .el-input__wrapper{width:100%}}.tool-section-title{color:var(--text-primary);font-family:var(--font-display);font-size:1.125rem;font-weight:var(--font-weight-bold);margin:var(--spacing-md) 0 var(--spacing-sm)}.tool-card-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.page-container .tool-page .action-buttons a,.tool-page .action-buttons a{text-decoration:none}}:root{--cookie-banner-safe-offset:0px;--floor-ad-safe-offset:0px}html[data-cookie-banner-visible=true]{--cookie-banner-safe-offset:104px}@media(max-width:768px){html[data-cookie-banner-visible=true]{--cookie-banner-safe-offset:80px}}html[data-has-floor-ad=true]{--floor-ad-safe-offset:72px}html[data-has-floor-ad=true] .app-main.with-header{padding-bottom:calc(var(--spacing-xl) + var(--floor-ad-safe-offset) + env(safe-area-inset-bottom,0px))}.gorikon-app{color:var(--text-primary);min-height:100vh}.skip-link{background:var(--accent-primary);border-radius:var(--border-radius-sm);color:#fff;font-weight:var(--font-weight-bold);left:max(8px,env(safe-area-inset-left));padding:10px 14px;position:fixed;text-decoration:none;top:max(8px,env(safe-area-inset-top));transform:translateY(calc(-100% - 16px));transition:transform var(--transition-fast);z-index:var(--z-tooltip)}.skip-link:focus-visible{outline:2px solid #fff;outline-offset:2px;transform:translateY(0)}.feedback-btn{bottom:calc(20px + var(--cookie-banner-safe-offset) + var(--floor-ad-safe-offset));box-shadow:0 4px 12px #00000026;min-height:44px;min-width:44px;position:fixed;right:20px;touch-action:manipulation;transition:transform .3s ease,box-shadow .3s ease;z-index:1000}.feedback-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.feedback-header-btn{display:none;min-height:44px;min-width:44px;touch-action:manipulation}.app-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg)!important;border-bottom:1px solid var(--glass-border);height:64px!important;line-height:64px;padding:0!important;position:sticky;top:0;transition:background var(--transition-normal),border-color var(--transition-normal);z-index:var(--z-sticky)}.app-header,.header-content{align-items:center;display:flex}.header-content{height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-width-xxl);padding:0 var(--spacing-md);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.app-navbar{background:transparent!important;border-bottom:none!important;border-right:none!important;flex:1 1 auto;height:64px;min-width:0}.app-navbar .el-menu-item{color:var(--text-secondary);font-weight:var(--font-weight-medium);height:64px;line-height:64px;min-height:48px;padding:0 16px;transition:color var(--transition-fast)}.app-navbar .el-menu-item.is-active,.app-navbar .el-menu-item:hover{background:transparent!important;color:var(--primary-300)!important}.app-navbar .el-sub-menu__title{color:var(--text-secondary)!important;font-weight:var(--font-weight-medium);height:64px;line-height:64px;min-height:48px;padding:0 16px}.app-navbar .el-sub-menu__title:hover{background:transparent!important;color:var(--primary-300)!important}.nav-controls{align-items:center;display:flex;flex:0 0 auto;gap:var(--spacing-sm);height:64px;padding:0 var(--spacing-md) 0 var(--spacing-sm);padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.brand-link{margin-right:auto}.brand-link-content{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:var(--font-weight-extrabold);height:100%;padding:0 var(--spacing-md);text-decoration:none}.brand-link-content picture{align-items:center;display:inline-flex;vertical-align:middle}.brand-link-content picture .brand-logo{display:block}.brand-logo{height:36px;margin-right:var(--spacing-sm)}.brand-text{color:var(--primary-300);letter-spacing:-.02em}[data-theme=dark] .app-navbar .el-menu-item,[data-theme=dark] .app-navbar .el-sub-menu__title{color:var(--text-secondary)}[data-theme=dark] .app-navbar .el-menu-item.is-active,[data-theme=dark] .app-navbar .el-menu-item:hover,[data-theme=dark] .app-navbar .el-sub-menu__title:hover{background-color:#ffffff0d!important;color:var(--primary-300)!important}.theme-toggle-btn{align-items:center;background:var(--bg-100);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-secondary);display:flex;height:36px;justify-content:center;margin-right:0;padding:8px;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal);width:36px}.theme-toggle-btn:hover{background:var(--bg-200);border-color:var(--primary-200);color:var(--primary-300);transform:translateY(-1px)}.language-selector{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal),border-color var(--transition-normal)}.language-selector:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md)}.app-body{display:flex}.app-body,.app-main{min-height:calc(100vh - 64px)}.app-main{box-sizing:border-box;flex:1;margin:0 auto;max-width:var(--container-width-xxl);min-width:0;padding:var(--spacing-lg);padding-left:max(var(--spacing-lg),env(safe-area-inset-left));padding-right:max(var(--spacing-lg),env(safe-area-inset-right));width:100%}.app-main.with-header{min-height:calc(100vh - 64px)}html[data-cookie-banner-visible=true] .app-main{padding-bottom:calc(var(--spacing-xl) + var(--cookie-banner-safe-offset))}html[data-cookie-banner-visible=true] .feedback-btn{display:none}.app-ad-slot{margin:12px 0}.app-ad-slot--before{border-radius:12px;margin-top:0;min-height:90px;overflow:hidden}.app-ad-slot--before .yandex-ad-slot{min-height:90px;width:100%}@media(max-width:1366px){.app-main{padding:var(--spacing-md) var(--spacing-md);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}}@media(max-width:1024px){.app-main{padding:var(--spacing-md) var(--spacing-sm)}.app-main,.header-content{padding-left:max(var(--spacing-sm),env(safe-area-inset-left));padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}.brand-link-content{padding:0 var(--spacing-sm)}}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.app-footer a{color:var(--primary-300);text-decoration:none}.app-footer a:hover{text-decoration:underline}.app-footer-sep{color:var(--text-muted);margin:0 .25rem}.rustore-fab{align-items:center;border-radius:8px;bottom:calc(20px + var(--cookie-banner-safe-offset) + var(--floor-ad-safe-offset));box-shadow:0 4px 12px #00000026;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;left:20px;padding:10px 16px;position:fixed;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;z-index:1000}.rustore-fab:hover{box-shadow:0 6px 16px #0003;text-decoration:none;transform:translateY(-2px)}.rustore-fab--dark{background:#1a1a2e;border:1px solid hsla(0,0%,100%,.15);color:#fff}.rustore-fab--dark:hover{background:#252540;color:#fff}.rustore-fab--light{background:#06f;border:1px solid #0052cc;color:#fff}.rustore-fab--light:hover{background:#0052cc;color:#fff}.rustore-fab-text{white-space:nowrap}@media(max-width:768px){.app-navbar{align-items:center;display:flex;flex:1 1 auto;min-width:0}.app-navbar>.el-menu-item:not(.brand-link),.app-navbar>.el-sub-menu{display:none}.brand-link{flex:1 1 auto;margin-right:0;min-width:0}.brand-link-content{min-width:0}.brand-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-controls{flex:0 0 auto;gap:var(--spacing-xs);height:64px;padding:0 var(--spacing-sm);padding-right:max(var(--spacing-sm),env(safe-area-inset-right))}.language-selector,.nav-controls .el-select.language-selector{display:none!important}.app-body{min-height:calc(100vh - 64px)}.app-main{padding:var(--spacing-sm)}.app-ad-slot--before{min-height:clamp(72px,20vw,120px)}.app-navbar .el-menu-item,.app-navbar .el-sub-menu__title{padding:0 var(--spacing-sm)}.feedback-header-btn{display:inline-flex}.feedback-btn{display:none!important}.rustore-fab{display:none}}@media(max-width:480px){.nav-controls{padding:0 var(--spacing-xs)}.brand-text{font-size:1rem}.brand-logo{height:28px;margin-right:var(--spacing-xs)}}@media(max-width:390px){.app-main{padding:var(--spacing-sm) var(--spacing-xs);padding-left:max(var(--spacing-xs),env(safe-area-inset-left));padding-right:max(var(--spacing-xs),env(safe-area-inset-right))}.app-ad-slot--before{min-height:72px}.brand-link-content{font-size:1.05rem;padding:0 var(--spacing-xs)}.feedback-btn{bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--cookie-banner-safe-offset) + var(--floor-ad-safe-offset));right:max(16px,env(safe-area-inset-right))}}.mobile-menu{border-right:none!important}.mobile-menu .el-menu-item,.mobile-menu .el-sub-menu__title{font-size:16px;height:50px;line-height:50px;min-height:48px;padding:0 16px}.mobile-menu-btn{display:none;font-size:20px;margin-right:var(--spacing-xs);padding:8px}@media(max-width:768px){.mobile-menu-btn{display:flex}}
