@charset "UTF-8";
:root{
 font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif;color-scheme:light;
 --bg:#f3f6fb;--surface:#fff;--soft:#f4f7fc;--raised:#fff;--ink:#18263e;--muted:#738199;--line:#e3eaf3;
 --accent:#536dfe;--accent-soft:#edf0ff;--danger:#d5455d;--shadow:0 16px 60px #172c5012;--ring:#6c83ff;
 --chart-bg:#fff;--chart-ink:#283850;--chart-muted:#8c99ad;--chart-grid:#edf1f7;--chart-line:#dfe6f0;--chart-crosshair:#8796af;--candle-up:#fff;--candle-down:#344560;
}
body.dark{
 color-scheme:dark;--bg:#0b1220;--surface:#121d30;--soft:#19263b;--raised:#1b2940;--ink:#e8edf7;--muted:#91a1bb;--line:#27354d;
 --accent:#788cff;--accent-soft:#24325a;--danger:#ff8194;--shadow:0 24px 90px #03081466;
 --chart-bg:#101a2b;--chart-ink:#d3ddeb;--chart-muted:#7f91ad;--chart-grid:#1b293e;--chart-line:#2a3850;--chart-crosshair:#657a9b;--candle-up:#101a2b;--candle-down:#adbbd0;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-text-size-adjust:100%}
button,input,select{font:inherit;color:inherit}
button,input,select,a,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;font-weight:600}
button,input,select{min-height:46px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 14px}
button:disabled{cursor:not-allowed;opacity:.45}
button:hover:not(:disabled){background:var(--soft)}
button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px #536dfe1f}
body.dark button.primary{background:#667dff;border-color:#667dff}
button.primary:hover:not(:disabled){background:#435be3;border-color:#435be3}
button.danger{color:var(--danger)}button.ghost{background:transparent;border-color:transparent}
button.icon{display:grid;place-items:center;width:44px;min-width:44px;min-height:44px;flex:0 0 44px;padding:10px}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--ring);outline-offset:3px}
input,select{width:100%;min-width:0;background:var(--soft);font-weight:450}
input::placeholder{color:var(--muted);opacity:.75}input:focus,select:focus{border-color:var(--accent)}
input[type=checkbox]{appearance:none;position:relative;flex:0 0 19px;width:19px;min-width:19px;min-height:19px;height:19px;margin:0;padding:0;border:1.5px solid var(--chart-muted);border-radius:5px;background:transparent;cursor:pointer}
input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:0}
small,.muted{color:var(--muted)}a{color:var(--accent);text-underline-offset:4px}
h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;letter-spacing:-.035em}
h1{font-size:clamp(32px,4vw,64px);line-height:1.08}h2{font-size:25px;line-height:1.2}h3{font-size:16px}
p{overflow-wrap:anywhere}svg{display:block;flex-shrink:0}button svg{width:20px;height:20px}[hidden]{display:none!important}
.boot{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:18px;font-size:13px;color:var(--muted)}
.boot::before{content:"";width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}
.logo{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}
.logo img{width:40px;height:40px}.logo small{display:block;font-size:9px;font-weight:600;letter-spacing:2px;margin-top:-2px}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--accent);text-transform:uppercase}
.pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px;font-weight:600;border:1px solid var(--line);border-radius:30px;padding:6px 11px}
.dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.row{display:flex;align-items:center;gap:10px;min-width:0}.between{justify-content:space-between}.stack{display:grid;gap:20px}
.error,.info{border:1px solid var(--line);background:var(--soft);padding:14px 16px;border-radius:12px;font-size:12px;line-height:1.6}
.error{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.info{color:var(--muted)}.success{color:#23ac8d}
.auth{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);min-height:100svh}
.auth-story{position:relative;isolation:isolate;background:#101a2d;color:#edf2fb;padding:clamp(36px,5vw,80px);display:flex;flex-direction:column;justify-content:space-between;gap:60px;overflow:hidden}
.auth-story::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 10% 60%,#2a547833,transparent 65%),radial-gradient(ellipse at 90% 20%,#605fe924,transparent 65%)}
.auth-story .logo small,.auth-story small{color:#8b9dbb}.auth-story .logo img{width:42px;height:42px}
.auth-story h1{font-size:clamp(42px,4.5vw,70px);letter-spacing:-.055em;max-width:660px;line-height:1.1}.auth-story h1 em{color:#8b9dff;font-style:normal}
.auth-story .eyebrow{color:#a2b0ce;margin-bottom:22px;display:flex;align-items:center;gap:12px}.auth-story .eyebrow::before{content:"";width:23px;height:2px;background:#8b9dff}
.auth-story p{max-width:410px;margin-top:24px;font-size:15px;line-height:1.8;color:#a9b8d1}
.market-art{position:relative;height:180px;margin:42px -12px 0;background:repeating-linear-gradient(0deg,transparent,transparent 44px,#93a4c60c 45px),repeating-linear-gradient(90deg,transparent,transparent 79px,#93a4c60c 80px)}
.market-art svg{width:100%;height:100%;overflow:visible}.art-note{font-size:9px;letter-spacing:1.6px;color:#637897;margin-top:8px}
.auth-metrics{display:flex;gap:34px;margin-top:34px}.auth-metrics>div{display:grid;gap:2px}.auth-metrics strong{font-size:19px;font-weight:550;color:#e8eefb;letter-spacing:-.5px}.auth-metrics small{font-size:11px}
.auth-story-footer{display:flex;align-items:center;gap:8px;color:#7f94b5;font-size:11px}.auth-story-footer svg{width:15px;height:15px}
.auth-main{display:grid;align-content:center;padding:clamp(28px,6vw,90px);background:var(--surface)}
.auth-form{width:100%;max-width:390px;margin:auto}.auth-form h2{font-size:31px;letter-spacing:-1px}.auth-form>p{margin-top:10px;font-size:14px;line-height:1.7}
.auth-form form{display:grid;gap:20px}.auth-form form>button.primary{margin-top:4px;min-height:50px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}
.auth-form input{min-height:50px}.auth-form form>small{font-size:11px;line-height:1.6}
.tabs{display:flex;gap:4px;padding:5px;background:var(--soft);border:1px solid var(--line);border-radius:13px;margin:28px 0}
.tabs button{flex:1;min-width:0;border:0;min-height:40px;border-radius:9px;background:transparent;padding:8px;font-size:13px;white-space:nowrap}
.tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #152b4912}
.password-wrap{position:relative}.password-wrap input{padding-right:52px}.password-wrap .icon{position:absolute;top:3px;right:3px;background:transparent;border:0;width:44px;height:44px;min-height:44px;color:var(--muted)}
.auth-footer{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:30px;color:var(--muted);font-size:11px}.auth-footer svg{width:15px;height:15px}
.mobile-logo{display:none}.auth-status{display:grid;gap:15px;padding:22px;background:var(--soft);border:1px solid var(--line);border-radius:16px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:max(22px,env(safe-area-inset-bottom));width:max-content;max-width:min(500px,calc(100vw - 28px));padding:15px 20px;border:1px solid var(--line);border-radius:14px;background:var(--raised);color:var(--ink);box-shadow:var(--shadow);font-size:13px;z-index:20;overflow-wrap:anywhere}
dialog{position:fixed;inset:auto;margin:0;padding:0;max-width:none;max-height:none;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);overflow:hidden;overscroll-behavior:contain}
dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#05070b80}body.modal-open{overflow:hidden}
.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:26px 28px 22px;flex-shrink:0;border-bottom:1px solid var(--line)}
.modal-title-wrap{display:flex;gap:14px;align-items:center;min-width:0}.modal-heading{min-width:0}.modal-header h2{font-size:23px;overflow-wrap:anywhere}.modal-description{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.5}
.modal-symbol{width:44px;height:44px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:13px;flex:0 0 44px}.modal-symbol svg{width:24px;height:24px}
.modal-header>.icon{width:36px;min-width:36px;min-height:36px;height:36px;flex-basis:36px;padding:8px;background:var(--soft);border-color:transparent;border-radius:50%;color:var(--muted)}
.modal-body{padding:24px 28px 28px;overflow:auto;flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.modal-body>.tabs{position:sticky;top:-1px;margin:0 0 25px;z-index:3;flex-shrink:0;box-shadow:0 -12px 0 12px var(--surface)}
.modal-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px;padding:18px 28px;background:var(--surface);border-top:1px solid var(--line)}
.modal-footer .row{justify-content:flex-end;gap:10px;flex:1}.modal-footer button{font-size:13px;min-height:46px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:7px}
.modal-footer .primary{min-width:126px}.modal-footer .ghost{padding-left:0;padding-right:4px;font-weight:500}.modal-footer .ghost svg{width:17px;height:17px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.span-two{grid-column:1/-1}
.check-label{display:flex;align-items:center;gap:11px;min-height:44px;cursor:pointer;min-width:0}
.interval-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.interval-checks label{border:1px solid var(--line);border-radius:11px;padding:10px;font-size:12px;min-height:48px;background:var(--soft)}.interval-checks label:has(:checked){border-color:var(--accent);background:var(--accent-soft)}
.search-results{list-style:none;padding:0;margin:18px 0 0}.search-results li+li{margin-top:4px}.search-results button{display:flex;width:100%;align-items:center;gap:12px;text-align:left;border:1px solid transparent;border-radius:12px;padding:12px}
.coin-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}
.coin-copy{display:grid;gap:2px;min-width:0;flex:1}.coin-copy strong{font-size:14px}.coin-copy small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coin-quote{font-size:11px;color:var(--muted);font-weight:500}.search-results button.is-selected{border-color:var(--accent);background:var(--accent-soft)}
.search-empty{padding:36px 12px;text-align:center;font-size:13px;color:var(--muted)}
.account-details{display:flex;align-items:center;gap:15px;padding:19px;background:var(--soft);border:1px solid var(--line);border-radius:16px}.account-copy{min-width:0;display:grid;gap:4px}.account-copy strong{font-size:20px;overflow-wrap:anywhere}.account-copy span{font-size:12px;color:var(--muted)}
.account-avatar{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:17px;background:var(--accent-soft);color:var(--accent);font-size:23px;font-weight:600}
.account-section{display:grid;gap:16px}.section-heading{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted)}
.password-section{border:1px solid var(--line);border-radius:13px;padding:0 16px}.password-section summary{cursor:pointer;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;list-style:none}.password-section summary::-webkit-details-marker{display:none}.password-section summary svg{width:18px;height:18px;color:var(--muted)}.password-section[open] summary svg{transform:rotate(180deg)}.password-section form{padding:10px 0 18px}
.account-session,.account-link{font-size:11px;color:var(--muted);line-height:1.6}.account-link a{color:var(--muted)}#logout{display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border-color:color-mix(in srgb,var(--danger) 25%,var(--line))}
@media(max-width:1000px){.auth-story{padding:38px;gap:40px}.auth-story h1{font-size:48px}.auth-main{padding:36px}.auth-metrics{gap:24px}}
@media(max-width:700px){.auth{display:block}.auth-story{display:none}.auth-main{min-height:100svh;padding:36px 25px max(30px,env(safe-area-inset-bottom));background:linear-gradient(155deg,#f5f7ff 0,#fff 45%)}.mobile-logo{display:flex;margin-bottom:46px}.auth-form h2{font-size:30px}.auth-form{max-width:410px}.auth-footer{margin-top:28px}}
@media(max-width:600px){
 input,select{font-size:16px}
 dialog[data-layout=mobile]{border-radius:10px 10px 0 0;border-bottom:0}
 .modal-header{padding:21px 20px 18px;gap:12px}.modal-header h2{font-size:21px}.modal-title-wrap{gap:11px}.modal-symbol{width:40px;height:40px;flex-basis:40px;border-radius:12px}.modal-description{font-size:11px;margin-top:5px}
 .modal-body{padding:21px 20px 24px}.modal-footer{padding:14px 20px max(14px,env(safe-area-inset-bottom));gap:9px}.modal-footer .row{gap:8px}.modal-footer .primary{min-width:112px}.modal-footer button{padding:10px 12px;font-size:13px}
 .tabs button{font-size:12px}.form-grid{gap:14px}.interval-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{font-size:12px}.account-details{padding:16px}.account-copy strong{font-size:18px}
}
@media(max-width:360px){
 .auth-main{padding-left:20px;padding-right:20px}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.modal-symbol{display:none}
 .form-grid{grid-template-columns:1fr}.modal-footer .delete-label{display:none}.modal-footer .ghost{width:40px;min-width:40px;padding:9px}.modal-footer .primary{min-width:112px}.modal-footer .row{flex:1}.modal-footer .row>button{flex:1}
}
@media(prefers-reduced-motion:no-preference){button,a,select,input{transition:background .16s,border-color .16s,box-shadow .16s}}
@media(prefers-reduced-motion:reduce){.boot::before{animation:none}}
@keyframes spin{to{transform:rotate(360deg)}}
/* Definite dialog sizes come from the visual viewport, including an on-screen keyboard. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#modal-title:focus{outline:none}.modal-tools{flex:0 0 auto;min-height:0}
dialog[data-layout=mobile]{border-radius:10px 10px 0 0;border-bottom:0}
dialog[data-layout=mobile][data-kind=library]{border-radius:0;border:0}
dialog[data-layout=mobile] .modal-header{padding-top:max(18px,env(safe-area-inset-top))}
.theme-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.theme-choices button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:78px;padding:12px 5px;font-size:13px;background:var(--soft)}
.theme-choices button svg{width:22px;height:22px}.theme-choices button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.theme-status{color:var(--muted);font-size:11px;line-height:1.5;min-height:17px}
.reference-modal{--surface:#fff;--soft:#f0f3fa;--line:#e0e3eb;--ink:#131722;--muted:#787b86;--accent:#2962ff;--accent-soft:#eaf0ff;border-radius:10px;background:var(--surface);color:var(--ink)}
body.dark .reference-modal{--surface:#1e222d;--soft:#2a2e3a;--line:#363a45;--ink:#d1d4dc;--muted:#81858f;--accent-soft:#293653}
body.dark .reference-modal[data-kind=library]{--surface:#202a39;--soft:#2c3747;--line:#3a4453;--ink:#eef0f3;--muted:#8b93a1}
.reference-modal .modal-header{min-height:70px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}
.reference-modal .modal-header h2{font-size:20px;letter-spacing:0;font-weight:650}
.reference-modal .modal-header>.icon{border:0;border-radius:0;background:transparent;width:40px;min-width:40px;height:40px;min-height:40px;color:var(--ink);padding:8px}
.reference-modal .modal-header>.icon svg{width:24px;height:24px}
.reference-modal .modal-body{padding:0 0 max(10px,env(safe-area-inset-bottom));background:var(--surface)}
.picker-filters{display:flex;align-items:center;gap:6px;padding:16px 20px 18px;overflow-x:auto;scrollbar-width:none}
.picker-filters button{flex:0 0 auto;min-height:30px;height:30px;padding:3px 15px;font-size:14px;font-weight:500;border:0;border-radius:24px;background:var(--soft);color:var(--ink);white-space:nowrap}
.picker-filters button[aria-selected=true]{background:var(--ink);color:var(--surface)}
.picker-section-title,.instrument-columns{font-size:11px;letter-spacing:.7px;font-weight:500;color:var(--muted);padding:10px 20px 8px}
.instrument-search{height:44px;display:flex;align-items:center;gap:10px;padding:4px 20px;border-bottom:1px solid var(--line)}
.instrument-search svg{width:20px;height:20px;color:var(--muted)}
.instrument-search input{min-height:36px;height:36px;border:0;border-radius:0;background:transparent;padding:4px 0;font-size:17px;font-weight:400;box-shadow:none}
.instrument-search input:focus{outline:0}.instrument-search:focus-within{box-shadow:inset 0 -1px var(--accent)}
.reference-modal .search-results{margin:0;padding:0}.reference-modal .search-results li+li{margin:0}
.reference-modal .search-results button{border:0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:0;min-height:54px;gap:9px;padding:9px 20px;background:transparent}
.reference-modal .search-results button:hover,.reference-modal .search-results button.is-selected{background:var(--soft)}
.reference-modal .coin-mark{width:24px;height:24px;flex-basis:24px;background:var(--soft);color:var(--muted);font-size:10px}
.reference-modal .coin-copy{gap:1px}.reference-modal .coin-copy strong{font-size:16px;font-weight:550;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-modal .coin-copy small{font-size:12px;font-weight:400;line-height:1.35}
.coin-exchange{display:grid;gap:1px;text-align:right;font-size:14px;font-weight:500;flex-shrink:0;line-height:1.4}.coin-exchange small{font-size:12px;font-weight:400}
@media(max-width:360px){.reference-modal .modal-header,.reference-modal .picker-filters{padding-left:16px;padding-right:16px}.reference-modal .search-results button{padding-left:16px;padding-right:16px}.reference-modal .coin-copy strong{font-size:14px}.coin-exchange{font-size:12px}.coin-exchange small{font-size:11px}.reference-modal .modal-header h2{font-size:19px}}