:root{--primary-50:#EEF2FF;--primary-100:#E0E7FF;--primary-200:#C7D2FE;--primary-300:#A5B4FC;--primary-400:#818CF8;--primary-500:#6366F1;--primary-600:#4F46E5;--primary-700:#4338CA;--primary-800:#3730A3;--primary-900:#312E81;--accent-400:#22D3EE;--accent-500:#06B6D4;--accent-600:#0891B2;--success:#10B981;--warning:#F59E0B;--error:#EF4444;--info:#3B82F6;--bg-color:#F1F5F9;--bg-gradient:radial-gradient(circle at 10% 20%,rgba(192,132,252,0.15) 0%,transparent 45%),radial-gradient(circle at 90% 80%,rgba(96,165,250,0.15) 0%,transparent 45%),linear-gradient(125deg,#F5F3FF 0%,#EDF2FE 35%,#E0F2FE 70%,#F1F5F9 100%);--bg:var(--bg-color);--bg-alt:#E2E8F0;--surface:#FFFFFF;--surface-hover:#F8FAFC;--surface-active:#F1F5F9;--border:#E2E8F0;--border-light:#F1F5F9;--text-primary:#0F172A;--text-secondary:#475569;--text-tertiary:#94A3B8;--text-inverse:#FFFFFF;--primary:var(--primary-600);--primary-hover:var(--primary-700);--primary-light:var(--primary-50);--primary-glow:rgba(79,70,229,0.15);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px rgba(0,0,0,0.04),0 2px 4px rgba(0,0,0,0.03);--shadow-lg:0 10px 15px rgba(0,0,0,0.05),0 4px 6px rgba(0,0,0,0.03);--shadow-xl:0 20px 25px rgba(0,0,0,0.06),0 8px 10px rgba(0,0,0,0.04);--glass-bg:rgba(255,255,255,0.7);--glass-border:rgba(255,255,255,0.5);--glass-blur:12px;--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;--space-16:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:9999px;--font-family:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--ease-out:cubic-bezier(0.0,0.0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--sidebar-width:280px;--sidebar-collapsed:72px;--header-height:64px;--content-max-width:960px;--z-sidebar:100;--z-overlay:200;--z-modal:300;--z-toast:400}[data-theme="dark"]{--bg-color:#0c0e20;--bg-gradient:radial-gradient(circle at 15% 20%,rgba(99,102,241,0.14) 0%,transparent 55%),radial-gradient(circle at 85% 80%,rgba(79,70,229,0.12) 0%,transparent 55%),linear-gradient(135deg,#171638 0%,#131430 35%,#101229 70%,#0c0f21 100%);--bg:var(--bg-color);--bg-alt:rgba(18,22,42,0.5);--surface:rgba(22,27,48,0.58);--surface-hover:rgba(30,37,64,0.72);--surface-active:rgba(36,45,76,0.82);--sidebar-bg:rgba(18,20,40,0.35);--border:rgba(255,255,255,0.08);--border-light:rgba(255,255,255,0.05);--text-primary:#FFFFFF;--text-secondary:#F1F5F9;--text-tertiary:#CBD5E1;--text-inverse:#0F172A;--primary:var(--primary-400);--primary-hover:var(--primary-300);--primary-light:rgba(129,140,248,0.12);--primary-glow:rgba(129,140,248,0.25);--shadow-xs:0 1px 2px rgba(0,0,0,0.2);--shadow-sm:0 4px 20px rgba(0,0,0,0.2);--shadow-md:0 8px 30px rgba(0,0,0,0.3);--shadow-lg:0 15px 35px rgba(0,0,0,0.35);--shadow-xl:0 25px 50px rgba(0,0,0,0.45);--glass-bg:rgba(22,30,46,0.58);--glass-border:rgba(255,255,255,0.08);--glass-blur:16px;--success:#34D399;--warning:#FBBF24;--error:#F87171;--info:#60A5FA}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color-scheme:dark light}body{background-color:var(--bg-color,var(--bg));background-image:var(--bg-gradient);background-attachment:fixed;background-size:cover;color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:color var(--duration-normal) var(--ease-out)}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield;appearance:textfield}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:-0.02em;line-height:1.25}h1{font-size:var(--text-3xl);font-weight:var(--weight-extrabold)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-base)}p{color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--duration-fast)}a:hover{color:var(--primary-hover)}button,input,select,textarea{font:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer}ul,ol{list-style:none}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary-light);color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-collapsed);height:100vh;position:fixed;top:0;left:0;z-index:var(--z-sidebar);background:var(--sidebar-bg,var(--surface));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:width var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out);will-change:width,box-shadow;overflow:hidden;box-shadow:var(--shadow-sm);white-space:nowrap}.sidebar:hover{width:var(--sidebar-width);box-shadow:var(--shadow-xl),0 0 20px rgba(0,0,0,0.15)}.sidebar-header{padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);flex-shrink:0;height:64px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3)}.sidebar-logo .logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 2px 8px rgba(79,70,229,0.3);flex-shrink:0}.sidebar-logo .logo-text{font-size:var(--text-lg);font-weight:var(--weight-extrabold);letter-spacing:-0.02em;opacity:0;transform:translateX(-10px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);white-space:nowrap}.sidebar:hover .sidebar-logo .logo-text,.sidebar.open .sidebar-logo .logo-text{opacity:1;transform:translateX(0)}.sidebar-logo .logo-text span{color:var(--primary)}.search-trigger{margin:12px 16px 0;display:flex;align-items:center;gap:var(--space-3);height:40px;width:40px;padding:0 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);flex-shrink:0;overflow:hidden}.sidebar:hover .search-trigger,.sidebar.open .search-trigger{width:calc(100% - 24px);margin:12px 12px 0;padding:0 var(--space-3)}.search-trigger:hover{border-color:var(--primary-300);background:var(--surface-hover)}.search-trigger svg{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.search-trigger span,.search-trigger kbd{opacity:0;transition:opacity var(--duration-fast)}.sidebar:hover .search-trigger span,.sidebar:hover .search-trigger kbd,.sidebar.open .search-trigger span,.sidebar.open .search-trigger kbd{opacity:1}.search-trigger span{flex:1;font-size:var(--text-sm);color:var(--text-tertiary);white-space:nowrap}.search-trigger kbd{font-size:11px;font-family:var(--font-family);font-weight:var(--weight-medium);color:var(--text-tertiary);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 6px}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3) 0}.nav-category{margin-bottom:var(--space-3)}.nav-category-label{font-size:10px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.08em;color:var(--text-tertiary);padding:0 16px;margin-bottom:var(--space-2);opacity:0;transition:opacity var(--duration-fast);display:flex;align-items:center;gap:var(--space-2);white-space:nowrap}.sidebar:hover .nav-category-label,.sidebar.open .nav-category-label{opacity:1}.nav-item{display:flex;align-items:center;gap:var(--space-3);height:40px;padding:0 16px;margin-bottom:2px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);user-select:none}.nav-item:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:var(--weight-semibold)}.nav-item .nav-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-item span:not(.nav-icon){opacity:0;transform:translateX(-6px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);white-space:nowrap}.sidebar:hover .nav-item span:not(.nav-icon),.sidebar.open .nav-item span:not(.nav-icon){opacity:1;transform:translateX(0)}.sidebar-footer{padding:var(--space-3) 0;border-top:1px solid var(--border);flex-shrink:0}.theme-toggle-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;height:40px;padding:0 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)}.theme-toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.theme-toggle-btn svg{width:40px;height:40px;padding:10px;flex-shrink:0}.theme-toggle-btn span{opacity:0;transition:opacity var(--duration-fast);white-space:nowrap}.sidebar:hover .theme-toggle-btn span,.sidebar.open .theme-toggle-btn span{opacity:1}.mobile-header{display:none}.mobile-top-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--space-4);background:var(--sidebar-bg,var(--surface));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light)}.mobile-logo-btn{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:opacity var(--duration-fast)}.mobile-logo-btn:active{opacity:0.8}.mobile-logo-btn .logo-icon{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 2px 8px rgba(79,70,229,0.3);flex-shrink:0}.mobile-logo-btn .logo-text{font-size:var(--text-lg);font-weight:var(--weight-extrabold);letter-spacing:-0.02em;color:var(--text-primary)}.mobile-logo-btn .logo-text span{color:var(--primary)}.mobile-header-actions{display:flex;align-items:center;gap:var(--space-2)}.mobile-action-btn{width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);-webkit-tap-highlight-color:transparent}.mobile-action-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.mobile-action-btn:active{transform:scale(0.95)}.mobile-menu-btn{display:flex;width:38px;height:38px;border-radius:var(--radius-md);background:var(--bg);border:1px solid var(--border);box-shadow:none;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast);color:var(--text-primary);-webkit-tap-highlight-color:transparent}.mobile-menu-btn:hover{background:var(--surface-hover)}.mobile-menu-btn:active{transform:scale(0.95)}.mobile-menu-btn svg{width:20px;height:20px;color:var(--text-primary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:calc(var(--z-sidebar) - 1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.main-content{flex:1;margin-left:var(--sidebar-collapsed);min-height:100vh;transition:margin-left var(--duration-normal) var(--ease-out);display:flex;flex-direction:column}.content-wrapper{max-width:1280px;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-6);flex:1 0 auto}.module-header{margin-bottom:var(--space-6)}.module-header .module-breadcrumb{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2);text-transform:uppercase;letter-spacing:0.06em}.module-header h1{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:#FFFFFF;margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);letter-spacing:-0.02em;text-shadow:0 2px 12px rgba(0,0,0,0.4)}.module-header .module-description{font-size:var(--text-base);color:#F1F5F9;line-height:1.6;max-width:760px}.module-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:start}.module-col{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}@media (max-width:1024px){.module-body{display:flex;flex-direction:column;gap:var(--space-5)}.module-col{display:contents}.card.input-section,.module-col:first-child > .card:first-child{order:1}.result-card,.result-section,.module-col:last-child > *{order:2}.guide-card,.guide-info-box{order:3}}.search-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;opacity:0;visibility:hidden;transition:opacity var(--duration-fast),visibility var(--duration-fast)}.search-overlay.open{opacity:1;visibility:visible}.search-modal{width:560px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;transform:scale(0.95) translateY(-10px);transition:transform var(--duration-normal) var(--ease-spring)}.search-overlay.open .search-modal{transform:scale(1) translateY(0)}.search-modal-input{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.search-modal-input svg{width:20px;height:20px;color:var(--text-tertiary);flex-shrink:0}.search-modal-input input{flex:1;height:32px;font-size:var(--text-base);color:var(--text-primary);background:none}.search-modal-input input::placeholder{color:var(--text-tertiary)}.search-results{max-height:360px;overflow-y:auto;padding:var(--space-2)}.search-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast)}.search-result-item:hover,.search-result-item.highlighted{background:var(--primary-light)}.search-result-item .result-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.search-result-item .result-text{flex:1}.search-result-item .result-text .result-title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.search-result-item .result-text .result-category{font-size:var(--text-xs);color:var(--text-tertiary)}.search-modal-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-tertiary)}.search-modal-footer kbd{font-family:var(--font-family);font-size:10px;font-weight:var(--weight-medium);background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:2px 6px}.search-no-results{padding:var(--space-8) var(--space-4);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}@media (max-width:1024px){.mobile-header{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;z-index:80;background:var(--sidebar-bg,var(--surface));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-sm)}.welcome-search{display:none !important}.sidebar{width:var(--sidebar-width);transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar .sidebar-logo .logo-text,.sidebar .search-trigger span,.sidebar .search-trigger kbd,.sidebar .nav-category-label,.sidebar .nav-item span:not(.nav-icon),.sidebar .theme-toggle-btn span{opacity:1;transform:none}.sidebar-overlay.open{display:block}.mobile-menu-btn{display:flex}.main-content{margin-left:0 !important;width:100% !important;max-width:100vw !important;overflow-x:hidden !important;box-sizing:border-box !important;min-height:100vh !important;min-height:100dvh !important;display:flex !important;flex-direction:column !important}.content-wrapper{width:100% !important;max-width:100% !important;padding:var(--space-5) var(--space-4) !important;padding-top:calc(56px + var(--space-4)) !important;margin:0 auto !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:center !important}.module-header,.module-body,.card,.result-card,.faq-card,.guide-card,.summary-cards-container,.range-slider-card{width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin-left:auto !important;margin-right:auto !important}}@media (max-width:480px){.content-wrapper{padding:var(--space-4) var(--space-3) !important;padding-top:calc(56px + var(--space-3)) !important}.module-header h1{font-size:var(--text-xl)}}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.input-group label .label-icon{width:16px;height:16px;color:var(--text-tertiary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input-prefix,.input-wrapper .input-suffix{position:absolute;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-tertiary);pointer-events:none;transition:color var(--duration-fast)}.input-wrapper .input-prefix{left:var(--space-4)}.input-wrapper .input-suffix{right:var(--space-4)}.input-field{width:100%;height:48px;padding:0 var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.input-field::placeholder{color:var(--text-tertiary);font-weight:var(--weight-normal)}.input-field:hover{border-color:var(--primary-300)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:var(--surface)}.input-field.has-prefix{padding-left:40px}.input-field.has-suffix{padding-right:44px}.input-field.error{border-color:var(--error);box-shadow:0 0 0 3px rgba(239,68,68,0.1)}.input-error{font-size:var(--text-xs);color:var(--error);display:flex;align-items:center;gap:var(--space-1);min-height:18px}.input-error svg{width:14px;height:14px;flex-shrink:0}.select-field{appearance:none;width:100%;height:48px;padding:0 32px 0 var(--space-3);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-primary);cursor:pointer;text-align:center;text-align-last:center;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.select-field::-webkit-scrollbar{width:6px}.select-field::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.select-field option{text-align:center;background:var(--surface);color:var(--text-primary);padding:10px}.select-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.easy-date-picker{display:grid;grid-template-columns:75px 125px 95px;gap:var(--space-2)}@media (max-width:480px){.easy-date-picker{grid-template-columns:1fr 1.3fr 1fr}}.easy-date-picker select{height:44px;font-size:var(--text-sm);text-align:center;text-align-last:center;padding-left:6px;padding-right:26px}.range-slider-card{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.range-slider-header{display:flex;align-items:center;justify-content:space-between}.vade-badge{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--primary);background:var(--primary-light);padding:4px 14px;border-radius:var(--radius-full);border:1px solid rgba(99,102,241,0.2);font-family:var(--font-mono)}.vade-presets{display:flex;gap:var(--space-2);flex-wrap:wrap}.vade-preset-chip{padding:4px 12px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast)}.vade-preset-chip:hover,.vade-preset-chip.active{background:var(--primary);color:white;border-color:var(--primary);box-shadow:0 2px 6px rgba(79,70,229,0.3)}.range-slider{width:100%;position:relative}.range-slider input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);outline:none;cursor:pointer}.range-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--primary-glow),0 2px 8px rgba(0,0,0,0.3);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast)}.range-slider input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 6px var(--primary-glow),0 4px 12px rgba(0,0,0,0.4)}.range-slider input[type="range"]::-webkit-slider-thumb:active{transform:scale(1.1)}.range-slider input[type="range"]::-moz-range-thumb{width:24px;height:24px;border:none;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);cursor:pointer}.range-slider .range-labels{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--weight-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent}.btn svg{width:18px;height:18px}.btn-primary{background:var(--primary);color:white;box-shadow:var(--shadow-sm),0 1px 2px rgba(79,70,229,0.3)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md),0 2px 8px rgba(79,70,229,0.3);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1.5px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary-300);color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--surface-active);color:var(--text-primary)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.btn-icon.btn-sm{width:32px;height:32px;border-radius:var(--radius-sm)}.btn-icon.btn-sm svg{width:16px;height:16px}.toggle-container{display:flex;align-items:center;gap:var(--space-3)}.toggle-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast)}.toggle-label.active{color:var(--primary);font-weight:var(--weight-semibold)}.toggle-switch{position:relative;width:48px;height:26px;background:var(--border);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-normal) var(--ease-out);flex-shrink:0}.toggle-switch.active{background:var(--primary)}.toggle-switch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:white;border-radius:50%;transition:transform var(--duration-normal) var(--ease-spring);box-shadow:0 1px 3px rgba(0,0,0,0.15)}.toggle-switch.active::after{transform:translateX(22px)}.segmented-toggle{display:flex;background:var(--bg);border-radius:var(--radius-md);padding:3px;position:relative;border:1px solid var(--border)}.segmented-toggle .seg-option{flex:1;text-align:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:calc(var(--radius-md) - 3px);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);position:relative;z-index:1;user-select:none;-webkit-tap-highlight-color:transparent}.segmented-toggle .seg-option:hover:not(.active){color:var(--text-primary);background:rgba(255,255,255,0.05)}.segmented-toggle .seg-option:active{transform:scale(0.97)}.segmented-toggle .seg-option.active{color:var(--primary);font-weight:var(--weight-semibold);background:var(--surface);box-shadow:var(--shadow-sm)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{min-height:38px;padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--duration-fast) var(--ease-out);user-select:none;-webkit-tap-highlight-color:transparent}.chip:hover{border-color:var(--primary-300);color:var(--primary);transform:translateY(-1px)}.chip:active{transform:scale(0.96)}.chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.chip.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:var(--weight-semibold);box-shadow:0 2px 8px var(--primary-glow)}.card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.card,.result-card,.summary-cards-container,.result-hero,.faq-card,.guide-card,.range-slider-card{border:2px solid rgba(129,140,248,0.65);box-shadow:var(--shadow-md),0 0 24px rgba(99,102,241,0.22);transition:all var(--duration-normal) var(--ease-out)}.card:hover,.result-card:hover,.summary-cards-container:hover,.result-hero:hover,.faq-card:hover,.guide-card:hover,.range-slider-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg),0 0 32px rgba(99,102,241,0.35)}[data-theme="light"] .card,[data-theme="light"] .result-card,[data-theme="light"] .summary-cards-container,[data-theme="light"] .result-hero,[data-theme="light"] .faq-card,[data-theme="light"] .guide-card,[data-theme="light"] .range-slider-card{border:2px solid var(--primary-500);box-shadow:var(--shadow-md),0 0 20px rgba(79,70,229,0.18)}.card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.card-header .card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);flex-shrink:0}.card-header .card-icon svg{width:20px;height:20px}.card-header h3{font-size:var(--text-lg)}.card-header p{font-size:var(--text-sm);margin-top:2px}.result-card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.result-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent-400));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.result-item{display:grid;grid-template-columns:1fr auto minmax(28px,auto);gap:var(--space-3);align-items:center;padding:var(--space-3) 0}.result-item:not(:last-child){border-bottom:1px solid var(--border-light)}.result-item .result-label{font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.result-item .result-value{font-size:var(--text-lg);font-weight:var(--weight-bold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);display:flex;align-items:center;justify-content:flex-end;text-align:right;gap:var(--space-2)}.result-item .result-value.highlight{color:var(--primary);font-size:var(--text-xl)}.result-item .copy-btn{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast);flex-shrink:0}.result-item .copy-btn:hover{background:var(--primary-light);color:var(--primary)}.result-item .copy-btn.copied{color:var(--success)}.result-item .copy-btn svg{width:14px;height:14px}.summary-cards-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.summary-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.summary-card{flex:1 1 calc(50% - var(--space-3));padding:var(--space-4);background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border-light);text-align:center;transition:transform var(--duration-fast);min-width:170px;overflow:hidden;max-width:100%}.summary-cards > .summary-card:nth-child(3):last-child{flex:0 1 calc(50% - var(--space-3))}.summary-card:hover{transform:translateY(-1px)}.summary-card .summary-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--space-2);display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-card .summary-value{font-size:clamp(1rem,1.8vw,1.35rem);font-weight:var(--weight-bold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.summary-card .summary-value.primary{color:var(--primary)}.summary-card .summary-value.success{color:var(--success)}.summary-card .summary-value.warning{color:var(--warning)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:0.05em;color:var(--text-tertiary);background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);font-variant-numeric:tabular-nums;color:var(--text-primary)}.data-table tbody tr:hover{background:var(--surface-hover)}.table-container{max-height:420px;overflow-y:auto !important;overflow-x:auto !important;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);-webkit-overflow-scrolling:touch;touch-action:pan-y pan-x;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:28px;padding:0 var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-full);background:var(--primary-light);color:var(--primary)}.badge.badge-success{background:rgba(16,185,129,0.1);color:var(--success)}.badge.badge-warning{background:rgba(245,158,11,0.1);color:var(--warning)}.badge.badge-error{background:rgba(239,68,68,0.1);color:var(--error)}.toast-container{position:fixed;bottom:var(--space-6);left:50%;transform:translateX(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--text-primary);color:var(--bg);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);animation:toastIn 0.3s var(--ease-spring) both;pointer-events:auto}.toast.toast-exit{animation:toastOut 0.2s var(--ease-out) both}.toast svg{width:16px;height:16px;flex-shrink:0}.expandable{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.35s cubic-bezier(0.4,0,0.2,1);will-change:grid-template-rows}.expandable > *{overflow:hidden;min-height:0}.expandable.open{grid-template-rows:1fr}.expandable.open > *{overflow:visible}.expandable.open > .table-container{overflow-y:auto !important;overflow-x:auto !important}.expand-trigger{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--primary);cursor:pointer;padding:var(--space-3) 0;transition:color var(--duration-fast)}.expand-trigger:hover{color:var(--primary-hover)}.expand-trigger svg{transition:transform var(--duration-normal) var(--ease-out)}.expand-trigger.open svg{transform:rotate(180deg)}.form-grid{display:grid;gap:var(--space-4)}.form-grid.cols-2{grid-template-columns:1fr 1fr}.form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}@media (max-width:640px){.form-grid.cols-2,.form-grid.cols-3{grid-template-columns:1fr}}.result-hero{background:linear-gradient(135deg,var(--surface),var(--surface-alt));border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;margin-bottom:var(--space-5);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.result-hero.result-hero-negative{border-color:rgba(239,68,68,0.3);background:linear-gradient(135deg,rgba(239,68,68,0.05),var(--surface-alt))}.result-hero-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:0.08em;color:var(--text-tertiary);margin-bottom:var(--space-2)}.result-hero-value{font-size:var(--text-4xl);font-weight:var(--weight-extrabold);color:var(--text-primary);letter-spacing:-0.03em;line-height:1.1;margin-bottom:var(--space-3)}.result-hero-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--primary-light);color:var(--primary)}.result-hero-badge.badge-positive{background:rgba(16,185,129,0.12);color:var(--success)}.result-hero-badge.badge-negative{background:rgba(239,68,68,0.12);color:#ef4444}.stat-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-5)}.stat-card{flex:1 1 calc(50% - var(--space-3));background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:transform var(--duration-fast) ease;min-width:170px;overflow:hidden;max-width:100%;box-sizing:border-box}.stat-grid > .stat-card:nth-child(3):last-child{flex:0 1 calc(50% - var(--space-3))}.stat-card:hover{transform:translateY(-2px);border-color:var(--primary-300)}.stat-card-label{font-size:11px;font-weight:var(--weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card-value{font-size:clamp(0.95rem,1.8vw,1.25rem);font-weight:var(--weight-extrabold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.3}.stat-card-sub{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-breakdown{display:flex;flex-direction:column;gap:0;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.breakdown-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid var(--border);transition:background var(--duration-fast)}.breakdown-row:last-child{border-bottom:none}.breakdown-row:hover{background:var(--surface-hover)}.breakdown-row span:first-child{color:var(--text-secondary);font-weight:var(--weight-medium)}.breakdown-row span:last-child{color:var(--text-primary);font-weight:var(--weight-semibold);font-family:var(--font-family)}.breakdown-row.highlight{background:rgba(79,70,229,0.05)}.breakdown-row.total{background:var(--surface);font-weight:var(--weight-bold)}.breakdown-row.total span:first-child{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-bold)}.breakdown-row.total span:last-child{font-size:var(--text-base);font-weight:var(--weight-extrabold);color:var(--primary)}.breakdown-divider{height:1px;background:var(--border)}.text-red{color:#ef4444 !important}.text-green{color:var(--success) !important}.text-blue{color:#3b82f6 !important}.text-amber{color:#f59e0b !important}.visual-segmented-bar{display:flex;height:12px;border-radius:var(--radius-full);overflow:hidden;background:var(--border);margin:var(--space-3) 0}.segmented-bar-item{height:100%;transition:width 0.4s var(--ease-out);will-change:width}.visual-bar-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-xs);margin-top:var(--space-2)}.legend-item{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.aspect-preview-container{display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);min-height:180px}.aspect-preview-box{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));border:2px solid var(--primary-300);border-radius:var(--radius-md);box-shadow:0 8px 24px var(--primary-glow);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;font-weight:var(--weight-bold);font-size:var(--text-sm);transition:all 0.3s var(--ease-spring);max-width:100%;max-height:160px}.action-bar{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:all var(--duration-fast) var(--ease-out)}.action-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary-300);transform:translateY(-1px)}.action-btn:active{transform:scale(0.97)}.action-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.action-btn svg{width:15px;height:15px}.preset-btn{padding:6px 12px;background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease}.preset-btn:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.preset-btn.active{background:var(--primary);color:#ffffff;border-color:var(--primary)}.sidebar-favorites{padding:var(--space-3) 0;border-bottom:1px solid var(--border);overflow:hidden}.sidebar-favorites-title{font-size:10px;font-weight:var(--weight-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.08em;padding:0 16px;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3);height:24px}.sidebar-favorites-title svg{flex-shrink:0;width:40px;height:24px;padding:4px 12px;color:var(--warning)}.sidebar-favorites-title span{opacity:0;transform:translateX(-6px);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out);white-space:nowrap}.sidebar:hover .sidebar-favorites-title span,.sidebar.open .sidebar-favorites-title span{opacity:1;transform:translateX(0)}.sidebar-favorites-list{display:flex;flex-direction:column;gap:2px}.fav-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:color 0.2s ease,transform 0.2s ease,background 0.2s ease;display:inline-flex;align-items:center;margin-left:8px}.fav-btn:hover{color:var(--warning);transform:scale(1.15)}.fav-btn.active{color:#f59e0b}.fav-remove-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--duration-fast);display:inline-flex;align-items:center;margin-left:auto;opacity:0}.sidebar:hover .fav-remove-btn,.sidebar.open .fav-remove-btn{opacity:0.6}.fav-remove-btn:hover{opacity:1 !important;color:var(--error) !important;background:rgba(239,68,68,0.15)}body.embed-mode{background:transparent !important}body.embed-mode .sidebar,body.embed-mode .mobile-menu-btn,body.embed-mode .module-header p,body.embed-mode .module-breadcrumb{display:none !important}body.embed-mode .main-content{margin-left:0 !important;padding:var(--space-3) !important}.faq-card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(129,140,248,0.65);border-radius:var(--radius-xl);padding:var(--space-6);margin-top:var(--space-6);box-shadow:var(--shadow-md),0 0 24px rgba(99,102,241,0.22);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.faq-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg),0 0 32px rgba(99,102,241,0.35)}.faq-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.faq-header-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(99,102,241,0.2),rgba(139,92,246,0.2));border:1px solid rgba(99,102,241,0.35);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(99,102,241,0.15)}.faq-header h2,.faq-header h3{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.faq-list{display:flex;flex-direction:column;gap:var(--space-3)}.faq-item{border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);overflow:hidden;transition:border-color 0.25s ease,background-color 0.25s ease,box-shadow 0.25s ease}.faq-item:hover{border-color:rgba(99,102,241,0.4)}.faq-item.open{border-color:var(--primary);background:var(--surface);box-shadow:0 4px 16px rgba(99,102,241,0.12)}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);background:none;border:none;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-primary);cursor:pointer;text-align:left;gap:var(--space-3);transition:color 0.2s ease}.faq-question:hover{color:var(--primary)}.faq-question .faq-toggle-icon{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,rgba(99,102,241,0.12),rgba(139,92,246,0.12));border:1px solid rgba(99,102,241,0.25);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1),background 0.25s ease,color 0.25s ease;flex-shrink:0}.faq-item.open .faq-toggle-icon{transform:rotate(180deg);background:var(--primary);border-color:var(--primary);color:#ffffff;box-shadow:0 2px 8px rgba(79,70,229,0.4)}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.35s cubic-bezier(0.4,0,0.2,1)}.faq-item.open .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer-inner{overflow:hidden}.faq-answer-content{padding:0 var(--space-5) var(--space-5) var(--space-5)}.faq-answer-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0}.guide-card{background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid rgba(129,140,248,0.65);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md),0 0 24px rgba(99,102,241,0.22);display:flex;flex-direction:column;flex:1;transition:border-color 0.25s ease,box-shadow 0.25s ease}.guide-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-lg),0 0 32px rgba(99,102,241,0.35)}.guide-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.guide-card-icon{width:42px;height:42px;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(99,102,241,0.18),rgba(139,92,246,0.18));border:1px solid rgba(99,102,241,0.35);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(99,102,241,0.15)}.guide-card-title{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--text-primary);margin:0;line-height:1.3}.guide-card-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:3px;font-weight:var(--weight-medium)}.guide-card-body{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65;display:flex;flex-direction:column;gap:var(--space-3);flex:1}.guide-card-body p{margin:0}.guide-info-box{background:var(--bg);border:1.5px solid rgba(129,140,248,0.5);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.6;box-shadow:0 0 16px rgba(99,102,241,0.15)}.guide-chip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-2)}.guide-chip-item{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-md);font-size:11px;font-weight:var(--weight-semibold);border:1px solid transparent}.guide-chip-item.primary{background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.25);color:var(--primary)}.guide-chip-item.success{background:rgba(16,185,129,0.12);border-color:rgba(16,185,129,0.25);color:var(--success)}.guide-chip-item.warning{background:rgba(245,158,11,0.12);border-color:rgba(245,158,11,0.25);color:var(--warning)}.guide-list{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0}.guide-list-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.guide-list-item svg{color:var(--primary);width:15px;height:15px;flex-shrink:0;margin-top:2px}@media (max-width:640px){.course-table-header{display:none !important}.lise-row,.gano-row{display:grid !important;grid-template-columns:1fr 1fr 38px !important;grid-template-rows:auto auto !important;gap:8px !important;background:var(--bg) !important;padding:10px !important;border:1.5px solid var(--border-light) !important;border-radius:var(--radius-lg) !important;margin-bottom:6px !important;box-shadow:var(--shadow-xs) !important}.lise-name,.gano-name{grid-column:1 / 3 !important;grid-row:1 !important;font-weight:var(--weight-bold) !important;font-size:var(--text-sm) !important}.lise-remove-btn,.gano-remove-btn{grid-column:3 !important;grid-row:1 / 3 !important;align-self:center !important;justify-self:center !important;width:36px !important;height:36px !important;background:rgba(239,68,68,0.12) !important;color:var(--error) !important;border-radius:var(--radius-md) !important;border:1px solid rgba(239,68,68,0.2) !important}.lise-score,.gano-letter{grid-column:1 !important;grid-row:2 !important}.lise-hour,.gano-credit{grid-column:2 !important;grid-row:2 !important}}.module-header-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);box-shadow:0 2px 8px var(--primary-glow);flex-shrink:0}.module-header-icon svg{width:24px;height:24px}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:820px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6);text-align:center;width:100%;min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);box-sizing:border-box}.welcome-hero{margin-bottom:var(--space-5);display:flex;flex-direction:column;align-items:center}.welcome-logo{width:56px;height:56px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));display:flex;align-items:center;justify-content:center;color:white;margin-bottom:var(--space-3);box-shadow:0 8px 24px var(--primary-glow)}.welcome-logo svg{width:28px;height:28px}.welcome-title{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);letter-spacing:-0.03em;margin-bottom:var(--space-1)}.welcome-title span{color:var(--primary)}.welcome-subtitle{font-size:var(--text-base);color:var(--text-secondary);max-width:440px}.welcome-search{display:flex;align-items:center;gap:var(--space-3);width:100%;max-width:520px;height:46px;padding:0 var(--space-4);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);margin-bottom:var(--space-6)}.welcome-search:hover{border-color:var(--primary);box-shadow:var(--shadow-md),0 0 0 3px var(--primary-glow);transform:translateY(-1px)}.welcome-search svg{color:var(--text-tertiary);flex-shrink:0}.welcome-search span{flex:1;text-align:left;font-size:var(--text-sm);color:var(--text-tertiary)}.welcome-search kbd{font-size:11px;font-family:var(--font-family);font-weight:var(--weight-semibold);color:var(--text-tertiary);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px}.welcome-categories{width:100%;display:flex;flex-direction:column;gap:var(--space-5);text-align:left}.welcome-category-title{font-size:11px;font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:0.08em;color:var(--text-tertiary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.welcome-category-title svg{color:var(--primary)}.welcome-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-3)}.welcome-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-xs)}.welcome-card:hover{border-color:var(--primary-300);background:var(--surface-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.welcome-card-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-card-icon svg{width:18px;height:18px}.welcome-card-info{flex:1}.welcome-card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.welcome-card-arrow{color:var(--text-tertiary);transition:transform var(--duration-fast),color var(--duration-fast)}.welcome-card:hover .welcome-card-arrow{color:var(--primary);transform:translateX(3px)}.welcome-footer{margin-top:var(--space-6);margin-bottom:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.welcome-footer p{display:flex;align-items:center;gap:var(--space-2)}.welcome-footer svg{color:var(--primary)}.age-counter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-3)}@media (max-width:640px){.age-counter-grid{grid-template-columns:repeat(3,1fr)}}.age-counter-item{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-2);text-align:center}.age-counter-item.primary{background:var(--primary-light);border-color:var(--primary-300)}.age-counter-item .counter-value{font-size:var(--text-xl);font-weight:var(--weight-extrabold);font-family:var(--font-mono);color:var(--text-primary);line-height:1.2}.age-counter-item.primary .counter-value{color:var(--primary)}.age-counter-item .counter-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:0.05em;margin-top:2px}.donut-chart{width:120px;height:120px;position:relative}.donut-chart svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary)}.donut-label{font-size:10px;color:var(--text-tertiary)}.amortization-toggle{margin-top:var(--space-4)}.stacked-bar{display:flex;height:12px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg)}.stacked-bar .bar-segment{height:100%;transition:width 0.4s var(--ease-out);will-change:width}.bracket-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary)}.bracket-legend-item{display:flex;align-items:center;gap:var(--space-2)}.bracket-dot{width:8px;height:8px;border-radius:50%}.tax-bracket-bar{display:flex;height:10px;border-radius:var(--radius-full);overflow:hidden;background:var(--bg)}.bracket-segment{height:100%;transition:width 0.4s var(--ease-out);will-change:width}.currency-swap-container{display:flex;align-items:center;gap:var(--space-4)}.currency-swap-btn{width:44px;height:44px;border-radius:50%;background:var(--bg);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;margin-top:24px}.currency-swap-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:rotate(180deg)}@media (max-width:640px){.currency-swap-container{flex-direction:column}.currency-swap-btn{margin-top:0;transform:rotate(90deg)}.currency-swap-btn:hover{transform:rotate(270deg)}}.ic{display:inline-block;vertical-align:middle}.legal-page-container{max-width:900px;margin:0 auto}.legal-card{padding:var(--space-6)}.legal-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-4)}.legal-subtitle{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:var(--space-6) 0 var(--space-3);display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.legal-list{padding-left:var(--space-5);margin-bottom:var(--space-4)}.legal-list li{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-2)}.site-footer{margin-top:var(--space-12);flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);padding:var(--space-8) 0 var(--space-6);width:100%;position:relative;z-index:10;clear:both}.site-footer-inner{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-col-brand .footer-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);cursor:pointer}.footer-col-brand .logo-icon{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));display:flex;align-items:center;justify-content:center;color:white}.footer-col-brand .logo-text{font-size:var(--text-xl);font-weight:var(--weight-extrabold)}.footer-col-brand .logo-text span{color:var(--primary)}.footer-desc{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.6;margin-bottom:var(--space-4);max-width:360px}.footer-badges{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.footer-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:11px;font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg);border:1px solid var(--border);padding:4px 10px;border-radius:var(--radius-full)}.footer-col-title{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-4);letter-spacing:-0.01em}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.footer-links a{font-size:var(--text-xs);color:var(--text-tertiary);text-decoration:none;transition:color var(--duration-fast);display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.footer-links a:hover{color:var(--primary)}.footer-links a.legal-link{font-weight:var(--weight-medium);color:var(--text-secondary)}.footer-links a.legal-link:hover{color:var(--primary)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.copyright{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}.disclaimer-note{font-size:var(--text-xs);color:var(--text-tertiary);margin:0}@media (max-width:960px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}}@media (max-width:640px){.site-footer{padding:var(--space-6) 0 var(--space-5) !important;margin-top:var(--space-10) !important;width:100% !important;box-sizing:border-box !important}.site-footer-inner{padding:0 var(--space-4) !important}.footer-grid{grid-template-columns:1fr !important;gap:var(--space-6) !important;text-align:center !important}.footer-col-brand{display:flex !important;flex-direction:column !important;align-items:center !important}.footer-desc{max-width:100% !important}.footer-badges{justify-content:center !important}.footer-links{align-items:center !important}.footer-bottom{flex-direction:column !important;gap:var(--space-3) !important;text-align:center !important}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleInBounce{0%{opacity:0;transform:scale(0.9)}60%{opacity:1;transform:scale(1.02)}100%{transform:scale(1)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}@keyframes glow{0%,100%{box-shadow:0 0 4px var(--primary-glow)}50%{box-shadow:0 0 16px var(--primary-glow),0 0 32px var(--primary-glow)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes countTick{0%{transform:translateY(0);opacity:1}40%{transform:translateY(-4px);opacity:0.7}100%{transform:translateY(0);opacity:1}}.stagger-children > *{animation:slideUp var(--duration-normal) var(--ease-out) both}.stagger-children > *:nth-child(1){animation-delay:0ms}.stagger-children > *:nth-child(2){animation-delay:50ms}.stagger-children > *:nth-child(3){animation-delay:100ms}.stagger-children > *:nth-child(4){animation-delay:150ms}.stagger-children > *:nth-child(5){animation-delay:200ms}.stagger-children > *:nth-child(6){animation-delay:250ms}.stagger-children > *:nth-child(7){animation-delay:300ms}.stagger-children > *:nth-child(8){animation-delay:350ms}.module-enter{animation:slideUp var(--duration-slow) var(--ease-out) both}.result-animate{animation:scaleInBounce var(--duration-slow) var(--ease-spring) both}.overlay-enter{animation:fadeIn var(--duration-fast) var(--ease-out) both}.modal-enter{animation:scaleIn var(--duration-normal) var(--ease-spring) both}@keyframes toastIn{from{opacity:0;transform:translateY(16px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(0.95)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.live-pulse{animation:pulse 2s var(--ease-in-out) infinite}.hover-lift{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.press-effect{transition:transform var(--duration-fast) var(--ease-out)}.press-effect:active{transform:scale(0.97)}.ripple{position:relative;overflow:hidden}.ripple::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(255,255,255,0.3) 0%,transparent 60%);opacity:0;transition:opacity var(--duration-fast)}.ripple:active::after{opacity:1}.value-updated{animation:countTick 0.3s var(--ease-out)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75% );background-size:400% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-md)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}