:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--z-base:1;--z-elevated:10;--z-header:100;--z-modal:1000;--z-tooltip:2000;--container-max:800px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--spring:cubic-bezier(.32, .72, 0, 1);--transition-fast:.15s var(--spring);--transition-normal:.25s var(--spring);--transition-slow:.4s var(--spring);--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-sans-ar:"IBM Plex Sans Arabic", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem}:root,body:not(.dark-theme){--color-bg:#f2f2f7;--color-surface:#fff;--color-surface-hover:#f9f9f9;--color-border:#e5e5ea;--color-border-strong:#c7c7cc;--color-border-secondary:#c7c7cc;--color-text:#000;--color-text-secondary:#555559;--color-text-muted:#707074;--color-accent:#007aff;--color-primary:#007aff;--color-accent-subtle:#007aff1a;--color-success:#34c759;--color-warning:#ff9500;--color-error:#ff3b30;--color-info:#007aff;--color-gold-text:#b58500;--nav-bg:#f2f2f7bf;--shadow-app:0 4px 12px #0000000d, 0 1px 3px #00000008;--shadow-app-hover:0 8px 24px #00000014, 0 2px 6px #0000000a}body.dark-theme{--color-bg:#141824;--color-surface:#1e2436;--color-surface-hover:#262d42;--color-border:#2d3548;--color-border-strong:#3f4a63;--color-border-secondary:#3f4a63;--color-text:#f0f3f9;--color-text-secondary:#b2bdd1;--color-text-muted:#8e9bb5;--color-accent:#0a84ff;--color-primary:#0a84ff;--color-accent-subtle:#0a84ff26;--color-success:#30d158;--color-warning:#ff9f0a;--color-error:#ff453a;--color-info:#0a84ff;--color-gold-text:#ffd60a;--nav-bg:#141824bf;--shadow-app:0 8px 24px #0006, 0 2px 8px #0003;--shadow-app-hover:0 12px 32px #0009, 0 4px 12px #0006}.app-container{background:var(--color-bg);flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative}.header-layout{height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border);z-index:var(--z-header);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-home-floating{top:var(--space-6);z-index:var(--z-header);pointer-events:none;justify-content:center;display:flex;position:absolute;left:0;right:0}.header-home-panel{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--color-border);pointer-events:auto;display:flex;box-shadow:0 8px 32px #0000001f}.main-scrollable{flex-direction:column;flex:1;align-items:center;display:flex}.main-scrollable.home-padding{padding:0}.main-scrollable.calc-padding{padding:var(--space-6) var(--space-4)}.container-max{width:100%;max-width:var(--container-max)}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.responsive-grid-dense{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;display:grid}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);width:100%;min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal);overflow-x:hidden}[dir=rtl] body,[dir=rtl] input,[dir=rtl] button{font-family:var(--font-sans-ar)}a{color:var(--color-accent);text-decoration:none}.glass-panel{background:var(--nav-bg);-webkit-backdrop-filter:blur(24px)}.form-card{padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-app)}.header-icon-tile{width:64px;height:64px;margin:0 auto var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-app);border-radius:20px;justify-content:center;align-items:center;font-size:32px;display:flex}.grid-two-cols{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=540px){.grid-two-cols{grid-template-columns:1fr}}.result-card{padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-app)}.app-icon-hover{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.app-icon-hover:hover{box-shadow:var(--shadow-app-hover);transform:scale(1.03)}.app-icon-hover:active{transform:scale(.97)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes numberCount{0%{opacity:0;filter:blur(4px);transform:scale(.9)}to{opacity:1;filter:blur();transform:scale(1)}}.animate-result{animation:slideDownFade .5s var(--spring) forwards}.animate-number{animation:numberCount .4s var(--spring) forwards}.stagger-1{animation:slideUpFade .4s var(--spring) forwards;opacity:0;animation-delay:50ms}.stagger-2{animation:slideUpFade .4s var(--spring) forwards;opacity:0;animation-delay:.1s}.stagger-3{animation:slideUpFade .4s var(--spring) forwards;opacity:0;animation-delay:.15s}.ant-radio-group.ant-radio-group-solid{gap:2px;display:inline-flex;background:var(--color-bg)!important;border:1px solid var(--color-border-secondary)!important;border-radius:999px!important;padding:4px!important}.ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper{box-shadow:none!important;color:var(--color-text-secondary)!important;transition:all .3s var(--spring)!important;background:0 0!important;border:none!important;border-radius:999px!important;justify-content:center!important;align-items:center!important;font-weight:500!important;display:flex!important}.ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper:hover{color:var(--color-text)!important}.ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper:not(:first-child):before{display:none!important}.ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper-checked{background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:var(--shadow-app)!important;font-weight:600!important}.ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper-checked:hover{color:var(--color-text)!important}.segmented-selector-container{background:var(--color-surface);border:1px solid var(--color-border);width:100%;box-shadow:var(--shadow-sm);direction:ltr;border-radius:16px;gap:6px;padding:6px;display:flex}[dir=rtl] .segmented-selector-container{direction:rtl}.segmented-button{color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .25s}.segmented-button:hover{color:var(--color-text);background:#ffffff08}.segmented-button.active{background:var(--color-bg);color:var(--color-accent);border:1px solid var(--color-border-secondary);font-weight:600;box-shadow:0 4px 12px #0000000d}@media (width<=600px){.segmented-selector-container{border-radius:20px;flex-direction:column;padding:8px}.segmented-button{text-align:center;white-space:normal;width:100%;padding:14px 20px}}
