@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Noto+Serif:wght@600;700&display=swap";:root{--brand-primary-bg: #0e3c66;--brand-secondary-bg: #f2f6fa;--brand-accent: #d8a859;--brand-border-strong: #1a4e79;--brand-shadow-soft: 0 10px 22px rgba(8, 37, 63, .1);--brand-shadow-hard: 0 18px 42px rgba(8, 37, 63, .18);--color-bg: #edf3f9;--color-bg-elevated: #ffffff;--color-bg-soft: #f7fafd;--color-bg-soft-2: #eef4fb;--color-text: #102b40;--color-text-muted: #4c657d;--color-text-soft: #5b7185;--color-border: #ced9e5;--color-border-strong: #acc0d3;--color-primary: #0f4c81;--color-primary-strong: #09375e;--color-primary-soft: #dbe8f5;--color-primary-tint: #edf4fb;--color-accent: #a76018;--color-danger: #b42318;--color-success: #166534;--color-warning: #8a4d12;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--container-max: 1200px;--shadow-1: 0 6px 14px rgba(9, 33, 56, .06);--shadow-2: 0 12px 28px rgba(9, 33, 56, .1);--shadow-3: 0 18px 44px rgba(9, 33, 56, .14);--shadow-4: 0 24px 56px rgba(8, 34, 58, .2);--duration-fast: .16s;--duration-normal: .22s;--duration-slow: .32s;--ease-standard: cubic-bezier(.22, 1, .36, 1);--z-base: 1;--z-sticky-nav: 16;--z-floating: 24;--pattern-line: rgba(255, 255, 255, .16);--pattern-line-dark: rgba(13, 52, 86, .08);--pattern-stamp: rgba(216, 168, 89, .14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth;text-size-adjust:100%}body{font-family:Be Vietnam Pro,sans-serif;color:var(--color-text);background:radial-gradient(circle at 8% 8%,rgba(208,222,236,.6) 0%,transparent 35%),radial-gradient(circle at 88% 5%,rgba(226,234,244,.78) 0%,transparent 33%),linear-gradient(160deg,#edf3f9,#e4edf6);line-height:1.56;letter-spacing:.002em}h1,h2,h3,h4{margin:0;font-family:"Noto Serif",serif;line-height:1.2}h1{font-weight:700}h2,h3{font-weight:600}p{margin:0}a{color:var(--color-primary-strong)}a,button,input,select{font:inherit}button,input,select{color:inherit}img,svg{max-width:100%;display:block}:focus-visible{outline:3px solid rgba(15,76,129,.28);outline-offset:2px}::selection{background:#0c426f33;color:#0b2540}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app-shell{position:relative;min-height:100vh;overflow-x:clip}.app-brand-shell{--container-width: min(var(--container-max), calc(100% - 40px) )}.skip-link{position:absolute;left:12px;top:-48px;z-index:var(--z-floating);border:1px solid rgba(255,255,255,.34);border-radius:10px;background:#0a365c;color:#fff;text-decoration:none;padding:8px 12px;transition:top var(--duration-fast) var(--ease-standard)}.skip-link:focus-visible{top:10px}.app-bg-shape{position:fixed;pointer-events:none;z-index:0;filter:blur(58px)}.app-bg-shape-1{width:360px;height:360px;top:-130px;left:-100px;background:#0f4c812e}.app-bg-shape-2{width:340px;height:340px;bottom:-130px;right:-90px;background:#b4530924}.app-main{position:relative;z-index:var(--z-base);width:var(--container-width);margin:0 auto;padding:var(--space-7) 0 calc(120px + env(safe-area-inset-bottom));display:grid;gap:var(--space-4)}.app-main>*{min-width:0}.app-pattern-hero,.app-pattern-tabs,.app-pattern-section,.app-pattern-legal{position:relative;isolation:isolate}.app-pattern-hero:before,.app-pattern-tabs:after,.app-pattern-section:after,.app-pattern-legal:after{content:"";position:absolute;pointer-events:none}.app-hero{overflow:hidden;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);background:linear-gradient(140deg,#0f4c81,#0b3e6a 54%,#083356),radial-gradient(circle at 84% 14%,rgba(216,168,89,.2),transparent 40%);box-shadow:var(--brand-shadow-hard);padding:34px;display:grid;gap:var(--space-5)}.app-pattern-hero:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,var(--pattern-line) 1px,transparent 1px),linear-gradient(to bottom,var(--pattern-line) 1px,transparent 1px);background-size:20px 20px;opacity:.34;-webkit-mask-image:linear-gradient(to bottom,#000000ad,#00000014);mask-image:linear-gradient(to bottom,#000000ad,#00000014);z-index:0}.app-pattern-hero:after{inset:auto -80px -80px auto;width:260px;height:260px;border-radius:32px;transform:rotate(16deg);border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#ffffff14,#ffffff03),radial-gradient(circle at 40% 30%,rgba(216,168,89,.22),transparent 60%);z-index:0}.app-hero-time{position:absolute;top:14px;right:14px;z-index:2;margin:0;max-width:min(58%,860px);padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#041b2e66;color:#fffffff5;font-size:.75rem;font-weight:600;line-height:1.32;text-align:right}.app-hero-main,.app-hero-trust{position:relative;z-index:1}.app-hero-main{max-width:920px;display:grid;gap:var(--space-3)}.app-hero-kicker{display:inline-flex;align-items:center;width:fit-content;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#ffffff1a;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;font-weight:700}.app-hero h1{font-size:clamp(2rem,4vw,3rem);color:#f6fbff}.app-hero-description{max-width:860px;font-size:clamp(1rem,1.2vw,1.08rem);color:#f5fafff0}.app-hero-slogan{color:#f8d68f;font-size:clamp(1.04rem,1.3vw,1.18rem);font-weight:700}.app-hero-steps{margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.app-hero-steps li{min-height:38px;display:flex;align-items:center;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(to right,#ffffff1f,#ffffff0f);color:#f7fbfff5;font-size:.92rem}.app-hero-meta{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.app-hero-meta span{min-height:38px;display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:#00000029;padding:0 14px;font-size:.86rem;color:#f8fcfff5}.app-hero-trust{border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-md);padding:var(--space-3);background:linear-gradient(130deg,#07233c70,#092d4a3d);display:grid;gap:var(--space-2)}.app-hero-trust-title{font-size:.84rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#f6faffeb}.app-trust-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.app-trust-strip span{min-height:40px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#f6fbfff5;font-size:.87rem;font-weight:600;padding:0 10px}.quick-access{border:1px solid #d4dfeb;border-radius:var(--radius-lg);background:linear-gradient(140deg,#f8fbff,#f2f7fc);box-shadow:var(--shadow-1);padding:var(--space-4);display:grid;gap:var(--space-3)}.app-pattern-tabs:after{top:1px;right:1px;bottom:1px;left:1px;z-index:0;border-radius:inherit;background:linear-gradient(to right,var(--pattern-line-dark) 1px,transparent 1px),linear-gradient(to bottom,var(--pattern-line-dark) 1px,transparent 1px);background-size:18px 18px;opacity:.28}.quick-access>*{position:relative;z-index:1}.quick-access-head{display:grid;gap:4px}.quick-access-head h2{font-size:1.1rem}.quick-access-head p{color:var(--color-text-muted);font-size:.92rem}.quick-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.quick-access-item{border:1px solid #ccd9e8;border-radius:var(--radius-md);background:#fff;text-decoration:none;padding:12px;display:grid;gap:6px;box-shadow:var(--shadow-1)}.quick-access-item small{width:fit-content;border-radius:999px;padding:2px 8px;font-size:.74rem;font-weight:700;letter-spacing:.02em}.quick-access-item strong{font-size:.93rem}.quick-access-item span{font-size:.82rem;color:var(--color-text-muted)}.quick-access-item-primary{border-color:#9db8d5;background:linear-gradient(140deg,#fff,#f0f6fd)}.quick-access-item-primary small{background:#deebf8;color:#1a4c78}.quick-access-item-secondary{border-color:#b8cbde}.quick-access-item-secondary small{background:#ecf3fb;color:#325c81}.quick-access-item-utility small{background:#f3f6fa;color:#4e6378}.nav-tab-list{margin-top:var(--space-1);border:1px solid #d0dcea;border-radius:16px;background:#f4f8fce6;box-shadow:var(--shadow-1);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);padding:var(--space-2)}.nav-tab-list-elevated{box-shadow:0 14px 28px #0a294314}.nav-tab-list-sticky{position:sticky;top:10px;z-index:var(--z-sticky-nav);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-tab-list-compact{overflow:hidden}.nav-tab-button{position:relative;min-height:50px;border-radius:12px;border:1px solid #ccdae9;background:linear-gradient(to bottom,#fff,#f8fbff);color:var(--color-text);font-weight:700;text-align:center;cursor:pointer;padding:0 14px}.nav-tab-button span{position:relative;z-index:1}.nav-tab-button:before{content:"";position:absolute;left:18px;right:18px;bottom:5px;height:2px;border-radius:999px;background:transparent}.nav-tab-button.is-active{border-color:#1b5686;color:#fff;background:linear-gradient(130deg,#0f4c81,#0a365c);box-shadow:0 12px 22px #092c493d}.nav-tab-button.is-active:before{background:#ffffffe6}.nav-tab-button:focus-visible{outline:3px solid rgba(15,76,129,.24);outline-offset:1px}.app-tab-scaffold{display:grid;gap:var(--space-4)}.app-tab-header{border:1px solid #d7e2ee;border-left:4px solid var(--color-primary);border-radius:var(--radius-md);background:linear-gradient(130deg,#f9fcff,#f3f8fd);padding:var(--space-3) var(--space-4);display:grid;gap:var(--space-1)}.app-pattern-section:after{top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:0;opacity:.24;background:linear-gradient(90deg,transparent 0%,rgba(15,76,129,.08) 50%,transparent 100%),linear-gradient(to right,var(--pattern-line-dark) 1px,transparent 1px);background-size:100% 100%,24px 24px}.app-tab-header>*{position:relative;z-index:1}.app-tab-marker{width:fit-content;border-radius:999px;border:1px solid #c7d7e8;background:#edf4fb;color:#2a4f70;padding:2px 10px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.app-tab-header h2{font-size:1.28rem}.app-tab-header p{color:var(--color-text-muted);font-size:.95rem;max-width:900px}.focus-target:focus-visible{border-radius:6px}.form-grid,.split-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.sub-panel{border:1px solid #d0deec;border-top:3px solid #9bb6d1;border-radius:var(--radius-md);background:linear-gradient(to bottom,#f9fcff,#f2f7fc);padding:var(--space-4);display:grid;gap:var(--space-3)}.sub-panel h3{font-size:1.04rem}.sub-panel-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.result-grid-single{grid-template-columns:1fr}.result-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-2)}.app-footer{border:1px solid #d2ddea;border-radius:var(--radius-md);background:linear-gradient(140deg,#f8fbff,#eef5fc);box-shadow:var(--shadow-1);padding:var(--space-3) var(--space-4);display:grid;gap:6px}.app-footer p{font-size:.9rem;color:#23445e}@media (max-width: 1280px){.app-main{padding-top:var(--space-6)}}@media (max-width: 1024px){.quick-access-grid{grid-template-columns:1fr}.nav-tab-list{grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid,.app-trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.app-brand-shell{--container-width: min(var(--container-max), calc(100% - 20px) )}.app-main{padding-top:var(--space-5);gap:var(--space-3)}.app-hero{padding:56px 16px 18px}.app-hero-time{left:10px;right:10px;top:10px;max-width:none;text-align:center}.app-hero-main{gap:var(--space-2)}.app-hero h1{font-size:clamp(1.85rem,8vw,2.3rem)}.app-trust-strip{grid-template-columns:1fr}.app-hero-meta span{width:100%;justify-content:center}.nav-tab-list{display:flex;overflow-x:auto;gap:var(--space-2);padding:var(--space-2);scrollbar-width:thin;top:8px}.nav-tab-list-compact:before,.nav-tab-list-compact:after{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none;z-index:2}.nav-tab-list-compact:before{left:0;background:linear-gradient(to right,#f5f9fd,#f5f9fd00)}.nav-tab-list-compact:after{right:0;background:linear-gradient(to left,#f5f9fd,#f5f9fd00)}.nav-tab-button{flex:0 0 auto;min-width:170px;min-height:46px}.form-grid,.split-layout,.result-grid,.result-compare-grid{grid-template-columns:1fr}.app-footer{padding:var(--space-3)}}@media (max-width: 480px){.app-hero-kicker{font-size:.75rem;letter-spacing:.05em}.app-hero-steps li{font-size:.86rem;line-height:1.32;min-height:42px}}.app-section-card{position:relative;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(150deg,#fff,#f6fafe);box-shadow:var(--brand-shadow-soft)}.app-section-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(to right,#0f4c81,#d8a859,#0f4c81);opacity:.86}.app-section-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background:linear-gradient(150deg,#0f4c8114,#fff0),linear-gradient(to right,var(--pattern-line-dark) 1px,transparent 1px);background-size:100% 100%,26px 26px}.app-section-card>*{position:relative;z-index:1}.app-section-card-info{border-color:#bfd2e6}.app-section-card-warning{border-color:#e9cbab}.app-section-variant-legal{border-color:#c4d4e4;background:linear-gradient(150deg,#fff,#f4f9fe),radial-gradient(circle at 94% 12%,rgba(216,168,89,.12),transparent 40%)}.app-section-variant-legal:after{opacity:.3}.app-section-card-header{padding:var(--space-6) var(--space-6) 0;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.app-section-title{font-size:clamp(1.34rem,2.2vw,1.6rem)}.app-section-subtitle{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.95rem}.app-section-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.app-section-body{padding:var(--space-5) var(--space-6) var(--space-6);display:grid;gap:var(--space-4)}.form-section{border:1px solid #d8e3ef;border-radius:var(--radius-md);background:linear-gradient(to bottom,#fcfdff,#f5f9fd);padding:var(--space-3);display:grid;gap:var(--space-3)}.form-section-head{display:grid;gap:4px}.form-section-head h3{font-size:1.02rem}.form-section-head p{color:var(--color-text-muted);font-size:.88rem}.form-section-body{display:grid;gap:var(--space-3)}.form-field{display:grid;gap:var(--space-2)}.form-label{font-size:.92rem;font-weight:600}.form-number-control{position:relative}.form-number-control.has-prefix input{padding-left:50px}.form-number-control.has-suffix input{padding-right:50px}.form-affix{position:absolute;top:50%;transform:translateY(-50%);color:#3f607c;font-size:.84rem;pointer-events:none}.form-affix-prefix{left:12px}.form-affix-suffix{right:12px}.form-field input,.form-field select{width:100%;min-height:46px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(to bottom,#f8fbff,#f4f9fe);color:var(--color-text);padding:0 12px}.form-field input::placeholder{color:#7390a9}.form-field input:focus,.form-field select:focus{border-color:#1a5a8f;outline:none;background:#fff;box-shadow:0 0 0 3px #0f4c8121}.form-field input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 3px #b423181c}.form-hint{font-size:.82rem;color:var(--color-text-muted)}.form-error{font-size:.82rem;color:var(--color-danger);font-weight:600}.form-note{color:var(--color-text-soft);font-size:.9rem}.formula-note{border-left:3px solid #c8d8e8;padding-left:var(--space-2);color:#36546f;font-size:.86rem}.form-toggle{grid-column:1 / -1;display:grid;grid-template-columns:18px 1fr;column-gap:var(--space-2);row-gap:var(--space-1);align-items:start;border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(to bottom,#f8fbff,#f3f8fd);padding:12px}.form-toggle input{width:18px;height:18px;margin:2px 0 0}.form-toggle-label{font-weight:600}.form-toggle .form-hint{grid-column:2}.vat-policy-badge{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;padding:0 12px;border:1px solid;font-size:.84rem;font-weight:600}.vat-policy-badge-neutral{background:#f2f7fc;color:#335472;border-color:#c8d9ea}.vat-policy-badge-warning{background:#fff7eb;color:#8b4a0b;border-color:#efcfaa}.vat-policy-badge-good{background:#edf7f0;color:#1f6f3f;border-color:#bbdfc4}.btn-primary,.btn-secondary{min-height:44px;border-radius:var(--radius-md);padding:0 16px;cursor:pointer;font-weight:700;letter-spacing:.01em}.btn-primary{border:1px solid #0b3e67;color:#fff;background:linear-gradient(130deg,#0f4c81,#0a365c)}.btn-secondary{border:1px solid var(--color-border-strong);color:var(--color-text);background:linear-gradient(to bottom,#fff,#f7fafd)}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:3px solid rgba(15,76,129,.2);outline-offset:1px}button:disabled{opacity:.58;cursor:not-allowed}.app-action-bar{display:flex;flex-wrap:wrap;gap:var(--space-2)}.app-action-bar-sticky{position:sticky;bottom:var(--sticky-offset, 10px);z-index:6;border:1px solid #d8e4ef;border-radius:var(--radius-md);background:linear-gradient(to bottom,#f6fafef7,#edf4fbf5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:var(--space-2)}.app-empty-state{border:1px dashed #b9cddd;border-radius:var(--radius-md);background:#fcfeff;padding:var(--space-4);display:grid;gap:var(--space-2)}.app-empty-state h3{font-size:1.02rem}.app-empty-state p{color:var(--color-text-muted);font-size:.93rem}.app-empty-state .btn-primary{width:fit-content}.app-status-banner{border-radius:var(--radius-md);border:1px solid;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:12px 14px;box-shadow:0 8px 18px #0b253b0f}.app-status-content{display:grid;gap:2px}.app-status-content strong{font-size:.93rem}.app-status-content p{color:inherit;font-size:.9rem}.app-status-info{background:#edf4fb;border-color:#c2d8ed;color:#184d78}.app-status-warning{background:#fff7eb;border-color:#efcfaa;color:#8b4a0b}.app-status-error{background:#fff2f0;border-color:#f2c4bf;color:#9f241b}.app-status-success{background:#eef8f0;border-color:#bbdfc4;color:#1d6b3a}.app-status-close{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:4px 10px;font-size:.82rem;cursor:pointer}.result-panel{border:1px solid #d3dfec;border-radius:var(--radius-md);background:linear-gradient(to bottom,#f8fbff,#f1f7fd);padding:var(--space-4);display:grid;gap:var(--space-3)}.result-headline{display:grid;gap:4px}.result-headline span{color:var(--color-text-muted);font-size:.88rem;font-weight:600}.result-headline strong{font-size:clamp(1.25rem,2.4vw,1.7rem);color:var(--color-primary-strong)}.result-flow{border:1px solid #d8e4ef;border-radius:var(--radius-md);background:linear-gradient(to bottom,#fff,#f9fcff);padding:var(--space-3);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.result-flow-item{display:grid;gap:2px;align-items:center}.result-flow-item span{font-size:.8rem;color:var(--color-text-muted)}.result-flow-item strong{font-size:.9rem}.result-flow-item em{color:#8ca0b3;font-style:normal}.result-metric{border:1px solid #d8e2ec;border-radius:10px;background:linear-gradient(to bottom,#fff,#f9fcff);padding:10px;display:grid;gap:2px}.result-metric-label{font-size:.82rem;color:var(--color-text-muted)}.result-metric-value{font-size:.98rem;font-weight:700}.result-metric-helper{font-size:.76rem;color:#7a8b9c}.result-metric-danger .result-metric-value{color:var(--color-danger)}.result-metric-good .result-metric-value{color:var(--color-success)}.result-metric-highlight .result-metric-value{color:var(--color-primary-strong)}.result-compare-item{border:1px solid #d8e2ec;border-radius:var(--radius-md);background:linear-gradient(to bottom,#fff,#f8fbff);padding:var(--space-3);display:grid;gap:var(--space-1)}.result-compare-item h3{font-size:.98rem}.result-compare-item p{color:var(--color-text-muted);font-size:.88rem}.result-compare-item strong{font-size:1.04rem}.result-compare-item small{color:#6f8294;font-size:.8rem}.result-compare-item.is-good{border-color:#bbdfc4;background:#f5fcf6}.result-compare-item.is-warning{border-color:#efcfaa;background:#fffaf4}.table-wrap{overflow-x:auto;border:1px solid #d6e2ee;border-radius:var(--radius-md);background:#fff}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.table-wrap-compact table{min-width:520px}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid #dbe6f0;padding:10px;font-size:.9rem}.table-wrap th{position:sticky;top:0;z-index:1;color:#1e3f5b;background:linear-gradient(to bottom,#eaf2fa,#e4eef8);font-weight:700}.history-panel{border:1px solid #d8e3ee;border-radius:var(--radius-md);background:linear-gradient(to bottom,#fbfdff,#f5f9fd);padding:var(--space-3);display:grid;gap:var(--space-3)}.history-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.history-head h3{font-size:1rem}.history-head p{color:var(--color-text-muted);font-size:.84rem}.history-empty{color:var(--color-text-muted);font-size:.9rem}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.history-item{border:1px solid #d3dfec;border-radius:10px;background:#fff;padding:10px;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.history-meta{display:grid;gap:2px}.history-meta strong{font-size:.86rem}.history-meta span{font-size:.86rem;color:#2f4e67}.history-meta small{font-size:.8rem;color:var(--color-text-muted)}.history-actions{display:flex;flex-wrap:wrap;gap:6px}.history-actions .btn-primary,.history-actions .btn-secondary{min-height:34px;font-size:.8rem;padding:0 10px}.legal-timeline{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.legal-timeline-item{position:relative;border:1px solid #d2dfec;border-radius:var(--radius-md);background:linear-gradient(to bottom,#fcfeff,#f6fafe);padding:12px 12px 12px 16px;display:grid;gap:8px}.legal-timeline-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:8px 0 0 8px;background:linear-gradient(to bottom,#7d9fbe,#4d7398)}.legal-item-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.legal-item-head a{font-weight:700;text-decoration:none}.legal-item-head a:hover{text-decoration:underline}.legal-date-tag{font-size:.78rem;border:1px solid #c8d8e8;border-radius:999px;padding:4px 10px;color:#2a5275;background:#eef5fc}.legal-timeline-item p{color:var(--color-text-muted);font-size:.9rem}.legal-item-meta{display:flex;gap:var(--space-2)}.legal-badge{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;font-size:.78rem;padding:0 10px;background:#f0f4f8;color:#40586e}.legal-badge-ok{background:#edf7f0;color:#1f6f3f}.legal-disclaimer{border-left:4px solid var(--color-accent);border-radius:var(--radius-sm);background:#fff7eb;color:#7c4810;font-size:.9rem;padding:10px 12px}.legal-link-section{border:1px solid #d6e2ee;border-radius:var(--radius-md);background:#f9fcff;padding:var(--space-3);display:grid;gap:var(--space-2)}.legal-link-section h3{font-size:1rem}.legal-link-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.legal-link-item{border:1px solid #d8e3ee;border-radius:var(--radius-sm);background:#fff;padding:10px;display:grid;gap:4px}.legal-link-item a{font-weight:700;text-decoration:none}.legal-link-item a:hover{text-decoration:underline}.legal-link-item p{color:var(--color-text-muted);font-size:.85rem}@media (max-width: 768px){.app-section-card-header,.app-section-body{padding-left:var(--space-4);padding-right:var(--space-4)}.app-section-card-header{flex-direction:column}.app-action-bar-sticky{position:fixed;left:10px;right:10px;bottom:calc(var(--sticky-offset, 10px) + env(safe-area-inset-bottom));border-radius:14px;box-shadow:var(--shadow-2)}.app-action-bar-sticky .btn-primary,.app-action-bar-sticky .btn-secondary{flex:1;min-width:0}.result-flow{grid-template-columns:1fr}.history-item{flex-direction:column}}.nav-tab-button,.btn-primary,.btn-secondary,.form-field input,.form-field select,.form-toggle,.app-section-card,.result-metric,.result-compare-item,.app-status-banner,.app-empty-state,.quick-access-item,.history-item,.sub-panel{transition:transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.nav-tab-button:hover,.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px)}.btn-primary:hover{box-shadow:0 12px 24px #092c4942}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary-strong)}.quick-access-item:hover,.result-metric:hover,.result-compare-item:hover,.history-item:hover,.sub-panel:hover{box-shadow:var(--shadow-1)}.nav-tab-button:active,.btn-primary:active,.btn-secondary:active{transform:translateY(0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:80ms!important;scroll-behavior:auto!important}.nav-tab-button:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}}