*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#3b82f6;--primary-dark:#2563eb;--secondary-color:#6366f1;--accent-color:#06b6d4;--success-color:#10b981;--warning-color:#ca8000;--error-color:#ef4444;--bg-success:rgba(16,185,129,0.08);--bg-warning:rgba(245,158,11,0.12);--bg-error:rgba(239,68,68,0.08);--border-success:rgba(16,185,129,0.2);--border-warning:rgba(245,158,11,0.35);--border-error:rgba(239,68,68,0.2);--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--bg-primary:#f4f6f9;--bg-secondary:#eaeef3;--bg-card:#fff;--border-color:#d1d7df;--separator-color:#7f92a4;--border-radius:16px;--border-radius-sm:12px;--spacing-unit:8px;--card-color-border:0px;--input-color:#2563eb;--output-color:#059669;--dynamic-color:#dc6f21}[data-theme="dark"]{--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-light:#9ca3af;--bg-primary:#0f172a;--bg-secondary:#253244;--bg-card:#1e293b;--border-color:#334155;--separator-color:#8495ad;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--bg-success:rgba(52,211,153,0.1);--bg-warning:rgba(251,191,36,0.1);--bg-error:rgba(248,113,113,0.1);--border-success:rgba(52,211,153,0.25);--border-warning:rgba(251,191,36,0.25);--border-error:rgba(248,113,113,0.25);--input-color:#60a5fa;--output-color:#34d399;--dynamic-color:#d27b34}html,body{height:100%;overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color 0.3s ease,color 0.3s ease;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#app{height:100vh;background:var(--bg-primary);display:flex;flex-direction:column;transition:background-color 0.3s ease;overflow:hidden;min-height:100vh;min-height:-webkit-fill-available}@media (max-width:767px){}@supports (padding:max(0px)){#app{padding-top:max(env(safe-area-inset-top),0px)}}.page{display:none}.page.active{display:block}.slide-out-left{animation:slideOutLeft 0.15s ease-in-out forwards}.slide-out-right{animation:slideOutRight 0.15s ease-in-out forwards}.slide-in-left{animation:slideInLeft 0.15s ease-in-out forwards}.slide-in-right{animation:slideInRight 0.15s ease-in-out forwards}@keyframes slideOutLeft{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.main-content::-webkit-scrollbar{width:4px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:2px;transition:background 0.2s ease}.main-content-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme="dark"] .main-content-wrapper::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme="dark"] .main-content::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.main-content-wrapper{scrollbar-width:thin;scrollbar-color:var(--text-light) transparent}[data-theme="dark"] .main-content-wrapper{scrollbar-color:var(--border-color) transparent}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:2px;transition:background 0.2s ease}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme="dark"] .modal-body::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme="dark"] .modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--text-light) transparent}[data-theme="dark"] .modal-body{scrollbar-color:var(--border-color) transparent}.hidden{display:none !important}.slide-up{animation:slideUp 0.3s ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes floating{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}.floating{animation:floating 3s ease-in-out infinite}.main-content{max-width:1200px;margin:0 auto;width:100%}@media (max-width:768px){body{height:100vh;height:-webkit-fill-available}#app{height:100vh;height:-webkit-fill-available}}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top)}}
[class*="col-"]{flex:0 0 auto}.col-1{flex:0 0 calc(8.3333% - var(--spacing-unit));max-width:calc(8.3333% - var(--spacing-unit))}.col-2{flex:0 0 calc(16.6667% - var(--spacing-unit));max-width:calc(16.6667% - var(--spacing-unit))}.col-3{flex:0 0 calc(25% - var(--spacing-unit));max-width:calc(25% - var(--spacing-unit))}.col-4{flex:0 0 calc(33.3333% - var(--spacing-unit));max-width:calc(33.3333% - var(--spacing-unit))}.col-5{flex:0 0 calc(41.6667% - var(--spacing-unit));max-width:calc(41.6667% - var(--spacing-unit))}.col-6{flex:0 0 calc(50% - var(--spacing-unit));max-width:calc(50% - var(--spacing-unit))}.col-7{flex:0 0 calc(58.3333% - var(--spacing-unit));max-width:calc(58.3333% - var(--spacing-unit))}.col-8{flex:0 0 calc(66.6667% - var(--spacing-unit));max-width:calc(66.6667% - var(--spacing-unit))}.col-9{flex:0 0 calc(75% - var(--spacing-unit));max-width:calc(75% - var(--spacing-unit))}.col-10{flex:0 0 calc(83.3333% - var(--spacing-unit));max-width:calc(83.3333% - var(--spacing-unit))}.col-11{flex:0 0 calc(91.6667% - var(--spacing-unit));max-width:calc(91.6667% - var(--spacing-unit))}.col-12{flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm-1{flex:0 0 calc(8.3333% - var(--spacing-unit));max-width:calc(8.3333% - var(--spacing-unit))}.col-sm-2{flex:0 0 calc(16.6667% - var(--spacing-unit));max-width:calc(16.6667% - var(--spacing-unit))}.col-sm-3{flex:0 0 calc(25% - var(--spacing-unit));max-width:calc(25% - var(--spacing-unit))}.col-sm-4{flex:0 0 calc(33.3333% - var(--spacing-unit));max-width:calc(33.3333% - var(--spacing-unit))}.col-sm-5{flex:0 0 calc(41.6667% - var(--spacing-unit));max-width:calc(41.6667% - var(--spacing-unit))}.col-sm-6{flex:0 0 calc(50% - var(--spacing-unit));max-width:calc(50% - var(--spacing-unit))}.col-sm-7{flex:0 0 calc(58.3333% - var(--spacing-unit));max-width:calc(58.3333% - var(--spacing-unit))}.col-sm-8{flex:0 0 calc(66.6667% - var(--spacing-unit));max-width:calc(66.6667% - var(--spacing-unit))}.col-sm-9{flex:0 0 calc(75% - var(--spacing-unit));max-width:calc(75% - var(--spacing-unit))}.col-sm-10{flex:0 0 calc(83.3333% - var(--spacing-unit));max-width:calc(83.3333% - var(--spacing-unit))}.col-sm-11{flex:0 0 calc(91.6667% - var(--spacing-unit));max-width:calc(91.6667% - var(--spacing-unit))}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-1{flex:0 0 calc(8.3333% - var(--spacing-unit));max-width:calc(8.3333% - var(--spacing-unit))}.col-md-2{flex:0 0 calc(16.6667% - var(--spacing-unit));max-width:calc(16.6667% - var(--spacing-unit))}.col-md-3{flex:0 0 calc(25% - var(--spacing-unit));max-width:calc(25% - var(--spacing-unit))}.col-md-4{flex:0 0 calc(33.3333% - var(--spacing-unit));max-width:calc(33.3333% - var(--spacing-unit))}.col-md-5{flex:0 0 calc(41.6667% - var(--spacing-unit));max-width:calc(41.6667% - var(--spacing-unit))}.col-md-6{flex:0 0 calc(50% - var(--spacing-unit));max-width:calc(50% - var(--spacing-unit))}.col-md-7{flex:0 0 calc(58.3333% - var(--spacing-unit));max-width:calc(58.3333% - var(--spacing-unit))}.col-md-8{flex:0 0 calc(66.6667% - var(--spacing-unit));max-width:calc(66.6667% - var(--spacing-unit))}.col-md-9{flex:0 0 calc(75% - var(--spacing-unit));max-width:calc(75% - var(--spacing-unit))}.col-md-10{flex:0 0 calc(83.3333% - var(--spacing-unit));max-width:calc(83.3333% - var(--spacing-unit))}.col-md-11{flex:0 0 calc(91.6667% - var(--spacing-unit));max-width:calc(91.6667% - var(--spacing-unit))}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-1{flex:0 0 calc(8.3333% - var(--spacing-unit));max-width:calc(8.3333% - var(--spacing-unit))}.col-lg-2{flex:0 0 calc(16.6667% - var(--spacing-unit));max-width:calc(16.6667% - var(--spacing-unit))}.col-lg-3{flex:0 0 calc(25% - var(--spacing-unit));max-width:calc(25% - var(--spacing-unit))}.col-lg-4{flex:0 0 calc(33.3333% - var(--spacing-unit));max-width:calc(33.3333% - var(--spacing-unit))}.col-lg-5{flex:0 0 calc(41.6667% - var(--spacing-unit));max-width:calc(41.6667% - var(--spacing-unit))}.col-lg-6{flex:0 0 calc(50% - var(--spacing-unit));max-width:calc(50% - var(--spacing-unit))}.col-lg-7{flex:0 0 calc(58.3333% - var(--spacing-unit));max-width:calc(58.3333% - var(--spacing-unit))}.col-lg-8{flex:0 0 calc(66.6667% - var(--spacing-unit));max-width:calc(66.6667% - var(--spacing-unit))}.col-lg-9{flex:0 0 calc(75% - var(--spacing-unit));max-width:calc(75% - var(--spacing-unit))}.col-lg-10{flex:0 0 calc(83.3333% - var(--spacing-unit));max-width:calc(83.3333% - var(--spacing-unit))}.col-lg-11{flex:0 0 calc(91.6667% - var(--spacing-unit));max-width:calc(91.6667% - var(--spacing-unit))}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl-1{flex:0 0 calc(8.3333% - var(--spacing-unit));max-width:calc(8.3333% - var(--spacing-unit))}.col-xl-2{flex:0 0 calc(16.6667% - var(--spacing-unit));max-width:calc(16.6667% - var(--spacing-unit))}.col-xl-3{flex:0 0 calc(25% - var(--spacing-unit));max-width:calc(25% - var(--spacing-unit))}.col-xl-4{flex:0 0 calc(33.3333% - var(--spacing-unit));max-width:calc(33.3333% - var(--spacing-unit))}.col-xl-5{flex:0 0 calc(41.6667% - var(--spacing-unit));max-width:calc(41.6667% - var(--spacing-unit))}.col-xl-6{flex:0 0 calc(50% - var(--spacing-unit));max-width:calc(50% - var(--spacing-unit))}.col-xl-7{flex:0 0 calc(58.3333% - var(--spacing-unit));max-width:calc(58.3333% - var(--spacing-unit))}.col-xl-8{flex:0 0 calc(66.6667% - var(--spacing-unit));max-width:calc(66.6667% - var(--spacing-unit))}.col-xl-9{flex:0 0 calc(75% - var(--spacing-unit));max-width:calc(75% - var(--spacing-unit))}.col-xl-10{flex:0 0 calc(83.3333% - var(--spacing-unit));max-width:calc(83.3333% - var(--spacing-unit))}.col-xl-11{flex:0 0 calc(91.6667% - var(--spacing-unit));max-width:calc(91.6667% - var(--spacing-unit))}.col-xl-12{flex:0 0 100%;max-width:100%}}.calculator-form{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.calculator-form.cols-1{grid-template-columns:repeat(1,1fr)}.calculator-form.cols-2{grid-template-columns:repeat(2,1fr)}.calculator-form.cols-3{grid-template-columns:repeat(3,1fr)}.calculator-form.cols-4{grid-template-columns:repeat(4,1fr)}.calculator-form.cols-5{grid-template-columns:repeat(5,1fr)}.calculator-form.cols-6{grid-template-columns:repeat(6,1fr)}.calculator-form.cols-7{grid-template-columns:repeat(7,1fr)}.calculator-form.cols-8{grid-template-columns:repeat(8,1fr)}.calculator-form-element.fr-1{grid-column:span 1}.calculator-form-element.fr-2{grid-column:span 2}.calculator-form-element.fr-3{grid-column:span 3}.calculator-form-element.fr-4{grid-column:span 4}.calculator-form-element.fr-5{grid-column:span 5}.calculator-form-element.fr-6{grid-column:span 6}.calculator-form-element.fr-7{grid-column:span 7}.calculator-form-element.fr-8{grid-column:span 8}@media (max-width:575.98px){.calculator-form.cols-xs-1{grid-template-columns:repeat(1,1fr)}.calculator-form.cols-xs-2{grid-template-columns:repeat(2,1fr)}.calculator-form.cols-xs-3{grid-template-columns:repeat(3,1fr)}.calculator-form.cols-xs-4{grid-template-columns:repeat(4,1fr)}.calculator-form.cols-xs-5{grid-template-columns:repeat(5,1fr)}.calculator-form.cols-xs-6{grid-template-columns:repeat(6,1fr)}.calculator-form.cols-xs-7{grid-template-columns:repeat(7,1fr)}.calculator-form.cols-xs-8{grid-template-columns:repeat(8,1fr)}.calculator-form-element.fr-xs-1{grid-column:span 1}.calculator-form-element.fr-xs-2{grid-column:span 2}.calculator-form-element.fr-xs-3{grid-column:span 3}.calculator-form-element.fr-xs-4{grid-column:span 4}.calculator-form-element.fr-xs-5{grid-column:span 5}.calculator-form-element.fr-xs-6{grid-column:span 6}.calculator-form-element.fr-xs-7{grid-column:span 7}.calculator-form-element.fr-xs-8{grid-column:span 8}}@media (min-width:576px){.calculator-form.cols-sm-1{grid-template-columns:repeat(1,1fr)}.calculator-form.cols-sm-2{grid-template-columns:repeat(2,1fr)}.calculator-form.cols-sm-3{grid-template-columns:repeat(3,1fr)}.calculator-form.cols-sm-4{grid-template-columns:repeat(4,1fr)}.calculator-form.cols-sm-5{grid-template-columns:repeat(5,1fr)}.calculator-form.cols-sm-6{grid-template-columns:repeat(6,1fr)}.calculator-form.cols-sm-7{grid-template-columns:repeat(7,1fr)}.calculator-form.cols-sm-8{grid-template-columns:repeat(8,1fr)}.calculator-form-element.fr-sm-1{grid-column:span 1}.calculator-form-element.fr-sm-2{grid-column:span 2}.calculator-form-element.fr-sm-3{grid-column:span 3}.calculator-form-element.fr-sm-4{grid-column:span 4}.calculator-form-element.fr-sm-5{grid-column:span 5}.calculator-form-element.fr-sm-6{grid-column:span 6}.calculator-form-element.fr-sm-7{grid-column:span 7}.calculator-form-element.fr-sm-8{grid-column:span 8}}@media (min-width:768px){.calculator-form.cols-md-1{grid-template-columns:repeat(1,1fr)}.calculator-form.cols-md-2{grid-template-columns:repeat(2,1fr)}.calculator-form.cols-md-3{grid-template-columns:repeat(3,1fr)}.calculator-form.cols-md-4{grid-template-columns:repeat(4,1fr)}.calculator-form.cols-md-5{grid-template-columns:repeat(5,1fr)}.calculator-form.cols-md-6{grid-template-columns:repeat(6,1fr)}.calculator-form.cols-md-7{grid-template-columns:repeat(7,1fr)}.calculator-form.cols-md-8{grid-template-columns:repeat(8,1fr)}.calculator-form-element.fr-md-1{grid-column:span 1}.calculator-form-element.fr-md-2{grid-column:span 2}.calculator-form-element.fr-md-3{grid-column:span 3}.calculator-form-element.fr-md-4{grid-column:span 4}.calculator-form-element.fr-md-5{grid-column:span 5}.calculator-form-element.fr-md-6{grid-column:span 6}.calculator-form-element.fr-md-7{grid-column:span 7}.calculator-form-element.fr-md-8{grid-column:span 8}}@media (min-width:992px){.calculator-form.cols-lg-1{grid-template-columns:repeat(1,1fr)}.calculator-form.cols-lg-2{grid-template-columns:repeat(2,1fr)}.calculator-form.cols-lg-3{grid-template-columns:repeat(3,1fr)}.calculator-form.cols-lg-4{grid-template-columns:repeat(4,1fr)}.calculator-form.cols-lg-5{grid-template-columns:repeat(5,1fr)}.calculator-form.cols-lg-6{grid-template-columns:repeat(6,1fr)}.calculator-form.cols-lg-7{grid-template-columns:repeat(7,1fr)}.calculator-form.cols-lg-8{grid-template-columns:repeat(8,1fr)}.calculator-form-element.fr-lg-1{grid-column:span 1}.calculator-form-element.fr-lg-2{grid-column:span 2}.calculator-form-element.fr-lg-3{grid-column:span 3}.calculator-form-element.fr-lg-4{grid-column:span 4}.calculator-form-element.fr-lg-5{grid-column:span 5}.calculator-form-element.fr-lg-6{grid-column:span 6}.calculator-form-element.fr-lg-7{grid-column:span 7}.calculator-form-element.fr-lg-8{grid-column:span 8}}@media (min-width:1200px){.calculator-form.cols-xl-1{grid-template-columns:repeat(1,1fr)}.calculator-form.cols-xl-2{grid-template-columns:repeat(2,1fr)}.calculator-form.cols-xl-3{grid-template-columns:repeat(3,1fr)}.calculator-form.cols-xl-4{grid-template-columns:repeat(4,1fr)}.calculator-form.cols-xl-5{grid-template-columns:repeat(5,1fr)}.calculator-form.cols-xl-6{grid-template-columns:repeat(6,1fr)}.calculator-form.cols-xl-7{grid-template-columns:repeat(7,1fr)}.calculator-form.cols-xl-8{grid-template-columns:repeat(8,1fr)}.calculator-form-element.fr-xl-1{grid-column:span 1}.calculator-form-element.fr-xl-2{grid-column:span 2}.calculator-form-element.fr-xl-3{grid-column:span 3}.calculator-form-element.fr-xl-4{grid-column:span 4}.calculator-form-element.fr-xl-5{grid-column:span 5}.calculator-form-element.fr-xl-6{grid-column:span 6}.calculator-form-element.fr-xl-7{grid-column:span 7}.calculator-form-element.fr-xl-8{grid-column:span 8}}
.header{position:relative;background:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:100;backdrop-filter:blur(20px);background:rgba(255,255,255,0.98);transition:all 0.3s ease;height:64px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,0.05)}[data-theme="dark"] .header{background:rgba(30,41,59,0.98);box-shadow:0 1px 3px rgba(0,0,0,0.2)}.header-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:100%;position:relative;padding:calc(var(--spacing-unit) * 2)}.back-btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;padding:calc(var(--spacing-unit) * 1.25);gap:calc(var(--spacing-unit) * 1);border-radius:var(--border-radius-sm);transition:all 0.3s ease;color:var(--text-primary);font-weight:500;position:absolute;left:0;opacity:0;transform:translateX(-20px);z-index:1;font-size:0.9rem;margin-left:calc(var(--spacing-unit) * 1)}.back-btn:hover{color:var(--primary-color);background:var(--bg-secondary)}.back-btn i{width:18px;height:18px;flex-shrink:0}.back-btn span{font-size:0.9rem;white-space:nowrap;font-weight:500}.header-brand{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1.25);transition:none;position:relative;z-index:2;cursor:pointer;border-radius:var(--border-radius-sm)}.header-brand:hover{background:var(--bg-secondary)}.brand-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;overflow:hidden;flex-shrink:0}.brand-icon img{width:100%;height:100%}.icon-light{display:none}.icon-dark{display:block}[data-theme="dark"] .icon-light{display:block}[data-theme="dark"] .icon-dark{display:none}.brand-content{display:flex;flex-direction:column;align-items:flex-start}.brand-content span{font-size:1.25rem;margin:0;line-height:1.1;letter-spacing:-0.02em;display:flex;align-items:baseline;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.brand-title-tex{color:#222;font-weight:400;transition:color 0.3s ease}.brand-title-calc{color:#222;font-weight:700;transition:color 0.3s ease}[data-theme="dark"] .brand-title-tex{color:#eee}[data-theme="dark"] .brand-title-calc{color:#eee}.brand-version{font-size:0.7rem;color:var(--text-light);font-weight:500;margin-left:8px;letter-spacing:0.05em;opacity:0.8}.header-right{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 0.75);position:relative}.desktop-menu{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 0.75);position:relative}.menu-separator{width:1px;height:28px;background:var(--separator-color);margin:0 calc(var(--spacing-unit) * 1.25);opacity:0.5;transition:opacity 0.3s ease}[data-theme="dark"] .menu-separator{opacity:0.3}.header-action-btn{background:none;border:1px solid transparent;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.25);cursor:pointer;color:var(--text-secondary);transition:all 0.25s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 1);position:relative;border-radius:var(--border-radius-sm);font-size:0.8rem;font-weight:500;min-width:44px;height:44px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-0.01em}.header-action-btn:hover{color:var(--primary-color);background:rgba(59,130,246,0.08);border-color:rgba(59,130,246,0.2);transform:translateY(-1px)}[data-theme="dark"] .header-action-btn:hover{background:rgba(147,197,253,0.1);border-color:rgba(147,197,253,0.25)}.header-action-btn:active{transform:translateY(0);background:rgba(59,130,246,0.12)}[data-theme="dark"] .header-action-btn:active{background:rgba(147,197,253,0.15)}.header-action-btn .lucide{width:18px;height:18px}.header-action-btn .btn-caption{font-size:0.8rem;font-weight:500;white-space:nowrap;display:none;letter-spacing:-0.01em}#share-btn:hover{color:#0891b2;background:rgba(8,145,178,0.08);border-color:rgba(8,145,178,0.2)}[data-theme="dark"] #share-btn:hover,[data-theme="dark"] #about-btn:hover{background:rgba(34,211,238,0.1);border-color:rgba(34,211,238,0.25);color:#22d3ee}#contact-btn:hover{color:#059669;background:rgba(5,150,105,0.08);border-color:rgba(5,150,105,0.2)}[data-theme="dark"] #contact-btn:hover{background:rgba(74,222,128,0.1);border-color:rgba(74,222,128,0.25);color:#4ade80}#help-btn:hover{color:#7c3aed;background:rgba(124,58,237,0.08);border-color:rgba(124,58,237,0.2)}[data-theme="dark"] #help-btn:hover{background:rgba(167,139,250,0.1);border-color:rgba(167,139,250,0.25);color:#a78bfa}#settings-btn:hover{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border-color)}#about-btn:hover{color:#0891b2;background:rgba(8,145,178,0.08);border-color:rgba(8,145,178,0.2)}#rating-btn:hover{color:var(--warning-color);background:var(--bg-warning);border-color:var(--border-warning)}#rating-btn i{animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.install-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border:none;border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 2);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.25s ease;display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);height:44px;margin-right:calc(var(--spacing-unit) * 1);box-shadow:0 2px 8px rgba(59,130,246,0.25);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-0.01em}.install-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(59,130,246,0.35)}.install-btn i{width:16px;height:16px}.mobile-menu-btn{background:none;border:1px solid transparent;padding:calc(var(--spacing-unit) * 1.25);cursor:pointer;color:var(--text-secondary);transition:all 0.25s ease;display:none;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);position:relative;width:44px;height:44px;margin-right:calc(var(--spacing-unit) * 1)}.mobile-menu-btn:hover{color:var(--primary-color);background:rgba(59,130,246,0.08);border-color:rgba(59,130,246,0.2)}.mobile-menu-btn i{width:20px;height:20px}.mobile-dropdown{position:absolute;top:calc(100% + 16px);right:8px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 2);min-width:200px;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-12px) scale(0.95);transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 12px 32px rgba(0,0,0,0.15)}[data-theme="dark"] .mobile-dropdown{box-shadow:0 12px 32px rgba(0,0,0,0.4)}.mobile-dropdown.show{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.mobile-dropdown-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1);color:var(--text-primary);text-decoration:none;border-radius:var(--border-radius-sm);transition:all 0.2s ease;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:0.9rem;font-weight:500;margin-bottom:calc(var(--spacing-unit) * 0.75);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-0.01em}.mobile-dropdown-item:last-child{margin-bottom:0}.mobile-dropdown-item:hover{background:var(--bg-secondary);color:var(--primary-color);transform:translateX(4px)}.mobile-dropdown-item i{width:18px;height:18px;flex-shrink:0}#mobile-share-btn:hover{color:#0891b2;background:rgba(8,145,178,0.08);border-color:rgba(8,145,178,0.2)}[data-theme="dark"] #mobile-share-btn:hover{color:#22d3ee;background:rgba(34,211,238,0.1);border-color:rgba(34,211,238,0.25)}#mobile-contact-btn:hover{color:#059669;background:rgba(5,150,105,0.08);border-color:rgba(5,150,105,0.2)}[data-theme="dark"] #mobile-contact-btn:hover{color:#4ade80;background:rgba(74,222,128,0.1);border-color:rgba(74,222,128,0.25)}#mobile-help-btn:hover{color:#7c3aed;background:rgba(124,58,237,0.08);border-color:rgba(124,58,237,0.2)}[data-theme="dark"] #mobile-help-btn:hover{color:#a78bfa;background:rgba(167,139,250,0.1);border-color:rgba(167,139,250,0.25)}#mobile-settings-btn:hover{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border-color)}#mobile-about-btn:hover{color:#0891b2;background:rgba(8,145,178,0.08);border-color:rgba(8,145,178,0.2)}[data-theme="dark"] #mobile-about-btn:hover{color:#22d3ee;background:rgba(34,211,238,0.1);border-color:rgba(34,211,238,0.25)}#mobile-rating-btn:hover{color:#ca8a04;background:rgba(250,204,21,0.08);border-color:rgba(202,138,4,0.3)}[data-theme="dark"] #mobile-rating-btn:hover{color:#ca8a04;background:rgba(250,204,21,0.1);border-color:rgba(202,138,4,0.4)}.mobile-menu-separator{height:1px;background:var(--border-color);margin:calc(var(--spacing-unit) * 1.5) 0;opacity:0.5}@media (min-width:768px){.page-open .header-brand{margin-left:0;transform:none}.header-action-btn .btn-caption{display:block}.header-action-btn{min-width:auto;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.25)}.mobile-menu-btn{display:none !important}.desktop-menu{display:flex}.menu-separator{display:block}}@media (min-width:1024px){.header{height:68px}.header-action-btn{padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 2);height:48px;font-size:0.85rem}.header-action-btn .btn-caption{font-size:0.85rem}.install-btn{height:48px;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2.5);font-size:0.85rem}.menu-separator{height:32px}.brand-content span{font-size:1.25rem}.brand-version{font-size:0.75rem}.brand-icon{width:32px;height:32px}}@media (max-width:767px){.header{height:60px}.header-right{position:absolute;right:0;gap:0}.desktop-menu{display:none}.mobile-menu-btn{display:flex}.header-brand{position:absolute;left:50%;transform:translateX(-50%);cursor:default;padding:calc(var(--spacing-unit) * 1)}.header-brand:hover{background:none}.brand-content span{font-size:1.15rem}.brand-version{font-size:0.65rem}.brand-icon{width:28px;height:28px}.page-open .back-btn{opacity:1;transform:translateX(0)}}.mobile-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.1);z-index:99;display:none;backdrop-filter:blur(2px)}.mobile-dropdown-overlay.show{display:block}@media (max-width:360px){.brand-content span{font-size:1rem}.brand-version{font-size:0.6rem}.brand-icon{width:24px;height:24px}.mobile-dropdown{min-width:220px;right:-10px}.mobile-dropdown-item{padding:calc(var(--spacing-unit) * 2);font-size:0.85rem}}.header-action-btn:focus,.mobile-menu-btn:focus,.back-btn:focus,.header-brand:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.header-action-btn,.mobile-dropdown-item,.install-btn{transition:none}.mobile-dropdown{transition:opacity 0.2s ease}#rating-btn i{animation:none}}
.hero-section{margin-bottom:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 3) 0;position:relative;overflow:hidden;border-radius:var(--border-radius);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 35%,var(--accent-color) 70%,var(--primary-color) 100%);background-size:400% 400%;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}[data-theme="dark"] .hero-section{background:linear-gradient(135deg,#1e40af 0%,#7c3aed 35%,#0891b2 70%,#1e40af 100%);background-size:400% 400%;animation:gradientShift 8s ease-in-out infinite}.hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.15);pointer-events:none;z-index:1}[data-theme="dark"] .hero-section::before{background:rgba(0,0,0,0.2)}.hero-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.1) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,255,255,0.08) 0%,transparent 30%),radial-gradient(circle at 40% 80%,rgba(255,255,255,0.06) 0%,transparent 30%);pointer-events:none;z-index:1;animation:patternFloat 12s ease-in-out infinite}@keyframes patternFloat{0%,100%{transform:translateY(0px) scale(1);opacity:0.6}50%{transform:translateY(-10px) scale(1.05);opacity:0.8}}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2;padding:0 calc(var(--spacing-unit) * 3)}.hero-branding{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 0.25);padding:0px calc(var(--spacing-unit) * 1.5) 0px 0px;margin-bottom:calc(var(--spacing-unit) * 2);background:rgba(255,255,255,0.15);border-radius:14px;backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,0.3);box-shadow:0 4px 16px rgba(0,0,0,0.2);transition:all 0.3s ease;animation:logoFloat 3s ease-in-out infinite}.hero-app-logo{width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@keyframes logoFloat{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}.hero-app-icon{width:32px;height:32px;filter:brightness(0) invert(1);transition:all 0.3s ease}.hero-app-name{font-size:2rem;font-weight:800;color:white;letter-spacing:-0.05em;line-height:1;text-shadow:0 2px 20px rgba(0,0,0,0.3);display:flex;align-items:baseline;gap:2px;padding:0px}.hero-title{font-size:2.75rem;font-weight:300;color:white;margin-bottom:calc(var(--spacing-unit) * 1.5);letter-spacing:-0.04em;line-height:1.1;max-width:700px;text-shadow:0 2px 20px rgba(0,0,0,0.2)}.hero-subtitle{font-size:1rem;color:rgba(255,255,255,0.9);margin-bottom:calc(var(--spacing-unit) * 2);line-height:1.5;max-width:500px;font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,0.1)}.hero-actions{display:flex;gap:calc(var(--spacing-unit) * 1);justify-content:center;flex-wrap:wrap}.hero-cta-btn{background:rgba(255,255,255,0.95);color:var(--primary-color);border:none;border-radius:50px;padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 2.5);font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:calc(var(--spacing-unit) * 0.75);letter-spacing:-0.025em;box-shadow:0 2px 8px rgba(0,0,0,0.1);position:relative;overflow:hidden;backdrop-filter:blur(10px);min-height:36px;white-space:nowrap}.hero-cta-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease}.hero-cta-btn:hover::before{left:100%}.hero-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,0.15);background:white}.hero-cta-btn i{width:14px;height:14px}.hero-secondary-btn{background:rgba(255,255,255,0.1);backdrop-filter:blur(20px);color:white;border:1px solid rgba(255,255,255,0.25);border-radius:50px;padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 2.5);font-size:0.8rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;gap:calc(var(--spacing-unit) * 0.75);min-height:36px;white-space:nowrap}.hero-secondary-btn:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.4);transform:translateY(-1px);box-shadow:0 2px 12px rgba(0,0,0,0.1)}.hero-secondary-btn i{width:14px;height:14px}@media (max-width:768px){.hero-section{padding:calc(var(--spacing-unit) * 3) 0;margin-bottom:calc(var(--spacing-unit) * 2.5);min-height:auto}.hero-content{padding:0 calc(var(--spacing-unit) * 2)}.hero-branding{display:none}.hero-title{font-size:2rem;margin-bottom:0}.hero-subtitle{display:none}.hero-actions{display:none}}@media (max-width:480px){.hero-section{padding:calc(var(--spacing-unit) * 2.5) 0;margin-bottom:calc(var(--spacing-unit) * 1)}.hero-title{font-size:1.5rem}}@media (min-width:1024px){.hero-section{padding:calc(var(--spacing-unit) * 4) 0}.hero-branding{margin-bottom:calc(var(--spacing-unit) * 2.5)}.hero-app-icon{width:36px;height:36px}.hero-app-name{font-size:2.25rem}.hero-title{font-size:3.25rem}.hero-subtitle{font-size:1.125rem}.hero-cta-btn,.hero-secondary-btn{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);font-size:0.85rem;min-height:40px}}@media (prefers-reduced-motion:reduce){.hero-section{animation:none;background:var(--primary-color)}[data-theme="dark"] .hero-section{animation:none;background:#1e40af}.hero-section::after{animation:none}.hero-app-logo{animation:none}.hero-cta-btn:hover,.hero-secondary-btn:hover,.hero-app-logo:hover{transform:none}.hero-cta-btn::before{display:none}}@media (prefers-contrast:high){.hero-section{background:var(--primary-color)}[data-theme="dark"] .hero-section{background:#1e40af}.hero-section::before{background:rgba(0,0,0,0.3)}.hero-cta-btn{background:white;border:2px solid white}.hero-secondary-btn{background:transparent;border:2px solid white}.hero-app-logo{background:rgba(255,255,255,0.9);border:2px solid white}}
.page-footer{margin-top:auto;text-align:center;flex-shrink:0;padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 1)}.footer-content{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 0.5);max-width:600px;margin:0 auto}.footer-content p{color:var(--text-light);font-size:0.75rem;margin:0;font-weight:400}.footer-version{}@media (max-width:768px){.page-footer{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 1.5)}}@media (max-width:480px){.page-footer{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 1)}}
.main-content-wrapper{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;min-height:0}.main-content{flex:1;padding:calc(var(--spacing-unit) * 2);margin:0 auto;width:100%;max-width:1200px;display:flex;flex-direction:column}.section-header{text-align:left;margin-bottom:calc(var(--spacing-unit) * 4)}.section-header h2{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 1);letter-spacing:-0.025em}.section-header p{font-size:1rem;color:var(--text-secondary)}.hidden-calculators-info{text-align:center;margin-top:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 2);background:rgba(59,130,246,0.03);border:1px solid rgba(59,130,246,0.08);border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 1.5);max-width:500px;margin-left:auto;margin-right:auto}.hidden-calculators-info-icon{width:20px;height:20px;color:var(--text-light);flex-shrink:0}.hidden-calculators-info-icon i{width:16px;height:16px}.hidden-calculators-info h3{display:none}.hidden-calculators-info p{font-size:0.8rem;color:var(--text-secondary);line-height:1.4;margin:0;font-weight:400}.hidden-calculators-info .settings-link{color:var(--primary-color);font-weight:500;text-decoration:none;cursor:pointer;transition:all 0.2s ease;border-bottom:1px solid transparent}.hidden-calculators-info .settings-link:hover{color:var(--primary-dark);border-bottom-color:var(--primary-color)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 2)}.modal.show{display:flex}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;display:none;backdrop-filter:blur(4px)}.modal-overlay.show{display:block}.modal-content{background:var(--bg-card);border-radius:var(--border-radius);width:100%;max-width:700px;max-height:90vh;border:1px solid var(--border-color);animation:modalSlideIn 0.3s ease-out;display:flex;flex-direction:column}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 3);border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:calc(var(--spacing-unit) * 1);border-radius:var(--border-radius-sm);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-close i{width:20px;height:20px}.modal-body{padding:calc(var(--spacing-unit) * 3);overflow-y:auto;flex:1}@media (max-width:768px){.main-content{padding:calc(var(--spacing-unit) * 2)}.section-header h2{font-size:1.5rem}.modal-content{max-width:calc(100% - 16px);max-height:calc(100% - 16px)}.modal-header h2{font-size:1.125rem}.modal-body{padding:calc(var(--spacing-unit) * 2)}.modal-header{padding:calc(var(--spacing-unit) * 2)}.hidden-calculators-info{margin-top:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 1.5);gap:calc(var(--spacing-unit) * 1);flex-direction:column;text-align:center}.hidden-calculators-info-icon{width:16px;height:16px}.hidden-calculators-info-icon i{width:14px;height:14px}.hidden-calculators-info p{font-size:0.75rem}}@media (max-width:480px){.main-content{padding:calc(var(--spacing-unit) * 1.5)}.modal-content{margin:calc(var(--spacing-unit) * 1);border-radius:var(--border-radius-sm)}.modal-header,.modal-body{padding:calc(var(--spacing-unit) * 2)}.hidden-calculators-info{margin-top:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 1.25)}}
.install-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;border:none;border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 1.25);font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:calc(var(--spacing-unit) * 0.75);height:28px;margin-right:calc(var(--spacing-unit) * 1)}.install-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(59,130,246,0.3)}.install-btn i{width:14px;height:14px}@media (max-width:767px){.install-btn{display:none}}.update-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;visibility:hidden;transition:all 0.3s ease}.update-notification-overlay.modal{background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.update-notification-overlay.show{opacity:1;visibility:visible}.update-notification{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;border-left:4px solid var(--primary-color);box-shadow:0 8px 32px rgba(0,0,0,0.2);transform:translateY(20px) scale(0.95);transition:all 0.3s ease;position:relative}.update-notification-overlay.show .update-notification{transform:translateY(0) scale(1)}.update-content{display:flex;flex-direction:column;gap:24px}.update-header{display:flex;align-items:center;gap:12px}.update-header i{width:24px;height:24px;color:var(--primary-color);flex-shrink:0}.update-header h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.update-details{margin-left:36px}.update-details p{font-size:1rem;color:var(--text-secondary);margin:0 0 16px 0;line-height:1.5}.update-changes{padding:16px;background:var(--bg-secondary);border-radius:var(--border-radius)}.update-changes h5{font-size:0.9rem;font-weight:600;margin:0 0 8px 0;color:var(--text-primary)}.update-changes ul{margin:0;padding-left:20px;font-size:0.85rem;color:var(--text-secondary);line-height:1.4}.update-changes li{margin-bottom:4px}.update-actions{display:flex;gap:12px;justify-content:flex-end}.update-btn{padding:12px 24px;border-radius:8px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:8px;border:none;min-height:44px;flex:1;justify-content:center}.update-btn.primary{background:var(--primary-color);color:white}.update-btn.primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,0.3)}.update-btn.secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.update-btn.secondary:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--primary-color)}.update-btn i{width:16px;height:16px}@media (max-width:600px){.update-notification{padding:24px;width:95%;margin:20px;max-height:85vh}.update-header h4{font-size:1.1rem}.update-details{margin-left:30px}.update-details p{font-size:0.9rem}.update-actions{gap:8px}.update-btn{padding:10px 16px;font-size:0.85rem}}@media (max-width:480px){.update-notification{padding:20px;border-radius:var(--border-radius)}.update-content{gap:20px}.update-changes{padding:12px}.update-actions{gap:6px}.update-details{margin-left:24px}}@media (max-width:600px){.update-notification{padding:24px;width:95%;margin:20px;max-height:85vh}.update-info{gap:12px}.update-info i{width:28px;height:28px}.update-text h4{font-size:1.1rem}.update-text p{font-size:0.9rem}.update-actions{justify-content:stretch;flex-direction:column-reverse}.update-btn{justify-content:center}}@media (max-width:480px){.update-notification{padding:20px;border-radius:var(--border-radius)}.update-content{gap:20px}.update-changes{padding:12px}.update-btn{padding:10px 20px;font-size:0.85rem}}.pwa-development-mode{position:relative}.pwa-development-mode::before{content:"DEV MODE";position:fixed;top:60px;right:10px;background:#ff9800;color:white;padding:4px 8px;border-radius:4px;font-size:0.7rem;font-weight:600;z-index:1000;opacity:0.8;pointer-events:none}.pwa-fallback-mode{position:relative}.pwa-fallback-mode::after{content:"FALLBACK";position:fixed;top:60px;right:10px;background:#f44336;color:white;padding:4px 8px;border-radius:4px;font-size:0.7rem;font-weight:600;z-index:1000;opacity:0.8;pointer-events:none}.data-saver-mode{--animation-duration:0s}.data-saver-mode *{animation:none !important;transition-duration:0.1s !important}.data-saver-mode img,.data-saver-mode video{opacity:0.8}@media (prefers-reduced-motion:reduce){.update-notification-overlay,.update-notification,.update-btn,.install-btn{transition:none !important;animation:none !important}.update-notification-overlay.show .update-notification{transform:none}.install-btn:hover,.update-btn.primary:hover{transform:none}}@media (prefers-contrast:high){.update-notification{border:2px solid var(--text-primary);border-left:6px solid var(--primary-color)}.update-btn{border:1px solid currentColor}.install-btn{border:1px solid white}}@media (prefers-color-scheme:dark){.update-notification-overlay.modal{background:rgba(0,0,0,0.7)}.update-notification{box-shadow:0 8px 32px rgba(0,0,0,0.4)}}@media print{.update-notification-overlay,.install-btn,.pwa-development-mode::before,.pwa-fallback-mode::after{display:none !important}}
.rating-notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;visibility:hidden;transition:all 0.3s ease}.rating-notification-overlay.modal{background:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.rating-notification-overlay.show{opacity:1;visibility:visible}.rating-notification{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:32px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;border-left:4px solid var(--warning-color);box-shadow:0 8px 32px rgba(0,0,0,0.2);transform:translateY(20px) scale(0.95);transition:all 0.3s ease;position:relative}.rating-notification-overlay.show .rating-notification{transform:translateY(0) scale(1)}.rating-notification-content{display:flex;flex-direction:column;gap:24px}.rating-notification-header{display:flex;align-items:center;gap:12px}.rating-notification-header i{width:24px;height:24px;color:var(--warning-color);flex-shrink:0}.rating-notification-header h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.rating-notification-details{margin-left:36px}.rating-notification-details p{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.5}.rating-notification-actions{display:flex;gap:12px;justify-content:flex-end}.rating-notification-btn{padding:12px 24px;border-radius:8px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:8px;border:none;min-height:44px;flex:1;justify-content:center}.rating-notification-btn.primary{background:var(--warning-color);color:white}.rating-notification-btn.primary:hover{background:#f09e10;transform:translateY(-1px);box-shadow:0 4px 12px rgba(202,128,0,0.4)}.rating-notification-btn.secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.rating-notification-btn.secondary:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--separator-color)}.rating-notification-btn i{width:16px;height:16px}@media (max-width:600px){.rating-notification{padding:24px;width:95%;margin:20px;max-height:85vh}.rating-notification-header h4{font-size:1.1rem}.rating-notification-details{margin-left:30px}.rating-notification-details p{font-size:0.9rem}.rating-notification-actions{gap:8px}.rating-notification-btn{padding:10px 16px;font-size:0.85rem}}@media (max-width:480px){.rating-notification{padding:20px;border-radius:var(--border-radius)}.rating-notification-content{gap:20px}.rating-notification-actions{gap:6px}.rating-notification-details{margin-left:24px}}@media (prefers-reduced-motion:reduce){.rating-notification-overlay,.rating-notification,.rating-notification-btn{transition:none !important;animation:none !important}.rating-notification-overlay.show .rating-notification{transform:none}.rating-notification-btn:hover{transform:none}}@media (prefers-contrast:high){.rating-notification{border:2px solid var(--text-primary);border-left:6px solid var(--warning-color)}.rating-notification-btn{border:1px solid currentColor}}@media (prefers-color-scheme:dark){.rating-notification-overlay.modal{background:rgba(0,0,0,0.7)}.rating-notification{box-shadow:0 8px 32px rgba(0,0,0,0.4)}}@media print{.rating-notification-overlay{display:none !important}}
.form-row{display:grid;gap:calc(var(--spacing-unit) * 3);grid-template-columns:1fr}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{margin-bottom:calc(var(--spacing-unit) * 3)}.form-group label{display:block;margin-bottom:calc(var(--spacing-unit) * 1);font-weight:500;color:var(--text-primary);font-size:0.875rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:calc(var(--spacing-unit) * 2);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-size:1rem;transition:all 0.2s ease;background:var(--bg-primary);color:var(--text-primary);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:var(--bg-card)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group textarea{resize:vertical;min-height:100px}.form-group.compact{margin-bottom:calc(var(--spacing-unit) * 2.5)}.form-group.compact label{margin-bottom:calc(var(--spacing-unit) * 0.75);font-size:0.8rem}.form-group.compact input,.form-group.compact select,.form-group.compact textarea{padding:calc(var(--spacing-unit) * 1.75);font-size:0.9rem}.form-group.compact textarea{min-height:80px}.form-row.compact{gap:calc(var(--spacing-unit) * 2)}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error-color);background:rgba(239,68,68,0.05)}.form-group input.success,.form-group select.success,.form-group textarea.success{border-color:var(--success-color);background:rgba(16,185,129,0.05)}.form-group.has-icon{position:relative}.form-group.has-icon input,.form-group.has-icon select{padding-left:calc(var(--spacing-unit) * 5)}.form-group .form-icon{position:absolute;left:calc(var(--spacing-unit) * 2);top:50%;transform:translateY(-50%);color:var(--text-light);width:16px;height:16px;pointer-events:none}.form-group .help-text{font-size:0.75rem;color:var(--text-light);margin-top:calc(var(--spacing-unit) * 0.5)}.form-group .help-text.error{color:var(--error-color)}.form-group .help-text.success{color:var(--success-color)}@media (max-width:768px){.form-row{gap:0}.form-group{margin-bottom:calc(var(--spacing-unit) * 2.5)}.form-group input,.form-group select,.form-group textarea{padding:calc(var(--spacing-unit) * 1.75);font-size:0.95rem}.form-group textarea{min-height:90px}.form-group.compact{margin-bottom:calc(var(--spacing-unit) * 2)}.form-group.compact input,.form-group.compact select,.form-group.compact textarea{padding:calc(var(--spacing-unit) * 1.5);font-size:0.85rem}.form-group.compact textarea{min-height:70px}.form-row.compact{gap:0}}@media (max-width:480px){.form-row{gap:0}.form-group{margin-bottom:calc(var(--spacing-unit) * 2)}.form-group label{font-size:0.8rem;margin-bottom:calc(var(--spacing-unit) * 0.75)}.form-group input,.form-group select,.form-group textarea{padding:calc(var(--spacing-unit) * 1.5);font-size:0.9rem}.form-group textarea{min-height:80px}.form-group.compact{margin-bottom:calc(var(--spacing-unit) * 1.75)}.form-group.compact label{font-size:0.75rem;margin-bottom:calc(var(--spacing-unit) * 0.5)}.form-group.compact input,.form-group.compact select,.form-group.compact textarea{padding:calc(var(--spacing-unit) * 1.25);font-size:0.8rem}.form-group.compact textarea{min-height:60px}.form-row.compact{gap:0}}
.calculator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 3)}.calc-card{background:var(--bg-card);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 4);text-align:center;cursor:pointer;transition:all 0.2s ease;border:1px solid var(--border-color);position:relative;overflow:hidden}.calc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--calc-gradient,var(--primary-color));transition:all 0.2s ease}.calc-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.05)}.calc-card:active{transform:translateY(0)}.calc-icon{display:flex;margin-bottom:calc(var(--spacing-unit) * 2);justify-content:center;transition:all 0.2s ease;color:var(--calc-primary-color,var(--primary-color))}.calc-icon i{width:32px;height:32px}.calc-card h3{font-size:1.2rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 1);color:var(--text-primary);letter-spacing:-0.025em;line-height:1.3}[data-theme="light"] .calc-card h3{color:#1a202c}[data-theme="dark"] .calc-card h3{color:#f7fafc}.calc-card p{font-size:0.9rem;font-weight:500;color:var(--text-secondary);line-height:1.5;letter-spacing:-0.01em}[data-theme="light"] .calc-card p{color:#4a5568}[data-theme="dark"] .calc-card p{color:#cbd5e0}@media (max-width:768px){.calculator-grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 2)}.calc-card{padding:calc(var(--spacing-unit) * 3)}.calc-icon i{width:28px;height:28px}.calc-card h3{font-size:1.1rem;font-weight:700}.calc-card p{font-size:0.85rem;font-weight:500}}@media (max-width:480px){.calculator-grid{grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 1.5)}.calc-card{padding:calc(var(--spacing-unit) * 2.5)}.calc-card h3{font-size:1rem;font-weight:700;line-height:1.2}.calc-card p{font-size:0.8rem;font-weight:500;line-height:1.4}}@media (max-width:360px){.calculator-grid{grid-template-columns:1fr}.calc-card{padding:calc(var(--spacing-unit) * 2)}.calc-card h3{font-size:1.05rem;font-weight:700}.calc-card p{font-size:0.85rem;font-weight:500}}@media (min-width:1024px){.calculator-grid{grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 4)}.calc-card{padding:calc(var(--spacing-unit) * 5)}.calc-icon i{width:40px;height:40px}.calc-card h3{font-size:1.35rem;font-weight:700}.calc-card p{font-size:1rem;font-weight:500}}
.page-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2);position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.02);transition:all 0.2s ease}.page-header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--calc-gradient,linear-gradient(90deg,var(--primary-color),var(--secondary-color)));border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.page-header:hover{box-shadow:0 2px 6px rgba(0,0,0,0.04)}.page-header-content{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);position:relative;z-index:1}.calculator-back-button{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;display:none;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 0.75);border-radius:8px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);color:var(--text-secondary);flex-shrink:0;order:-1;position:relative;overflow:hidden;width:32px;height:32px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.calculator-back-button:hover{background:var(--calc-primary-color,var(--primary-color));color:white;border-color:var(--calc-primary-color,var(--primary-color));transform:translateX(-2px);box-shadow:0 2px 8px rgba(59,130,246,0.2)}[data-theme="dark"] .calculator-back-button{background:var(--bg-primary);border-color:var(--border-color)}[data-theme="dark"] .calculator-back-button:hover{background:var(--calc-primary-color,var(--primary-color));border-color:var(--calc-primary-color,var(--primary-color))}.calculator-back-button:active{transform:translateX(-1px) scale(0.95);box-shadow:0 1px 4px rgba(59,130,246,0.15)}.calculator-back-button i{width:16px;height:16px;transition:transform 0.2s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:1}.calculator-back-button:hover i{transform:translateX(-1px)}.calculator-back-button span{display:none}.page-header-icon{width:32px;height:32px;border-radius:calc(var(--border-radius-sm) * 0.75);display:flex;align-items:center;justify-content:center;color:white;background:var(--calc-gradient,linear-gradient(135deg,var(--primary-color),var(--secondary-color)));box-shadow:0 2px 6px rgba(59,130,246,0.2);flex-shrink:0;position:relative;overflow:hidden;padding:5px 5px}.page-header-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,0.1) 0%,transparent 50%);pointer-events:none}.page-header-icon i{width:16px;height:16px;position:relative;z-index:1}.page-header-text{flex:1;min-width:0}.page-header h2{font-size:1.2rem;color:var(--text-primary);font-weight:700;letter-spacing:-0.025em;margin:0 0 calc(var(--spacing-unit) * 0.25) 0;line-height:1.3}[data-theme="light"] .page-header h2{color:#1a202c}[data-theme="dark"] .page-header h2{color:#f7fafc}.page-header-subtitle{color:var(--text-secondary);font-size:0.85rem;font-weight:500;line-height:1.4;margin:0;letter-spacing:-0.01em}[data-theme="light"] .page-header-subtitle{color:#4a5568}[data-theme="dark"] .page-header-subtitle{color:#cbd5e0}.page-header-info-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 0.75);border-radius:8px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);color:var(--text-secondary);flex-shrink:0;position:relative;overflow:hidden;width:32px;height:32px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}.page-header-info-btn:hover{background:var(--calc-primary-color,var(--primary-color));color:white;border-color:var(--calc-primary-color,var(--primary-color));box-shadow:0 2px 8px rgba(59,130,246,0.2)}[data-theme="dark"] .page-header-info-btn{background:var(--bg-primary);border-color:var(--border-color)}[data-theme="dark"] .page-header-info-btn:hover{background:var(--calc-primary-color,var(--primary-color));border-color:var(--calc-primary-color,var(--primary-color))}.page-header-info-btn:active{box-shadow:0 1px 4px rgba(59,130,246,0.15)}.page-header-info-btn svg{width:18px;height:18px;transition:transform 0.2s cubic-bezier(0.4,0,0.2,1);position:relative;z-index:1}@media (min-width:768px){.calculator-back-button{display:flex}}@media (max-width:768px){.calculator-back-button{display:none !important}.page-header{padding:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 1.5)}.page-header-content{gap:calc(var(--spacing-unit) * 1.25)}.page-header-icon{width:28px;height:28px}.page-header-icon i{width:14px;height:14px}.page-header h2{font-size:1.1rem;margin-bottom:calc(var(--spacing-unit) * 0.25);font-weight:700}.page-header-subtitle{font-size:0.8rem;line-height:1.4;font-weight:500}}@media (max-width:480px){.page-header{padding:calc(var(--spacing-unit) * 1.25);margin-bottom:calc(var(--spacing-unit) * 1.25)}.page-header-content{gap:calc(var(--spacing-unit) * 1)}.page-header-icon{width:28px;height:28px}.page-header-icon i{width:14px;height:14px}.page-header h2{font-size:1rem;font-weight:700}.page-header-subtitle{font-size:0.75rem;font-weight:500}}@media (max-width:360px){.page-header{padding:calc(var(--spacing-unit) * 1);margin-bottom:calc(var(--spacing-unit) * 1)}.page-header-content{gap:calc(var(--spacing-unit) * 0.5)}.page-header-icon{width:24px;height:24px}.page-header-icon i{width:12px;height:12px}.page-header h2{font-size:0.95rem;font-weight:700}.page-header-subtitle{font-size:0.7rem;font-weight:500}}@media (min-width:1024px){.page-header{padding:calc(var(--spacing-unit) * 2.5);margin-bottom:calc(var(--spacing-unit) * 2.5)}.page-header-icon{width:36px;height:36px}.page-header-icon i{width:18px;height:18px}.page-header h2{font-size:1.35rem;font-weight:700}.page-header-subtitle{font-size:0.9rem;font-weight:500}}
.calculator-container{background:var(--bg-card);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-sizing:border-box;overflow:hidden}[data-theme="light"] .calculator-container{background-color:var(--border-color)}@media (max-width:767px){.calculator-container.minimized .calculator-form{max-height:0;opacity:0;padding:0;margin:0;overflow:hidden}}@media (min-width:768px){.calculator-container.minimized .calculator-form{max-height:none !important;opacity:1 !important;padding:initial !important;margin:initial !important;overflow:visible !important}.calculator-container-minimize-btn{display:none !important}.calculator-container-title{cursor:default !important}.calculator-container-title:hover{background:var(--bg-card) !important}}.calculator-container-title{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:700;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;position:relative;background:var(--bg-card);letter-spacing:-0.01em}.calculator-container.minimized .calculator-container-title{border-bottom:none}.calculator-container-title:hover{background:var(--bg-secondary) !important}[data-theme="light"] .calculator-container-title{background-color:var(--bg-secondary);color:#1a1a1a}[data-theme="dark"] .calculator-container-title{color:#f5f5f5}.calculator-container-title-text{flex:1;user-select:none;font-weight:700;line-height:1.3}.calculator-container-actions{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 0.5)}.calculator-container-minimize-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:calc(var(--spacing-unit) * 0.5);border-radius:calc(var(--border-radius-sm) * 0.5);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;position:relative}.calculator-container-minimize-btn:hover{background:var(--bg-primary);color:var(--calc-primary-color,var(--primary-color));transform:scale(1.1)}.calculator-container-minimize-btn i{width:14px;height:14px;transition:transform 0.2s ease}.calculator-container.minimized .calculator-container-minimize-btn svg{transform:scaleY(-1)}.calculator-container-info-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:calc(var(--spacing-unit) * 0.5);border-radius:calc(var(--border-radius-sm) * 0.5);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.calculator-container-info-btn:hover{background:var(--bg-primary);color:var(--calc-primary-color,var(--primary-color));transform:scale(1.1)}.calculator-container-info-btn i{width:14px;height:14px}
.calculator-form{overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);opacity:1;gap:1px}.calculator-form-column{display:flex;flex-direction:column}.calculator-form-column > * + *{margin-top:1px}.calculator-form-element{display:flex;flex-direction:column;box-sizing:border-box;justify-content:flex-start;height:calc(var(--spacing-unit) * 12);width:100%;min-width:0;background-color:var(--bg-primary);cursor:pointer;transition:all 0.2s ease;padding:0}[data-theme="light"] .calculator-form-element{background-color:var(--bg-card)}.calculator-form-element:hover{background-color:var(--bg-secondary)}.calculator-form-element-label,.calculator-form-element-value,.calculator-form-element-units{display:flex;align-items:center;justify-content:center;text-align:center;height:100%;overflow:hidden;box-sizing:border-box}.calculator-form-element-label{flex:0 0 40%;font-size:0.75em;font-weight:600;line-height:1em;color:var(--text-primary);padding:calc(var(--spacing-unit) * 0.5)}[data-theme="light"] .calculator-form-element-label{color:#4a5a76}[data-theme="dark"] .calculator-form-element-label{color:#c8d1dd}.calculator-form-element-value{flex:0 0 40%;font-size:1.5em;font-weight:600;line-height:1.5;letter-spacing:-0.02em}.calculator-form-element[data-input="true"]:not([data-dynamic="true"]) .calculator-form-element-value{color:var(--input-color)}.calculator-form-element:not([data-input="true"]) .calculator-form-element-value{color:var(--output-color)}.calculator-form-element[data-input="true"][data-dynamic="true"] .calculator-form-element-value{color:var(--dynamic-color)}.calculator-form-element-units{flex:0 0 20%;font-size:0.7em;line-height:1em;color:var(--text-secondary)}[data-theme="light"] .calculator-form-element-units{color:#4a5568}[data-theme="dark"] .calculator-form-element-units{color:#a0aec0}@media (max-width:768px){.calculator-form-element{height:calc(var(--spacing-unit) * 10)}.calculator-form-element-label{font-size:0.9em}.calculator-form-element-value{font-size:1.5em}.calculator-form-element-units{font-size:0.8em}}@media (max-width:480px){.calculator-form-element{height:calc(var(--spacing-unit) * 9)}.calculator-form-element-label{font-size:0.8em}.calculator-form-element-value{font-size:1.5em}.calculator-form-element-units{font-size:0.7em}}@keyframes scaleUpDown{0%{transform:scale(1)}30%{transform:scale(1.2)}100%{transform:scale(1)}}.scale-bounce{animation:scaleUpDown 0.3s ease-in-out}[data-enable="false"].calculator-form-element *{cursor:not-allowed;opacity:0.5;color:#777 !important}
.custom-select-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 2)}.custom-select-modal.show{display:flex}.custom-select-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;display:none;backdrop-filter:blur(4px)}.custom-select-modal-overlay.show{display:block}.custom-select-modal-content{background:var(--bg-card);border-radius:var(--border-radius);width:100%;max-width:400px;max-height:80vh;border:1px solid var(--border-color);animation:modalSlideIn 0.3s ease-out;display:flex;flex-direction:column;box-shadow:0 10px 25px rgba(0,0,0,0.15)}.custom-select-modal-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 3);border-bottom:1px solid var(--border-color);flex-shrink:0}.custom-select-modal-header h3{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-0.025em;line-height:1.3}[data-theme="light"] .custom-select-modal-header h3{color:#1a202c}[data-theme="dark"] .custom-select-modal-header h3{color:#f7fafc}.custom-select-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:calc(var(--spacing-unit) * 1);border-radius:var(--border-radius-sm);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.custom-select-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.custom-select-modal-close i{width:20px;height:20px}.custom-select-modal-body{padding:0;overflow-y:auto;flex:1}.custom-select-options-container{padding:calc(var(--spacing-unit) * 1)}.custom-select-option{display:flex;align-items:center;padding:calc(var(--spacing-unit) * 2);cursor:pointer;transition:all 0.2s ease;border-radius:var(--border-radius-sm);margin-bottom:calc(var(--spacing-unit) * 0.5);border:1px solid transparent}.custom-select-option:last-child{margin-bottom:0}.custom-select-option:hover{background:var(--bg-secondary);border-color:var(--border-color)}.custom-select-option.selected{background:rgba(59,130,246,0.1);border-color:var(--primary-color);color:var(--primary-color)}.custom-select-option-text{font-size:0.9rem;font-weight:600;color:var(--text-primary);letter-spacing:-0.01em;line-height:1.3}[data-theme="light"] .custom-select-option-text{color:#2d3748}[data-theme="dark"] .custom-select-option-text{color:#e2e8f0}.custom-select-option.selected .custom-select-option-text{color:var(--primary-color);font-weight:700}.custom-select-modal-body::-webkit-scrollbar{width:4px}.custom-select-modal-body::-webkit-scrollbar-track{background:transparent}.custom-select-modal-body::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:2px;transition:background 0.2s ease}.custom-select-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme="dark"] .custom-select-modal-body::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme="dark"] .custom-select-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.custom-select-modal-body{scrollbar-width:thin;scrollbar-color:var(--text-light) transparent}[data-theme="dark"] .custom-select-modal-body{scrollbar-color:var(--border-color) transparent}@media (max-width:768px){.custom-select-modal-content{max-width:calc(100% - 16px);max-height:70vh}.custom-select-modal-header{padding:calc(var(--spacing-unit) * 2)}.custom-select-modal-header h3{font-size:1.1rem;font-weight:700}.custom-select-option{padding:calc(var(--spacing-unit) * 1.75)}.custom-select-option-text{font-size:0.85rem;font-weight:600}}@media (max-width:480px){.custom-select-modal-content{margin:calc(var(--spacing-unit) * 1);max-width:calc(100% - 16px);border-radius:var(--border-radius-sm)}.custom-select-modal-header{padding:calc(var(--spacing-unit) * 1.5)}.custom-select-modal-header h3{font-size:1rem;font-weight:700}.custom-select-option{padding:calc(var(--spacing-unit) * 1.5)}.custom-select-option-text{font-size:0.8rem;font-weight:600}}
.calculator-info-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;padding:calc(var(--spacing-unit) * 2)}.calculator-info-modal.show{display:flex}.calculator-info-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:999;display:none;backdrop-filter:blur(4px)}.calculator-info-modal-overlay.show{display:block}.calculator-info-modal-content{background:var(--bg-card);border-radius:var(--border-radius);width:100%;max-width:700px;max-height:90vh;border:1px solid var(--border-color);animation:modalSlideIn 0.3s ease-out;display:flex;flex-direction:column}.calculator-info-modal-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 3);border-bottom:1px solid var(--border-color);flex-shrink:0}.calculator-info-modal-title-container{display:flex;flex-grow:1;flex-direction:column;padding-left:calc(var(--spacing-unit) * 2)}.calculator-info-modal-super-title{display:flex;align-items:left;flex-grow:0;gap:calc(var(--spacing-unit) * 1);font-size:0.9em;font-weight:400;color:var(--text-secondary);margin:0;letter-spacing:-0.025em;line-height:1}.calculator-info-modal-sub-title{display:flex;align-items:left;flex-grow:0;gap:calc(var(--spacing-unit) * 1);font-size:0.9em;color:var(--text-secondary);margin:0;letter-spacing:-0.025em;line-height:1}.calculator-info-modal-header h2{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-0.025em;line-height:1}.calculator-info-modal-title svg{color:var(--text-secondary)}[data-theme="light"] .calculator-info-modal-header h2{color:#1a202c}[data-theme="dark"] .calculator-info-modal-header h2{color:#f7fafc}.calculator-info-modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:calc(var(--spacing-unit) * 1);border-radius:var(--border-radius-sm);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.calculator-info-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.calculator-info-modal-close i{width:20px;height:20px}.calculator-info-modal-body{padding:calc(var(--spacing-unit) * 3);overflow-y:auto;flex:1}.calculator-info-modal-body::-webkit-scrollbar{width:4px}.calculator-info-modal-body::-webkit-scrollbar-track{background:transparent}.calculator-info-modal-body::-webkit-scrollbar-thumb{background:var(--text-light);border-radius:2px;transition:background 0.2s ease}.calculator-info-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}[data-theme="dark"] .calculator-info-modal-body::-webkit-scrollbar-thumb{background:var(--border-color)}[data-theme="dark"] .calculator-info-modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.calculator-info-modal-body{scrollbar-width:thin;scrollbar-color:var(--text-light) transparent}[data-theme="dark"] .calculator-info-modal-body{scrollbar-color:var(--border-color) transparent}.calculator-info-section{margin-bottom:calc(var(--spacing-unit) * 4)}.calculator-info-section:last-child{margin-bottom:0}.calculator-info-section h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 1.5);letter-spacing:-0.025em;position:relative;padding-bottom:calc(var(--spacing-unit) * 1);line-height:1.3}[data-theme="light"] .calculator-info-section h3{color:#1a202c}[data-theme="dark"] .calculator-info-section h3{color:#f7fafc}.calculator-info-section h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.calculator-info-description{font-size:0.95rem;font-weight:500;color:var(--text-secondary);line-height:1.6;letter-spacing:-0.01em}[data-theme="light"] .calculator-info-description{color:#4a5568}[data-theme="dark"] .calculator-info-description{color:#cbd5e0}.calculator-info-description a{text-decoration:none;font-weight:bold;color:#0049b7}.calculator-info-description a:hover{text-decoration:underline}[data-theme="dark"] .calculator-info-description a{color:#7eb2ff}.calculator-info-modal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.calculator-info-modal-icon i{width:24px;height:24px}.calculator-info-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 2)}.calculator-info-item{padding:calc(var(--spacing-unit) * 2.5);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:all 0.2s ease}.calculator-info-item:hover{background:var(--bg-primary)}.calculator-info-content h4{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 1);letter-spacing:-0.025em;line-height:1.3;display:flex;align-items:center}[data-theme="light"] .calculator-info-content h4{color:#2d3748}[data-theme="dark"] .calculator-info-content h4{color:#e2e8f0}.calculator-info-content h4 span{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:calc(var(--border-radius-sm) * 0.5);padding:calc(var(--spacing-unit) * 0.5) calc(var(--spacing-unit) * 1);font-size:0.75em;font-weight:700;margin-left:var(--spacing-unit)}.calculator-info-content h4 span.field-type-input{color:var(--input-color);border-color:var(--input-color)}.calculator-info-content h4 span.field-type-output{color:var(--output-color);border-color:var(--output-color)}.calculator-info-content h4 span.field-type-dynamic{color:var(--dynamic-color);border-color:var(--dynamic-color)}.calculator-info-text{font-size:0.9rem;font-weight:500;color:var(--text-secondary);line-height:1.5;margin:0;letter-spacing:-0.01em}[data-theme="light"] .calculator-info-text{color:#4a5568}[data-theme="dark"] .calculator-info-text{color:#a0aec0}@media (max-width:768px){.calculator-info-modal-content{max-width:calc(100% - 16px);max-height:calc(100% - 16px)}.calculator-info-modal-header h2{font-size:1.2rem;font-weight:700}.calculator-info-modal-body{padding:calc(var(--spacing-unit) * 2)}.calculator-info-modal-header{padding:calc(var(--spacing-unit) * 2)}.calculator-info-section h3{font-size:1.15rem;font-weight:700}.calculator-info-description{font-size:0.9rem;font-weight:500}.calculator-info-content h4{font-size:0.95rem;font-weight:700}.calculator-info-text{font-size:0.85rem;font-weight:500}}@media (max-width:480px){.calculator-info-modal-content{margin:calc(var(--spacing-unit) * 1);border-radius:var(--border-radius-sm)}.calculator-info-modal-header,.calculator-info-modal-body{padding:calc(var(--spacing-unit) * 2)}.calculator-info-modal-header h2{font-size:1.1rem;font-weight:700}.calculator-info-section h3{font-size:1.05rem;font-weight:700}.calculator-info-description{font-size:0.85rem;font-weight:500}.calculator-info-content h4{font-size:0.9rem;font-weight:700}.calculator-info-text{font-size:0.8rem;font-weight:500}}
.calculator-layout{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}.calculator-layout h1,.calculator-layout h2,.calculator-layout h3,.calculator-layout h4,.calculator-layout h5,.calculator-layout h6{font-weight:700;letter-spacing:-0.025em;line-height:1.3}[data-theme="light"] .calculator-layout{color:#1a202c}[data-theme="dark"] .calculator-layout{color:#f7fafc}[data-theme="light"] .calculator-layout .text-secondary{color:#4a5568}[data-theme="dark"] .calculator-layout .text-secondary{color:#cbd5e0}@media (max-width:768px){.calculator-layout{font-size:0.9rem}.calculator-layout h1{font-size:1.5rem}.calculator-layout h2{font-size:1.3rem}.calculator-layout h3{font-size:1.15rem}.calculator-layout h4{font-size:1rem}.calculator-layout h5{font-size:0.9rem}.calculator-layout h6{font-size:0.85rem}}@media (max-width:480px){.calculator-layout{font-size:0.85rem;gap:calc(var(--spacing-unit) * 1)}.calculator-layout h1{font-size:1.4rem}.calculator-layout h2{font-size:1.2rem}.calculator-layout h3{font-size:1.1rem}.calculator-layout h4{font-size:0.95rem}.calculator-layout h5{font-size:0.85rem}.calculator-layout h6{font-size:0.8rem}}@media (min-width:1024px){.calculator-layout{font-size:1rem}.calculator-layout h1{font-size:1.75rem}.calculator-layout h2{font-size:1.5rem}.calculator-layout h3{font-size:1.3rem}.calculator-layout h4{font-size:1.15rem}.calculator-layout h5{font-size:1rem}.calculator-layout h6{font-size:0.9rem}}
.filter-bar{margin-bottom:calc(var(--spacing-unit) * 3);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1)}.filter-search{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 0.75);box-shadow:0 1px 3px rgba(0,0,0,0.05);flex:1;position:relative;min-width:0}.filter-search-input{width:100%;padding:calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 5);border:none;border-radius:var(--border-radius-sm);font-size:0.875rem;background:transparent;color:var(--text-primary);transition:all 0.2s ease}.filter-search-input:focus{outline:none}.filter-search-icon{position:absolute;left:calc(var(--spacing-unit) * 1.25);top:50%;transform:translateY(-50%);color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.filter-search-icon i{width:16px;height:16px}.filter-search-clear{position:absolute;right:calc(var(--spacing-unit) * 0.5);top:50%;transform:translateY(-50%);color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;display:none;align-items:center;justify-content:center}.filter-search-clear.show{display:flex}.filter-search-clear:hover{background:var(--bg-secondary);color:var(--text-primary)}.filter-search-clear i{width:14px;height:14px}.filter-view-toggle{background:var(--bg-secondary);overflow:hidden;flex-shrink:0;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 0.4);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.filter-view-btn{background:none;border:none;cursor:pointer;padding:calc(var(--spacing-unit) * 0.5);color:var(--text-secondary);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center}.filter-view-btn.active{background:var(--primary-color);color:white}.filter-view-btn:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}.filter-view-btn i{width:16px;height:16px}.calculator-grid.list-view{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1.5)}.calculator-grid.list-view .calc-card{display:flex;align-items:center;text-align:left;padding:calc(var(--spacing-unit) * 2);padding-top:calc(var(--spacing-unit) * 2 + var(--card-color-border));gap:calc(var(--spacing-unit) * 2)}.calculator-grid.list-view .calc-icon{margin-bottom:0;flex-shrink:0}.calculator-grid.list-view .calc-card h3{margin-bottom:0px;font-size:1rem}.calculator-grid.list-view .calc-card p{font-size:0.8rem;line-height:1.4}.no-results-message{text-align:center;padding:calc(var(--spacing-unit) * 4);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color);margin-top:calc(var(--spacing-unit) * 2);display:none}.no-results-message.show{display:block}.no-results-icon{display:flex;justify-content:center;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--text-secondary)}.no-results-icon i{width:48px;height:48px;opacity:0.5}.no-results-message h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 1)}.no-results-message p{font-size:0.875rem;color:var(--text-secondary);max-width:400px;margin:0 auto}@media (max-width:768px){.filter-bar{margin-bottom:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 0.5);gap:calc(var(--spacing-unit) * 0.75);flex-wrap:nowrap}.filter-search-input{font-size:0.8rem}.filter-view-toggle{margin-left:auto}.filter-view-btn{padding:calc(var(--spacing-unit) * 0.5) calc(var(--spacing-unit) * 0.5)}.filter-view-btn i{width:14px;height:14px}.calculator-grid.list-view .calc-card{padding:calc(var(--spacing-unit) * 1.5);padding-top:calc(var(--spacing-unit) * 1.5 + var(--card-color-border))}.calculator-grid.list-view .calc-icon{}.calculator-grid.list-view .calc-card h3{font-size:0.9rem}.calculator-grid.list-view .calc-card p{font-size:0.75rem}}@media (max-width:480px){.filter-bar{margin-bottom:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 0.5);gap:calc(var(--spacing-unit) * 0.5)}.filter-search-input{font-size:0.75rem}.filter-search-icon{left:calc(var(--spacing-unit) * 1.25)}.filter-search-icon i{width:14px;height:14px}.filter-view-btn{padding:4px}.filter-view-btn i{width:12px;height:12px}.calculator-grid.list-view .calc-card{padding:calc(var(--spacing-unit) * 1.25);padding-top:calc(var(--spacing-unit) * 1.25 + var(--card-color-border));gap:calc(var(--spacing-unit) * 1.25)}.calculator-grid.list-view .calc-icon{width:28px;height:28px}.calculator-grid.list-view .calc-icon i{width:14px;height:14px}.calculator-grid.list-view .calc-card h3{font-size:0.8rem}.calculator-grid.list-view .calc-card p{font-size:0.7rem;line-height:1.3}}
.custom-card-content{padding:calc(var(--spacing-unit) * 2);text-align:left}.custom-card-content h3{font-size:1.1rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--text-primary)}.custom-card-content p{font-size:0.9rem;line-height:1.5;margin-bottom:calc(var(--spacing-unit) * 1.5);color:var(--text-secondary)}.custom-card-content ul{list-style:none;padding:0;margin:0 0 calc(var(--spacing-unit) * 2) 0}.custom-card-content ul li{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);margin-bottom:calc(var(--spacing-unit) * 1);font-size:0.85rem;color:var(--text-secondary)}.custom-card-content ul li i{width:16px;height:16px;color:var(--primary-color);flex-shrink:0}.custom-card-cta{display:flex;justify-content:center;margin-top:calc(var(--spacing-unit) * 2)}.custom-card-button{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 0.75);padding:calc(var(--spacing-unit) * 1.25) calc(var(--spacing-unit) * 2);background:var(--primary-color);color:white;border:none;border-radius:var(--border-radius-sm);font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-decoration:none}.custom-card-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.2)}.custom-card-button i{width:16px;height:16px}.custom-card-info{font-size:0.9rem;color:var(--primary-color);font-weight:600;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.2);border-radius:var(--border-radius-sm)}.custom-card-content.premium{position:relative;overflow:hidden}.premium-badge{position:absolute;top:10px;right:-30px;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;padding:4px 30px;font-size:0.7rem;font-weight:600;transform:rotate(45deg);display:flex;align-items:center;gap:4px}.premium-badge i{width:12px;height:12px}.premium-button{background:linear-gradient(135deg,#f59e0b,#d97706)}.premium-button:hover{background:#d97706;box-shadow:0 4px 12px rgba(245,158,11,0.2)}.custom-card-content.coming-soon{text-align:center}.coming-soon-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto calc(var(--spacing-unit) * 3) auto;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.coming-soon-icon i{width:32px;height:32px}.custom-card-content.coming-soon ul li{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 1.5);margin-bottom:calc(var(--spacing-unit) * 1.5);transition:all 0.2s ease}.custom-card-content.coming-soon ul li:hover{background:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-2px)}.custom-card-content.coming-soon ul li i{color:var(--primary-color)}@media (max-width:768px){.custom-card-content{padding:calc(var(--spacing-unit) * 1.5)}.custom-card-content h3{font-size:1rem}.custom-card-content p{font-size:0.85rem}.custom-card-content ul li{font-size:0.8rem}.custom-card-button{font-size:0.8rem;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 1.5)}}@media (max-width:480px){.custom-card-content{padding:calc(var(--spacing-unit) * 1.25)}.custom-card-content h3{font-size:0.95rem}.custom-card-content p{font-size:0.8rem}.custom-card-content ul li{font-size:0.75rem}}
.startup-page{position:fixed;top:0;left:0;width:100%;height:100vh;height:-webkit-fill-available;z-index:9999;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 35%,var(--accent-color) 70%,var(--primary-color) 100%);background-size:400% 400%;animation:gradientShift 3s ease-in-out infinite;overflow:hidden}.startup-page.show{display:flex}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}[data-theme="dark"] .startup-page{background:linear-gradient(135deg,#1e40af 0%,#7c3aed 35%,#0891b2 70%,#1e40af 100%);background-size:400% 400%;animation:gradientShift 3s ease-in-out infinite}.startup-page::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.15);pointer-events:none;z-index:1}[data-theme="dark"] .startup-page::before{background:rgba(0,0,0,0.2)}.startup-page::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.1) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,255,255,0.08) 0%,transparent 30%),radial-gradient(circle at 40% 80%,rgba(255,255,255,0.06) 0%,transparent 30%);pointer-events:none;z-index:1;animation:patternFloat 4s ease-in-out infinite}@keyframes patternFloat{0%,100%{transform:translateY(0px) scale(1);opacity:0.6}50%{transform:translateY(-10px) scale(1.05);opacity:0.8}}.startup-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;padding:calc(var(--spacing-unit) * 4);animation:startupFadeIn 0.8s ease-out}@keyframes startupFadeIn{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.startup-branding{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 3)}.startup-app-logo{width:80px;height:80px;background:rgba(255,255,255,0.15);border-radius:20px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px);border:3px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.2);animation:logoFloat 2s ease-in-out infinite}@keyframes logoFloat{0%,100%{transform:translateY(0px) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}.startup-app-icon{width:48px;height:48px;filter:brightness(0) invert(1);transition:all 0.3s ease}.startup-app-name{font-size:3.5rem;font-weight:800;color:white;letter-spacing:-0.05em;line-height:1;text-shadow:0 2px 20px rgba(0,0,0,0.3)}.startup-app-name span:first-child{font-weight:400}.startup-app-name span:last-child{font-size:700}.startup-app-tagline{font-size:1.1rem;color:rgba(255,255,255,0.9);font-weight:400;text-shadow:0 1px 10px rgba(0,0,0,0.1)}.startup-loading{display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing-unit) * 2)}.startup-loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,0.3);border-top:3px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.startup-loading-text{font-size:0.9rem;color:rgba(255,255,255,0.8);font-weight:500;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:0.8}50%{opacity:1}}.startup-version{position:absolute;bottom:calc(var(--spacing-unit) * 4);left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:20px;padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);font-size:0.75rem;color:rgba(255,255,255,0.8);font-weight:500}.startup-page.fade-out{animation:startupFadeOut 0.5s ease-in forwards}@keyframes startupFadeOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}@media (max-width:767px){.startup-content{padding:calc(var(--spacing-unit) * 3)}.startup-app-logo{width:72px;height:72px;border-radius:18px}.startup-app-icon{width:42px;height:42px}.startup-app-name{font-size:3.25rem}.startup-app-tagline{font-size:1rem}.startup-loading-spinner{width:28px;height:28px;border-width:2.5px}.startup-version{bottom:calc(var(--spacing-unit) * 3);font-size:0.7rem}}@media (max-width:480px){.startup-content{padding:calc(var(--spacing-unit) * 2)}.startup-app-logo{width:64px;height:64px;border-radius:16px}.startup-app-icon{width:36px;height:36px}.startup-app-name{font-size:3rem}.startup-app-tagline{font-size:0.9rem}.startup-loading-spinner{width:24px;height:24px;border-width:2px}.startup-version{bottom:calc(var(--spacing-unit) * 2);font-size:0.65rem;padding:calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 1.5)}}@media (min-width:768px){.startup-page{display:none !important}}@media (prefers-reduced-motion:reduce){.startup-page{animation:none;background:var(--primary-color)}[data-theme="dark"] .startup-page{animation:none;background:#1e40af}.startup-page::after{animation:none}.startup-app-logo{animation:none}.startup-loading-spinner{animation:spin 2s linear infinite}.startup-loading-text{animation:none}.startup-content{animation:none}}@media (prefers-contrast:high){.startup-page{background:var(--primary-color)}[data-theme="dark"] .startup-page{background:#1e40af}.startup-page::before{background:rgba(0,0,0,0.3)}.startup-app-logo{background:rgba(255,255,255,0.9);border:3px solid white}.startup-version{background:rgba(255,255,255,0.9);border:2px solid white;color:var(--primary-color)}}
.rating-section{text-align:center}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.rating-form{text-align:left;margin:0 auto}.star-rating-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 2.5);transition:all 0.2s ease;position:relative}.star-rating-container:focus-within{border-color:var(--primary-color);background:var(--bg-card)}.star-rating-container.has-value{border-color:var(--success-color);background:rgba(16,185,129,0.05)}.star-rating{display:flex;gap:calc(var(--spacing-unit) * 0.75);justify-content:center;margin-bottom:calc(var(--spacing-unit) * 1.5)}.star{font-size:1.5rem;color:var(--border-color);cursor:pointer;transition:all 0.2s ease;user-select:none;padding:calc(var(--spacing-unit) * 0.5);border-radius:calc(var(--border-radius-sm) / 2);position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.star:hover,.star.hover{color:#fbbf24;transform:scale(1.1);background:rgba(251,191,36,0.1)}.star.active{color:#f59e0b;background:rgba(245,158,11,0.1)}.star:focus{outline:2px solid var(--primary-color);outline-offset:2px}.rating-value-display{text-align:center;font-size:0.8rem;color:var(--text-secondary);margin-top:calc(var(--spacing-unit) * 0.75);min-height:18px;transition:all 0.2s ease}.rating-value-display.show{color:var(--success-color);font-weight:500}.rating-submit-btn{background:linear-gradient(135deg,#eab308,var(--warning-color));color:white;border:none;border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 4);font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.25);justify-content:center;letter-spacing:-0.025em;width:100%;margin-top:calc(var(--spacing-unit) * 1.5)}.rating-submit-btn:hover{transform:translateY(-2px)}.rating-submit-btn:disabled{opacity:0.7;cursor:not-allowed;transform:none}.rating-submit-btn i{width:16px;height:16px}.rating-result{margin-top:calc(var(--spacing-unit) * 2.5);padding:calc(var(--spacing-unit) * 2.5);border-radius:var(--border-radius-sm);display:none;animation:slideUp 0.2s ease-out;text-align:center;font-size:0.9rem}.rating-result.show{display:block}.rating-result.success{background:rgba(16,185,129,0.1);border:1px solid var(--success-color);color:var(--success-color)}.rating-result.error{background:rgba(239,68,68,0.1);border:1px solid var(--error-color);color:var(--error-color)}.rating-form .star-rating-group{margin-bottom:calc(var(--spacing-unit) * 2.5)}.rating-form .star-rating-group label{display:block;margin-bottom:calc(var(--spacing-unit) * 0.75);font-weight:500;color:var(--text-primary);font-size:0.8rem}.rating-form .form-row{}.rating-form .form-group{}@media (max-width:768px){.star{font-size:1.25rem;width:32px;height:32px}.star-rating{gap:calc(var(--spacing-unit) * 0.5);margin-bottom:calc(var(--spacing-unit) * 1.25)}.star-rating-container{padding:calc(var(--spacing-unit) * 2)}}@media (max-width:480px){.rating-form{max-width:100%}.star-rating{gap:calc(var(--spacing-unit) * 0.25);margin-bottom:calc(var(--spacing-unit) * 1)}.star{font-size:1.125rem;width:30px;height:30px}.star-rating-container{padding:calc(var(--spacing-unit) * 1.75)}.rating-value-display{font-size:0.75rem;margin-top:calc(var(--spacing-unit) * 0.5)}.rating-submit-btn{padding:calc(var(--spacing-unit) * 2.25) calc(var(--spacing-unit) * 3.5);font-size:0.9rem;margin-top:calc(var(--spacing-unit) * 1.25)}.rating-submit-btn i{width:14px;height:14px}.rating-result{margin-top:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);font-size:0.85rem}}
.settings-section{margin-bottom:calc(var(--spacing-unit) * 4)}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 1)}.settings-description{font-size:0.875rem;color:var(--text-secondary);margin-bottom:calc(var(--spacing-unit) * 3)}.settings-grid{display:grid;gap:calc(var(--spacing-unit) * 2)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 2);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.setting-info{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);flex:1}.setting-icon{width:32px;height:32px;border-radius:calc(var(--border-radius-sm) / 2);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;background:var(--calc-primary-color,var(--primary-color))}.setting-icon i{width:16px;height:16px}.setting-details h4{font-size:0.875rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 0.5)}.setting-details p{font-size:0.75rem;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);transition:0.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;transition:0.3s;border-radius:50%}input:checked + .toggle-slider{background-color:var(--primary-color)}input:checked + .toggle-slider:before{transform:translateX(20px)}.settings-actions{display:flex;gap:calc(var(--spacing-unit) * 2);flex-wrap:wrap;margin-top:calc(var(--spacing-unit) * 2)}.settings-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 3);font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1);flex:1;justify-content:center;min-width:0}.settings-btn:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.settings-btn i{width:14px;height:14px}@media (max-width:768px){.settings-actions{flex-direction:column}}@media (max-width:480px){.settings-btn{font-size:0.8rem;padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2)}.setting-details h4{font-size:0.8rem}.setting-details p{font-size:0.7rem}}
.help-section{margin-bottom:calc(var(--spacing-unit) * 4)}.help-section:last-child{margin-bottom:0}.help-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 1);letter-spacing:-0.025em}.help-description{font-size:1rem;color:var(--text-secondary);margin-bottom:calc(var(--spacing-unit) * 3);line-height:1.5}.help-grid{display:grid;gap:calc(var(--spacing-unit) * 2)}.help-item{display:flex;align-items:flex-start;justify-content:space-between;padding:calc(var(--spacing-unit) * 2);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:all 0.2s ease}.help-item:hover{background:var(--bg-primary);border-color:var(--primary-color)}.help-info{display:flex;align-items:flex-start;gap:calc(var(--spacing-unit) * 2);flex:1}.help-icon{width:32px;height:32px;border-radius:calc(var(--border-radius-sm) / 2);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))}.help-icon i{width:16px;height:16px}.help-details{flex:1;min-width:0}.help-details h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 0.5);letter-spacing:-0.025em}.help-details p{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin:0}.help-badge{top:calc(var(--spacing-unit) * 1);right:calc(var(--spacing-unit) * 1);background:var(--primary-color);color:white;padding:calc(var(--spacing-unit) * 0.5) calc(var(--spacing-unit) * 1);border-radius:calc(var(--border-radius-sm) / 2);font-size:0.7rem;font-weight:500;white-space:nowrap;flex-shrink:0}.help-badge.ios{background:var(--secondary-color)}.help-badge.android{background:var(--success-color)}.help-badge.feature{background:var(--warning-color)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--spacing-unit) * 3);border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);margin:0}.modal-title-icon{width:36px;height:36px;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0;position:relative;overflow:hidden;padding:calc(var(--spacing-unit) * 0.5)}.modal-title-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,0.1) 0%,transparent 50%);pointer-events:none}.modal-title-icon i{width:16px;height:16px;position:relative;z-index:1}.help-modal-icon{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 2px 6px rgba(59,130,246,0.2)}.settings-modal-icon{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));box-shadow:0 2px 6px rgba(99,102,241,0.2)}.rating-modal-icon{background:linear-gradient(135deg,#eab308,var(--warning-color));box-shadow:0 2px 6px rgba(202,138,4,0.3)}@media (max-width:768px){.help-item{flex-direction:column;text-align:left}.help-info{width:100%;margin-bottom:calc(var(--spacing-unit) * 1)}.help-badge{align-self:flex-start}.modal-header h2{font-size:1.125rem}.modal-title-icon{width:32px;height:32px}.modal-title-icon i{width:14px;height:14px}}@media (max-width:480px){.help-details h4{font-size:1rem}.help-details p{font-size:0.9rem}.help-badge{font-size:0.65rem;padding:calc(var(--spacing-unit) * 0.375) calc(var(--spacing-unit) * 0.75)}.modal-header{padding:calc(var(--spacing-unit) * 2)}.modal-header h2{font-size:1rem;gap:calc(var(--spacing-unit) * 1.5)}.modal-title-icon{width:28px;height:28px}.modal-title-icon i{width:12px;height:12px}}
.about-section{margin-bottom:calc(var(--spacing-unit) * 5)}.about-section:last-child{margin-bottom:0}.about-section h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 2);letter-spacing:-0.025em;position:relative;padding-bottom:calc(var(--spacing-unit) * 1)}.about-section h3::after{content:'';position:absolute;bottom:0;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.about-description{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin-bottom:calc(var(--spacing-unit) * 3)}.app-hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 3.5);text-align:center;color:white;margin-bottom:calc(var(--spacing-unit) * 4);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,0.15)}.app-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.12) 0%,transparent 30%),radial-gradient(circle at 80% 70%,rgba(255,255,255,0.1) 0%,transparent 30%);pointer-events:none}.app-hero-content{position:relative;z-index:1}.app-branding{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-unit) * 2.5);margin-bottom:calc(var(--spacing-unit) * 2.5)}.app-logo{width:72px;height:72px;background:rgba(255,255,255,0.18);border-radius:18px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,0.25);box-shadow:0 12px 40px rgba(0,0,0,0.15);flex-shrink:0}.app-logo .app-icon{width:44px;height:44px;filter:brightness(0) invert(1)}.app-title-container{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.app-title{font-size:2.25rem;font-weight:800;margin-bottom:calc(var(--spacing-unit) * 0.5);letter-spacing:-0.05em;line-height:1.1}.app-name-tex{font-weight:400}.app-name-calc{font-weight:700}.app-subtitle{font-size:1.05rem;opacity:0.9;margin-bottom:0;font-weight:400;letter-spacing:-0.02em}.app-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 1.5);margin-top:calc(var(--spacing-unit) * 2.5)}.app-meta-item{text-align:center;padding:calc(var(--spacing-unit) * 1.5);background:rgba(255,255,255,0.12);border-radius:var(--border-radius-sm);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.25);transition:all 0.2s ease}.app-meta-item:hover{transform:translateY(-2px);background:rgba(255,255,255,0.18)}.app-meta-value{display:block;font-size:1.15rem;font-weight:700;letter-spacing:-0.02em;line-height:1.1;margin-bottom:calc(var(--spacing-unit) * 0.25)}.app-meta-label{font-size:0.85rem;opacity:0.85;font-weight:500;line-height:1.2}.developer-section{background:var(--bg-secondary);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 4);margin-top:calc(var(--spacing-unit) * 4);border:1px solid var(--border-color)}.developer-header{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 3)}.developer-photo{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem;font-weight:700;flex-shrink:0;border:2px solid var(--bg-card);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.developer-photo img{width:100%;object-fit:cover;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.1);transition:filter 0.2s ease-out;filter:brightness(0.9)}.developer-info{flex:1}.developer-info h4{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 0.5);letter-spacing:-0.025em}.developer-title{font-size:1rem;color:var(--primary-color);font-weight:600;margin-bottom:calc(var(--spacing-unit) * 0.5)}.developer-experience{font-size:0.875rem;color:var(--text-secondary);line-height:1.5;margin-bottom:calc(var(--spacing-unit) * 1)}.developer-bio{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin-bottom:calc(var(--spacing-unit) * 3)}.developer-bio p{margin-bottom:calc(var(--spacing-unit) * 2)}.developer-bio p:last-child{margin-bottom:0}.developer-expertise{margin-bottom:calc(var(--spacing-unit) * 3)}.developer-expertise h5{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 2);letter-spacing:-0.025em}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:calc(var(--spacing-unit) * 1)}.expertise-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 2);background:var(--bg-card);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:all 0.2s ease}.expertise-item:hover{background:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.expertise-icon{width:32px;height:32px;border-radius:calc(var(--border-radius-sm) * 0.75);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.expertise-icon i{width:16px;height:16px}.expertise-item span{font-size:0.875rem;font-weight:500;color:var(--text-primary)}.developer-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--spacing-unit) * 2)}.contact-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);padding:calc(var(--spacing-unit) * 1.5);background:var(--bg-card);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:all 0.2s ease;text-decoration:none;color:var(--text-primary)}.contact-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.contact-icon{width:36px;height:36px;border-radius:calc(var(--border-radius-sm) * 0.5);display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.contact-icon.email{background:linear-gradient(135deg,#ea4335,#fbbc05)}.contact-icon.linkedin{background:linear-gradient(135deg,#0077b5,#005885)}.contact-icon i{width:18px;height:18px}.contact-details h5{font-size:1rem;font-weight:600;color:var(--text-primary)}.contact-details p{font-size:0.75rem;color:var(--text-secondary);margin:0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:calc(var(--spacing-unit) * 3);margin:calc(var(--spacing-unit) * 4) 0}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:calc(var(--spacing-unit) * 3);transition:all 0.2s ease;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.1);border-color:var(--primary-color)}.feature-icon{width:48px;height:48px;border-radius:var(--border-radius-sm);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:white;margin-bottom:calc(var(--spacing-unit) * 2)}.feature-icon i{width:24px;height:24px}.feature-card h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 1);letter-spacing:-0.025em}.feature-card p{font-size:0.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:calc(var(--spacing-unit) * 3);margin:calc(var(--spacing-unit) * 4) 0;padding:calc(var(--spacing-unit) * 4);background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-color)}.about-stat{text-align:center;padding:calc(var(--spacing-unit) * 2);background:var(--bg-card);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);transition:all 0.2s ease}.about-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.about-stat-number{display:block;font-size:2rem;font-weight:800;color:var(--primary-color);line-height:1;margin-bottom:calc(var(--spacing-unit) * 1);letter-spacing:-0.025em}.about-stat-label{font-size:0.875rem;color:var(--text-secondary);font-weight:500;line-height:1.3}.tech-stack{display:flex;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 1.5);margin:calc(var(--spacing-unit) * 3) 0}.tech-badge{background:var(--bg-card);border:1px solid var(--border-color);border-radius:calc(var(--border-radius-sm) * 2);padding:calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 2);font-size:0.8rem;font-weight:500;color:var(--text-primary);transition:all 0.2s ease}.tech-badge:hover{background:var(--primary-color);color:white;border-color:var(--primary-color);transform:translateY(-1px)}.about-modal-icon{background:linear-gradient(135deg,var(--accent-color),var(--primary-color));box-shadow:0 2px 6px rgba(6,182,212,0.2)}@media (max-width:768px){.app-hero{padding:calc(var(--spacing-unit) * 3)}.app-logo{width:64px;height:64px;border-radius:16px}.app-logo .app-icon{width:36px;height:36px}.app-title{font-size:2rem}.app-subtitle{font-size:0.95rem}.app-meta{grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 1.25)}.app-meta-item:nth-child(3){grid-column:span 2}.app-meta-item{padding:calc(var(--spacing-unit) * 1.25)}.app-meta-value{font-size:1.1rem}.developer-header{flex-direction:column;text-align:center;gap:calc(var(--spacing-unit) * 2)}.developer-photo{width:64px;height:64px;font-size:1.5rem}.developer-contact{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 1.5)}.expertise-grid{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 1.5)}.features-grid{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 2)}.about-stats{grid-template-columns:repeat(2,1fr);padding:calc(var(--spacing-unit) * 3)}.about-stat-number{font-size:1.75rem}}@media (max-width:480px){.about-section{margin-bottom:calc(var(--spacing-unit) * 4)}.app-hero{padding:calc(var(--spacing-unit) * 2.5)}.app-logo{width:56px;height:56px;border-radius:14px}.app-logo .app-icon{width:32px;height:32px}.app-title{font-size:1.75rem}.app-subtitle{font-size:0.9rem}.app-meta{grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 1)}.app-meta-item:nth-child(3){grid-column:span 2}.app-meta-item{padding:calc(var(--spacing-unit) * 1.25)}.app-meta-value{font-size:1.05rem}.developer-section{padding:calc(var(--spacing-unit) * 3)}.developer-info h4{font-size:1.25rem}.expertise-item{gap:calc(var(--spacing-unit) * 1);padding:calc(var(--spacing-unit) * 1)}.expertise-icon{width:24px;height:24px}.expertise-icon svg{width:16px;height:16px}.contact-icon{width:40px;height:40px}.contact-icon i{width:20px;height:20px}.feature-card{padding:calc(var(--spacing-unit) * 2.5)}.feature-icon{width:40px;height:40px}.feature-icon i{width:20px;height:20px}.about-stats{grid-template-columns:1fr;padding:calc(var(--spacing-unit) * 2.5)}.tech-stack{gap:calc(var(--spacing-unit) * 1)}.tech-badge{font-size:0.75rem;padding:calc(var(--spacing-unit) * 0.75) calc(var(--spacing-unit) * 1.5)}}[data-theme="dark"] .app-hero{background:linear-gradient(135deg,#1e40af,#7c3aed)}[data-theme="dark"] .developer-section{background:var(--bg-primary)}[data-theme="dark"] .feature-card:hover{box-shadow:0 8px 24px rgba(0,0,0,0.3)}[data-theme="dark"] .about-stat:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3)}[data-theme="dark"] .contact-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3)}[data-theme="dark"] .expertise-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3)}
.contact-section{margin-bottom:calc(var(--spacing-unit) * 4)}.contact-section:last-child{margin-bottom:0}.contact-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:calc(var(--spacing-unit) * 1);letter-spacing:-0.025em}.contact-description{font-size:0.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:calc(var(--spacing-unit) * 3)}.contact-submit-btn{background:linear-gradient(135deg,var(--success-color),var(--accent-color));color:white;border:none;border-radius:var(--border-radius-sm);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 5);font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:calc(var(--spacing-unit) * 1.5);justify-content:center;letter-spacing:-0.025em;width:100%;margin-top:calc(var(--spacing-unit) * 2)}.contact-submit-btn:hover{transform:translateY(-2px)}.contact-submit-btn:active{transform:scale(0.98)}.contact-submit-btn i{width:18px;height:18px}.contact-result{margin-top:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 3);border-radius:var(--border-radius-sm);display:none;animation:slideUp 0.2s ease-out}.contact-result.show{display:block}.contact-result.success{background:rgba(16,185,129,0.1);border:1px solid var(--success-color);color:var(--success-color)}.contact-result.error{background:rgba(239,68,68,0.1);border:1px solid var(--error-color);color:var(--error-color)}.contact-result.info{background:rgba(59,130,246,0.1);border:1px solid var(--primary-color);color:var(--primary-color)}.contact-links{display:grid;gap:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 4)}.contact-link{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2.5);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);text-decoration:none;transition:all 0.2s ease;color:var(--text-primary)}.contact-link:hover{background:var(--bg-primary);border-color:var(--primary-color);transform:translateY(-1px)}.contact-link i{width:20px;height:20px;flex-shrink:0}.contact-link.linkedin i{color:#0077b5}.contact-link.email i{color:var(--primary-color)}.contact-link-info{flex:1}.contact-link-info h4{font-size:0.9rem;font-weight:600;color:var(--text-primary);margin:0 0 calc(var(--spacing-unit) * 0.25) 0}.contact-link-info p{font-size:0.8rem;color:var(--text-secondary);margin:0}#email-link{color:var(--bg-primary);background-color:var(--text-secondary);padding:0.25em 0.5em;border-radius:20px;text-decoration:none}.response-info{display:grid;gap:calc(var(--spacing-unit) * 1.5)}.response-item{display:flex;align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 2);background:var(--bg-secondary);border-radius:var(--border-radius-sm);border:1px solid var(--border-color)}.response-item i{width:16px;height:16px;color:var(--primary-color);flex-shrink:0}.response-item span{font-size:0.85rem;color:var(--text-secondary);line-height:1.4}.response-item strong{color:var(--text-primary);font-weight:600}.contact-modal-icon{background:linear-gradient(135deg,var(--success-color),var(--accent-color));box-shadow:0 2px 6px rgba(16,185,129,0.2)}@media (max-width:768px){.contact-links{gap:calc(var(--spacing-unit) * 1.5)}.contact-link{padding:calc(var(--spacing-unit) * 2)}.contact-link i{width:18px;height:18px}.contact-link-info h4{font-size:0.85rem}.contact-link-info p{font-size:0.75rem}.response-item{padding:calc(var(--spacing-unit) * 1.5)}.response-item span{font-size:0.8rem}}@media (max-width:480px){.contact-section{margin-bottom:calc(var(--spacing-unit) * 3)}.contact-description{font-size:0.8rem;margin-bottom:calc(var(--spacing-unit) * 2.5)}.contact-submit-btn{padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 4);font-size:0.95rem}.contact-link{flex-direction:column;text-align:center;gap:calc(var(--spacing-unit) * 1.5)}.response-item{flex-direction:column;text-align:center;gap:calc(var(--spacing-unit) * 1)}.response-item span{font-size:0.75rem}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
#cw_modal{--cw-bg-color:#f4f6f9;--cw-text-color:#1f2937;--cw-border-color:#e2e8f0;--cw-button-bg:#fff;--cw-button-hover:#f1f5f9;--cw-operation-color:#3b82f6;--cw-operation-hover:rgba(59,130,246,0.1);--cw-equals-bg:#3b82f6;--cw-equals-hover:#2563eb;--cw-display-bg:#fff;--cw-header-bg:#f8f9fa;--cw-sqrt-color:#10b981;--cw-sqrt-hover:rgba(16,185,129,0.1)}#cw_modal.cw-dark{--cw-bg-color:#0f172a;--cw-text-color:#f9fafb;--cw-border-color:#334155;--cw-button-bg:#1e293b;--cw-button-hover:#253244;--cw-operation-color:#3b82f6;--cw-operation-hover:rgba(59,130,246,0.1);--cw-equals-bg:#3b82f6;--cw-equals-hover:#2563eb;--cw-display-bg:#1e293b;--cw-header-bg:#253244;--cw-sqrt-color:#10b981;--cw-sqrt-hover:rgba(16,185,129,0.1)}#cw_modal,#cw_modal *,#cw_modal *::before,#cw_modal *::after{box-sizing:border-box;margin:0;padding:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none}#cw_modal{position:fixed;inset:0;background-color:rgba(0,0,0,0.2);z-index:1000;display:none;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(2px)}#cw_modal:focus{outline:none}#cw_modal.cw-no-blur{backdrop-filter:none}#cw_modal.cw-active{display:flex}#cw_modal .cw-container{background-color:var(--cw-bg-color);border-radius:12px;width:100%;max-width:320px;border:1px solid var(--cw-border-color);overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,0.1);animation:cw-fade-in 0.2s ease-out;cursor:default}#cw_modal .cw-container.cw-compact-mode{max-width:240px}@keyframes cw-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#cw_modal .cw-header{padding:8px 16px;border-bottom:1px solid var(--cw-border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--cw-header-bg);min-height:44px}#cw_modal .cw-header.cw-movable{cursor:move}#cw_modal .cw-header.cw-reduced-header{padding:8px 16px;min-height:24px}#cw_modal .cw-header.cw-minimal-header{padding:4px 8px;min-height:6px;border-bottom:none}#cw_modal .cw-hidden{display:none !important}#cw_modal .cw-title-container{flex:1;min-width:0;padding-right:8px}#cw_modal .cw-title{font-size:16px;font-weight:600;color:var(--cw-text-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cw_modal .cw-subtitle{font-size:12px;color:var(--cw-text-color);opacity:0.7;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#cw_modal .cw-header-controls{display:flex;gap:8px;flex-shrink:0}#cw_modal .cw-theme-toggle,#cw_modal .cw-close{background:none;border:none;padding:4px;cursor:pointer;color:var(--cw-text-color);opacity:0.7;transition:all 0.15s;border-radius:4px;display:flex}#cw_modal .cw-theme-toggle:hover,#cw_modal .cw-close:hover{opacity:1;background-color:rgba(0,0,0,0.05)}#cw_modal .cw-theme-toggle svg,#cw_modal .cw-close svg{width:18px;height:18px}#cw_modal .cw-display{padding:16px;text-align:right}#cw_modal #cw_history{font-size:16px;color:var(--cw-text-color);opacity:0.7;height:18px;margin-bottom:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cw_modal #cw_value{font-size:32px;font-weight:500;color:var(--cw-text-color);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cw_modal .cw-keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:0 8px 8px}#cw_modal .cw-keypad.cw-compact-mode{grid-template-columns:repeat(3,1fr)}#cw_modal .cw-btn{height:52px;border-radius:8px;font-weight:500;font-size:24px;border:none;cursor:pointer;user-select:none;transition:all 0.1s ease;display:flex;align-items:center;justify-content:center;background-color:var(--cw-button-bg);color:var(--cw-text-color);outline:none;-webkit-tap-highlight-color:transparent;user-select:none;transition:all 0.15s ease-out}#cw_modal .cw-btn:focus{outline:2px solid currentColor;outline-offset:0px}#cw_modal [data-number],#cw_modal [data-operation]{touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}#cw_modal .cw-btn:hover{background-color:var(--cw-button-hover)}#cw_modal .cw-btn-operation{background-color:transparent;color:var(--cw-operation-color);font-weight:500}#cw_modal .cw-btn-operation:hover{background-color:var(--cw-operation-hover)}#cw_modal .cw-btn-sqrt{color:var(--cw-sqrt-color)}#cw_modal .cw-btn-sqrt:hover{background-color:var(--cw-sqrt-hover)}#cw_modal .cw-btn-equals{background-color:var(--cw-equals-bg);color:white;font-weight:500;position:relative}#cw_modal .cw-btn-equals:hover{background-color:var(--cw-equals-hover)}#cw_modal .cw-btn-zero{grid-column:span 2}#cw_modal .cw-btn-zero.cw-compact-mode{grid-column:span 1}#cw_modal .cw-btn-active{background-color:var(--cw-button-hover);transform:scale(0.95);opacity:0.8;filter:brightness(0.9);transition:background-color 0.3s ease,transform 0.3s ease}#cw_modal .cw-blank{visibility:hidden;pointer-events:none}body.cw-no-scroll{overflow:hidden}#cw_modal .cw-display-blink{animation:cw-blink 0.3s ease}@keyframes cw-blink{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}#cw_modal .cw-animate-fade{opacity:0;transition:opacity var(--cw-animation-duration) var(--cw-animation-easing)}#cw_modal .cw-animate-fade-up{opacity:0;transform:translateY(20px);transition:opacity var(--cw-animation-duration) var(--cw-animation-easing),transform var(--cw-animation-duration) var(--cw-animation-easing)}#cw_modal .cw-animate-fade-down{opacity:0;transform:translateY(-20px);transition:opacity var(--cw-animation-duration) var(--cw-animation-easing),transform var(--cw-animation-duration) var(--cw-animation-easing)}#cw_modal .cw-animate-scale{opacity:0;transform:scale(0.95);transition:opacity var(--cw-animation-duration) var(--cw-animation-easing),transform var(--cw-animation-duration) var(--cw-animation-easing)}#cw_modal .cw-animate-slide-up{transform:translateY(100%);transition:transform var(--cw-animation-duration) var(--cw-animation-easing)}#cw_modal .cw-animate-slide-down{transform:translateY(-100%);transition:transform var(--cw-animation-duration) var(--cw-animation-easing)}#cw_modal .cw-animate-active{opacity:1;transform:translateY(0) scale(1)}#cw_modal .cw-history-update{animation:cw-history-pulse var(--cw-animation-duration) var(--cw-animation-easing)}@keyframes cw-history-pulse{0%{opacity:0.5;transform:translateY(2px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:480px){#cw_modal .cw-container{max-width:280px}#cw_modal .cw-container.cw-compact-mode{max-width:220px}#cw_modal .cw-btn{height:48px;font-size:1.25em}}
#cw_modal.cw-nord{--cw-bg-color:#f2f5f7;--cw-text-color:#2e3440;--cw-border-color:#dce3ea;--cw-button-bg:#e9eef3;--cw-button-hover:#d7e0eb;--cw-operation-color:#5e81ac;--cw-operation-hover:rgba(94,129,172,0.1);--cw-equals-bg:#81a1c1;--cw-equals-hover:#5e81ac;--cw-display-bg:#f6f9fc;--cw-header-bg:#e2e8f0;--cw-sqrt-color:#88c0d0;--cw-sqrt-hover:rgba(136,192,208,0.1)}#cw_modal.cw-nord.cw-dark{--cw-bg-color:#2e3440;--cw-text-color:#eceff4;--cw-border-color:#3b4252;--cw-button-bg:#434c5e;--cw-button-hover:#4c566a;--cw-operation-color:#81a1c1;--cw-operation-hover:rgba(129,161,193,0.1);--cw-equals-bg:#5e81ac;--cw-equals-hover:#4c6793;--cw-display-bg:#3b4252;--cw-header-bg:#434c5e;--cw-sqrt-color:#8fbcbb;--cw-sqrt-hover:rgba(143,188,187,0.1)}#cw_modal.cw-frost{--cw-bg-color:#e6f0f5;--cw-text-color:#1b2b34;--cw-border-color:#cde3ea;--cw-button-bg:#f0f8ff;--cw-button-hover:#d6ecf3;--cw-operation-color:#4ba3c7;--cw-operation-hover:rgba(75,163,199,0.1);--cw-equals-bg:#00bcd4;--cw-equals-hover:#0097a7;--cw-display-bg:#f5fafd;--cw-header-bg:#dfeffc;--cw-sqrt-color:#009688;--cw-sqrt-hover:rgba(0,150,136,0.1)}#cw_modal.cw-frost.cw-dark{--cw-bg-color:#101e26;--cw-text-color:#e6f7ff;--cw-border-color:#1f2e35;--cw-button-bg:#1a2a33;--cw-button-hover:#263b44;--cw-operation-color:#4fc3f7;--cw-operation-hover:rgba(79,195,247,0.1);--cw-equals-bg:#00acc1;--cw-equals-hover:#00838f;--cw-display-bg:#15242b;--cw-header-bg:#1c2d36;--cw-sqrt-color:#80deea;--cw-sqrt-hover:rgba(128,222,234,0.1)}#cw_modal.cw-vanilla{--cw-bg-color:#fdfaf4;--cw-text-color:#3a2c1e;--cw-border-color:#e8e1d6;--cw-button-bg:#f5efe3;--cw-button-hover:#eee5d1;--cw-operation-color:#d2691e;--cw-operation-hover:rgba(210,105,30,0.1);--cw-equals-bg:#f4a261;--cw-equals-hover:#e76f51;--cw-display-bg:#fffaf3;--cw-header-bg:#f8f1e4;--cw-sqrt-color:#8fbc8f;--cw-sqrt-hover:rgba(143,188,143,0.1)}#cw_modal.cw-vanilla.cw-dark{--cw-bg-color:#1e120a;--cw-text-color:#f1e8dc;--cw-border-color:#2b1b10;--cw-button-bg:#2e1e14;--cw-button-hover:#3a271a;--cw-operation-color:#d2691e;--cw-operation-hover:rgba(210,105,30,0.1);--cw-equals-bg:#b5651d;--cw-equals-hover:#a0522d;--cw-display-bg:#24170d;--cw-header-bg:#2b1b10;--cw-sqrt-color:#98fb98;--cw-sqrt-hover:rgba(152,251,152,0.1)}#cw_modal.cw-neon{--cw-bg-color:#f7f7ff;--cw-text-color:#1a1a1a;--cw-border-color:#ddf;--cw-button-bg:#f0f0ff;--cw-button-hover:#e5e5ff;--cw-operation-color:#d61dd1;--cw-operation-hover:rgba(214,29,209,0.08);--cw-equals-bg:#ff007f;--cw-equals-hover:#d6006f;--cw-display-bg:#fff;--cw-header-bg:#f5f0ff;--cw-sqrt-color:#00bcd4;--cw-sqrt-hover:rgba(0,188,212,0.1)}#cw_modal.cw-neon.cw-dark{--cw-bg-color:#0d0c1d;--cw-text-color:#e4e4ff;--cw-border-color:#1c1b2f;--cw-button-bg:#1a1933;--cw-button-hover:#292854;--cw-operation-color:#ff79c6;--cw-operation-hover:rgba(255,121,198,0.1);--cw-equals-bg:#bd93f9;--cw-equals-hover:#8be9fd;--cw-display-bg:#131225;--cw-header-bg:#1c1b2f;--cw-sqrt-color:#50fa7b;--cw-sqrt-hover:rgba(80,250,123,0.1)}#cw_modal.cw-contrast{--cw-bg-color:#fff;--cw-text-color:#000;--cw-border-color:#000;--cw-button-bg:#fff;--cw-button-hover:#ccc;--cw-operation-color:#00f;--cw-operation-hover:rgba(0,0,255,0.2);--cw-equals-bg:#f00;--cw-equals-hover:#c00;--cw-display-bg:#fff;--cw-header-bg:#eee;--cw-sqrt-color:#008000;--cw-sqrt-hover:rgba(0,128,0,0.2)}#cw_modal.cw-contrast.cw-dark{--cw-bg-color:#000;--cw-text-color:#fff;--cw-border-color:#fff;--cw-button-bg:#1a1a1a;--cw-button-hover:#333;--cw-operation-color:#0ff;--cw-operation-hover:rgba(0,255,255,0.2);--cw-equals-bg:#f0f;--cw-equals-hover:#c0c;--cw-display-bg:#000;--cw-header-bg:#1a1a1a;--cw-sqrt-color:#ff0;--cw-sqrt-hover:rgba(255,255,0,0.2)}#cw_modal.cw-solar{--cw-bg-color:#fffce8;--cw-text-color:#3e3e1f;--cw-border-color:#e0dab0;--cw-button-bg:#fef6d8;--cw-button-hover:#f6edc2;--cw-operation-color:#e39b02;--cw-operation-hover:rgba(227,155,2,0.1);--cw-equals-bg:#f4a300;--cw-equals-hover:#cc8500;--cw-display-bg:#fffae3;--cw-header-bg:#f9f4cc;--cw-sqrt-color:#76b947;--cw-sqrt-hover:rgba(118,185,71,0.1)}#cw_modal.cw-solar.cw-dark{--cw-bg-color:#1e1c12;--cw-text-color:#fffadd;--cw-border-color:#4a4422;--cw-button-bg:#2b2a1a;--cw-button-hover:#3a371c;--cw-operation-color:#ffc107;--cw-operation-hover:rgba(255,193,7,0.1);--cw-equals-bg:#ff9800;--cw-equals-hover:#f57c00;--cw-display-bg:#262417;--cw-header-bg:#302e1a;--cw-sqrt-color:#cddc39;--cw-sqrt-hover:rgba(205,220,57,0.1)}#cw_modal.cw-mono{--cw-bg-color:#f4f4f4;--cw-text-color:#1a1a1a;--cw-border-color:#ccc;--cw-button-bg:#e8e8e8;--cw-button-hover:#ddd;--cw-operation-color:#666;--cw-operation-hover:rgba(102,102,102,0.1);--cw-equals-bg:#444;--cw-equals-hover:#222;--cw-display-bg:#fff;--cw-header-bg:#f0f0f0;--cw-sqrt-color:#888;--cw-sqrt-hover:rgba(136,136,136,0.1)}#cw_modal.cw-mono.cw-dark{--cw-bg-color:#1a1a1a;--cw-text-color:#f0f0f0;--cw-border-color:#444;--cw-button-bg:#2a2a2a;--cw-button-hover:#333;--cw-operation-color:#888;--cw-operation-hover:rgba(136,136,136,0.1);--cw-equals-bg:#aaa;--cw-equals-hover:#ccc;--cw-display-bg:#222;--cw-header-bg:#2e2e2e;--cw-sqrt-color:#bbb;--cw-sqrt-hover:rgba(187,187,187,0.1)}#cw_modal.cw-ocean{--cw-bg-color:#e0f7f9;--cw-text-color:#004d4d;--cw-border-color:#b2ebf2;--cw-button-bg:#e0f2f1;--cw-button-hover:#c1e7e4;--cw-operation-color:#00796b;--cw-operation-hover:rgba(0,121,107,0.1);--cw-equals-bg:#0097a7;--cw-equals-hover:#006064;--cw-display-bg:#eafaf9;--cw-header-bg:#d0f0f1;--cw-sqrt-color:#00695c;--cw-sqrt-hover:rgba(0,105,92,0.1)}#cw_modal.cw-ocean.cw-dark{--cw-bg-color:#002829;--cw-text-color:#e0f2f1;--cw-border-color:#004d4d;--cw-button-bg:#003f3f;--cw-button-hover:#005757;--cw-operation-color:#00acc1;--cw-operation-hover:rgba(0,172,193,0.1);--cw-equals-bg:#4dd0e1;--cw-equals-hover:#26c6da;--cw-display-bg:#003b3b;--cw-header-bg:#004747;--cw-sqrt-color:#00bfa5;--cw-sqrt-hover:rgba(0,191,165,0.1)}#cw_modal.cw-rose{--cw-bg-color:#fff5f7;--cw-text-color:#5d001e;--cw-border-color:#ffd3dc;--cw-button-bg:#ffe9ef;--cw-button-hover:#ffd6e0;--cw-operation-color:#e91e63;--cw-operation-hover:rgba(233,30,99,0.1);--cw-equals-bg:#ff4081;--cw-equals-hover:#c2185b;--cw-display-bg:#fff7f9;--cw-header-bg:#ffedf2;--cw-sqrt-color:#ad1457;--cw-sqrt-hover:rgba(173,20,87,0.1)}#cw_modal.cw-rose.cw-dark{--cw-bg-color:#2a0a18;--cw-text-color:#ffe6f0;--cw-border-color:#401327;--cw-button-bg:#3a0d20;--cw-button-hover:#541232;--cw-operation-color:#f06292;--cw-operation-hover:rgba(240,98,146,0.1);--cw-equals-bg:#ec407a;--cw-equals-hover:#c2185b;--cw-display-bg:#320d1e;--cw-header-bg:#3a1122;--cw-sqrt-color:#f8bbd0;--cw-sqrt-hover:rgba(248,187,208,0.1)}#cw_modal.cw-alien{--cw-bg-color:#e6ffe6;--cw-text-color:#030;--cw-border-color:#9f9;--cw-button-bg:#cfc;--cw-button-hover:#b3ffb3;--cw-operation-color:#0c0;--cw-operation-hover:rgba(0,204,0,0.1);--cw-equals-bg:#00e600;--cw-equals-hover:#00b300;--cw-display-bg:#f0fff0;--cw-header-bg:#d6ffd6;--cw-sqrt-color:#396;--cw-sqrt-hover:rgba(51,153,102,0.1)}#cw_modal.cw-alien.cw-dark{--cw-bg-color:#001a00;--cw-text-color:#9f9;--cw-border-color:#004d00;--cw-button-bg:#030;--cw-button-hover:#004d00;--cw-operation-color:#0f0;--cw-operation-hover:rgba(0,255,0,0.1);--cw-equals-bg:#3f3;--cw-equals-hover:#0c0;--cw-display-bg:#020;--cw-header-bg:#030;--cw-sqrt-color:#6fc;--cw-sqrt-hover:rgba(102,255,204,0.1)}#cw_modal.cw-windows{--cw-bg-color:#f3f3f3;--cw-text-color:#0f0f0f;--cw-border-color:#ccc;--cw-button-bg:#fff;--cw-button-hover:#e0e0e0;--cw-operation-color:#0078d7;--cw-operation-hover:rgba(0,120,215,0.1);--cw-equals-bg:#0078d7;--cw-equals-hover:#005a9e;--cw-display-bg:#fff;--cw-header-bg:#eaeaea;--cw-sqrt-color:#0063b1;--cw-sqrt-hover:rgba(0,99,177,0.1)}#cw_modal.cw-windows.cw-dark{--cw-bg-color:#1f1f1f;--cw-text-color:#fff;--cw-border-color:#3c3c3c;--cw-button-bg:#2b2b2b;--cw-button-hover:#3a3a3a;--cw-operation-color:#22a7f0;--cw-operation-hover:rgba(34,167,240,0.1);--cw-equals-bg:#0078d7;--cw-equals-hover:#005a9e;--cw-display-bg:#262626;--cw-header-bg:#2b2b2b;--cw-sqrt-color:#1ba1e2;--cw-sqrt-hover:rgba(27,161,226,0.1)}#cw_modal.cw-mac{--cw-bg-color:#f9f9f9;--cw-text-color:#1c1c1e;--cw-border-color:#d1d1d6;--cw-button-bg:#fff;--cw-button-hover:#e5e5ea;--cw-operation-color:#007aff;--cw-operation-hover:rgba(0,122,255,0.1);--cw-equals-bg:#34c759;--cw-equals-hover:#30b455;--cw-display-bg:#fff;--cw-header-bg:#f2f2f7;--cw-sqrt-color:#5856d6;--cw-sqrt-hover:rgba(88,86,214,0.1)}#cw_modal.cw-mac.cw-dark{--cw-bg-color:#1c1c1e;--cw-text-color:#f5f5f7;--cw-border-color:#2c2c2e;--cw-button-bg:#2c2c2e;--cw-button-hover:#3a3a3c;--cw-operation-color:#0a84ff;--cw-operation-hover:rgba(10,132,255,0.1);--cw-equals-bg:#30d158;--cw-equals-hover:#28b34c;--cw-display-bg:#1c1c1e;--cw-header-bg:#2c2c2e;--cw-sqrt-color:#5e5ce6;--cw-sqrt-hover:rgba(94,92,230,0.1)}#cw_modal.cw-sky{--cw-bg-color:#e3f2fd;--cw-text-color:#0d47a1;--cw-border-color:#bbdefb;--cw-button-bg:#e1f5fe;--cw-button-hover:#b3e5fc;--cw-operation-color:#0288d1;--cw-operation-hover:rgba(2,136,209,0.1);--cw-equals-bg:#29b6f6;--cw-equals-hover:#039be5;--cw-display-bg:#f0faff;--cw-header-bg:#d0e9fc;--cw-sqrt-color:#4fc3f7;--cw-sqrt-hover:rgba(79,195,247,0.1)}#cw_modal.cw-sky.cw-dark{--cw-bg-color:#0b1a2e;--cw-text-color:#e1f5fe;--cw-border-color:#1e3a5f;--cw-button-bg:#102840;--cw-button-hover:#1c3c5a;--cw-operation-color:#4fc3f7;--cw-operation-hover:rgba(79,195,247,0.1);--cw-equals-bg:#03a9f4;--cw-equals-hover:#0288d1;--cw-display-bg:#102030;--cw-header-bg:#183654;--cw-sqrt-color:#81d4fa;--cw-sqrt-hover:rgba(129,212,250,0.1)}#cw_modal.cw-tech{--cw-bg-color:#f5f5f5;--cw-text-color:#212121;--cw-border-color:#b0bec5;--cw-button-bg:#eceff1;--cw-button-hover:#cfd8dc;--cw-operation-color:#00bcd4;--cw-operation-hover:rgba(0,188,212,0.1);--cw-equals-bg:#00acc1;--cw-equals-hover:#0097a7;--cw-display-bg:#fff;--cw-header-bg:#e0e0e0;--cw-sqrt-color:#00796b;--cw-sqrt-hover:rgba(0,121,107,0.1)}#cw_modal.cw-tech.cw-dark{--cw-bg-color:#121212;--cw-text-color:#e0f7fa;--cw-border-color:#263238;--cw-button-bg:#1e1e1e;--cw-button-hover:#2c2c2c;--cw-operation-color:#26c6da;--cw-operation-hover:rgba(38,198,218,0.1);--cw-equals-bg:#00acc1;--cw-equals-hover:#00838f;--cw-display-bg:#1c1c1c;--cw-header-bg:#212121;--cw-sqrt-color:#4db6ac;--cw-sqrt-hover:rgba(77,182,172,0.1)}#cw_modal.cw-matrix{--cw-bg-color:#eafaf1;--cw-text-color:#030;--cw-border-color:#a5d6a7;--cw-button-bg:#d0f0c0;--cw-button-hover:#a5d6a7;--cw-operation-color:#00c853;--cw-operation-hover:rgba(0,200,83,0.1);--cw-equals-bg:#00e676;--cw-equals-hover:#00c853;--cw-display-bg:#f0fff4;--cw-header-bg:#c8e6c9;--cw-sqrt-color:#2e7d32;--cw-sqrt-hover:rgba(46,125,50,0.1)}#cw_modal.cw-matrix.cw-dark{--cw-bg-color:#000;--cw-text-color:#0f0;--cw-border-color:#004d00;--cw-button-bg:#001a00;--cw-button-hover:#030;--cw-operation-color:#0f0;--cw-operation-hover:rgba(0,255,0,0.1);--cw-equals-bg:#0c0;--cw-equals-hover:#090;--cw-display-bg:#001a00;--cw-header-bg:#020;--cw-sqrt-color:#3f3;--cw-sqrt-hover:rgba(51,255,51,0.1)}#cw_modal.cw-lava{--cw-bg-color:#fff3e0;--cw-text-color:#4e2600;--cw-border-color:#ffcc80;--cw-button-bg:#ffe0b2;--cw-button-hover:#ffb74d;--cw-operation-color:#ff5722;--cw-operation-hover:rgba(255,87,34,0.1);--cw-equals-bg:#ff7043;--cw-equals-hover:#e64a19;--cw-display-bg:#fff8e1;--cw-header-bg:#ffe0b2;--cw-sqrt-color:#ff9800;--cw-sqrt-hover:rgba(255,152,0,0.1)}#cw_modal.cw-lava.cw-dark{--cw-bg-color:#3e1f0e;--cw-text-color:#ffe0b2;--cw-border-color:#5d4037;--cw-button-bg:#4e342e;--cw-button-hover:#6d4c41;--cw-operation-color:#ff7043;--cw-operation-hover:rgba(255,112,67,0.1);--cw-equals-bg:#ff5722;--cw-equals-hover:#d84315;--cw-display-bg:#4e342e;--cw-header-bg:#5d4037;--cw-sqrt-color:#ffb74d;--cw-sqrt-hover:rgba(255,183,77,0.1)}#cw_modal.cw-paper{--cw-bg-color:#fdfaf6;--cw-text-color:#2e2b28;--cw-border-color:#ddd2c4;--cw-button-bg:#f7f1e8;--cw-button-hover:#e8dfd3;--cw-operation-color:#5d4037;--cw-operation-hover:rgba(93,64,55,0.1);--cw-equals-bg:#bcaaa4;--cw-equals-hover:#8d6e63;--cw-display-bg:#fffdf8;--cw-header-bg:#f2e7dc;--cw-sqrt-color:#795548;--cw-sqrt-hover:rgba(121,85,72,0.1)}#cw_modal.cw-paper.cw-dark{--cw-bg-color:#2c1f1b;--cw-text-color:#fbe9e7;--cw-border-color:#4e342e;--cw-button-bg:#3e2723;--cw-button-hover:#5d4037;--cw-operation-color:#bcaaa4;--cw-operation-hover:rgba(188,170,164,0.1);--cw-equals-bg:#a1887f;--cw-equals-hover:#8d6e63;--cw-display-bg:#4e342e;--cw-header-bg:#5d4037;--cw-sqrt-color:#ffccbc;--cw-sqrt-hover:rgba(255,204,188,0.1)}#cw_modal.cw-hacker{--cw-bg-color:#001f1f;--cw-text-color:#0f0;--cw-border-color:#0c0;--cw-button-bg:#033;--cw-button-hover:#004d4d;--cw-operation-color:#3f3;--cw-operation-hover:rgba(51,255,51,0.1);--cw-equals-bg:#0f0;--cw-equals-hover:#0c0;--cw-display-bg:#002b2b;--cw-header-bg:#003a3a;--cw-sqrt-color:#6f6;--cw-sqrt-hover:rgba(102,255,102,0.1)}#cw_modal.cw-hacker.cw-dark{--cw-bg-color:#000;--cw-text-color:#0f0;--cw-border-color:#040;--cw-button-bg:#001a00;--cw-button-hover:#002b00;--cw-operation-color:#0f0;--cw-operation-hover:rgba(0,255,0,0.15);--cw-equals-bg:#0f0;--cw-equals-hover:#0c0;--cw-display-bg:#000f00;--cw-header-bg:#001900;--cw-sqrt-color:#39ff14;--cw-sqrt-hover:rgba(57,255,20,0.15)}