.crypnot-app-topbar{position:fixed;z-index:50;top:0;right:0;left:var(--cp-sidebar);height:64px;display:grid;grid-template-columns:1fr minmax(340px,620px) 1fr;align-items:center;padding:0 clamp(24px,3vw,48px);border-bottom:1px solid var(--cp-line);background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.crypnot-global-search{position:relative;grid-column:2;width:100%}
.crypnot-global-search__icon{position:absolute;z-index:2;top:50%;left:13px;color:#777;transform:translateY(-50%)}.crypnot-global-search__icon .crypnot-icon{width:17px;height:17px}
.crypnot-global-search input{width:100%;height:38px;padding:0 74px 0 40px;border:1px solid #ddd;border-radius:7px;background:#f7f7f5;color:#111;font:500 13px var(--cp-font);outline:0}.crypnot-global-search input:focus{border-color:#aaa;background:#fff;box-shadow:0 0 0 3px rgba(8,215,181,.08)}
.crypnot-global-search kbd{position:absolute;top:50%;right:9px;padding:3px 6px;border:1px solid #d4d4d4;border-radius:4px;background:#fff;color:#777;font:600 9px var(--cp-font);transform:translateY(-50%)}
.crypnot-search-panel{position:absolute;top:45px;right:0;left:0;max-height:min(70vh,620px);overflow-y:auto;padding:10px;border:1px solid #d9d9d9;border-radius:10px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.13)}
.crypnot-search-group+ .crypnot-search-group{margin-top:8px;padding-top:8px;border-top:1px solid var(--cp-line)}.crypnot-search-group>span{display:block;padding:5px 8px;color:#888;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.crypnot-search-group>a{min-height:42px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;color:#222!important;text-decoration:none}.crypnot-search-group>a:hover,.crypnot-search-group>a.is-selected{background:#f4f4f1}.crypnot-search-group>a b,.crypnot-search-group>a i{width:24px;height:24px;display:grid;place-items:center;font-size:10px;font-style:normal}.crypnot-search-group>a img{width:24px;height:24px;border-radius:50%}.crypnot-search-group .crypnot-icon{width:17px;height:17px}.crypnot-search-group>a strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.crypnot-search-group>a small{color:#888;font-size:10px}.crypnot-search-empty{padding:30px 12px;text-align:center;color:#777;font-size:12px}
.crypnot-topbar-tools{grid-column:3;display:flex;align-items:center;justify-self:end;gap:12px}.crypnot-topbar-tools>time{padding-right:14px;border-right:1px solid var(--cp-line);color:#555;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.crypnot-topbar-menu,.crypnot-account-menu{position:relative}.crypnot-icon-button{position:relative;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #ddd;border-radius:7px;background:#fff;color:#111;cursor:pointer}.crypnot-icon-button .crypnot-icon{width:19px;height:19px}.crypnot-icon-button>i{position:absolute;top:7px;right:7px;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:#08d7b5}
.crypnot-account-trigger{min-width:148px;height:42px;display:grid;grid-template-columns:32px 1fr 16px;align-items:center;gap:8px;padding:4px 7px;border:0;border-radius:7px;background:transparent;text-align:left;cursor:pointer}.crypnot-account-trigger:hover{background:#f5f5f3}.crypnot-account-trigger>span,.crypnot-account-popover header>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #aaa;border-radius:50%;background:#000;color:#fff;font-size:11px;font-weight:800}.crypnot-account-trigger strong,.crypnot-account-trigger small{display:block;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crypnot-account-trigger strong{font-size:11px}.crypnot-account-trigger small{color:#777;font-size:9px}.crypnot-account-trigger>.crypnot-icon{width:15px;height:15px}
.crypnot-topbar-popover{position:absolute;top:48px;right:0;width:290px;border:1px solid #d9d9d9;border-radius:10px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.13)}
.crypnot-notifications header{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid var(--cp-line)}.crypnot-notifications header strong{font-size:14px}.crypnot-notifications header span{color:#777;font-size:9px}.crypnot-notifications>div{min-height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.crypnot-notifications>div b{width:34px;height:34px;display:grid;place-items:center;margin-bottom:12px;border-radius:50%;background:#f2f2f0}.crypnot-notifications>div .crypnot-icon{width:17px}.crypnot-notifications>div strong{font-size:12px}.crypnot-notifications>div p{margin:5px 0 0;color:#777;font-size:10px;line-height:1.5}
.crypnot-account-popover{padding:8px}.crypnot-account-popover header{display:flex;align-items:center;gap:10px;padding:10px 8px 14px;border-bottom:1px solid var(--cp-line)}.crypnot-account-popover header strong,.crypnot-account-popover header small{display:block}.crypnot-account-popover header strong{font-size:12px}.crypnot-account-popover header small{max-width:195px;overflow:hidden;color:#777;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.crypnot-account-popover>a{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 9px;border-radius:5px;color:#222!important;font-size:11px;font-weight:600;text-decoration:none}.crypnot-account-popover>a:hover{background:#f4f4f1}.crypnot-account-popover>a .crypnot-icon{width:17px;height:17px}.crypnot-account-popover>a.is-logout{margin-top:4px;border-top:1px solid var(--cp-line);border-radius:0;color:#c52e3b!important}
.crypnot-app-topbar+.crypnot-app-page .crypnot-workspace,.crypnot-app-topbar+.crypnot-app-page .crypnot-markets,.crypnot-app-topbar+.crypnot-app-page .crypnot-import{padding-top:96px}
@media(max-width:1100px){.crypnot-app-topbar{grid-template-columns:minmax(260px,1fr) auto;gap:16px}.crypnot-global-search{grid-column:1}.crypnot-topbar-tools{grid-column:2}.crypnot-topbar-tools>time,.crypnot-account-trigger>div,.crypnot-account-trigger>.crypnot-icon{display:none}.crypnot-account-trigger{min-width:38px;grid-template-columns:32px;padding:3px}}
@media(max-width:900px){.crypnot-app-topbar{left:0;height:64px;padding:0 14px 0 145px}.crypnot-app-topbar+.crypnot-app-page .crypnot-workspace,.crypnot-app-topbar+.crypnot-app-page .crypnot-markets,.crypnot-app-topbar+.crypnot-app-page .crypnot-import{padding-top:88px}}
@media(max-width:650px){.crypnot-app-topbar{grid-template-columns:1fr auto;padding-left:128px}.crypnot-global-search kbd{display:none}.crypnot-global-search input{padding-right:12px}.crypnot-icon-button{width:34px;height:34px}.crypnot-account-trigger{display:none}.crypnot-search-panel{position:fixed;top:64px;right:10px;left:10px;max-height:70vh}.crypnot-topbar-popover{position:fixed;top:64px;right:10px;width:min(290px,calc(100vw - 20px))}}

.crypnot-account-trigger>img,.crypnot-account-popover header>img{width:32px;height:32px;border:1px solid #aaa;border-radius:50%;object-fit:cover}
@media(max-width:650px){.crypnot-icon-button{display:none}.crypnot-account-trigger{display:grid}}

/* v0.9.1 command-search modal. */
.crypnot-global-search>[data-global-search-trigger]{cursor:pointer}
.crypnot-search-backdrop{position:fixed;z-index:80;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.crypnot-search-panel{position:fixed;z-index:81;top:50%;left:calc(50% + 130px);width:min(720px,calc(100vw - 308px));max-height:min(76vh,680px);padding:14px 16px 18px;border:1px solid rgba(255,255,255,.65);border-radius:14px;box-shadow:0 28px 90px rgba(0,0,0,.25);transform:translate(-50%,-48%)}
.crypnot-search-panel__input{position:sticky;z-index:2;top:-14px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;margin:-2px -2px 12px;padding:8px 10px 12px;border-bottom:1px solid var(--cp-line);background:#fff}
.crypnot-search-panel__input>.crypnot-icon{width:19px;height:19px;color:#666}
.crypnot-search-panel__input input{height:42px;padding:0;border:0;background:#fff;font:600 15px var(--cp-font);outline:0}
.crypnot-search-panel__input kbd{position:static;padding:4px 7px;border:1px solid #d4d4d4;border-radius:4px;background:#f7f7f5;color:#666;font:700 10px var(--cp-font);transform:none}
.crypnot-search-panel .crypnot-search-group{padding:4px 2px}
.crypnot-search-panel .crypnot-search-group+.crypnot-search-group{margin-top:10px;padding-top:12px}
.crypnot-search-panel .crypnot-search-group>span{padding:6px 10px}
.crypnot-search-panel .crypnot-search-group>a{min-height:46px;padding:7px 10px}
body.crypnot-search-open{overflow:hidden}
@media(max-width:900px){.crypnot-search-panel{left:50%;width:min(680px,calc(100vw - 32px))}}
@media(max-width:650px){.crypnot-search-panel{top:50%;right:auto;left:50%;width:calc(100vw - 20px);max-height:78vh;transform:translate(-50%,-48%)}}

/* v0.9.2 keep fixed search layers relative to the viewport. */
.crypnot-app-topbar{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.crypnot-search-panel{top:50vh;max-height:calc(100vh - 120px);overflow:hidden;transform:translate(-50%,-50%)}
.crypnot-search-panel__input{position:relative;top:auto;flex:none}
.crypnot-search-panel{display:flex;flex-direction:column}
.crypnot-search-panel>.crypnot-search-group,.crypnot-search-panel>.crypnot-search-empty{flex:none}
.crypnot-search-panel{overflow-y:auto;overscroll-behavior:contain}
.crypnot-search-panel__input{position:sticky;z-index:3;top:0}
.crypnot-search-panel[hidden],.crypnot-search-backdrop[hidden]{display:none!important}
.crypnot-search-help{position:sticky;z-index:3;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:14px -16px -18px;padding:11px 16px;border-top:1px solid var(--cp-line);background:#fafaf8;color:#777;font-size:9px}
.crypnot-search-help span{display:flex;align-items:center;gap:5px;white-space:nowrap}.crypnot-search-help kbd{min-width:22px;padding:3px 5px;border:1px solid #d2d2d2;border-radius:4px;background:#fff;color:#333;font:700 9px var(--cp-font);text-align:center;box-shadow:0 1px 0 #ddd}
@media(max-width:480px){.crypnot-search-help{justify-content:center;gap:10px}.crypnot-search-help span{font-size:0}.crypnot-search-help span kbd{font-size:9px}}

/* v0.9.4 true full-screen command layer. */
body>.crypnot-search-backdrop{z-index:1000;inset:0}
body>.crypnot-search-panel{z-index:1001;top:50vh;left:50vw;width:min(720px,calc(100vw - 48px));max-height:calc(100vh - 96px);transform:translate(-50%,-50%)}
@media(max-width:650px){body>.crypnot-search-panel{width:calc(100vw - 20px);max-height:calc(100vh - 32px)}}

/* v0.9.5 compact navigation command menu. */
body>.crypnot-search-panel{width:min(640px,calc(100vw - 48px));max-height:min(680px,calc(100vh - 80px))}
.crypnot-search-panel .crypnot-search-group>a{grid-template-columns:30px 1fr auto;min-height:48px}
.crypnot-search-panel .crypnot-search-group>a b{border:1px solid #e1e1e1;border-radius:6px;background:#f7f7f5}
.crypnot-search-panel .crypnot-search-group>a small{min-width:82px;text-align:right}
@media(max-width:520px){body>.crypnot-search-panel{width:calc(100vw - 20px)}.crypnot-search-panel .crypnot-search-group>a small{display:none}}

/* v0.9.6 global black application bar. */
.crypnot-app-topbar{z-index:55;right:0;left:0;display:block;height:64px;padding:0;background:#000;border-bottom-color:#222;color:#fff}
.crypnot-sidebar{z-index:60}
.crypnot-global-search{position:absolute;top:50%;left:50%;width:min(620px,calc(100vw - 700px));min-width:360px;transform:translate(-50%,-50%)}
.crypnot-global-search input{border-color:#333;background:#111;color:#fff}.crypnot-global-search input::placeholder{color:#aaa}.crypnot-global-search input:focus{border-color:#555;background:#151515}.crypnot-global-search__icon{color:#aaa}.crypnot-global-search>kbd{border-color:#444;background:#191919;color:#ccc}
.crypnot-topbar-tools{position:absolute;top:50%;right:28px;display:flex;color:#fff;transform:translateY(-50%)}.crypnot-topbar-tools>time{border-right-color:#333;color:#bbb}.crypnot-icon-button{border-color:#333;background:#111;color:#fff}
.crypnot-account-trigger{color:#fff}.crypnot-account-trigger:hover{background:#151515}.crypnot-account-trigger>span{border-color:#fff;background:#fff;color:#000}.crypnot-account-trigger small{color:#aaa}
.crypnot-app-topbar+.crypnot-app-page .crypnot-workspace,.crypnot-app-topbar+.crypnot-app-page .crypnot-markets,.crypnot-app-topbar+.crypnot-app-page .crypnot-import{padding-top:96px}
@media(max-width:1200px){.crypnot-global-search{left:calc(50% - 50px);width:min(480px,calc(100vw - 540px));min-width:300px}.crypnot-account-trigger>div,.crypnot-account-trigger>.crypnot-icon,.crypnot-topbar-tools>time{display:none}.crypnot-account-trigger{min-width:38px;grid-template-columns:32px}}
@media(max-width:900px){.crypnot-app-topbar{padding:0}.crypnot-global-search{left:50%;width:calc(100vw - 300px);min-width:220px}.crypnot-topbar-tools{right:14px}}
@media(max-width:650px){.crypnot-global-search{left:145px;width:calc(100vw - 245px);min-width:0;transform:translateY(-50%)}.crypnot-topbar-tools{right:10px}.crypnot-account-trigger{display:grid}}

/* v0.9.7 sharp global navigation boundaries. */
.crypnot-app-topbar{border-bottom:1px solid #fff}
.crypnot-sidebar{box-sizing:border-box;border-right:1px solid #fff}
@media(max-width:900px){.crypnot-sidebar{border-right-color:rgba(255,255,255,.75)}}

/* v0.9.8 visible silver boundaries and a taller global bar. */
.crypnot-app-topbar{height:72px;border-bottom-color:#858585}
.crypnot-sidebar{border-right-color:#858585}
.crypnot-app-topbar+.crypnot-app-page .crypnot-workspace,.crypnot-app-topbar+.crypnot-app-page .crypnot-markets,.crypnot-app-topbar+.crypnot-app-page .crypnot-import,.crypnot-app-topbar+.crypnot-app-page .crypnot-app{padding-top:104px}
@media(max-width:900px){.crypnot-sidebar{border-right-color:#858585}.crypnot-app-topbar+.crypnot-app-page .crypnot-workspace,.crypnot-app-topbar+.crypnot-app-page .crypnot-markets,.crypnot-app-topbar+.crypnot-app-page .crypnot-import,.crypnot-app-topbar+.crypnot-app-page .crypnot-app{padding-top:96px}}
@media(max-width:650px){.crypnot-topbar-popover{top:72px}}
@media(max-width:900px){.crypnot-search-panel{top:50vh;max-height:calc(100vh - 96px);transform:translate(-50%,-50%)}}
@media(max-width:650px){.crypnot-search-panel{top:50vh;max-height:calc(100vh - 40px);transform:translate(-50%,-50%)}}