.card-container.svelte-tn7gce.svelte-tn7gce{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:70%;height:100%;max-width:1200px;box-sizing:border-box;overflow-y:auto;padding-right:20px;margin-left:5px}.card.svelte-tn7gce.svelte-tn7gce{background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box}.card.svelte-tn7gce.svelte-tn7gce:hover{transform:scale(1.05)}h2.svelte-tn7gce.svelte-tn7gce{margin-top:0;font-size:1.5em}.card.svelte-tn7gce img.svelte-tn7gce{width:100%;border-radius:8px;margin-bottom:15px}.price.svelte-tn7gce.svelte-tn7gce{font-size:1.2em;color:#333;font-weight:700;margin:10px 0}.add-btn.svelte-tn7gce.svelte-tn7gce{background-color:#28a745;color:#fff;border:none;padding:10px 15px;font-size:1em;cursor:pointer;border-radius:5px;text-align:center;transition:background-color .2s ease}.add-btn.svelte-tn7gce.svelte-tn7gce:hover{background-color:#218838}.right-box.svelte-tokofk.svelte-tokofk{background-color:#eaeaea;width:30%;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;position:sticky;top:0;display:flex;flex-direction:column;height:100%;box-sizing:border-box;margin-right:10px}.item-list.svelte-tokofk.svelte-tokofk{flex:1;margin-bottom:20px;overflow-y:auto}.item-list.svelte-tokofk ul.svelte-tokofk{list-style-type:none;padding:0;margin:0}.item-list.svelte-tokofk ul li.svelte-tokofk{padding:10px;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;align-items:center}.remove-btn.svelte-tokofk.svelte-tokofk{background-color:#dc3545;color:#fff;border:none;padding:5px 10px;font-size:.9em;cursor:pointer;border-radius:5px;transition:background-color .2s ease}.remove-btn.svelte-tokofk.svelte-tokofk:hover{background-color:#c82333}.summary.svelte-tokofk.svelte-tokofk{margin-bottom:20px;padding:10px 0}.summary.svelte-tokofk div.svelte-tokofk{display:flex;justify-content:space-between;padding:5px 0}.summary.svelte-tokofk .label.svelte-tokofk{font-weight:700;font-size:1.1rem}.currency.svelte-tokofk.svelte-tokofk{font-size:1.2rem}.button-container.svelte-tokofk.svelte-tokofk{display:flex;justify-content:space-between}.button-container.svelte-tokofk .btn.svelte-tokofk{background-color:#007bff;color:#fff;border:none;padding:10px 15px;font-size:1em;font-weight:600;cursor:pointer;border-radius:5px;transition:background-color .2s ease;width:48%}.button-container.svelte-tokofk .btn.svelte-tokofk:hover{background-color:#0056b3}.keyboard-container.svelte-mpm1bf.svelte-mpm1bf{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:70%;height:100%;box-sizing:border-box;margin-right:20px}.display.svelte-mpm1bf.svelte-mpm1bf{font-size:2em;margin-bottom:20px;padding:10px;border:1px solid #ccc;border-radius:5px;background-color:#eaeaea;width:100%;text-align:right;box-sizing:border-box}.keyboard.svelte-mpm1bf.svelte-mpm1bf{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:10px;width:100%;height:100%;box-sizing:border-box;margin-top:10px}.keyboard.svelte-mpm1bf button.svelte-mpm1bf{background-color:#007bff;color:#fff;border:none;font-size:1.5em;cursor:pointer;border-radius:5px;transition:background-color .2s ease;width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.keyboard.svelte-mpm1bf button.svelte-mpm1bf:hover{background-color:#0056b3}.keyboard.svelte-mpm1bf .enter-btn.svelte-mpm1bf{grid-column:span 3;grid-row:span 10;background-color:#28a745}.keyboard.svelte-mpm1bf .enter-btn.svelte-mpm1bf:hover{background-color:#218838}.keyboard.svelte-mpm1bf .clear-btn.svelte-mpm1bf{grid-column:span 3;grid-row:span 10;background-color:#dc3545}.keyboard.svelte-mpm1bf .clear-btn.svelte-mpm1bf:hover{background-color:#c82333}.keyboard.svelte-mpm1bf .erase-btn.svelte-mpm1bf{background-color:#ffc107;grid-column:span 2}.keyboard.svelte-mpm1bf .erase-btn.svelte-mpm1bf:hover{background-color:#e0a800}button.svelte-3vn5j9{font-size:2em;padding:20px;background-color:#f0f0f0;border:none;border-radius:50%;cursor:pointer;width:100px;height:100px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a}button.svelte-3vn5j9:active{background-color:#ccc}.pin-container.svelte-rzr6s7{display:flex;flex-direction:column;align-items:center;justify-content:center;height:95vh}.pin-display.svelte-rzr6s7{font-size:4em;letter-spacing:20px;margin-bottom:40px;text-align:center}.buttons.svelte-rzr6s7{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}button.svelte-rzr6s7{font-size:2em;padding:20px;background-color:#f0f0f0;border:none;border-radius:50%;cursor:pointer;width:100px;height:100px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a}button.svelte-rzr6s7:active{background-color:#ccc}.message.svelte-rzr6s7{margin-top:40px;font-size:2em;color:red}.container.svelte-o9maga{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}.chart.svelte-o9maga{width:100%;max-width:600px;height:400px}.backdrop.svelte-1bm69ou{background:#eaeaea;border-radius:30px;box-shadow:0 4px 8px #0003;align-content:center;height:auto;width:90%;padding-top:20px;padding-bottom:20px;margin:0 auto 20px}.number-display.svelte-1bm69ou{align-content:center;font-size:3rem;color:#000;text-align:center}.button.svelte-1ky61p{width:90%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;border-radius:5px;background-color:#007bff;color:#fff;font-size:1rem;padding-bottom:20px;padding-top:20px;margin:0 auto}.button-large.svelte-1ky61p{border-radius:20px;grid-column:1 / 4;font-size:5rem;background-color:#28a745;display:flex;align-items:center;justify-content:center}.square.svelte-10ic3ww{width:250px;height:80px;display:flex;left:1rem;position:absolute;flex-direction:row;align-items:center;justify-content:center;border-radius:8px;color:#fff;font-family:sans-serif;box-shadow:0 4px 8px #0003;transition:background-color .3s ease;gap:1rem}.square.good.svelte-10ic3ww{background-color:#73e79e}.square.warning.svelte-10ic3ww{background-color:#fcdc5f;color:#000}.square.stop.svelte-10ic3ww{background-color:#f26b6b}.emoji.svelte-10ic3ww{font-size:2rem;margin-bottom:.5rem}.text.svelte-10ic3ww{font-weight:700;font-size:1.5rem}.value.svelte-10ic3ww{font-size:1.3rem;opacity:.9}.footer.svelte-glcgdf{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:12vh;background-color:#f8f9fa;border-top:1px solid #ddd;z-index:1000}.center-buttons.svelte-glcgdf{display:flex;gap:1rem;margin:0 auto}button.svelte-glcgdf{background-color:#007bff;color:#fff;width:150px;height:80px;font-size:1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:bolder}button.svelte-glcgdf:hover{background-color:#0056b3}.lock-button.svelte-glcgdf{position:absolute;right:1rem;background-color:#007bff;color:#fff;font-size:1.5rem;border:none;border-radius:8px;cursor:pointer}.lock-button.svelte-glcgdf:hover{background-color:#0056b3}.backdrop.svelte-ofrmus{background:#eaeaea;border-radius:15px;box-shadow:0 4px 8px #0003;align-content:center;height:auto;width:90%;padding-top:20px;padding-bottom:20px;margin:20px auto 10px}.number-display.svelte-ofrmus{align-content:center;font-size:1.3rem;color:#000;text-align:center}.layout-container.svelte-1i32ec3{display:flex;width:100%;height:85vh}