:root,body{color:var(--color-text-primary);background:var(--color-background);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:20rem;min-height:100vh;margin:0;overflow-x:hidden;background:var(--color-background)}a{color:inherit}h1,h2,p{margin-block-start:0}.skip-link{z-index:10;position:absolute;top:.5rem;left:.5rem;padding:.5rem .75rem;color:var(--color-background);background:var(--color-text-primary);transform:translateY(-200%)}button,input{font:inherit}button{min-height:2.75rem;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:.2rem solid var(--color-focus);outline-offset:.15rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{transform:translateY(0)}:root{--color-background: #ffffff;--color-control-background: #000000;--color-canvas-text: #182027;--color-surface: #1a2025;--color-surface-elevated: #232b31;--color-surface-hover: #2b353c;--color-text-primary: #f6f8f9;--color-text-secondary: #aeb9c0;--color-border: #35414a;--color-usd: #2584d8;--color-eur: #239b68;--color-ves: #e1b12c;--color-national-yellow: #f2ca20;--color-national-blue: #2584d8;--color-national-red: #d83b45;--color-success: #42c98a;--color-warning: #f0bd47;--color-danger: #f06b70;--color-focus: #83c7ff;--color-hero: #0b4f94;--shadow-panel: 0 1rem 2.5rem rgb(0 0 0 / 22%);--radius-small: .65rem;--radius-panel: 1rem}.app-shell main,.app-footer{width:100%;padding-inline:max(1rem,calc((100% - 72rem)/2))}.app-header{display:grid;gap:.55rem;width:min(calc(100% - 2rem),72rem);min-height:5rem;margin:1rem auto 0;padding-inline:1.1rem;padding-block:.75rem;background:var(--color-hero);border:1px solid rgb(255 255 255 / 22%);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.app-shell main{display:grid;gap:1rem;padding-block:1rem 2rem}.calculator-controls,.monetary-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.app-footer{display:none;padding-block:0 1rem}.panel{padding:1.1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.app-header h1,.panel h2{margin:0}.brand-lockup{display:flex;gap:.75rem;align-items:center}.brand-text{min-width:0}.official-badge{display:inline-block;margin-bottom:.2rem;padding:.18rem .45rem;color:#fff;font-size:.67rem;font-weight:900;letter-spacing:.06em;background:var(--color-eur);border:1px solid rgb(255 255 255 / 45%);border-radius:999px}.app-header h1{font-size:clamp(1.25rem,4vw,1.8rem);font-weight:900;letter-spacing:.015em;line-height:1.05}.brand-subtitle{margin:.1rem 0 0;color:#ffffffc7;font-size:.9rem;font-weight:700;letter-spacing:.04em}.hero-message{display:grid;gap:.05rem;margin:0}.hero-message strong{font-size:1rem}.hero-message span{color:#fffc;font-size:.85rem}.hcs-logo-slot{display:block;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;object-fit:contain}.status-message{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem;gap:.35rem;align-items:center;max-width:34rem;margin:0;padding:.2rem .25rem .2rem .75rem;color:var(--color-text-primary);background:#08223d85;border:1px solid rgb(255 255 255 / 30%);border-radius:var(--radius-small)}.status-message p{margin:0;overflow-wrap:anywhere}.rate-refresh{display:grid;width:2.75rem;min-height:2.75rem;padding:0;place-items:center;background:transparent;border:0;border-radius:calc(var(--radius-small) - .15rem)}.rate-refresh:hover:not(:disabled){background:#ffffff14}.rate-refresh.is-loading .rate-refresh__icon{animation:status-refresh-spin .8s linear infinite}@keyframes status-refresh-spin{to{transform:rotate(1turn)}}.status-message[data-lifecycle=ready]{border-color:var(--color-success)}.status-message[data-lifecycle=stale],.status-message[data-lifecycle=offline]{border-color:var(--color-warning)}.status-message[data-lifecycle=error]{border-color:var(--color-danger)}.rate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:.75rem;margin:1rem 0 0}.rate-card{display:grid;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;padding:.85rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-small)}.rate-card--usd{border-color:var(--color-usd);box-shadow:0 0 1rem #2584d824}.rate-card--eur{border-color:var(--color-eur);box-shadow:0 0 1rem #239b6824}.rate-card dt{font-size:clamp(1.4rem,5vw,1.9rem);font-weight:900}.rate-card dd{grid-column:1 / -1;min-width:0;margin:.15rem 0 0;overflow-wrap:anywhere;color:var(--color-text-primary);font-size:clamp(1.65rem,7vw,2.35rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1;text-align:right}.rate-card--usd .rate-card__currency,.rate-card--usd .icon-copy-button{color:#69baff}.rate-card--eur .rate-card__currency,.rate-card--eur .icon-copy-button{color:#5ed49c}.icon-copy-button{display:grid;width:2.75rem;min-height:2.75rem;padding:0;place-items:center;background:transparent;border:1px solid currentColor;border-radius:var(--radius-small)}.icon-copy-button:hover{background:#ffffff14;border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.copy-icon{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.8}.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;min-width:0;margin:0;padding:.75rem;border:0}.segmented-control legend{grid-column:1 / -1;width:100%;margin:0 0 .4rem;padding:0;color:var(--color-text-primary);font-weight:700}.control-card{align-self:stretch;background:var(--color-surface-elevated);border-radius:var(--radius-panel);box-shadow:inset 0 0 0 1px var(--color-border)}.segmented-control button,.quick-grid button,.action-bar button,.clear-button{padding:.65rem .8rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-small)}.segmented-control button.is-selected{border-color:var(--color-focus);box-shadow:inset 0 0 0 1px var(--color-focus)}.segmented-control button.is-usd-active{color:var(--color-text-primary);font-weight:800;background:var(--color-usd);border-color:var(--color-usd)}.segmented-control button.is-eur-active{color:var(--color-text-primary);font-weight:800;background:var(--color-eur);border-color:var(--color-eur)}.monetary-line{min-width:0;padding:.65rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-panel)}.monetary-line[data-foreign-currency=USD]{border-color:var(--color-usd)}.monetary-line[data-foreign-currency=EUR]{border-color:var(--color-eur)}.monetary-line[data-foreign-currency=USD].is-active-line{box-shadow:inset 0 0 0 1px var(--color-usd)}.monetary-line[data-foreign-currency=EUR].is-active-line{box-shadow:inset 0 0 0 1px var(--color-eur)}.monetary-line[data-foreign-currency=USD] .monetary-copy{color:#69baff}.monetary-line[data-foreign-currency=EUR] .monetary-copy{color:#5ed49c}.monetary-line[data-line="2"]{border-color:var(--color-border)}.monetary-line[data-line="2"].is-active-line{border-color:var(--color-national-yellow);box-shadow:inset 0 0 0 1px var(--color-national-yellow)}.monetary-control{display:grid;grid-template-columns:2.8rem minmax(0,1fr) 2.75rem;gap:.65rem;align-items:center;margin-top:0}.currency-badge{display:grid;width:2.8rem;height:2.8rem;place-items:center;font-weight:800;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%}.currency-badge[data-currency=USD]{border-color:var(--color-usd)}.currency-badge[data-currency=EUR]{border-color:var(--color-eur)}.currency-badge[data-currency=VES]{position:relative;isolation:isolate;overflow:hidden}.currency-badge.is-inactive-ves{color:var(--color-text-primary);background:#30373c}.currency-badge.is-active-ves{color:#182027;background:linear-gradient(#f2ca20 0 33.33%,#174d9a 33.33% 66.66%,#c82f38 66.66%);border-color:#d7dde1}.currency-badge.is-active-ves:before{z-index:-1;position:absolute;width:1.75rem;height:1.75rem;background:#fff;border-radius:50%;content:""}.monetary-input{width:100%;min-width:0;padding:.55rem .7rem;color:var(--color-text-primary);font-size:clamp(1.2rem,4vw,1.75rem);font-variant-numeric:tabular-nums;text-align:right;background:var(--color-control-background);border:1px solid var(--color-border);border-radius:var(--radius-small)}.quick-grid,.action-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.quick-grid{grid-template-columns:repeat(8,minmax(4.2rem,1fr));margin-top:1rem}.quick-grid button{color:#fff;background:#080a0c;border-color:#4b5861;box-shadow:0 .2rem 0 var(--color-border);font-weight:750;transition:transform .1s ease,box-shadow .1s ease,background-color .1s ease}.quick-grid button:hover:not(:disabled){background:#11161a;transform:translateY(-.08rem)}.quick-grid button:active:not(:disabled){box-shadow:0 .05rem 0 var(--color-border);transform:translateY(.15rem)}.calculator>.action-bar{grid-template-columns:repeat(3,minmax(0,1fr));max-width:34rem;margin:.75rem auto 0}.calculator>.action-bar button{min-width:0;color:#fff;background:var(--color-control-background)}.calculator>.action-bar .clear-button{border-color:var(--color-national-yellow)}.calculator>.action-bar [data-action=copy]{border-color:var(--color-national-blue)}.calculator>.action-bar [data-action=share]{border-color:var(--color-national-red)}.calculator>.action-bar .clear-button:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-national-yellow)}.calculator>.action-bar [data-action=copy]:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-national-blue)}.calculator>.action-bar [data-action=share]:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-national-red)}.calculator>.keyboard-hint{display:block;margin:.35rem auto 0;text-align:center}.keyboard-hint{color:var(--color-text-secondary);font-size:.8rem}.action-feedback{min-height:1.5rem;margin:0;color:var(--color-canvas-text);text-align:center}.ecosystem-banner{display:grid;gap:.15rem;padding:.85rem 1rem;color:var(--color-text-primary);text-align:left;text-decoration:none;background:var(--color-surface);border:1px solid #ad8154;border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.ecosystem-banner>span:not(.ecosystem-banner__cta){color:var(--color-text-secondary);font-size:.85rem}.ecosystem-banner__cta{color:#e2b77f;font-size:.85rem;font-weight:800}button:disabled{cursor:not-allowed;opacity:.55}@media(prefers-reduced-motion:reduce){.rate-refresh.is-loading .rate-refresh__icon{animation:none}.quick-grid button{transition:none}}@media(max-width:52rem){.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:38rem){.calculator-controls,.monetary-lines{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.status-message{max-width:none}.status-message__line{display:block}.status-message__separator{display:none}.status-message__date{white-space:nowrap}.calculator>.keyboard-hint{display:none}.app-header{width:calc(100% - 1rem);margin-top:.5rem;padding:.65rem}.brand-lockup{gap:.6rem}.brand-subtitle{font-size:.78rem}.official-badge{font-size:.6rem}.hero-message strong{font-size:.9rem}.hero-message span{font-size:.78rem}.app-footer{display:block;padding-inline:.5rem}}@media(max-width:23rem){.calculator>.action-bar{grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr))}.monetary-control{gap:.35rem}}