.invest-container.svelte-170gcs1{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:linear-gradient(#fff,#dadada);overflow:hidden}.invest-window.svelte-170gcs1{width:50%;height:56%;background-color:#010;box-shadow:0 4px 20px #000;border-radius:.3rem;position:relative;background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;padding:1rem;overflow:visible}.stonk-info.svelte-170gcs1{font-size:1.5rem;font-family:Poppins,sans-serif;font-weight:600;color:#0f8}.stonk-extra.svelte-170gcs1{font-family:Poppins,sans-serif;font-size:1.1rem}.actions.svelte-170gcs1 button:where(.svelte-170gcs1):nth-child(1){background-color:#00c267;box-shadow:0 0 10px 2px #00ff00b3;transition:all .3s ease}.actions.svelte-170gcs1 button:where(.svelte-170gcs1):nth-child(1):hover{background-color:#00923d}.actions.svelte-170gcs1 button:where(.svelte-170gcs1):nth-child(2){background-color:red;box-shadow:0 0 10px 2px #ff0000b3;transition:all .3s ease}.actions.svelte-170gcs1 button:where(.svelte-170gcs1):nth-child(2):hover{background-color:#b00}.invest-actions.svelte-170gcs1{color:#fff;border:none;font-size:3rem;padding:.6rem 2rem;border-radius:.5rem;cursor:pointer;transition:box-shadow .3s ease;margin:1rem;font-family:Noto Sans TC,sans-serif;font-weight:700}.sparkline.svelte-170gcs1{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);gap:4px;height:120px;width:100%;pointer-events:none;overflow:visible}.spark-bar.svelte-170gcs1{width:10px;border-radius:2px;transition:height .3s ease}.spark-bar.up.svelte-170gcs1{background:#0f8;height:60px;align-self:flex-start}.spark-bar.down.svelte-170gcs1{background:red;height:60px;align-self:flex-end}.balance-card.svelte-1rv0uyg{position:fixed;bottom:1.5rem;right:1.5rem;background-image:radial-gradient(#0f1f0f 1px,transparent 0);background-size:40px 40px;background-color:#010;color:#fff;padding:1.5rem 2rem;border-radius:1rem;box-shadow:0 4px 20px #000;text-align:center;width:300px;font-family:Poppins,sans-serif;z-index:1000}.label.svelte-1rv0uyg{font-size:1rem;color:#bbb;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:.5rem;letter-spacing:1px;text-transform:uppercase}.amount.svelte-1rv0uyg{font-size:2.5rem;font-weight:700;color:#0f8}.clear-btn.svelte-1rv0uyg{background-color:#010;color:#0f8;border:2px solid #00ff88;border-radius:.5rem;padding:.4rem 1rem;font-weight:700;font-family:Poppins,sans-serif;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.clear-btn.svelte-1rv0uyg:hover{background-color:#0f8;color:#010;box-shadow:0 0 10px #0f8}.clear-btn.svelte-1rv0uyg:focus{outline:none;box-shadow:0 0 10px #0f8}.heading.svelte-16mrrh2{font-size:1.8rem;font-family:Poppins,sans-serif;font-weight:600;color:#000}.action-buttons.svelte-16mrrh2{width:3.5rem;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;margin-left:.5rem;font-weight:700;font-family:Noto Sans TC,sans-serif;font-size:1rem;cursor:pointer;transition:all .3s ease}.instructions-container.svelte-16mrrh2{max-width:480px;margin:10% auto;padding:1.5rem 2rem;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#222;font-family:Poppins,sans-serif;line-height:1.6}.instructions-container.svelte-16mrrh2 h2:where(.svelte-16mrrh2){font-weight:700;font-size:1.8rem;margin-bottom:1rem;color:#333;text-align:center}.instructions-container.svelte-16mrrh2 h3:where(.svelte-16mrrh2){font-weight:600;font-size:1.2rem;margin-top:2rem;margin-bottom:.6rem;color:#555}.instructions-container.svelte-16mrrh2 ul:where(.svelte-16mrrh2){padding-left:1.2rem;margin:0;list-style-type:disc}.instructions-container.svelte-16mrrh2 li:where(.svelte-16mrrh2){margin-bottom:.5rem;font-size:1rem}.instructions-container.svelte-16mrrh2 strong:where(.svelte-16mrrh2){color:#000}.instructions-btn.svelte-16mrrh2{background-color:#007acc;box-shadow:0 0 10px 2px #00aeff80}.instructions-btn.svelte-16mrrh2:hover{background-color:#09f;box-shadow:0 0 15px 5px #00aeffcc}.info-btn.svelte-16mrrh2{background-color:#db6e00;box-shadow:0 0 10px 2px #ff8c0080}.info-btn.svelte-16mrrh2:hover{background-color:#ff8000;box-shadow:0 0 15px 5px #ff8c00cc}
