:root{--font-family: "Outfit", system-ui, sans-serif;--color-bg: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-primary: #2563eb;--color-secondary: #059669;--color-text: #0f172a;--color-text-muted: #64748b;--color-border: #cbd5e1;--color-input-bg: #ffffff;--color-input-active: #dbeafe;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}.dark-theme{--color-bg: #0f172a;--color-surface: #1e293b;--color-surface-hover: #334155;--color-primary: #60a5fa;--color-secondary: #34d399;--color-text: #f8fafc;--color-text-muted: #94a3b8;--color-border: #334155;--color-input-bg: #0f172a;--color-input-active: #1e3a8a}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}html{font-size:16px!important;height:100%;overflow:hidden}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease}#app{width:100%;max-width:480px;margin:0 auto;transition:max-width .3s ease}.container{background:var(--color-surface);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);overflow:hidden;position:relative;transition:background-color .3s ease}.header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-row-single{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}h1{font-size:1.5rem;font-weight:800;margin:0;letter-spacing:-.025em;color:var(--color-text)}.theme-toggle{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem}.input-group{margin-bottom:1rem;position:relative;cursor:text}.input-label{display:block;font-size:.875rem;color:var(--color-text-muted);margin-bottom:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.currency-input{width:100%;background:var(--color-input-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;font-size:1.75rem;font-weight:700;color:var(--color-text);font-family:var(--font-family);transition:var(--transition);text-align:right}.currency-input.active-input{background-color:var(--color-input-active)!important;border-color:var(--color-primary)!important;color:var(--color-text)!important}.currency-badge{position:absolute;left:1rem;top:2.5rem;display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text-muted);pointer-events:none}.btn{width:100%;padding:1rem;border-radius:var(--radius-lg);border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:var(--font-family)}.mode-switch{display:flex;background:var(--color-surface-hover);padding:.35rem;border-radius:var(--radius-full);margin-bottom:1.5rem;border:1px solid var(--color-border)}.mode-btn{flex:1;padding:.75rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-muted);font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition)}.mode-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem}.num-btn{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:1.5rem .5rem;border-radius:var(--radius-lg);font-size:1.75rem;font-weight:600;cursor:pointer;transition:all .1s;box-shadow:0 2px 0 var(--color-border);min-height:72px;display:flex;align-items:center;justify-content:center}.num-btn:active{transform:translateY(2px);box-shadow:none}.btn-clear{grid-column:span 3;background:#dc2626;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.btn-clear:active{background:#b91c1c}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.install-hint{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:.75rem 1rem;border-radius:var(--radius-lg);margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-shadow:var(--shadow-md);transition:var(--transition);position:relative}.install-hint.hidden{display:none}.install-copy{flex:1}.install-btn{background:#fff;color:var(--color-primary);border:none;padding:.5rem .75rem;border-radius:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--transition);white-space:nowrap;box-shadow:0 2px 4px #0000001a}.install-btn:active{transform:scale(.95)}.install-dismiss{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;color:#fffc;font-size:1rem;cursor:pointer;padding:.25rem;line-height:1}.flex{display:flex}.payment-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}.payment-fields-grid .input-group{margin-bottom:0}.totals-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.total-card{background:var(--color-surface-hover);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;transition:var(--transition)}.total-card-primary{border-color:var(--color-primary);background:var(--color-input-active)}.total-card-secondary{padding:.75rem}.total-label{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.total-value{font-size:2.25rem;font-weight:800;color:var(--color-primary);margin-bottom:.5rem;line-height:1}.total-value-small{font-size:1.25rem;font-weight:700;color:var(--color-secondary);line-height:1}.total-breakdown{font-size:.85rem;color:var(--color-text-muted);font-weight:500}.info-section{margin-top:1.5rem;padding:1rem;background:var(--color-surface-hover);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.info-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--color-text-muted);font-size:.85rem;font-weight:500}.info-item:not(:last-child){border-bottom:1px solid var(--color-border)}.info-icon{font-size:1.25rem;flex-shrink:0}.info-text{line-height:1.4}@media(max-width:400px){.flex{flex-direction:row}h1{font-size:1.25rem}.currency-input{font-size:1.5rem;padding:.75rem}.num-btn{padding:1rem;font-size:1.25rem}}@media(max-width:499px)and (max-height:750px){body{padding:0}.container{height:100vh;border-radius:0;border:none;box-shadow:none;padding:.75rem;display:flex;flex-direction:column}.header-row{margin-bottom:.5rem}h1{font-size:1.1rem}#view-convert,#view-change{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.input-group{margin-bottom:.5rem}.input-label{margin-bottom:.1rem;font-size:.75rem}.currency-input{padding:.5rem;font-size:1.25rem}.currency-badge{top:1.6rem;font-size:.8rem;left:.75rem}.result-box{margin-top:auto;margin-bottom:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:space-between;flex-direction:row!important;text-align:left}#label-result{font-size:.75rem!important;margin:0!important;line-height:1.1;max-width:80px}.result-values{text-align:right}#output-change-eur{font-size:1.75rem!important;margin:0!important;line-height:1}#output-change-bgn{font-size:.85rem!important;margin-top:.1rem}.numpad{margin-top:auto;gap:.4rem;padding-bottom:env(safe-area-inset-bottom)}.num-btn{padding:.75rem;font-size:1.25rem}.text-center{display:none}#bill-bgn-equiv{margin-bottom:.25rem!important;font-size:.8rem}.mode-switch{margin-bottom:.5rem;padding:.15rem}.mode-btn{padding:.35rem;font-size:.8rem}.branding-footer{margin-top:.25rem;padding-top:.25rem;border-top:none;font-size:.7rem;flex-direction:row;justify-content:center;gap:.5rem}}@media(max-height:600px){.container{padding:.5rem}.header-row{display:none}.header-row{display:flex;margin-bottom:.25rem}h1{font-size:1rem}#btn-theme{width:28px;height:28px;font-size:.8rem}.currency-input{font-size:1.1rem;padding:.35rem}.currency-badge{top:1.4rem;font-size:.75rem}.num-btn{padding:.5rem;font-size:1.1rem}.result-box{padding:.25rem}#output-change-eur{font-size:1.5rem!important}}.branding-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border);text-align:center;font-size:.85rem;color:var(--color-text-muted);display:flex;flex-direction:column;gap:.25rem}.brand-name{color:var(--color-primary);font-weight:800;letter-spacing:-.025em}.brand-sub{font-size:.75rem;opacity:.8;font-weight:500}@media(min-width:800px){.branding-footer{grid-column:span 2;flex-direction:row;justify-content:space-between;align-items:center}}@media(max-width:600px){body{padding:0;overflow:hidden;background:var(--color-bg)}.container{height:100dvh;width:100vw;max-width:100%;border-radius:0;border:none;padding:0;display:flex;flex-direction:column;box-shadow:none;overflow:hidden}.header-row{flex:0 0 auto;padding:.5rem .75rem;margin:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between}h1{font-size:1rem;display:flex;align-items:center;gap:.4rem}h1 span[style*="font-size: 0.4em"]{display:none!important}.header-actions{display:flex;gap:.5rem}.header-actions .theme-toggle{width:36px;height:36px;font-size:1.1rem}.install-hint{flex:0 0 auto;margin:.5rem .75rem;padding:.6rem .75rem;gap:.5rem}.install-hint__title{font-size:.8rem}.install-hint__subtitle{font-size:.7rem}.install-btn{padding:.4rem .6rem;font-size:.75rem}.install-help{font-size:.65rem;padding:.3rem}.mode-switch{flex:0 0 auto;margin:.5rem;border-radius:8px;padding:2px}.mode-btn{padding:.4rem;font-size:.85rem}#view-change,#view-convert{flex:0 0 auto;overflow:visible;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.4rem}.input-group{margin-bottom:.25rem;flex-shrink:0}.input-label{font-size:.75rem;margin-bottom:.1rem;font-weight:600}.currency-input{font-size:1.4rem;padding:.5rem .6rem;border-width:2px;min-height:46px}.currency-badge{top:1.6rem;left:.5rem;font-size:.8rem}#bill-bgn-equiv{font-size:.8rem!important;margin-top:.15rem!important}.payment-label{font-size:.75rem!important;margin:.4rem 0 .25rem!important}.payment-fields-grid{gap:.5rem;margin-bottom:.3rem}.payment-fields-grid .currency-input{font-size:1.2rem;padding:.4rem .5rem;min-height:42px}.payment-fields-grid .currency-badge{font-size:.75rem;top:1.5rem}.payment-fields-grid .input-label{font-size:.7rem}.info-section{display:none}.bottom-section{flex:1 1 auto;background:var(--color-surface);border-top:1px solid var(--color-border);padding:.4rem;display:flex;flex-direction:column;gap:.3rem;padding-bottom:max(.4rem,env(safe-area-inset-bottom));min-height:0}.result-box{flex:0 0 auto;margin:0;padding:.5rem .6rem;background:var(--color-surface-active);border-radius:8px;display:flex;justify-content:space-between;align-items:center;border:2px solid var(--color-border)}#label-result{display:none}#output-change-eur{font-size:1.4rem!important;font-weight:800}#output-change-bgn{font-size:.85rem!important}.numpad{flex:1 1 auto;margin:0;gap:.25rem;min-height:0;align-content:stretch}.num-btn{padding:0;font-size:1.15rem;border-radius:6px;min-height:0;height:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 0 var(--color-border)}.btn-clear{font-size:.9rem;padding:.4rem}.branding-footer{display:none}}@media(max-width:600px)and (max-height:750px){.header-row{padding:.4rem .6rem}h1{font-size:.9rem}.header-actions .theme-toggle{width:32px;height:32px;font-size:1rem}#view-change,#view-convert{padding:.4rem .6rem;gap:.3rem}.input-label{font-size:.7rem}.currency-input{font-size:1.25rem;padding:.4rem .5rem;min-height:40px}.currency-badge{font-size:.7rem;top:1.4rem}#bill-bgn-equiv{font-size:.7rem!important;margin-top:.1rem!important}.payment-label{font-size:.65rem!important;margin:.25rem 0 .15rem!important}.payment-fields-grid{gap:.4rem;margin-bottom:.2rem}.payment-fields-grid .currency-input{font-size:1.1rem;min-height:36px}.payment-fields-grid .currency-badge{font-size:.65rem;top:1.3rem}.bottom-section{padding:.3rem;gap:.2rem}.result-box{padding:.4rem .5rem}#output-change-eur{font-size:1.2rem!important}#output-change-bgn{font-size:.75rem!important}.numpad{gap:.2rem}.num-btn{font-size:1.05rem;border-radius:5px}.btn-clear{font-size:.8rem}}@media(max-width:600px)and (max-height:650px){.header-row{padding:.3rem .5rem}h1{font-size:.8rem;gap:.3rem}.header-actions .theme-toggle{width:28px;height:28px;font-size:.85rem}#view-change,#view-convert{padding:.3rem .5rem;gap:.2rem}.input-group{margin-bottom:.15rem}.input-label{font-size:.6rem;margin-bottom:.05rem}.currency-input{font-size:1.1rem;padding:.3rem .4rem;min-height:34px}.currency-badge{font-size:.6rem;top:1.2rem;left:.4rem}#bill-bgn-equiv{font-size:.6rem!important;margin-top:.05rem!important}.payment-label{font-size:.55rem!important;margin:.15rem 0 .1rem!important}.payment-fields-grid{gap:.3rem;margin-bottom:.15rem}.payment-fields-grid .currency-input{font-size:.95rem;min-height:30px}.payment-fields-grid .input-label{font-size:.55rem}.bottom-section{padding:.25rem;gap:.15rem}.result-box{padding:.3rem .4rem;border-radius:6px}#output-change-eur{font-size:1.05rem!important}#output-change-bgn{font-size:.65rem!important}.numpad{gap:.15rem}.num-btn{font-size:.95rem;border-radius:4px}.btn-clear{font-size:.7rem;padding:.25rem}}@media(min-width:500px){body{background-color:#f1f5f9;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:24px 24px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,3vw,2rem);overflow:auto}body.dark-theme{background-color:#0f172a;background-image:radial-gradient(#1e293b 1px,transparent 1px)}#app{box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;border-radius:2rem;overflow:hidden;background:var(--color-bg);width:100%;max-width:min(480px,90vw);max-height:clamp(85vh,95vh,99vh);display:flex;flex-direction:column}body.dark-theme #app{box-shadow:0 25px 50px -12px #00000080}.container{border:none;border-radius:0;box-shadow:none;padding:clamp(.3rem,1.5vh,1.5rem);display:flex;flex-direction:column;height:100%;overflow-y:auto}.payment-label{display:none}.view-content{flex:0 0 auto;display:flex;flex-direction:column;gap:clamp(.3rem,.8vh,.75rem)}.input-group[data-target=billEur]{width:100%}.payment-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.3rem,.8vh,.75rem);width:100%}.header-row{margin-bottom:clamp(.25rem,1vh,1rem)}h1{font-size:clamp(.9rem,1.8vh,1.5rem)}.header-actions{gap:clamp(.25rem,.5vh,.5rem)}.header-actions .theme-toggle{width:clamp(28px,5vh,40px);height:clamp(28px,5vh,40px);font-size:clamp(.85rem,1.5vh,1.25rem)}.input-group{margin-bottom:clamp(.2rem,.6vh,.5rem)}.input-label{font-size:clamp(.55rem,1vh,.875rem);margin-bottom:clamp(.1rem,.3vh,.5rem)}.currency-input{font-size:clamp(1.05rem,2.5vh,2rem);padding:clamp(.4rem,1.2vh,1.25rem);min-height:clamp(36px,6vh,70px)}.payment-fields-grid .currency-input{font-size:clamp(.95rem,2.2vh,1.75rem);padding:clamp(.35rem,1vh,1rem);min-height:clamp(34px,5.5vh,65px)}.currency-badge{top:clamp(1.4rem,2.5vh,2.5rem);font-size:clamp(.55rem,1vh,.8rem);left:clamp(.4rem,.8vh,1rem)}.payment-fields-grid .currency-badge{top:clamp(1.3rem,2.2vh,2rem)}#bill-bgn-equiv{font-size:clamp(.55rem,1vh,.8rem)!important;margin-top:clamp(.05rem,.2vh,.25rem)!important}.numpad{gap:clamp(.25rem,.5vh,.75rem);margin-top:clamp(.3rem,.8vh,1.5rem)}.num-btn{padding:clamp(.55rem,1.8vh,1.75rem) clamp(.25rem,.8vh,.75rem);font-size:clamp(1.05rem,2.5vh,2rem);min-height:clamp(36px,7vh,80px)}.btn-clear{font-size:clamp(.65rem,1.3vh,1.1rem);padding:clamp(.4rem,1.2vh,1.25rem);margin-top:clamp(.15rem,.3vh,.5rem)}.result-box{padding:clamp(.3rem,1vh,1rem) clamp(.45rem,1.2vh,1.25rem);margin-top:clamp(.3rem,.6vh,.5rem)}#output-change-eur{font-size:clamp(1.05rem,2.5vh,2rem)!important}#output-change-bgn{font-size:clamp(.65rem,1.2vh,1rem)!important}.branding-footer{margin-top:clamp(.2rem,.5vh,1.5rem);padding-top:clamp(.2rem,.5vh,1rem);font-size:clamp(.55rem,1vh,.85rem)}}@media(min-width:500px)and (max-height:650px){.branding-footer{display:none}}