.calculator-container{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.receipt{background:var(--color-receipt-bg-light);border:2px solid var(--color-border-light);border-radius:12px;padding:2rem;box-shadow:var(--shadow-light);position:relative;max-width:100%}.app.dark .receipt{background:var(--color-receipt-bg-dark);border-color:var(--color-border-dark);box-shadow:var(--shadow-dark)}.receipt:before{content:"";position:absolute;left:50%;top:-2px;transform:translate(-50%);width:60px;height:4px;background:var(--color-primary);border-radius:0 0 8px 8px}.app.dark .receipt:before{background:var(--color-primary-dark)}.receipt-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px dashed var(--color-border-light)}.app.dark .receipt-header{border-bottom-color:var(--color-border-dark)}.restaurant-name{font-size:1.5rem;font-weight:700;color:var(--color-primary);letter-spacing:2px;margin-bottom:.25rem}.app.dark .restaurant-name{color:var(--color-accent)}.receipt-subtitle{font-size:.9rem;color:var(--color-text-light);opacity:.7;text-transform:uppercase;letter-spacing:1px}.app.dark .receipt-subtitle{color:var(--color-text-dark)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--color-text-light);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.app.dark .input-group label{color:var(--color-text-dark)}.input-wrapper{position:relative;display:flex;align-items:center}.currency-symbol{position:absolute;left:1rem;font-size:1.25rem;font-weight:700;color:var(--color-primary);z-index:1}.app.dark .currency-symbol{color:var(--color-accent)}.input-wrapper input{width:100%;padding:1rem 1rem 1rem 2.5rem;font-size:1.5rem;font-weight:600;border:2px solid var(--color-border-light);border-radius:8px;background:#fff;color:var(--color-text-light);transition:all .3s ease;font-family:Monaco,Menlo,Courier New,monospace}.app.dark .input-wrapper input{background:var(--color-bg-dark);border-color:var(--color-border-dark);color:var(--color-text-dark)}.input-wrapper input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #c41e3a1a}.app.dark .input-wrapper input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2d501633}.input-wrapper input.focused{border-color:var(--color-primary)}.app.dark .input-wrapper input.focused{border-color:var(--color-accent)}.input-wrapper input::placeholder{color:var(--color-border-light);opacity:.5}.app.dark .input-wrapper input::placeholder{color:var(--color-border-dark)}.total-group{margin-top:1.5rem;padding-top:1.5rem;border-top:3px solid var(--color-primary)}.app.dark .total-group{border-top-color:var(--color-accent)}.total-group label{font-size:1rem;color:var(--color-primary)}.app.dark .total-group label{color:var(--color-accent)}.total-group input{font-size:1.75rem}.divider{height:1px;background:repeating-linear-gradient(to right,transparent,transparent 10px,var(--color-border-light) 10px,var(--color-border-light) 20px);margin:1.5rem 0}.app.dark .divider{background:repeating-linear-gradient(to right,transparent,transparent 10px,var(--color-border-dark) 10px,var(--color-border-dark) 20px)}.receipt-footer{margin-top:1.5rem;padding-top:1rem;text-align:center}.help-text{font-size:.85rem;color:var(--color-text-light);opacity:.6;font-style:italic}.app.dark .help-text{color:var(--color-text-dark)}.action-buttons{display:flex;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.btn{flex:1;min-width:120px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn:active{transform:scale(.98)}.btn-reset{background:var(--color-border-light);color:var(--color-text-light)}.app.dark .btn-reset,.btn-reset:hover{background:var(--color-border-dark);color:var(--color-text-dark)}.app.dark .btn-reset:hover{background:var(--color-border-light);color:var(--color-text-light)}.btn-share{background:var(--color-primary);color:#fff}.app.dark .btn-share{background:var(--color-accent)}.btn-share:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-light)}.app.dark .btn-share:hover{background:#3a6a1e;box-shadow:var(--shadow-dark)}@media (max-width: 480px){.receipt{padding:1.5rem}.restaurant-name{font-size:1.25rem}.input-wrapper input{font-size:1.25rem;padding:.875rem .875rem .875rem 2.25rem}.total-group input{font-size:1.5rem}.currency-symbol{left:.875rem;font-size:1.1rem}.action-buttons{flex-direction:column}.btn{width:100%}}.header{background:var(--color-primary);color:#fff;padding:1.5rem 1rem;box-shadow:var(--shadow-light)}.app.dark .header{background:var(--color-primary-dark);box-shadow:var(--shadow-dark)}.header-content{max-width:600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.pizza-emoji{display:inline-block;animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.theme-toggle{background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:#ffffff4d;transform:scale(1.1)}@media (max-width: 480px){.header-title{font-size:1.5rem}.theme-toggle{width:40px;height:40px;font-size:1.25rem}}.app{min-height:100vh;background:var(--color-bg-light);color:var(--color-text-light);transition:background-color .3s ease,color .3s ease}.app.dark{background:var(--color-bg-dark);color:var(--color-text-dark)}.main-content{max-width:600px;margin:0 auto;padding:2rem 1rem}:root{--color-primary: #c41e3a;--color-primary-dark: #9a1629;--color-accent: #2d5016;--color-bg-light: #fefefe;--color-bg-dark: #1a1a1a;--color-text-light: #2c2c2c;--color-text-dark: #e8e8e8;--color-border-light: #e0e0e0;--color-border-dark: #333333;--color-receipt-bg-light: #fffef7;--color-receipt-bg-dark: #2a2a2a;--shadow-light: 0 4px 6px rgba(0, 0, 0, .1);--shadow-dark: 0 4px 6px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh}