:root{color:#18212f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{letter-spacing:0}body{min-width:320px;min-height:100vh;margin:0;padding-bottom:90px}h1{color:#111827;margin:0 0 14px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.04}p{line-height:1.6}@media (width<=760px){body{padding-bottom:180px}}.app-shell{box-sizing:border-box;flex-direction:column;width:min(960px,100% - 32px);min-height:100vh;margin:0 auto;padding:56px 0;display:flex}.app-nav{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.nav-link{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-height:40px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.nav-link:hover{color:#0f766e;border-color:#0f766e}.nav-link-active{color:#fff;background:#0f766e;border-color:#0f766e}.intro{text-align:left;margin-bottom:28px}.eyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:700}.intro h1{max-width:720px}.lead{color:#526071;max-width:680px;margin:0}.panel{background:#fff;border:1px solid #d7dee8;border-radius:8px;grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:24px;padding:28px;display:grid;box-shadow:0 24px 70px #0f172a14}.panel-wide{grid-template-columns:1fr}.tool-layout{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:24px;display:grid}.rate-form{text-align:left;gap:18px;display:grid}.field{gap:8px;display:grid}.field span{color:#18212f;font-weight:700}.field small{color:#6b7280;font-size:.86rem}input,select,button{box-sizing:border-box;width:100%;font:inherit;border-radius:6px}input,select{color:#111827;background:#fff;border:1px solid #cbd5e1;min-height:46px;padding:10px 12px}input:focus,select:focus{border-color:#0f766e;outline:3px solid #0f766e29}button{color:#fff;cursor:pointer;background:#0f766e;border:0;min-height:48px;margin-top:4px;font-weight:700}button:hover:not(:disabled){background:#115e59}button:focus-visible{outline-offset:3px;outline:3px solid #0f766e47}button:disabled{cursor:wait;opacity:.72}.feedback-area{gap:14px;min-height:180px;display:grid}.currency-shortcuts{text-align:left;gap:14px;margin-top:22px;display:grid}.currency-shortcuts h2{color:#111827;margin:0;font-size:1.05rem}.currency-shortcuts div{flex-wrap:wrap;gap:8px;display:flex}.currency-shortcuts a,.currency-rate-links a,.calculator-link{color:#0f766e;font-weight:700}.currency-shortcuts a{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;min-height:38px;padding:0 12px;text-decoration:none;display:inline-flex}.currency-shortcuts a:hover{border-color:#0f766e}.loading{color:#334155;align-items:center;gap:10px;font-weight:700;display:inline-flex}.spinner{border:3px solid #d7dee8;border-top-color:#0f766e;border-radius:50%;width:22px;height:22px;animation:.85s linear infinite spin}.alert{text-align:left;border-radius:6px;margin:0;padding:12px 14px}.alert-info{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.result-card{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.result-card div{background:#f8fafc;border:1px solid #d7dee8;border-radius:8px;min-height:88px;padding:16px}.meta-label{color:#64748b;margin-bottom:8px;font-size:.82rem;display:block}.result-card strong{color:#111827;overflow-wrap:anywhere;font-size:1.25rem;line-height:1.2;display:block}.currency-rate-intro h1{max-width:760px}.currency-rate-page{text-align:left}.currency-rate-content{grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:28px;display:grid}.currency-rate-main{gap:22px;display:grid}.currency-rate-card{background:#f8fafc;border:1px solid #d7dee8;border-radius:8px;gap:18px;padding:24px;display:grid}.currency-rate-card strong{color:#111827;overflow-wrap:anywhere;font-size:clamp(2rem,5vw,3rem);line-height:1.08}.currency-rate-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.currency-rate-card dl div{background:#fff;border:1px solid #d7dee8;border-radius:8px;min-height:72px;padding:14px}.currency-rate-card dt{color:#64748b;margin-bottom:8px;font-size:.82rem}.currency-rate-card dd{color:#111827;overflow-wrap:anywhere;margin:0;font-size:1.05rem;font-weight:700}.currency-rate-copy{color:#334155;gap:12px;display:grid}.currency-rate-copy p{margin:0}.currency-rate-links{border-left:1px solid #d7dee8;align-content:start;gap:22px;padding-left:24px;display:grid}.currency-rate-links h2{color:#111827;margin:0 0 12px;font-size:1.05rem}.currency-rate-links ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.currency-rate-links a[aria-current=page]{color:#334155;text-decoration:none}.calculator-result{grid-template-columns:repeat(2,minmax(0,1fr))}.exchange-difference-tool{grid-template-columns:minmax(280px,340px) 1fr}.exchange-difference-feedback{gap:18px}.exchange-difference-result{gap:14px;display:grid}.difference-summary{text-align:left;background:#f0fdfa;border:1px solid #0f766e;border-radius:8px;padding:18px}.difference-summary strong{color:#0f766e;font-size:clamp(1.4rem,3vw,2rem);line-height:1.15;display:block}.exchange-difference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.exchange-difference-grid div{min-height:96px}.exchange-difference-note{color:#526071;text-align:left;gap:10px;display:grid}.exchange-difference-note p{margin:0}.chart-tool{gap:22px;display:grid}.chart-controls{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;display:grid}.range-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.range-buttons button{min-height:46px;margin-top:0;padding:0 10px;font-size:.9rem}.chart-area{gap:14px;min-height:380px;display:grid}.chart-meta{color:#526071;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;font-size:.92rem;font-weight:700;display:flex}.chart-frame{width:100%;height:340px}.app-footer{color:#8a94a6;text-align:center;margin-top:auto;padding-top:40px;font-size:.84rem}.app-footer p{margin:0;line-height:1.55}.app-footer a,.privacy-policy a{color:#0f766e;font-weight:700}.privacy-policy{color:#334155;text-align:left;display:block}.privacy-policy h1,.privacy-policy h2{color:#111827}.privacy-policy h1{margin-top:0}.privacy-policy h2{margin:28px 0 10px;font-size:1.15rem}.privacy-policy p{margin:0 0 12px;line-height:1.65}.privacy-policy ul{margin:0 0 14px;padding-left:22px;line-height:1.65}.cookie-banner{z-index:20;color:#f8fafc;background:#111827;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:min(960px,100% - 32px);margin:0 auto;padding:16px;display:flex;position:fixed;bottom:0;left:16px;right:16px;box-shadow:0 18px 50px #0f172a47}.cookie-banner p{margin:0;line-height:1.45}.cookie-actions{flex:none;align-items:center;gap:10px;display:flex}.cookie-actions button{width:auto;min-height:40px;margin-top:0;padding:0 14px}.cookie-actions button:first-of-type{color:#f8fafc;background:#374151}.cookie-actions button:first-of-type:hover{background:#4b5563}.cookie-link{color:#99f6e4;white-space:nowrap;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.app-shell{width:min(100% - 24px,960px);padding:32px 0}.panel{grid-template-columns:1fr;padding:20px}.tool-layout,.exchange-difference-tool,.chart-controls,.result-card,.exchange-difference-grid,.currency-rate-content,.currency-rate-card dl{grid-template-columns:1fr}.currency-rate-links{border-top:1px solid #d7dee8;border-left:0;padding-top:20px;padding-left:0}.chart-area{min-height:330px}.chart-frame{height:300px}.cookie-banner{text-align:left;flex-direction:column;align-items:stretch;width:auto}.cookie-actions{flex-wrap:wrap}.cookie-actions button{flex:120px}.cookie-link{flex:1 0 100%}}