*{color-scheme:dark}@supports (-webkit-touch-callout: none){.moon{animation:none!important;width:800px!important;height:800px!important;bottom:-750px!important;filter:none!important;will-change:auto!important}.stars{animation:none!important;will-change:auto!important}.floating-rocks{display:none!important}.parallax-container>*{transform:none!important;will-change:auto!important}*{-webkit-tap-highlight-color:transparent}.btn{-webkit-appearance:none}body.modal-open{position:fixed;width:100%;overflow:hidden}input[type=text],input[type=number],select,textarea{font-size:16px!important;-webkit-appearance:none;background-color:transparent!important}select{background-image:none;padding-right:.75rem;-webkit-appearance:none;background-color:transparent!important}.form-input,.form-select{background-color:transparent!important;-webkit-text-fill-color:var(--fg-primary)!important}}@supports (-webkit-overflow-scrolling: touch){.moon,.stars{animation:none!important}.floating-rocks{display:none!important}html{-webkit-overflow-scrolling:touch}body{overscroll-behavior:none}#app{-webkit-overflow-scrolling:touch}}:root{--bg-primary: rgba(10, 10, 10, .7);--bg-secondary: rgba(26, 26, 26, .8);--bg-tertiary: rgba(38, 38, 38, .9);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--fg-primary: #e5e5e5;--fg-secondary: #a3a3a3;--fg-tertiary: #737373;--accent: #2563eb;--accent-hover: #1d4ed8;--success: #10b981;--danger: #dc2626;--warning: #f59e0b;--border: rgba(255, 255, 255, .1);--shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--radius: 12px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark}body{min-height:100vh;overflow-x:hidden;background:#000;position:relative;color-scheme:dark}header{text-align:center;padding:2rem 0;position:relative;z-index:11}header p{font-size:1.125rem;color:var(--fg-secondary);letter-spacing:.05em;margin-top:-.5rem}.parallax-container{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,#ddd,transparent),radial-gradient(1px 1px at 50px 160px,#fff,transparent),radial-gradient(1px 1px at 130px 40px,#fff,transparent),radial-gradient(2px 2px at 80px 10px,#eee,transparent);background-repeat:repeat;background-size:200px 200px;animation:stars 200s linear infinite;z-index:1}.moon{position:absolute;width:1600px;height:1600px;background-image:url(/assets/moon-DCQvEkEv.webp);background-size:cover;background-position:center;border-radius:50%;bottom:-1500px;left:50%;transform:translate(-50%) rotate(0);filter:drop-shadow(0 0 100px rgba(255,255,255,.5)) drop-shadow(0 0 200px rgba(255,255,255,.3));animation:float 60s ease-in-out infinite;z-index:2}.moon:before{display:none}.moon-surface{display:none}.floating-rocks{position:absolute;background:#4a4a4a;border-radius:50%;box-shadow:0 5px 20px rgba(0,0,0,.5);z-index:3}.rock-1{width:40px;height:35px;bottom:20%;left:10%;animation:float-rock 15s ease-in-out infinite}.rock-2{width:60px;height:50px;bottom:30%;right:20%;animation:float-rock 20s ease-in-out infinite reverse}.rock-3{width:30px;height:25px;top:40%;left:30%;animation:float-rock 25s ease-in-out infinite}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}@keyframes float{0%{transform:translate(-50%) translateY(0) rotate(0)}50%{transform:translate(-50%) translateY(-10px) rotate(15deg)}to{transform:translate(-50%) translateY(0) rotate(30deg)}}@keyframes float-rock{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(90deg)}50%{transform:translateY(20px) translate(-10px) rotate(180deg)}75%{transform:translateY(-10px) translate(30px) rotate(270deg)}}#app{position:relative;z-index:10}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5em}h1{font-size:3.2rem;font-family:system-ui,-apple-system,sans-serif;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transform:scaleX(.7);transform-origin:center;color:var(--fg-primary);text-shadow:0 0 20px rgba(59,130,246,.3);margin-bottom:.25em;display:inline-block}h2{font-size:1.25rem}h3{font-size:1.125rem}.material-icons{font-size:18px;vertical-align:middle;margin-right:4px}.three-column-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.three-column-layout{grid-template-columns:1fr;gap:1rem}}.column{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.column h2{margin-bottom:1rem;font-size:1.125rem}.portfolio-bars{display:flex;flex-direction:column;gap:.75rem}.portfolio-summary{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--glass-border)}.total-value{display:flex;justify-content:space-between;align-items:center;font-size:1.125rem;font-weight:500}.total-value .text-primary-light{color:#60a5fa;font-weight:600}.allocation-bar{padding:.75rem;background:transparent;border:1px solid var(--glass-border);border-radius:8px;transition:var(--transition)}.allocation-bar.clickable{cursor:pointer}.allocation-bar.clickable:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.asset-info{display:flex;align-items:center;gap:.5rem}.asset-symbol{font-weight:600;font-size:.875rem}.asset-price{font-size:.75rem;color:var(--fg-secondary)}.asset-change{font-size:.75rem;font-weight:500}.asset-values{display:flex;flex-direction:column;align-items:flex-end;gap:.125rem}.asset-allocation{font-size:.875rem;color:var(--fg-primary);font-weight:600}.asset-usd{font-size:.75rem;color:var(--fg-secondary)}.progress-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;transition:width .3s ease;border-radius:4px}.current-fill,.target-fill{background:var(--accent)}.total-allocation{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-top:.75rem;border-top:1px solid var(--border);font-weight:600}.total-allocation.valid{color:var(--success)}.total-allocation.invalid{color:#f87171}.form-group{margin-bottom:1rem}.form-group+.form-group{margin-top:1rem}.form-label{display:flex;align-items:center;margin-bottom:.25rem;font-size:.875rem;font-weight:500;color:var(--fg-secondary)}.form-input,.form-select{width:100%;padding:.5rem .75rem;font-size:.875rem;background:var(--glass-bg);background-color:var(--glass-bg)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:var(--fg-primary);border:1px solid var(--glass-border);border-radius:8px;transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-text-fill-color:var(--fg-primary);opacity:1}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.input-group{position:relative;display:flex;align-items:center}.strategy-selector{display:flex;align-items:center;gap:.5rem}.strategy-selector .form-select{flex:1}.form-select{background-color:var(--glass-bg)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a3a3a3' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2.5rem}.audio-play-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:var(--glass-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--glass-border);border-radius:8px;color:var(--accent);cursor:pointer;transition:var(--transition)}.audio-play-btn:hover{background:rgba(59,130,246,.1);border-color:var(--accent);transform:translateY(-1px)}.audio-play-btn:active{transform:translateY(0)}.audio-play-btn.playing{background:rgba(59,130,246,.15);border-color:var(--accent);color:var(--accent);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,0)}to{box-shadow:0 0 rgba(59,130,246,0)}}.audio-play-btn .material-icons{font-size:1.25rem}.input-prefix{position:absolute;left:.75rem;color:var(--fg-tertiary);font-size:.875rem;pointer-events:none}.input-group .form-input{padding-left:1.75rem}.input-suffix{font-size:.875rem;color:var(--fg-tertiary);margin-left:.5rem}.info-icon{display:inline-flex;align-items:center;margin-left:.25rem;cursor:help}.info-icon .material-icons{font-size:16px;color:var(--fg-tertiary);margin:0}.info-icon:hover .material-icons{color:var(--accent)}.tooltip{position:fixed;background:rgba(26,26,26,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--fg-primary);padding:.75rem 1rem;border-radius:8px;border:1px solid var(--glass-border);font-size:.8125rem;line-height:1.4;max-width:280px;z-index:10000;box-shadow:0 4px 20px rgba(0,0,0,.5);pointer-events:none;opacity:0;display:none;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}.tooltip.visible{opacity:1;transform:translateY(0)}.tooltip:before{content:"";position:absolute;top:var(--arrow-top, -6px);bottom:var(--arrow-bottom, auto);left:50%;transform:translate(-50%) var(--arrow-rotation, none);width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent rgba(26,26,26,.95) transparent;pointer-events:none}.trades-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.trades-header h3{margin:0}.no-trades{text-align:center;padding:2rem;color:var(--fg-tertiary)}.no-trades .material-icons{font-size:48px;color:var(--success);margin-bottom:.5rem;display:block}.trades-list{display:flex;flex-direction:column;gap:.5rem}.trade-item{display:grid;grid-template-columns:100px 1fr auto;gap:.5rem;padding:.5rem;background:var(--bg-primary);border-radius:4px;font-size:.875rem;align-items:center}.trade-item.BUY{border-left:3px solid var(--success)}.trade-item.SELL{border-left:3px solid var(--danger)}.trade-action{display:flex;align-items:center;font-weight:600}.trade-action .material-icons{margin-right:4px}.trade-item.BUY .trade-action{color:var(--success)}.trade-item.SELL .trade-action{color:#f87171}.trade-symbol{font-weight:500}.trade-amount{text-align:right;color:var(--fg-secondary)}.cost-summary{display:flex;justify-content:space-between;padding:.75rem;margin-top:.75rem;background:var(--bg-primary);border-radius:4px;font-size:.875rem}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:rgba(26,26,26,.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);width:90%;max-width:400px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:1.125rem}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--fg-tertiary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:var(--transition)}.modal-close:hover{background:var(--bg-tertiary);color:var(--fg-primary)}.modal-body{padding:1.5rem}.privacy-notice{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--glass-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid var(--glass-border);border-radius:8px;margin-bottom:1.5rem}.privacy-notice .material-icons{color:var(--success);font-size:24px}.privacy-notice p{margin:0;font-size:.875rem;color:var(--fg-secondary);line-height:1.4}.input-autocomplete{position:relative}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--bg-secondary);background-color:rgba(26,26,26,.95)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;display:none;z-index:100}.autocomplete-item{padding:.75rem;cursor:pointer;font-size:.875rem;transition:var(--transition)}.autocomplete-item:hover{background:var(--bg-tertiary);color:var(--accent)}.autocomplete-item:not(:last-child){border-bottom:1px solid var(--border)}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:var(--transition);white-space:nowrap;text-decoration:none;background:var(--bg-tertiary);color:var(--fg-primary)}.btn:hover{background:var(--accent);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-sm .material-icons{font-size:16px}.actions{display:flex;gap:.5rem;margin-top:1rem}.strategy-metrics{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:1rem;margin-bottom:1rem}.metric-item{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;font-size:.875rem}.metric-label{color:var(--fg-secondary);display:flex;align-items:center}.metric-value{font-weight:600;color:var(--fg-primary)}.asset-metrics{margin-top:.5rem;display:flex;gap:1rem}.loading-state,.error-state{text-align:center;padding:2rem;color:var(--fg-tertiary)}.loading-state .material-icons{font-size:48px;color:var(--accent);margin-bottom:.5rem;display:block}.error-state .material-icons{font-size:48px;color:#f87171;margin-bottom:.5rem;display:block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{animation:rotate 1s linear infinite}.strategy-details{background:var(--glass-bg);background-color:rgba(255,255,255,.05)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:10px;padding:1rem;margin-bottom:2rem;font-size:.875rem;box-shadow:0 4px 16px rgba(0,0,0,.2);color:var(--fg-primary)}.strategy-details p{color:var(--fg-secondary);margin-bottom:.75rem}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.pros-cons-grid{grid-template-columns:1fr;gap:1rem}}.pros-header,.cons-header{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.pros-header{color:#10b981}.cons-header{color:#ef4444}.pros-list,.cons-list{list-style:none;padding:0;margin:0}.pros-list li,.cons-list li{padding:.25rem 0;color:var(--fg-secondary);font-size:.8125rem;line-height:1.4}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--fg-tertiary)}.text-primary{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-primary-light{color:#60a5fa}.text-success-light{color:#34d399}.text-danger-light{color:#f87171}.text-warning-light{color:#fbbf24}.text-sm{font-size:.875rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){html{font-size:14px}.container{padding:0 .75rem}.hide-mobile{display:none}.modal-content{width:95%}.moon{width:800px;height:800px;bottom:-750px;animation:none!important}.stars{animation:none!important}.floating-rocks{display:none!important}}@media print{body{background:#fff;color:#000}.no-print{display:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}