.app-demo{margin-top:2px}.app-desktop{--app-panel-right:94px;--app-panel-width:360px;--app-text:#352a42;--app-secondary:#64536d;--app-line:#6a48781f;isolation:isolate;background:#4e43c4 url(/demo/wallpaper.svg) 50%/cover;border:1px solid #554aa247;border-radius:14px;height:624px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;box-shadow:0 24px 55px -24px #37307350,0 3px 10px #29264815}.app-desktop:before{content:"";border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#1208434d,#0000 60%);position:absolute;inset:0}.app-menu-bar{color:#fff;background:#2d185430;border-bottom:1px solid #ffffff12;border-radius:13px 13px 0 0;justify-content:space-between;align-items:center;height:32px;padding:0 19px;font-size:11px;display:flex}.app-menu-left,.app-menu-system{align-items:center;gap:19px;display:flex}.app-menu-system{gap:14px}.app-menu-left b{font-size:12px}.app-ticker{right:calc(var(--app-panel-right) + var(--app-panel-width) / 2 - 84px);color:#fff;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0 0 5px 5px;justify-content:center;align-items:center;gap:7px;width:168px;height:31px;font-size:12px;font-weight:600;display:flex;position:absolute;top:0}.app-ticker.is-active,.app-ticker:hover{background:#ffffff26}.app-desktop-copy{color:#fff;width:calc(100% - 535px);position:absolute;top:160px;left:52px}.app-preview-kicker{letter-spacing:2.2px;align-items:center;gap:8px;font-size:9px;font-weight:650;display:flex}.app-preview-kicker>span{background:#c4f1eb;border-radius:50%;width:5px;height:5px}.app-desktop-copy h2{letter-spacing:-1.6px;margin-top:24px;font-size:clamp(32px,3.4vw,46px);font-weight:530;line-height:1.18}.app-desktop-copy h2 em{color:#eddaff;font-family:Georgia,Songti SC,serif;font-weight:400}.app-desktop-copy p{color:#eee8ff;max-width:285px;margin-top:22px;font-size:13px;line-height:1.85}.app-desktop-hint{background:#28195235;border:1px solid #ffffff35;border-radius:8px;align-items:center;gap:9px;margin-top:30px;padding:11px 14px;font-size:11px;display:inline-flex}.app-popover{top:46px;right:var(--app-panel-right);width:var(--app-panel-width);color:var(--app-text);z-index:3;filter:drop-shadow(0 18px 22px #160c4238);position:absolute}.app-popover-arrow{z-index:-1;clip-path:polygon(50% 0,100% 100%,0 100%);background:#efcdf3;border:1px solid #82658480;width:22px;height:11px;position:absolute;top:-10px;left:calc(50% - 11px)}.app-popover-inner{-webkit-backdrop-filter:blur(40px)saturate(1.45);backdrop-filter:blur(40px)saturate(1.45);background:linear-gradient(125deg,#ffddf6e8,#f0e3fae8);border:1px solid #83658a87;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px #ffffffa8,0 2px 7px #10083326}.app-panel-header{border-bottom:1px solid var(--app-line);align-items:center;gap:7px;height:54px;padding:10px 14px;display:flex}.app-panel-header strong{letter-spacing:.1px;font-size:13px;font-weight:650;display:block}.app-panel-header small{color:var(--app-secondary);margin-top:1px;font-size:10px;display:block}.app-panel-tools{align-items:center;gap:6px;margin-left:auto;display:flex}.app-panel-tools button,.app-icon-button{width:29px;height:29px;color:var(--app-secondary);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.app-panel-tools button:hover,.app-icon-button:hover{background:#64457116}.app-panel-tools button:disabled{cursor:wait}.app-watchlist{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#73617c80 transparent;height:436px;padding:6px;overflow-y:auto}.app-quote-row{text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:55px;padding:8px 10px;display:flex}.app-quote-row:hover{background:#50345d0d}.app-quote-row:active{background:#50345d18}.app-symbol-logo{background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:23px;font-weight:700;line-height:1;display:grid;overflow:hidden}.app-symbol-logo img{object-fit:contain;width:25px;height:25px}.app-logo-btc>span{color:#fff;text-align:center;background:#f7931a;border-radius:50%;width:23px;height:23px;font-size:21px;font-weight:500;line-height:24px}.app-logo-goog>span{-webkit-text-fill-color:transparent;background:conic-gradient(#4285f4 0deg 95deg,#34a853 95deg 165deg,#fbbc05 165deg 230deg,#ea4335 230deg 305deg,#4285f4 305deg);-webkit-background-clip:text;background-clip:text;font-family:Arial,sans-serif}.app-logo-meta{font-size:30px}.app-quote-name{flex:1;min-width:0}.app-quote-name strong{align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.app-quote-name strong>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-quote-name svg{color:#bd6900}.app-quote-name .is-unpinned{visibility:hidden}.app-quote-name small{white-space:nowrap;color:var(--app-secondary);margin-top:4px;font-size:9px;display:block}.app-quote-row .spark{color:#188946;flex-shrink:0;width:54px;height:26px}.app-quote-row .spark.down{color:#c72849}.app-quote-price{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;gap:4px;min-width:79px;display:flex}.app-quote-price strong{letter-spacing:.2px;font-size:12px;font-weight:650}.app-quote-price small{color:#146633;background:#80c59a32;border-radius:12px;padding:2px 5px;font-size:9px;font-weight:650}.app-quote-price small.is-negative{color:#aa2140;background:#f286a032}.app-panel-footer{border-top:1px solid var(--app-line);height:31px;color:var(--app-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:0 13px;font-size:9px;display:flex}.app-panel-footer button{color:inherit;background:0 0;border:0;padding:6px 2px;font-size:10px}.app-desktop-label{color:#fff;letter-spacing:.4px;background:#21104961;border-radius:5px;padding:6px 9px;font-size:10px;position:absolute;bottom:22px;left:24px}.app-reopen{right:var(--app-panel-right);width:var(--app-panel-width);color:#fff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#251c5470;border:1px solid #ffffff40;border-radius:12px;padding:19px;font-size:12px;position:absolute;top:66px}.app-demo-toolbar{justify-content:space-between;align-items:center;gap:10px;padding-top:18px;display:flex}.app-demo-modes{border:1px solid var(--line);background:#efeee8;border-radius:9px;gap:4px;padding:4px;display:flex}.app-demo-modes button{color:var(--muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.app-demo-modes button[aria-pressed=true]{color:var(--ink);background:#fffdf8;box-shadow:0 1px 4px #33332216}.app-demo-actions{gap:5px;display:flex}.app-demo-actions button{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;display:grid}.app-demo-actions button:hover{background:#eeede7}.app-demo-caption{color:var(--muted);justify-content:space-between;gap:20px;padding:12px 0 0;font-size:10px;line-height:1.8;display:flex}.app-search-pane{flex-direction:column;height:436px;display:flex}.app-search-field{color:var(--app-secondary);background:#79618612;border:1px solid #63436a26;border-radius:7px;align-items:center;gap:8px;margin:11px 12px 0;padding:8px 9px;display:flex}.app-search-field input{width:100%;min-width:0;color:var(--app-text);background:0 0;border:0;outline:none;font-size:12px}.app-search-field:focus-within{outline-offset:2px;outline:2px solid #7761b6}.app-search-field input::placeholder{color:var(--app-secondary)}.app-search-note{color:var(--app-secondary);margin:9px 14px;font-size:10px}.app-search-results{overscroll-behavior:contain;scrollbar-width:thin;padding:0 6px 6px;overflow-y:auto}.app-search-result{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.app-search-result:hover{background:#50345d0d}.app-search-result>span:nth-child(2){flex:1;min-width:0}.app-search-result strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.app-search-result small{color:var(--app-secondary);margin-top:4px;font-size:9px;display:block}.app-result-action{color:var(--app-secondary);align-items:center;gap:3px;font-size:9px;display:flex}.app-search-result[aria-disabled=true] .app-result-action{color:#146633}.app-empty{text-align:center;color:var(--app-secondary);padding:55px 15px;font-size:12px}.app-settings-pane{min-height:276px;padding:14px 12px}.app-settings-group{border:1px solid var(--app-line);background:#60356f08;border-radius:10px;padding:0 11px}.app-settings-group label{justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:11px;display:flex}.app-settings-group label+label{border-top:1px solid var(--app-line)}.app-settings-group select{font:inherit;color:var(--app-text);background:#ffffff50;border:1px solid #765e8538;border-radius:5px;max-width:145px;padding:3px 5px}.app-settings-group .app-switch{appearance:none;cursor:pointer;background:#91859e;border-radius:10px;flex-shrink:0;width:29px;height:18px;margin:0;position:relative}.app-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.app-settings-group .app-switch:checked{background:#7260ce}.app-switch:checked:after{transform:translate(11px)}.app-settings-note{color:var(--app-secondary);padding:14px 4px;font-size:10px;line-height:1.8}.app-demo :is(button,select,input,[tabindex]):focus-visible{outline-offset:-2px;outline:2px solid #8763d8}.app-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-spinning{animation:.65s linear infinite app-spin}@keyframes app-spin{to{transform:rotate(360deg)}}.app-desktop.is-dark{--app-text:#f0eafa;--app-secondary:#cbbfda;--app-line:#dfc8ff26}.app-desktop.is-dark:before{background:#12092e61}.is-dark .app-popover-inner{background:linear-gradient(125deg,#362740ed,#24263bef);border-color:#c9abd74d}.is-dark .app-popover-arrow{background:#3a2c47;border-color:#c9abd74d}.is-dark .app-quote-row:hover,.is-dark .app-panel-tools button:hover,.is-dark .app-search-result:hover{background:#ffffff10}.is-dark .app-quote-row .spark{color:#52d981}.is-dark .app-quote-row .spark.down{color:#ff7992}.is-dark .app-quote-price small,.is-dark .app-search-result[aria-disabled=true] .app-result-action{color:#88ed9d}.is-dark .app-quote-price small.is-negative{color:#ff95ad}.is-dark .app-quote-name svg{color:#ffc478}.is-dark .app-settings-group select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#443c53}.is-dark .app-search-field{border-color:var(--app-line);background:#ffffff0c}@media (width<=1000px){.app-desktop{--app-panel-right:32px}.app-desktop-copy{width:calc(100% - 460px);left:30px}.app-desktop-copy h2{font-size:33px}.app-desktop-copy p{font-size:12px}.app-menu-left>span,.app-menu-system svg{display:none}}@media (width<=760px){.app-desktop{--app-panel-width:340px;--app-panel-right:calc(50% - 170px);height:608px}.app-desktop-copy,.app-menu-left b{display:none}.app-desktop-label{width:fit-content;margin:auto;bottom:16px;left:0;right:0}}@media (width<=420px){.app-desktop{--app-panel-width:calc(100% - 18px);--app-panel-right:9px;height:565px}.app-menu-bar{padding:0 12px}.app-menu-system{font-size:10px}.app-ticker{width:160px;font-size:11px;right:calc(50% - 80px)}.app-popover{top:46px}.app-watchlist,.app-search-pane{height:390px}.app-panel-header{padding:10px 11px}.app-quote-row{gap:7px;padding:8px 6px}.app-quote-row .spark{width:43px}.app-symbol-logo{width:29px;height:29px}.app-quote-price{min-width:72px}.app-quote-price strong{font-size:11px}.app-quote-name strong{font-size:10px}.app-demo-modes button{gap:4px;padding:9px 8px;font-size:10px}.app-demo-modes button svg{display:none}.app-demo-actions{gap:4px}.app-demo-actions button{width:30px;height:32px}.app-demo-caption{gap:12px;font-size:9px}.app-demo-caption>span:last-child{text-align:right;min-width:82px}.app-result-action>span{display:none}.app-settings-group select{max-width:122px}}@media (width<=360px){.app-quote-row .spark{display:none}.app-demo-caption{flex-direction:column;gap:4px}.app-demo-caption>span:last-child{text-align:left;min-width:0}}@media (prefers-reduced-motion:reduce){.app-spinning{animation:none}.app-switch:after{transition:none}}
