:root{--primary-dark: #0f1419;--primary: #1a1f2e;--primary-light: #252d3d;--primary-lighter: #3a4451;--accent-main: #667eea;--accent-light: #7f9cf5;--accent-dark: #5a67d8;--accent-gradient: linear-gradient(135deg, var(--accent-main) 0%, var(--accent-dark) 100%);--primary-500: var(--accent-main);--primary-color: var(--accent-main);--primary-color-alpha: rgba(102, 126, 234, .4);--secondary-color: var(--accent-light);--success: #00d084;--warning: #ffb946;--error: #ff6b6b;--info: #4a9eff;--text-primary: #ffffff;--text-secondary: #b0b8c1;--text-tertiary: #7d8691;--border: #3a4451;--bg-overlay: rgba(0, 0, 0, .5);--bg-glass: rgba(255, 255, 255, .03);--common-white: #ffffff;--common-black: #000000;--bg-primary: var(--primary-dark);--bg-secondary: var(--primary);--bg-tertiary: var(--primary-light);--border-color: var(--border);--bg-input: #0a0a0a;--bg-button: #2d3748;--bg-button-hover: #4a5568;--bg-button-active: #2d3748;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--font-family: "Inter", "Segoe UI", sans-serif;--font-family-mono: "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--heritage-motif-blend: screen;--heritage-motif-opacity: 1}body.light-theme{--primary-dark: #f5f7fa;--primary: #ffffff;--primary-light: #f8f9fb;--primary-lighter: #f0f1f3;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--border: #e8e8e8;--bg-overlay: rgba(0, 0, 0, .3);--bg-glass: rgba(255, 255, 255, .7);--success: #00a854;--warning: #ff9800;--error: #f5222d;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--bg-input: #f0f2f5;--bg-button: #e2e8f0;--bg-button-hover: #cbd5e0;--bg-button-active: #a0aec0;--bg-primary: var(--primary-dark);--bg-secondary: var(--primary);--bg-tertiary: var(--primary-light);--border-color: var(--border);--primary-500: #667eea;--primary-color: var(--accent-main);--primary-color-alpha: rgba(102, 126, 234, .4);--secondary-color: var(--accent-light);--heritage-motif-blend: multiply;--heritage-motif-opacity: .6}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background:var(--bg-primary);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(at 0% 0%,rgba(102,126,234,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(118,75,162,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(102,126,234,.1) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(118,75,162,.15) 0px,transparent 50%);filter:blur(100px);animation:meshMove 20s ease infinite alternate}body.light-theme:before{background:radial-gradient(at 0% 0%,rgba(102,126,234,.08) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(118,75,162,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(102,126,234,.05) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(118,75,162,.08) 0px,transparent 50%)}@keyframes meshMove{0%{transform:scale(1)}to{transform:scale(1.1) rotate(2deg)}}@keyframes globalIconPulse{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.85}}@keyframes globalIconFloat{0%{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-4px) translate(4px) rotate(4deg)}75%{transform:translateY(4px) translate(-4px) rotate(-4deg)}to{transform:translateY(0) translate(0) rotate(0)}}@keyframes premiumCardBorderBlink{0%,to{border-color:#667eea33}50%{border-color:#667eea}}@keyframes premiumCardFullBlink{0%,to{border-color:#667eea33;box-shadow:0 0 #667eea00}50%{border-color:#667eea;box-shadow:0 0 35px #667eea80}}.page-icon-wrapper svg{animation:globalIconPulse 3s ease-in-out infinite,globalIconFloat 4s ease-in-out infinite}.ambient-orbs{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:orbFloat 30s infinite ease-in-out}.orb-1{width:500px;height:500px;background:#667eea;top:-10%;left:10%;animation-duration:40s}.orb-2{width:400px;height:400px;background:#764ba2;bottom:10%;right:5%;animation-duration:35s;animation-delay:-5s}.orb-3{width:600px;height:600px;background:#667eeacc;top:40%;left:30%;animation-duration:50s;animation-delay:-10s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,50px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.9)}}body.light-theme .orb{opacity:.05}.glass-card{position:relative;background:#ffffff08;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 8px 32px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.glass-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(102,126,234,.15) 0%,transparent 70%);opacity:0;transition:opacity .5s ease;pointer-events:none}.glass-card:hover:after{opacity:1}body.light-theme .glass-card{background:#ffffffb3;border-color:#667eea1a;box-shadow:0 8px 32px #667eea0d}.glass-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-5px);box-shadow:0 12px 40px #00000026}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#667eea33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#667eea66}.page-title-gradient{background:linear-gradient(to right,#fff,#667eea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;animation:fadeInScale .8s cubic-bezier(.16,1,.3,1) backwards}body.light-theme .page-title-gradient{background:linear-gradient(to right,#1a1f2e,#667eea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.search-box{margin-bottom:1rem;display:flex;justify-content:center;width:100%}.search-input{width:100%;max-width:500px;padding:1rem 1.25rem;font-size:1rem;line-height:1.5;border:2px solid var(--border-color, #e2e8f0);border-radius:12px;background-color:var(--bg-primary, #ffffff);color:var(--text-primary, #1a202c);transition:all .2s ease;box-shadow:0 4px 6px -1px #0000000d}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #6366f11a}.search-input::placeholder{color:#a0aec0}.search-box-integrated{position:relative;max-width:600px;margin:.5rem auto 0;width:100%;z-index:100;animation:slideUp .8s cubic-bezier(.16,1,.3,1) .2s backwards}.search-bar-wrapper{position:relative;width:100%}.search-icon-hero{color:#ffffffb3;position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);pointer-events:none}.search-input-hero{width:100%;padding:1.1rem 1.5rem 1.1rem 3.5rem;font-size:1.05rem;border-radius:14px;border:1px solid rgba(255,255,255,.25);background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px #00000026}.search-input-hero::placeholder{color:#fff9}.search-input-hero:focus{outline:none;background:#fff3;border-color:#ffffff80;box-shadow:0 8px 32px #0003;transform:translateY(-1px)}body.light-theme .search-icon-hero{color:var(--text-secondary)}body.light-theme .search-input-hero{background:#0000000d;border-color:#0000001a;color:var(--text-primary)}body.light-theme .search-input-hero::placeholder{color:var(--text-tertiary)}body.light-theme .search-input-hero:focus{background:#00000014;border-color:var(--accent-main)}.search-results-dropdown-hero{position:absolute;top:calc(100% + 12px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 15px 50px #0000004d;overflow:hidden;z-index:1000;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}body.light-theme .search-results-dropdown-hero{box-shadow:0 15px 40px #0000001a;background:#fff}.search-results-dropdown-hero .search-result-item{color:var(--text-primary)!important}.search-results-dropdown-hero .search-result-item:hover{background:var(--bg-tertiary)}.filter-card{background:var(--bg-secondary);border-radius:2rem;padding:1.5rem 2rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow-md);margin-bottom:2rem;width:100%;animation:slideUp .8s cubic-bezier(.16,1,.3,1) .3s backwards}.filter-group{display:flex;flex-direction:column;gap:.75rem;width:100%}.filter-group label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.filter-chips{display:flex;flex-wrap:wrap;gap:.75rem}.filter-chips .btn{border-radius:10px!important;padding:.5rem 1.25rem!important;font-weight:600!important;font-size:.85rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;border:1.5px solid rgba(99,102,241,.25)!important;background:var(--bg-primary)!important;color:var(--text-secondary)!important;height:auto!important}.filter-chips .btn:hover{background:var(--bg-button-hover)!important;transform:translateY(-1px)}.filter-chips .btn.btn-primary,.filter-chips .btn.active{background:var(--accent-main)!important;color:#fff!important;border-color:var(--accent-main)!important;box-shadow:0 4px 10px #6366f14d}.filter-section{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.page-container{max-width:1400px;margin:0 auto;padding:1rem}@media(max-width:768px){.page-container{padding:0}}.page-hero{text-align:center;margin-bottom:var(--spacing-xl, 2rem);padding:var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem)}.page-hero-modern{text-align:center;margin-bottom:2rem;background:linear-gradient(-45deg,#7f9cf5,#667eea,#764ba2,#6b8dd6);background-size:400% 400%;animation:gradientMove 15s ease infinite;padding:1.5rem 1rem;border-radius:20px;box-shadow:0 10px 25px -5px #6366f133;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.page-icon-wrapper{margin-bottom:1.5rem;color:#fff;opacity:.9;display:flex;align-items:center;justify-content:center}.page-hero-modern h1{font-size:2.75rem;margin-bottom:1rem;font-weight:800}.page-hero-modern .page-hero-subtitle{color:#fff}.page-hero-subtitle{font-size:1.2rem;opacity:.95;max-width:700px;margin:0 auto;line-height:1.6;font-weight:500;animation:slideUp .8s cubic-bezier(.16,1,.3,1) .1s backwards}@media(max-width:768px){.page-hero-modern{padding:2rem 1rem;margin-bottom:2rem}.page-hero-modern h1{font-size:1.8rem;line-height:1.3}.page-hero-subtitle{font-size:1rem}}.page-hero h1{font-size:2.5rem;margin-bottom:var(--spacing-sm, .5rem);line-height:1.2}.page-hero p{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin:0 auto}.print-only-header{display:none}@media print{@page{margin:1cm;size:auto}body{background:#fff!important;color:#000!important;font-size:12pt}.app-header,.app-footer,.chat-fab,.chat-widget-container,.btn-back-icon,.btn-favorite,.breadcrumbs,.btn-equals,.input-group,.calculator-description{display:none!important}.app-main{padding:0!important;margin:0!important;max-width:100%!important}.print-only-header{display:flex!important;justify-content:space-between;align-items:center;border-bottom:2px solid #333;padding-bottom:10px;margin-bottom:30px}.print-only-header .app-logo-text{color:#444!important;font-size:24pt}.print-info{text-align:right;font-size:10pt;color:#666}.calculator{box-shadow:none!important;border:none!important;padding:0!important}.results{display:block!important;margin-top:20px}.result-card{border:1px solid #eee!important;background:#fdfdfd!important;margin-bottom:15px!important;padding:15px!important;page-break-inside:avoid}.result-value{color:#222!important;font-size:18pt!important}.chart-container-modern{box-shadow:none!important;border:1px solid #eee!important;background:#fff!important;page-break-inside:avoid;margin-top:30px}.modern-svg-chart{max-width:500px;margin:0 auto}}.fav-toggle-btn{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;color:var(--text-tertiary);z-index:10}.fav-toggle-btn:hover{background:#667eea1a!important;transform:scale(1.1)}.fav-toggle-btn.active{color:var(--accent-main)}.fav-toggle-btn.active svg,.fav-toggle-btn.active .fav-star-on{fill:var(--accent-main)!important;filter:drop-shadow(0 0 4px rgba(102,126,234,.3));animation:globalIconPulse 2s ease-in-out infinite}.lucide{animation:globalIconPulse 10s ease-in-out infinite;transition:transform .3s ease}.lucide:hover{transform:scale(1.1)}.fav-toggle-btn.glass{background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff}.fav-toggle-btn.glass:hover{background:#ffffff4d!important}.fav-toggle-btn.glass.active{background:#fff;color:var(--accent-main)!important;border-color:#fff}.fav-absolute{position:absolute;top:1rem;inset-inline-end:1rem}.fav-detail{width:44px;height:44px;background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.fav-detail:hover{background:var(--bg-tertiary)!important;border-color:var(--accent-main)}.lucide{animation:globalIconPulse 4s ease-in-out infinite;display:inline-block;vertical-align:middle}.moroccan-arch-container{border-radius:50% 50% 12px 12px;background:#667eea1a;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}body.light-theme .moroccan-arch-container{background:#667eea14}@keyframes globalCardGlow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg-primary);background-attachment:fixed;color:var(--text-primary);transition:background var(--transition-slow),background-color var(--transition-slow),color var(--transition-slow)}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:transparent}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.app-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.page-title-gradient{background:linear-gradient(135deg,#fff 30%,#667eea);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.app-header-actions{display:flex;gap:var(--spacing-md);align-items:center}.app-main{flex:1;background-color:transparent;padding:var(--spacing-sm)}.menu-container{min-height:100vh;background-color:var(--bg-primary);padding:var(--spacing-lg)}.menu-content{max-width:1200px;margin:0 auto}.menu-content h1{text-align:center;font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.menu-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:var(--font-size-lg)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.menu-button{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family);color:var(--text-primary)}.menu-button:hover{background-color:var(--bg-tertiary);box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--accent-main)}.menu-emoji{font-size:32px}.menu-button span:last-child{font-weight:500;text-align:center}.calculator-page{min-height:100vh;background-color:var(--bg-primary)}.calculator-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-secondary);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.back-button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-family)}.back-button:hover{background-color:var(--bg-button-hover)}.calculator-title{font-size:var(--font-size-2xl);color:var(--text-primary);flex:1}@media(max-width:768px){.app-header{padding:var(--spacing-md) var(--spacing-lg)}.app-title{font-size:var(--font-size-xl)}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.app-main{padding:var(--spacing-md)}.calculator-header{flex-direction:column;align-items:flex-start}.calculator-title{width:100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh}.glass-effect{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.stock-calculator-layout,.stock-calculator-layout label,.stock-calculator-layout h2,.stock-calculator-layout h3,.stock-calculator-layout h4,.stock-calculator-layout p,.stock-calculator-layout small,.stock-calculator-layout span,.stock-calculator-layout div{color:var(--text-primary)!important}.stock-calculator-layout input,.stock-calculator-layout .input-field{color:var(--text-primary)!important;background-color:var(--bg-tertiary);border-color:var(--accent-main)}.stock-calculator-layout .settings-section{background-color:var(--bg-secondary)}.stock-calculator-layout .result-card{background-color:var(--bg-secondary);border-left-color:var(--accent-main)}.calculator-description{color:var(--text-secondary);margin-bottom:24px;text-align:center;font-size:.95rem;line-height:1.6}.calculator{position:relative;background:#ffffff08;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:30px;max-width:500px;width:100%;margin:20px auto;box-shadow:0 8px 32px #0000001a;animation:slideUp .7s cubic-bezier(.16,1,.3,1) backwards;overflow:hidden}body.light-theme .calculator{background:#ffffffbf;border-color:#667eea1a}.calculator:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(102,126,234,.1) 0%,transparent 70%);opacity:0;transition:opacity .6s ease;pointer-events:none}.calculator:hover:after{opacity:1}.calculator h2{text-align:left;color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:800}.btn-favorite{background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .3s cubic-bezier(.175,.885,.32,1.275);margin-left:auto}.btn-favorite:hover{color:#fc0;transform:scale(1.2);background:#ffcc000d}.btn-favorite.active{color:#fc0;filter:drop-shadow(0 0 5px rgba(255,204,0,.5))}.display{background:#0003;-webkit-backdrop-filter:inset(10px);backdrop-filter:inset(10px);border:1px solid var(--border-color);border-radius:16px;padding:24px;margin-bottom:24px;text-align:right;font-size:2.2rem;color:var(--text-primary);font-weight:700;word-wrap:break-word;word-break:break-all;min-height:80px;display:flex;align-items:center;justify-content:flex-end;box-shadow:inset 0 2px 4px #0000001a}.btn{padding:18px;font-size:1.1rem;font-weight:700;border:1px solid transparent;border-radius:14px;cursor:pointer;background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.btn:hover{background:var(--bg-secondary);border-color:var(--accent-main);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.btn:active{transform:translateY(0) scale(.95)}.btn-clear{color:#ff6b6b;background:#ff6b6b1a}.btn-clear:hover{background:#ff6b6b;color:#fff}.btn-backspace{color:#f59e0b;background:#f59e0b1a}.btn-backspace:hover{background:#f59e0b;color:#fff}.btn-back-icon{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-right:12px}body[dir=rtl] .btn-back-icon{margin-right:0;margin-left:12px;transform:rotate(180deg)}body[dir=rtl] .btn-back-icon:hover{transform:rotate(180deg) translate(-3px)}.btn-back-icon:hover{background:var(--bg-tertiary);border-color:var(--accent-main);transform:translate(-3px)}.btn-operation{color:var(--accent-main);background:#667eea1a;font-size:1.3rem}.btn-operation:hover{background:var(--accent-main);color:#fff}.btn-equals{background:var(--accent-main);color:#fff;grid-column:span 1;box-shadow:0 4px 15px #667eea4d}.btn-equals:hover{background:var(--accent-dark);box-shadow:0 6px 20px #667eea66}.btn-func{background:var(--bg-tertiary);color:#a78bfa;font-size:.95rem}.btn-func:hover{background:#a78bfa;color:#fff}.button-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.btn-zero{grid-column:span 2}.scientific-grid{grid-template-columns:repeat(4,1fr)}.mode-toggle{display:flex;gap:10px;margin-bottom:20px;background:#0000001a;padding:5px;border-radius:12px;width:fit-content}.mode-btn{padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;font-size:.85rem}.mode-btn.active{background:var(--accent-main);color:#fff;box-shadow:0 2px 8px #667eea4d}.engineer-mode-selector{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.engineer-mode-selector::-webkit-scrollbar{display:none}.engineer-mode-btn{padding:10px 18px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:all .2s;font-weight:500}.engineer-mode-btn:hover{border-color:var(--accent-main);color:var(--text-primary)}.engineer-mode-btn.active{background:var(--accent-main);border-color:var(--accent-main);color:#fff;box-shadow:0 4px 12px #667eea33}.stats-buttons{display:flex;gap:12px;margin-top:15px}.btn-zero-sci{grid-column:span 2}.engineer-mode-btn{padding:10px 18px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-weight:700;transition:all .2s ease;font-size:.9rem}.engineer-mode-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-main)}.engineer-mode-btn.active{background:var(--accent-main);border-color:var(--accent-main);color:#fff;box-shadow:0 4px 12px #667eea4d}.graphing-calc{max-width:700px}.graph-controls{background:var(--bg-tertiary);padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid var(--border-color)}.control-group{margin-bottom:20px}.control-group label{display:block;color:var(--text-primary);margin-bottom:8px;font-weight:600}.input-field{width:100%;padding:12px;background:var(--bg-tertiary);border:2px solid var(--accent-secondary, #667eea);border-radius:8px;color:var(--text-primary);font-size:16px;box-sizing:border-box;margin-bottom:10px}.input-field:focus{outline:none;border-color:#51cf66;box-shadow:0 0 10px #51cf664d}.textarea-field{width:100%;padding:14px 18px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .2s ease;outline:none;resize:vertical;font-family:inherit}.textarea-field:focus{border-color:var(--accent-main);background:#0003;box-shadow:0 0 0 4px #667eea1a}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1rem;font-weight:700;font-family:monospace}.range-controls{display:flex;flex-direction:column;gap:15px}.range-group{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.range-group label{min-width:30px;font-weight:600}.range-input{width:80px;padding:8px;background:var(--bg-tertiary);border:2px solid var(--accent-secondary, #667eea);border-radius:6px;color:var(--text-primary);font-size:14px}.range-input:focus{outline:none;border-color:#51cf66}.range-group span{color:#aaa}.graph-canvas{width:100%;border:2px solid var(--accent-main);border-radius:12px;background:#000;display:block;margin:20px 0}.financial-calc{max-width:600px}.financial-inputs{background:var(--bg-secondary);padding:20px;border-radius:10px;margin-bottom:20px}.input-group{margin-bottom:15px}.input-group label{display:block;color:var(--text-secondary);margin-bottom:8px;font-weight:600;font-size:.9rem}body.light-theme .input-group label{color:var(--text-primary)}.input-field,.select-field{width:100%;padding:14px 18px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .2s ease;outline:none}.input-field:focus,.select-field:focus{border-color:var(--accent-main);background:#0003;box-shadow:0 0 0 4px #667eea1a}.result-card{position:relative;background:#667eea0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px;border-radius:20px;border:1px solid rgba(102,126,234,.1);text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;gap:8px;overflow:hidden}body.light-theme .result-card{background:#667eea08}.result-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--accent-main);background:#667eea14}.result-card h3{color:var(--text-secondary);margin:0;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.result-value{color:var(--accent-main);font-size:2rem;font-weight:800;margin:0}.result-label{color:var(--text-tertiary);font-size:.85rem;margin:0}.additional-info{background:var(--bg-secondary);padding:20px;border-radius:10px;color:var(--text-secondary);font-size:14px}.additional-info h3{color:var(--text-primary);margin-top:0}.additional-info p{margin:8px 0;line-height:1.6}.menu-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.menu-content{background:var(--bg-secondary);border-radius:20px;padding:40px;box-shadow:var(--shadow-2xl);max-width:500px;width:100%}.menu-content h1{text-align:center;color:#fff;margin:0 0 10px;font-size:36px}.menu-subtitle{text-align:center;color:#aaa;margin-bottom:40px;font-size:14px}.menu-grid{display:grid;grid-template-columns:1fr;gap:15px}.menu-button{padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;display:flex;align-items:center;justify-content:center;gap:10px}.menu-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea80}.menu-button:active{transform:translateY(-1px)}.menu-emoji{font-size:24px}.calculator-page{min-height:100vh;background-color:var(--bg-primary);padding:20px}.calculator-header{display:flex;justify-content:space-between;align-items:center;max-width:700px;margin:0 auto 20px}.back-button{padding:12px 24px;background:#ff6b6b;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#ff5252;transform:translateY(-2px)}.calculator-title{color:var(--text-primary);font-size:20px;margin:0}@media(max-width:768px){.calculator{max-width:100%;width:100%;margin:10px 0;border-radius:20px;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);padding:20px}.button-grid,.scientific-grid{gap:8px}.btn{padding:12px;font-size:14px}.results{grid-template-columns:1fr}.menu-content{padding:30px 20px}.menu-content h1{font-size:28px}.display{font-size:24px;padding:15px}.programmer-mode-toggle,.solver-mode-toggle,.engineer-mode-selector,.converter-type-selector{flex-wrap:wrap;gap:8px;padding:4px}.programmer-mode-btn,.solver-mode-btn,.engineer-mode-btn,.type-btn{flex:1;min-width:120px;padding:8px 12px;font-size:.8rem;white-space:normal;height:auto;display:flex;align-items:center;justify-content:center;text-align:center}}.programmable-calc{max-width:600px}.memory-info{background:var(--bg-tertiary);padding:16px;border-radius:16px;margin-bottom:24px;display:flex;justify-content:space-around;gap:20px;border:1px solid var(--border-color)}.info-item{color:var(--text-secondary);font-size:.85rem;text-align:center;font-weight:600}.info-item span{display:block;color:var(--accent-main);font-weight:800;margin-top:4px;font-size:1rem}.var-controls{display:flex;gap:12px;margin-bottom:20px}.var-input{flex:1;padding:10px;background:var(--bg-tertiary);border:2px solid #667eea;border-radius:6px;color:var(--text-primary);font-size:16px;font-weight:600;text-transform:uppercase}.var-input:focus{outline:none;border-color:#51cf66}.programmable-grid{grid-template-columns:repeat(4,1fr)}.history-section{background:var(--bg-secondary);padding:15px;border-radius:8px;margin-top:20px}.history-section h4{color:#667eea;margin:0 0 10px;font-size:14px}.history-list{max-height:150px;overflow-y:auto}.history-item{color:#aaa;font-size:12px;padding:6px 0;border-bottom:1px solid #333;font-family:monospace}.history-item:last-child{border-bottom:none}.professional-calc{max-width:600px}.professional-grid{grid-template-columns:repeat(4,1fr)}.converter-calc{max-width:600px}.input-group label{color:var(--text-primary);font-weight:600;font-size:14px}.result-field{background:var(--bg-tertiary);cursor:default}.conversion-info{background:var(--bg-secondary);padding:20px;border-radius:10px;text-align:center;border-left:4px solid #667eea}.conversion-info h4{color:#667eea;margin:0 0 10px;font-size:16px}.equation-solver{max-width:700px}.solver-mode-toggle{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.solver-mode-btn{padding:10px 20px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.solver-mode-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-main)}.solver-mode-btn.active{background:var(--accent-main);border-color:var(--accent-main);color:#fff}.solver-input-group{background:var(--bg-secondary);padding:20px;border-radius:10px;margin-bottom:20px}.solver-input-group label{color:var(--text-primary);font-weight:600;margin-bottom:8px;display:block}.solution-display{background:var(--bg-secondary);padding:20px;border-radius:10px;margin-bottom:20px;border-left:4px solid #667eea}.solution-type{background:#667eea;color:#fff;padding:12px;border-radius:6px;font-weight:600;margin-bottom:15px;text-align:center}.solutions-box{background:var(--bg-tertiary);padding:15px;border-radius:6px;margin-bottom:15px}.solutions-box h4{color:#51cf66;margin:0 0 10px;font-size:14px}.solution-item{color:var(--text-primary);padding:8px;font-family:monospace;font-size:16px;border-bottom:1px solid #333}.solution-item:last-child{border-bottom:none}.steps-box{background:var(--bg-tertiary);padding:15px;border-radius:6px;margin-bottom:15px}.steps-box h4{color:#667eea;margin:0 0 10px;font-size:14px}.step-item{color:#aaa;padding:8px;font-size:13px;line-height:1.6;border-bottom:1px solid #333}.step-item:last-child{border-bottom:none}.explanation-box{background:var(--bg-secondary);padding:15px;border-radius:6px;border:1px solid var(--border-color)}.explanation-box p{color:#ccc;margin:0;font-size:13px;line-height:1.6}.solver-examples{background:var(--bg-tertiary);padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid var(--border-color)}.solver-examples h4{color:#667eea;margin:0 0 15px}.example-list{display:grid;gap:8px}.example-item{background:var(--bg-secondary);padding:12px;border-radius:8px;color:var(--text-primary);font-family:var(--font-family-mono);font-size:14px;border-left:3px solid var(--success);cursor:pointer;transition:all .2s ease}.example-item:hover{background:#2a2a2a;transform:translate(5px)}.statistics-calc{max-width:700px}.stats-input-group{background:var(--bg-tertiary);padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid var(--border-color)}.stats-input-group label{color:#fff;font-weight:600;margin-bottom:8px;display:block}.textarea-field{width:100%;padding:16px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-family:var(--font-family-mono);box-sizing:border-box;resize:vertical;outline:none}.textarea-field:focus{outline:none;border-color:#51cf66}.stats-buttons{display:flex;gap:10px;margin-top:15px}.stats-buttons .btn{flex:1}.stats-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.stats-card{background:var(--bg-tertiary);padding:24px;border-radius:16px;border-left:4px solid var(--accent-main)}.stats-card h4{color:#667eea;margin:0 0 15px;font-size:16px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #333;font-size:14px}.stat-row:last-child{border-bottom:none}.stat-label{color:#aaa;font-weight:600}.stat-value{color:#51cf66;font-weight:600;font-family:monospace}.data-display{background:var(--bg-tertiary);padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid var(--border-color)}.data-display h4{color:#667eea;margin:0 0 15px}.data-list{display:flex;flex-wrap:wrap;gap:8px}.data-item{background:#0a0a0a;padding:8px 12px;border-radius:6px;color:#51cf66;font-family:monospace;font-size:13px;border:1px solid #333}.quick-add{background:#2a2a2a;padding:20px;border-radius:10px;margin-bottom:20px}.quick-add h4{color:#667eea;margin:0 0 15px}.quick-add-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-small{padding:8px 12px;background:#667eea;border:none;border-radius:6px;color:#fff;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-small:hover{background:#5568d3;transform:translateY(-2px)}.stats-info{background:#2a2a2a;padding:20px;border-radius:10px}.stats-info h4{color:#667eea;margin:0 0 15px}.stats-info ul{list-style:none;padding:0;margin:0}.stats-info li{color:#ccc;padding:8px 0;font-size:13px;border-bottom:1px solid #333}.stats-info li:last-child{border-bottom:none}.engineer-calc{max-width:600px}.engineer-mode-selector{display:flex;gap:10px;margin-bottom:20px;justify-content:center;flex-wrap:wrap}.engineer-mode-btn{padding:10px 16px;background:#333;color:#aaa;border:2px solid #333;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease}.engineer-mode-btn:hover{background:#444;color:#fff}.engineer-mode-btn.active{background:#667eea;border-color:#667eea;color:#fff}.engineer-inputs{background:var(--bg-tertiary);padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid var(--border-color)}.engineer-inputs h4{color:#667eea;margin:0 0 15px}.engineer-result{background:var(--bg-tertiary);padding:24px;border-radius:16px;margin-bottom:24px;border-left:4px solid var(--success)}.engineer-result h4{color:#51cf66;margin:0 0 15px}.result-item{background:#1e1e1e;padding:12px;border-radius:6px;color:#fff;margin-bottom:10px;font-size:13px;line-height:1.6}.result-item:last-child{margin-bottom:0}.result-item small{display:block;color:#aaa;margin-top:5px}.result-formula{background:#1e1e1e;padding:12px;border-radius:6px;color:#aaa;font-size:12px;font-style:italic;margin-top:10px}.engineer-reference{background:#2a2a2a;padding:20px;border-radius:10px}.engineer-reference h4{color:#667eea;margin:0 0 15px}.engineer-reference ul{list-style:none;padding:0;margin:0}.engineer-reference li{color:#ccc;padding:8px 0;font-size:13px;border-bottom:1px solid #333}.engineer-reference li:last-child{border-bottom:none}.programmer-calc{max-width:700px}.programmer-mode-toggle{display:flex;gap:10px;margin-bottom:20px;justify-content:center}.programmer-mode-btn{padding:10px 20px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.programmer-mode-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-main)}.programmer-mode-btn.active{background:var(--accent-main);border-color:var(--accent-main);color:#fff}.programmer-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.conversion-group{background:var(--bg-tertiary);padding:20px;border-radius:12px;border:1px solid var(--border-color)}.conversion-group h4{color:#667eea;margin:0 0 10px;font-size:14px}.bitwise-operations{background:var(--bg-tertiary);padding:24px;border-radius:16px;margin-bottom:24px;border:1px solid var(--border-color)}.bitwise-operations h4{color:#667eea;margin:0 0 15px}.operation-buttons{display:flex;flex-wrap:wrap;gap:8px}.encoding-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.encoding-group{background:var(--bg-tertiary);padding:24px;border-radius:16px;border:1px solid var(--border-color)}.encoding-group h4{color:#667eea;margin:0 0 10px}.encoding-group .btn{width:100%;margin-top:10px}.programmer-reference{background:var(--bg-tertiary);padding:24px;border-radius:16px;border:1px solid var(--border-color)}.programmer-reference h4{color:#667eea;margin:0 0 15px}.programmer-reference ul{list-style:none;padding:0;margin:0}.programmer-reference li{color:var(--text-secondary);padding:8px 0;font-size:13px;border-bottom:1px solid var(--border-color)}.programmer-reference li:last-child{border-bottom:none}.converter-type-selector{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.type-btn{padding:10px 16px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .2s ease}.type-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--accent-main)}.type-btn.active{background:var(--accent-main);border-color:var(--accent-main);color:#fff}.converter-inputs{background:var(--bg-tertiary);padding:24px;border-radius:16px;margin-bottom:24px;display:flex;gap:15px;align-items:flex-end;border:1px solid var(--border-color)}.input-group{flex:1;display:flex;flex-direction:column;gap:8px}.input-group label{color:var(--text-secondary);font-weight:600;font-size:14px}.result-field{background:var(--bg-input);cursor:default}.swap-btn{padding:12px 20px;background:#667eea;border:none;border-radius:8px;color:#fff;font-size:20px;cursor:pointer;font-weight:600;transition:all .2s ease;height:fit-content}.swap-btn:hover{background:#5568d3;transform:scaleX(1.1)}.conversion-info{background:var(--bg-tertiary);padding:24px;border-radius:16px;text-align:center;border-left:4px solid var(--accent-main);border:1px solid var(--border-color)}.conversion-info h4{color:var(--accent-main);margin:0 0 10px;font-size:16px}.conversion-result{color:#51cf66;font-size:18px;font-weight:600;margin:0;font-family:monospace}@media(max-width:768px){.converter-inputs{flex-direction:column;align-items:stretch}.swap-btn{width:100%;height:auto}.converter-type-selector{gap:6px}.type-btn{padding:8px 12px;font-size:12px;flex:1;min-width:80px}.memory-info{flex-direction:column;gap:10px}}@media(max-width:480px){.calculator{padding:15px}.calculator h2{font-size:20px}.button-grid,.scientific-grid,.programmable-grid,.professional-grid{grid-template-columns:repeat(4,1fr);gap:6px}.btn{padding:10px;font-size:12px}.display{font-size:20px;padding:12px;min-height:50px}.menu-content{padding:20px}.menu-content h1{font-size:24px}.graph-canvas{width:100%;height:300px}.converter-inputs{flex-direction:column}.swap-btn{width:100%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);outline:none}.btn:focus-visible{outline:2px solid var(--accent-main);outline-offset:2px}.btn-sm{padding:8px 12px;font-size:var(--font-size-sm);height:32px}.btn-md{padding:10px 16px;font-size:var(--font-size-base);height:40px}.btn-lg{padding:12px 24px;font-size:var(--font-size-lg);height:48px}.btn-primary{background-color:var(--accent-main);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background-color:var(--accent-light);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--accent-dark);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background-color:var(--primary-light);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--primary-lighter)}.btn-success{background-color:var(--success);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-lg)}.btn-warning{background-color:#ffa726;color:#fff;box-shadow:var(--shadow-md)}.btn-warning:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-warning:active:not(:disabled){filter:brightness(.9);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-error{background-color:var(--error);color:#fff;box-shadow:var(--shadow-md)}.btn-error:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--shadow-lg)}.btn-ghost{background-color:transparent;color:var(--accent-main);border:1px solid var(--accent-main)}.btn-ghost:hover:not(:disabled){background-color:#667eea1a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full-width{width:100%}.btn-loading{position:relative}.btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon{display:inline-flex;align-items:center;justify-content:center}.confirm-drawer-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .3s ease;padding:20px}.confirm-drawer-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:28px;width:100%;max-width:400px;padding:32px;box-shadow:0 20px 50px #0003;transform-origin:center;animation:modalScaleUp .4s cubic-bezier(.34,1.56,.64,1);position:relative}.confirm-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.confirm-icon-wrapper{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center}.confirm-icon-wrapper.primary{background:#667eea1a;color:var(--accent-main)}.confirm-icon-wrapper.warning{background:#ff99001a;color:#f90}.confirm-icon-wrapper.error{background:#ff3b301a;color:#ff3b30}.confirm-close-btn{background:var(--bg-secondary);border:none;color:var(--text-tertiary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.confirm-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.confirm-drawer-body h3{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.confirm-drawer-body p{color:var(--text-secondary);line-height:1.6;font-size:1.05rem;margin-bottom:32px}.confirm-drawer-footer{display:flex;gap:12px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:480px){.confirm-drawer-content{border-radius:32px 32px 0 0;position:fixed;bottom:0;left:0;right:0;max-width:100%;margin:0;animation:slideUp .4s cubic-bezier(0,.55,.45,1)}.confirm-drawer-overlay{align-items:flex-end;padding:0}.confirm-icon-wrapper{width:48px;height:48px}.confirm-drawer-footer{flex-direction:column-reverse}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-widget-container{position:fixed;bottom:90px;right:20px;width:380px;height:600px;max-height:80vh;max-width:calc(100vw - 40px);background:var(--chat-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--chat-border);border-radius:24px;box-shadow:var(--chat-shadow);display:flex;flex-direction:column;z-index:9998;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);animation:chat-slide-in .4s cubic-bezier(.16,1,.3,1)}.chat-widget-container.minimized{height:70px;width:280px}@keyframes chat-slide-in{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-fab{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:30px;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 25px #667eea66;border:none;color:#fff;font-size:24px;cursor:pointer;z-index:9999;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);animation:chat-pulse 3s infinite}@keyframes chat-pulse{0%{transform:scale(1);box-shadow:0 8px 25px #667eea66}50%{transform:scale(1.05);box-shadow:0 12px 35px #667eea99}to{transform:scale(1);box-shadow:0 8px 25px #667eea66}}.chat-fab:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 30px #667eea80}.chat-fab-open{transform:scale(.9) rotate(90deg)}.chat-header{padding:16px 20px;background:var(--chat-header-bg);border-bottom:1px solid var(--chat-border);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s}.chat-header:hover{background:var(--chat-header-hover)}.chat-header-left{display:flex;align-items:center;gap:12px}.chat-header-logo{width:28px;height:28px;background:#667eea1a;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:4px}.chat-header-info{display:flex;flex-direction:column}.chat-header-title{font-weight:700;color:var(--text-primary);font-size:.95rem}.chat-header-status{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:6px}.chat-header-actions{display:flex;gap:8px}.header-action-btn{background:none;border:none;padding:6px;border-radius:8px;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.header-action-btn:hover{background:#667eea1a;color:var(--accent-main)}.chat-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-input-area{padding:18px 20px;border-top:1px solid var(--chat-border);background:var(--chat-bg);display:flex;gap:12px;align-items:center}.chat-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--chat-border);border-radius:20px;padding:12px 18px;color:var(--text-primary);outline:none;font-size:.95rem;transition:all .2s}.chat-input:focus{border-color:var(--accent-main);background:var(--bg-secondary);box-shadow:0 0 0 3px #667eea1a}.chat-send-btn{background:var(--accent-main);border:none;border-radius:14px;width:44px;height:44px;color:#fff!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.chat-send-btn svg{color:#fff!important}.chat-send-btn:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 15px #667eea66}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;position:relative;box-shadow:0 0 #22c55e66;animation:status-pulse 2s infinite}@keyframes status-pulse{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.typing-indicator{align-self:flex-start;color:var(--text-tertiary);font-size:.8rem;padding:8px 16px;background:var(--bg-tertiary);border-radius:12px;font-style:italic;animation:message-pulse 1.5s infinite}@keyframes message-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}:root{--chat-bg: rgba(15, 23, 42, .8);--chat-header-bg: rgba(255, 255, 255, .05);--chat-header-hover: rgba(255, 255, 255, .08);--chat-border: rgba(255, 255, 255, .1);--chat-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5)}body.light-theme{--chat-bg: rgba(255, 255, 255, .8);--chat-header-bg: rgba(102, 126, 234, .05);--chat-header-hover: rgba(102, 126, 234, .1);--chat-border: rgba(102, 126, 234, .15);--chat-shadow: 0 20px 40px -10px rgba(102, 126, 234, .15)}.notification-container{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-toast{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:20px;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;min-width:320px;max-width:480px;pointer-events:auto;animation:toast-entrance .5s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes toast-entrance{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.notification-toast.success{border-left:6px solid #10b981}.notification-toast.info{border-left:6px solid var(--accent-main)}.notification-toast.warning{border-left:6px solid #f59e0b}.notification-toast.error{border-left:6px solid #ef4444}.notification-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--bg-secondary)}.success .notification-icon{color:#10b981;background:#10b9811a}.info .notification-icon{color:var(--accent-main);background:#667eea1a}.warning .notification-icon{color:#f59e0b;background:#f59e0b1a}.error .notification-icon{color:#ef4444;background:#ef44441a}.notification-message{flex:1;color:var(--text-primary);font-size:1rem;font-weight:600;letter-spacing:-.01em}.notification-close{background:var(--bg-secondary);border:none;color:var(--text-tertiary);cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.notification-close:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:rotate(90deg)}.notification-progress{position:absolute;bottom:0;left:0;height:4px;background:currentColor;opacity:.2;width:100%;animation:toast-progress 3s linear forwards}.success .notification-progress{background:#10b981}.info .notification-progress{background:var(--accent-main)}.warning .notification-progress{background:#f59e0b}.error .notification-progress{background:#ef4444}@keyframes toast-progress{0%{width:100%}to{width:0%}}@media(max-width:480px){.notification-container{inset:auto 24px 24px}.notification-toast{min-width:0}}.history-modal-overlay{position:fixed;inset:0;background:var(--bg-overlay, rgba(0, 0, 0, .7));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}.history-modal-container{background:var(--bg-primary);border-radius:20px;width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);overflow:hidden;animation:slideUp .3s ease}.history-modal-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start}.history-modal-header h2{margin:0;font-size:1.5rem;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.history-count{margin:4px 0 0;font-size:.85rem;color:var(--text-tertiary)}.history-modal-close{background:var(--bg-tertiary);border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s}.history-modal-close:hover{background:var(--bg-hover);transform:rotate(90deg)}.history-modal-empty{padding:60px 40px;text-align:center}.history-tabs{display:flex;padding:0 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);gap:24px}.tab-btn{padding:12px 0;background:none;border:none;color:var(--text-tertiary);font-weight:600;font-size:.95rem;cursor:pointer;position:relative;transition:all .2s}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--primary-500)}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-500);border-radius:2px 2px 0 0}.empty-icon{font-size:4rem;margin-bottom:16px;opacity:.5}.history-modal-controls{padding:16px 24px;background:var(--bg-secondary);display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border-color)}.filter-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;outline:none}.action-group{display:flex;gap:8px}.history-modal-content{flex:1;overflow-y:auto;padding:16px 24px}.history-items-list{display:flex;flex-direction:column;gap:12px}.history-modal-item{background:var(--bg-secondary);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;border:1px solid transparent;transition:all .2s}.history-modal-item:hover{border-color:var(--primary-500);background:var(--bg-tertiary)}.item-main{flex:1}.item-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.item-type-badge{font-size:1.1rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.game-score-display{display:flex;align-items:center;gap:8px}.score-value{font-size:1.2rem;font-weight:700;color:var(--primary-500)}.difficulty-tag{font-size:.7rem;padding:2px 6px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;text-transform:uppercase;color:var(--text-tertiary)}.item-calc{font-weight:600;color:var(--primary-500);font-size:.9rem;text-transform:capitalize}.item-date{font-size:.75rem;color:var(--text-tertiary)}.item-data{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:1.1rem}.data-input{color:var(--text-secondary)}.data-equals{color:var(--primary-500)}.data-output{color:var(--text-primary);font-weight:700}.item-duration{font-size:.7rem;color:var(--text-tertiary);margin-top:4px}.item-actions{display:flex;gap:8px}.action-btn{background:var(--bg-primary);border:1px solid var(--border-color);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--bg-hover);transform:translateY(-2px)}.action-btn.star.active{color:#ffb800;background:#ffb8001a;border-color:#ffb80033}.action-btn.delete:hover{background:#ef44441a;border-color:#ef444433;color:#ef4444}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:480px){.history-modal-container{max-height:90vh;border-radius:20px 20px 0 0;position:fixed;bottom:0}.history-modal-overlay{align-items:flex-end;padding:0}.history-modal-controls{flex-direction:column;align-items:stretch}.item-data{font-size:1rem;flex-wrap:wrap}}.breadcrumbs-nav{padding:.75rem 1rem;font-size:.9rem;color:var(--text-secondary);background:transparent;margin-bottom:.5rem}.breadcrumbs-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:.5rem}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-separator{color:var(--text-tertiary)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color .2s;display:flex;align-items:center}.breadcrumb-link:hover{color:var(--primary-color);text-decoration:underline}.home-icon{display:flex;align-items:center}.breadcrumb-text{color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}[dir=rtl] .breadcrumb-list,.home-page[dir=rtl] .breadcrumb-list{flex-direction:row}[dir=rtl] .breadcrumb-separator{transform:rotate(180deg)}@media(max-width:600px){.breadcrumbs-nav{font-size:.8rem;padding:.5rem}.breadcrumb-text{max-width:150px}}.level-up-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.level-up-card-modern{width:90%;max-width:450px;padding:2.5rem;text-align:center;position:relative;border-radius:24px;border:1px solid rgba(255,255,255,.2);overflow:hidden;animation:bounceIn .8s cubic-bezier(.34,1.56,.64,1)}.close-lvl-up{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;z-index:10}.trophy-glow{position:relative;width:120px;height:120px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.trophy-icon{color:#f1c40f;z-index:2;animation:rotateScale 4s infinite ease-in-out}.glow-circle{position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(241,196,15,.4) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 2s infinite alternate}.lvl-title{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(to right,#f1c40f,#e67e22);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lvl-number-badge{display:inline-flex;align-items:center;gap:1rem;background:#ffffff1a;padding:.5rem 2rem;border-radius:50px;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.2)}.lvl-val{font-size:2rem;font-weight:800;color:#fff}.star-left,.star-right{color:#f1c40f;animation:starFlicker 1.5s infinite alternate}.lvl-desc{color:#fffc;line-height:1.6;margin-bottom:2rem}.btn-celebrate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #0003;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-celebrate:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 15px 30px #0000004d}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.confetti{position:absolute;width:8px;height:8px;background:#f1c40f;border-radius:2px;top:-10px;opacity:.8}.piece-0{left:10%;background:#e74c3c;animation:fall 3s infinite}.piece-1{left:20%;background:#3498db;animation:fall 4s infinite .5s}.piece-2{left:30%;background:#2ecc71;animation:fall 3.5s infinite 1s}.piece-3{left:40%;background:#f1c40f;animation:fall 4.5s infinite 1.5s}.piece-4{left:50%;background:#9b59b6;animation:fall 3.2s infinite .2s}.piece-5{left:60%;background:#e67e22;animation:fall 3.8s infinite .8s}.piece-6{left:70%;background:#e74c3c;animation:fall 4.2s infinite 1.2s}.piece-7{left:80%;background:#3498db;animation:fall 3.5s infinite .3s}.piece-8{left:90%;background:#2ecc71;animation:fall 4s infinite .7s}.piece-9{left:15%;background:#f1c40f;animation:fall 3.7s infinite 1.7s}@keyframes rotateScale{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}}@keyframes pulseGlow{0%{transform:scale(.8);opacity:.4}to{transform:scale(1.2);opacity:.6}}@keyframes starFlicker{0%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(500px) rotate(720deg);opacity:0}}.badge-card{position:relative;background:#ffffff08;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden;animation:fadeInScale .6s cubic-bezier(.16,1,.3,1) backwards,premiumCardBorderBlink 2s ease-in-out infinite}body.light-theme .badge-card{background:#ffffffb3;border-color:#667eea1a}.badge-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(102,126,234,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.badge-card:hover:after{opacity:1}.badge-card.locked{opacity:.7;filter:grayscale(.8);border-color:var(--border-color)}.badge-card.unlocked{box-shadow:0 0 20px #667eea66}.badge-card:hover{transform:translateY(-10px) scale(1.05);animation:premiumCardFullBlink 2s ease-in-out infinite}.badge-icon-container{position:relative;width:80px;height:80px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;background:#667eea1a;border-radius:50% 50% 15px 15px;padding-bottom:8px;animation:globalIconFloat 5s ease-in-out infinite}.badge-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:globalIconPulse 4s ease-in-out infinite}.locked-icon{color:var(--text-secondary);opacity:.5}.unlocked-icon{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55),globalIconPulse 3s ease-in-out infinite}.badge-progress-ring{position:absolute;top:0;left:0;width:100%;height:100%}.badge-info{width:100%}.badge-name{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.badge-description{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.badge-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.badge-rarity{font-size:.7rem;font-weight:700;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase}.badge-rarity.common{background:#9ca3af33;color:#9ca3af}.badge-rarity.rare{background:#3b82f633;color:#3b82f6}.badge-rarity.epic{background:#a855f733;color:#a855f7}.badge-rarity.legendary{background:#f59e0b33;color:#f59e0b}.badge-points{font-size:.85rem;font-weight:600;color:var(--accent-main)}.badge-progress-bar{margin-top:1rem;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden;position:relative;border:1px solid var(--border-color)}.badge-progress-fill{height:100%;transition:width .3s ease;border-radius:3px;background:var(--accent-main)}.badge-progress-text{position:absolute;top:-20px;right:0;font-size:.75rem;color:var(--text-secondary)}.badge-unlock-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.badge-unlock-card{width:90%;max-width:500px;padding:2.5rem;border-radius:24px;border:2px solid rgba(255,255,255,.2);position:relative;animation:bounceIn .8s cubic-bezier(.34,1.56,.64,1)}.badge-close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#ffffffb3;cursor:pointer;z-index:10;transition:color .3s ease}.badge-close-btn:hover{color:#fff}.badge-unlock-content{position:relative;z-index:2}.badge-unlock-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.badge-unlock-header h3{font-size:1.2rem;font-weight:700;color:var(--common-white)}.badge-unlock-icon{margin:1rem 0;animation:globalIconFloat 4s ease-in-out infinite,globalIconPulse 3s ease-in-out infinite,cardBlinkGlow 2s ease-in-out infinite}.badge-unlock-name{font-size:2rem;font-weight:900;margin-bottom:.5rem;background:linear-gradient(to right,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.badge-unlock-description{color:var(--common-white);opacity:.8;margin-bottom:1.5rem;line-height:1.6}.badge-unlock-reward{display:flex;justify-content:center;align-items:center;gap:1rem}.badge-unlock-points{font-size:1.5rem;font-weight:700;color:#667eea}.badge-collection{padding:2rem}.badge-collection-header{padding:2rem;border-radius:16px;margin-bottom:2rem}.badge-stats{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.badge-stats-icon{color:#667eea}.badge-stats-info h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.badge-stats-info p{color:var(--text-secondary);font-size:.9rem}.badge-progress-bar-main{height:12px;background:var(--bg-hover);border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.badge-progress-fill-main{height:100%;background:linear-gradient(to right,#667eea,#764ba2);transition:width .5s ease;border-radius:6px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;top:-10px;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(600px) rotate(720deg);opacity:0}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@media(max-width:768px){.badge-grid{grid-template-columns:1fr}.badge-category-tabs{overflow-x:auto;flex-wrap:nowrap}.badge-collection{padding:1rem}}.badge-card .share-button-container{margin-top:1rem;width:100%;display:flex;justify-content:center}.badge-card .badge-actions{margin-top:1rem;width:100%;display:flex;gap:.5rem;justify-content:center;align-items:stretch;flex-wrap:wrap}.badge-card .view-detail-btn,.badge-card .view-cert-btn,.badge-card .share-main-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;min-height:36px;border-radius:8px;background:var(--bg-hover);border:1px solid var(--border-color);transition:all .2s ease;white-space:nowrap;flex:1;min-width:fit-content}.badge-card .view-detail-btn:hover,.badge-card .view-cert-btn:hover,.badge-card .share-main-btn:hover{background:var(--accent-main);color:#fff;border-color:var(--accent-main)}.badge-card .badge-share{flex-shrink:0;display:flex;align-items:center}.badge-card .share-button-container{margin-top:0!important}.badge-card .share-options-dropdown{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;min-width:160px;z-index:100}.achievement-showcase{position:relative;background:#0f172ad9;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);max-width:600px;margin:4rem auto;padding:3rem;border-radius:32px;border:1px solid rgba(255,255,255,.15);text-align:center;overflow:hidden;box-shadow:0 30px 60px #0006}body.light-theme .achievement-showcase{background:#ffffffe6;border-color:#667eea33}.showcase-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);opacity:.15;z-index:0;pointer-events:none;animation:rotateScale 10s infinite linear}.showcase-header{margin-bottom:2.5rem;position:relative;z-index:1}.congrats-text{font-size:1.2rem;font-weight:700;color:var(--accent-main);text-transform:uppercase;letter-spacing:2px;margin-bottom:.5rem}.unlocked-text{font-size:2.5rem;font-weight:900;color:var(--text-primary)}.showcase-main{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative;z-index:1}.showcase-icon-wrapper{position:relative;width:150px;height:150px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:50%;border:4px solid var(--border-color);box-shadow:0 0 30px var(--shadow-color)}.showcase-icon{font-size:6rem;z-index:2;filter:drop-shadow(0 0 10px rgba(0,0,0,.2))}.showcase-stars{position:absolute;width:100%;height:100%;display:flex;justify-content:center;pointer-events:none}.showcase-stars .star-1,.showcase-stars .star-2,.showcase-stars .star-3{position:absolute;color:#f59e0b;animation:starPulse 2s infinite ease-in-out}.star-1{top:-20px;left:0;animation-delay:.2s}.star-2{top:-40px;left:50%;transform:translate(-50%)}.star-3{top:-20px;right:0;animation-delay:.4s}@keyframes starPulse{0%,to{transform:scale(.8) translateY(0);opacity:.5}50%{transform:scale(1.2) translateY(-10px);opacity:1}}.showcase-info{max-width:400px}.showcase-name{font-size:2.2rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary)}.showcase-desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.showcase-meta{display:flex;gap:1rem;justify-content:center;align-items:center}.showcase-points{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--accent-main)}.showcase-footer{margin-top:3rem;position:relative;z-index:1}.pulse-btn{animation:buttonPulse 2s infinite}@keyframes buttonPulse{0%{transform:scale(1);box-shadow:0 0 #667eea66}70%{transform:scale(1.05);box-shadow:0 0 0 15px #667eea00}to{transform:scale(1);box-shadow:0 0 #667eea00}}.achievement-showcase-error{text-align:center;padding:4rem}@media(max-width:600px){.achievement-showcase{margin:2rem 1rem;padding:2rem 1rem}.unlocked-text{font-size:1.8rem}.showcase-name{font-size:1.6rem}}.showcase-unlocked-info{margin-top:1rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;font-size:.95rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.badge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media(max-width:900px){.badge-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.badge-grid{grid-template-columns:1fr}}.app-layout{display:flex;flex-direction:column;min-height:100vh;background-color:transparent;color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}.layout-blurred>*:not(.confirm-drawer-overlay){filter:blur(8px);pointer-events:none;-webkit-user-select:none;user-select:none}.app-header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);background:#ffffff0d;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a;position:sticky;top:0;z-index:1000;transition:all .3s ease}body.light-theme .app-header{background:#fffc;border-bottom:1px solid rgba(102,126,234,.1)}.header-left{display:flex;align-items:center}.app-title-link{text-decoration:none;color:inherit;display:flex;align-items:center}.app-title-link:hover{text-decoration:none}.app-title{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin:0;animation:globalIconFloat 5s ease-in-out infinite,globalIconPulse 4s ease-in-out infinite}.app-logo-icon{height:48px;width:48px;object-fit:contain}.app-logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:#667eea;transition:color var(--transition-normal)}.main-nav{display:flex;gap:4px;background:#667eea08;padding:6px;border-radius:100px;border:1px solid rgba(102,126,234,.1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin:0 auto}body.light-theme .main-nav{background:#667eea0d;border-color:#667eea26}.main-nav .nav-link{text-decoration:none}.main-nav .nav-link .btn-sm{padding:8px 16px;white-space:nowrap;font-size:.88rem;border-radius:100px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);border:none!important;background:transparent;color:var(--text-secondary)}.main-nav .nav-link .btn-sm:hover{background:#667eea1a;color:#667eea;transform:translateY(-1px)}.main-nav .nav-link .btn-sm.active{background:linear-gradient(135deg,#7f9cf5,#667eea);color:#fff;box-shadow:0 4px 12px #667eea4d}body.light-theme .main-nav .nav-link .btn-sm.active{box-shadow:0 4px 12px #667eea33}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.desktop-only-actions{display:flex;align-items:center;gap:var(--spacing-md)}.user-greeting{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-right:4px}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:4px;z-index:1000;box-shadow:var(--shadow-lg);min-width:140px;display:flex;flex-direction:column;gap:2px}.mobile-only{display:none}.hamburger-btn{background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;padding:8px;border-radius:var(--radius-md)}.hamburger-btn:hover{background:var(--bg-tertiary)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2500;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.mobile-menu-content{width:85%;max-width:320px;height:100%;background:#fffc;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);padding:0;display:flex;flex-direction:column;box-shadow:-10px 0 50px #00000026;animation:slideInRightMobile .4s cubic-bezier(.16,1,.3,1);border-left:1px solid rgba(255,255,255,.3);color:var(--text-primary)}body:not(.light-theme) .mobile-menu-content{background:#0f1419d9;border-left:1px solid rgba(255,255,255,.05)}@keyframes slideInRightMobile{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.mobile-menu-title{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.2rem;color:var(--text-primary)}.mobile-menu-title svg{color:var(--accent-main)}.close-btn{background:none;border:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-primary);cursor:pointer;z-index:50;pointer-events:auto;transition:all .2s ease;position:relative}.close-btn svg{pointer-events:none}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-user-section{padding:1.75rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem;background:linear-gradient(to bottom,rgba(255,255,255,.1),transparent)}.mobile-user-card-premium{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;padding:1.5rem;background:#fff9;border-radius:24px;border:1px solid rgba(255,255,255,.4);box-shadow:0 12px 40px #0000000d}body:not(.light-theme) .mobile-user-card-premium{background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0003}.premium-card-header{display:flex;flex-direction:column;align-items:center;gap:.5rem}.user-avatar-premium{width:52px;height:52px;border-radius:16px;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:800;box-shadow:0 10px 20px -5px rgba(var(--accent-main-rgb),.4)}.user-basic-info{display:flex;flex-direction:column;gap:.25rem}.user-name-premium{font-weight:800;font-size:1.25rem;color:var(--text-primary);letter-spacing:-.5px}.user-level-badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-secondary);padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:700;color:var(--accent-main);text-transform:uppercase}.premium-stats-row{display:flex;gap:.75rem}.stat-pill{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--bg-tertiary);border-radius:12px;font-size:.9rem;font-weight:700;color:var(--text-primary);box-shadow:0 4px 12px #00000008;transition:all .2s ease;min-width:120px}.stat-pill.accent{background:#ffab001a;color:#ffab00}.stat-pill svg{color:currentColor}.mobile-lang-wrapper{display:flex;justify-content:flex-start}.mobile-nav-list{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.nav-item-mobile{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;text-decoration:none;color:var(--text-primary);border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;position:relative;overflow:hidden}.nav-item-mobile:hover,.nav-item-mobile.active{background:rgba(var(--accent-main-rgb),.08);color:var(--accent-main);transform:translate(6px)}.nav-item-mobile.active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:4px;background:var(--accent-main);border-radius:0 4px 4px 0;box-shadow:2px 0 10px rgba(var(--accent-main-rgb),.5)}.nav-item-mobile svg{flex-shrink:0;opacity:.8}.nav-item-mobile:hover svg{opacity:1}.mobile-nav-divider{height:1px;background:var(--border-color);margin:.5rem 0;opacity:.5}.mobile-menu-footer{padding:1rem 1.5rem 2rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.mobile-theme-toggle{width:100%;justify-content:flex-start!important;gap:1rem!important;font-size:1rem!important;padding:.75rem 1rem!important;border:1px solid var(--border-color)!important}@media(max-width:1150px){.app-header{height:70px;padding:0 var(--spacing-md)}.desktop-only,.desktop-only-actions{display:none}.mobile-only{display:block}.app-logo-text{font-size:1.2rem}.app-main{padding:8px}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.app-main{flex:1;padding:var(--spacing-lg);width:100%;max-width:1400px;margin:0 auto;transition:padding var(--transition-normal)}.app-footer{background:#ffffff05;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.05);padding:40px var(--spacing-lg);text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:40px}body.light-theme .app-footer{background:#fffc;border-top:1px solid rgba(102,126,234,.1)}.footer-links{display:flex;justify-content:center;gap:32px;margin-bottom:12px;flex-wrap:wrap}.footer-links button{background:#667eea0d;border:1px solid rgba(102,126,234,.1);color:var(--text-primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:10px 20px;border-radius:100px;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-links button:hover{background:var(--accent-gradient);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.footer-disclaimer{margin-top:12px;max-width:800px;margin-left:auto;margin-right:auto;font-size:.8rem;line-height:1.6;color:var(--text-tertiary);opacity:.8}.footer-social{display:flex;justify-content:center;align-items:center;gap:16px;margin:14px 0 8px}.footer-social-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-color);transition:all .25s ease;text-decoration:none}.footer-social-link:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.footer-social-link[aria-label=YouTube]:hover{color:#fff;background:red;border-color:red}.footer-social-link[aria-label=Facebook]:hover{color:#fff;background:#1877f2;border-color:#1877f2}.footer-social-link[aria-label=Threads]:hover{color:#fff;background:#000;border-color:#000}.footer-social-link[aria-label=Instagram]:hover{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743}.footer-social-link[aria-label=LinkedIn]:hover{color:#fff;background:#0077b5;border-color:#0077b5}.footer-social-link[aria-label=X]:hover{color:#fff;background:#000;border-color:#000}.about-popup-content{display:flex;flex-direction:column;gap:1.5rem;text-align:left}.about-popup-header{display:flex;align-items:center;gap:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.about-popup-title h4{font-size:1.5rem;font-weight:800;margin:0;color:#667eea}.about-popup-title span{font-size:.9rem;opacity:.7;font-weight:600}.about-popup-description{font-size:.95rem;line-height:1.6;color:var(--text-primary);margin:0}.about-popup-features{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.about-feature-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.feature-icon{color:#667eea;flex-shrink:0}.about-popup-copyright{font-size:.8rem;opacity:.6;text-align:center;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.confirm-message-content{width:100%}@media(max-width:768px){.about-popup-features{grid-template-columns:1fr 1fr}}@media(max-width:480px){.about-popup-features{grid-template-columns:1fr}}.onboarding-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:flex-start;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:auto;padding:2rem 1rem}.onboarding-card{position:relative;background:#0f172acc;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);width:95%;max-width:500px;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:2.5rem;box-shadow:0 40px 100px -20px #00000080;margin:auto}body.light-theme .onboarding-card{background:#ffffffe6;border-color:#667eea26}.onboarding-progress{position:absolute;top:0;left:0;width:100%;height:6px;background:var(--bg-hover)}.onboarding-progress .progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-main),var(--accent-secondary));transition:width .4s cubic-bezier(.4,0,.2,1)}.onboarding-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.icon-circle{display:none}.icon-circle.success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.onboarding-step h2{font-size:1.6rem;margin:0;color:var(--text-main)}.onboarding-step p{color:var(--text-muted);font-size:1.1rem;line-height:1.6}.input-group{width:100%;text-align:left;display:flex;flex-direction:column;gap:.4rem}.input-group label{font-weight:600;color:var(--text-main)}.input-group input{width:100%;padding:.9rem 1.25rem;border-radius:12px;background:var(--bg-hover);border:1px solid var(--border-color);color:var(--text-main);font-size:1.1rem;transition:all .3s ease}.input-group input:focus{border-color:var(--accent-main);box-shadow:0 0 0 4px #3b82f61a;outline:none}.interests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;margin-top:1rem}body.light-theme .interest-item{background:#fff9}.interest-item{padding:.8rem 1rem;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;min-height:48px}.interest-item:hover{border-color:var(--accent-main);background:#667eea14;transform:translateY(-4px)}.interest-item.active{background:#667eea26;border-color:var(--accent-main);transform:translateY(-4px) scale(1.02)}.interest-label{font-size:.95rem;font-weight:500}.interest-item .check-icon{position:absolute;top:8px;right:8px;color:var(--accent-main)}.summary-text{font-size:1.5rem;font-weight:700}.profile-badge{padding:.75rem 1.5rem;border-radius:100px;background:var(--accent-main);color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;box-shadow:0 10px 20px #3b82f64d}.onboarding-footer{margin-top:2.5rem;width:100%}.next-btn{width:100%;height:56px;font-size:1.1rem;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s cubic-bezier(.4,0,.2,1)}.onboarding-card.step-1{max-width:650px}.legal-content{max-height:350px;overflow-y:auto;text-align:left;padding:1.5rem;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:16px;margin-top:.5rem;scrollbar-width:thin;scrollbar-color:var(--accent-main) transparent}.legal-content::-webkit-scrollbar{width:6px}.legal-content::-webkit-scrollbar-thumb{background:var(--accent-main);border-radius:10px}.legal-section{margin-bottom:2rem}.legal-section h3{font-size:1.1rem;color:var(--accent-main);margin-bottom:1rem}.legal-section p{font-size:.95rem;color:var(--text-secondary);line-height:1.7}.onboarding-card.step-4{max-width:600px}@media(max-width:640px){.onboarding-card{padding:1.25rem 1.25rem 2rem;border-radius:20px;width:95%;max-height:85vh;display:flex;flex-direction:column}.onboarding-step{overflow-y:auto;flex:1;padding-right:4px}.onboarding-step h2{font-size:1.35rem;margin-bottom:.5rem}.onboarding-step p{font-size:.95rem;margin-bottom:1rem}.icon-circle{width:50px;height:50px;margin-bottom:.25rem}.icon-circle svg{width:24px;height:24px}.interests-grid{grid-template-columns:1fr;gap:.5rem;max-height:35vh;overflow-y:auto;padding-right:.25rem}.interest-item{padding:.6rem .8rem;gap:.75rem;min-height:44px}.interest-icon{font-size:1.1rem}.interest-label{font-size:.9rem}.legal-content{max-height:40vh;padding:.75rem}.next-btn{height:48px;font-size:1rem;margin-top:1rem}.onboarding-footer{margin-top:1rem}.input-group input{padding:.8rem;font-size:1rem}}.profile-form-grid{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.25rem}.form-row{display:flex;flex-direction:column;gap:.75rem;width:100%}.form-row .input-group{width:100%}.wide-card{max-width:600px}.interests-grid.mini-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;max-height:220px;overflow-y:auto;padding-right:.25rem;margin-top:.25rem}.interests-grid.mini-grid .interest-item{padding:.5rem;flex-direction:column;gap:.25rem;text-align:center;font-size:.8rem}.interests-grid.mini-grid .interest-icon{font-size:1.2rem;margin-bottom:2px}.interests-group>label{margin-bottom:.5rem;display:block;font-weight:500;color:var(--text-secondary);font-size:.95rem}@media(max-width:480px){.interests-grid.mini-grid{grid-template-columns:repeat(3,1fr)}.profile-form-grid{gap:.75rem}.input-group{gap:.4rem}}:root{--heritage-border-radius: 20px 20px 4px 4px;--heritage-arch-radius: 50% 50% 0 0 / 20% 20% 0 0}.heritage-mode body{background-image:radial-gradient(circle at top left,var(--primary-color-alpha),transparent 40%),radial-gradient(circle at bottom right,var(--primary-color-alpha),transparent 40%);background-color:var(--bg-primary)}.heritage-mode .glass-effect,.heritage-mode .badge-card,.heritage-mode .category-card,.heritage-mode .calculator-card{border-radius:16px;overflow:hidden;position:relative;border:1px solid rgba(102,126,234,.2);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.heritage-mode .modal-content,.heritage-mode .page-hero-modern{border-radius:40px 40px 12px 12px}.heritage-mode .badge-card:before{content:"";position:absolute;inset:5px;border:1px solid rgba(102,126,234,.1);pointer-events:none;border-radius:12px;z-index:1}.heritage-mode .calculator-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 35px #667eea33}.heritage-mode .loading-motif{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;animation:motifPulse 2s infinite ease-in-out}@keyframes motifPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.heritage-divider{display:flex;align-items:center;justify-content:center;margin:2rem 0}.heritage-divider:before,.heritage-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent)}.heritage-star-icon{width:24px;height:24px;margin:0 1rem;color:var(--primary);opacity:.6}.heritage-mode .btn-primary:hover{background-image:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%)}