@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";.receipt-panel{position:fixed;top:20px;left:20px;width:25%;padding:20px;background:#ffffff1a;border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(30px);box-shadow:0 4px 6px #0000001a;overflow-y:auto;scrollbar-width:thin;font-family:Open Sans,sans-serif;transition:backdrop-filter .3s ease,background-color .3s ease}.receipt-panel:hover{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(45px);background:#ffffff1a}.receipt-panel::-webkit-scrollbar{width:8px;height:8px}.receipt-panel::-webkit-scrollbar-thumb{background-color:#ffffffb3;border-radius:10px}.receipt-panel::-webkit-scrollbar-thumb:hover{background-color:#ffffffe6}.receipt-panel::-webkit-scrollbar-track{background:#0000}.receipt-panel h2{margin-top:0;color:#0e0e0e;font-size:medium;font-weight:700;padding-bottom:5px}.receipt-panel h3{margin-top:0;color:#0e0e0e;font-size:medium;font-weight:500;border-top:1px solid rgba(0,0,0,.1);padding-bottom:1px}.receipt-panel p{margin-top:0;color:#0e0e0e;font-size:small;padding-bottom:1px}.receipt-panel ul{list-style-type:none;padding-left:0}.receipt-panel ul li{color:#000;font-size:small;margin-bottom:10px;padding:10px 0}.receipt-panel ul li:last-child{border-bottom:none}.receipt-panel ul li:hover{background-color:#0000000d}.clickable{cursor:pointer;color:#007bff;text-decoration:underline}.clickable:hover{color:#0056b3;text-decoration:underline}.blinking{animation:blinking 1s infinite}@keyframes blinking{0%{opacity:1}50%{opacity:0}to{opacity:1}}.receipt-bottom{text-align:center;margin-top:10px}.checkout-button{padding:10px 20px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;margin-top:10px}.checkout-button:hover{background-color:#218838}.total-bar-chart{position:fixed;right:20px;top:50%;transform:translateY(-50%);max-width:20%;height:auto;padding:0;background:#ffffff1a;border-radius:10px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(30px);box-shadow:0 4px 6px #0000001a;font-family:Open Sans,sans-serif;transition:backdrop-filter .3s ease,background-color .3s ease}.total-bar-chart:hover{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(45px);background:#ffffff1a}html,body,#root{height:100%;margin:0;padding:0}.main-app-container{display:grid;grid-template-rows:1fr auto;height:100%;width:100%;font-family:Open Sans,sans-serif}.nav-container{grid-row:3/4;position:relative;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:auto;padding:15px 20px;box-sizing:border-box;background-color:#000000c0;font-family:Open Sans,sans-serif;border-radius:0}.blinking-cursor{display:inline-block;width:2px;height:1em;background-color:#fff;margin-left:2px;animation:blink-cursor 1s step-start infinite}@keyframes blink-cursor{50%{opacity:0}}.section-text{flex-grow:1;margin:0 20px;padding:10px;font-size:1em;color:#fff;font-weight:400;text-align:center;max-height:3.6em;overflow-y:auto;word-wrap:break-word;font-family:Open Sans,"Apple Color Emoji",sans-serif}.nav-container{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;box-sizing:border-box;background-color:#0007;font-family:Open Sans,sans-serif;border-radius:0}.nav-button{background-color:transparent;color:#fff;border:2px solid #fff;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:8px;font-family:Open Sans,sans-serif;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.nav-button:hover{background-color:#fff;color:#000}.play-button{background-color:transparent;color:#fff;border:2px solid #fff;padding:5px 15px;margin-left:10px;font-size:12px;cursor:pointer;border-radius:8px;font-family:Open Sans,sans-serif;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.play-button:hover{background-color:#fff;color:#000}.blinking-cursor{display:inline-block;width:2px;height:1em;background-color:#fff;margin-left:2px;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.section-text{flex-grow:1;margin:0 20px;padding:10px;font-size:1em;color:#fff;font-weight:400;text-align:center;max-height:3.6em;overflow-y:auto;word-wrap:break-word;font-family:Open Sans,sans-serif}.section-text::-webkit-scrollbar{width:8px}.section-text::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}body{font-family:Open Sans,sans-serif;margin:0;padding:0}html,body,#root{overflow-x:hidden;overflow-y:auto;width:100%}.grid-container{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;padding:20px;min-height:100vh;box-sizing:border-box}.text-block{position:relative;grid-column:2 / 3;z-index:1}.background-image{position:relative;top:0;left:0;width:100%;height:auto;z-index:0;pointer-events:none}.canvas-container{width:100%;height:400px;margin:20px 0;background-color:#e6fdff}h1{position:relative;font-size:72px;font-weight:600;color:#292929;margin-bottom:15px;z-index:1}.divider{grid-column:2/3;border:0;height:1px;background:#ddd;margin:20px 0}.credit-line{grid-column:2/3;font-style:italic;font-size:14px;color:#777;margin-bottom:20px}h2{font-size:24px;font-weight:600;color:#444;margin-bottom:15px}.paragraph-text{font-family:Open Sans,sans-serif;font-size:16px;line-height:1.8;color:#414141}@media (max-width: 768px){.grid-container{grid-template-columns:1fr;padding:10px}.text-block{grid-column:1 / 2}h1{font-size:48px}h2{font-size:20px}}