/* kp-main.min.css — 由 tv/build_kp_css_min.py 从 kp-main.css 去注释生成，勿手改！ 改样式请改 kp-main.css 后重跑本脚本 + python3 tv/bump_core_assets.py */
:root{
--bg-0:#0A0A0C;
--bg-1:#0A0A0C;
--bg-2:#131316;
--bg-3:#131316;
--bg-4:#1A1A1F;
--bg-5:#1A1A1F;
--surface:#131316;
--surface-elevated:#131316;
--surface-hover:#1A1A1F;
--border-subtle:rgba(255,255,255,0.06);
--border-default:rgba(255,255,255,0.10);
--border-strong:rgba(255,255,255,0.10);
--text-primary:#FCFCFD;
--text-secondary:#CBCFD6;
--text-tertiary:#B2B5BC;
--text-muted:#9598A0;
--long:#3fb950;
--long-dim:rgba(63,185,80,0.18);
--short:#f85149;
--short-dim:rgba(248,81,73,0.18);
--alert:#ffb300;
--alert-dim:rgba(255,179,0,0.14);
--zero:#42a5f5;
--zero-dim:rgba(66,165,245,0.14);
--accent:#ffc83d;
--accent-dim:rgba(255,200,61,0.14);
--font-mono:ui-monospace,'SF Mono','Menlo','Consolas',monospace;
--font-ui:-apple-system,BlinkMacSystemFont,'PingFang SC','Helvetica Neue',sans-serif;
--font-sc:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB',
'Microsoft YaHei','Source Han Sans CN','Noto Sans CJK SC',sans-serif;
--radius-sm:4px;
--radius-md:6px;
--radius-lg:10px;
--shadow-sm:none;
--shadow-md:none;
--shadow-lg:none;
--kp-font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;
}
html[data-kp-font^="google-"]{
--font-ui:var(--kp-font-family);
--font-mono:var(--kp-font-family);
}
html[data-kp-font="default"]{
--font-ui:'Inter Tight',-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,'SF Mono',monospace;
}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{
background:var(--bg-4);
border-radius:3px;
}
::-webkit-scrollbar-thumb:hover{background:var(--text-muted);}
*{scrollbar-width:thin;scrollbar-color:var(--bg-4) transparent;}
*, *::before, *::after {
  box-sizing: border-box;
}
:root{color-scheme:dark;}
::selection{background:var(--accent-dim);color:var(--accent);}
::-moz-selection{background:var(--accent-dim);color:var(--accent);}
button:focus-visible,[role="button"]:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible{
outline:1.5px solid var(--accent);
outline-offset:2px;
}
html,body{
width:100%;height:100%;overflow:hidden;
margin:0;padding:0;
background:#000000;
font-family:var(--font-ui),var(--font-sc);
font-feature-settings:"tnum" 1,"cv11" 1,"ss01" 1,"calt" 0;
font-variant-numeric:tabular-nums;
color:var(--text-primary);
display:flex;flex-direction:column;
overscroll-behavior-x:none;
-webkit-font-smoothing:subpixel-antialiased;
-moz-osx-font-smoothing:auto;
text-rendering:optimizeLegibility;
}
#app{
display:flex;
flex-direction:column;
flex:1;
min-height:0;
overflow:hidden;
}

#period-bar{
display:flex;
align-items:center;
padding:4px 6px;
background:var(--bg-1);
border-bottom:1px solid var(--border-strong);
gap:1px;
flex-shrink:0;
overflow-x:auto;
scrollbar-width:none;
}
#period-bar::-webkit-scrollbar{display:none;}
.pb-btn{
padding:3px 6px;
border:none;
background:transparent;
color:var(--text-secondary);
font-size:12px;
font-weight:500;
font-family:var(--font-mono);
cursor:pointer;
border-radius:4px;
transition:all 0.15s;
white-space:nowrap;
flex-shrink:0;
min-width:28px;
}
.pb-btn:hover{background:rgba(255,255,255,0.06);color:var(--text-primary);}
.pb-btn.active{background:var(--accent);color:#1a1a1a;font-weight:700;box-shadow:0 1px 4px rgba(255,200,61,0.3);}

.pb-btn.pb-stock-disabled{
  color:var(--text-tertiary);
  opacity:0.42;
  cursor:not-allowed;
  text-decoration:line-through;
  text-decoration-color:rgba(255,255,255,0.25);
}
.pb-btn.pb-stock-disabled:hover{
  background:rgba(255,255,255,0.03);
  color:var(--text-tertiary);
  opacity:0.62;
}

.pb-btn.pb-stock-disabled[data-tip]{position:relative;}
.pb-btn.pb-stock-disabled[data-tip]:hover::after{
  content:attr(data-tip);
  position:absolute;
  top:calc(100% + 6px);
  left:50%;
  transform:translateX(-50%);
  padding:6px 10px;
  background:rgba(16,16,22,0.96);
  border:1px solid rgba(255,200,61,0.25);
  border-radius:6px;
  color:#e8e8e8;
  font-size:11px;
  font-family:var(--font-default);
  font-weight:400;
  white-space:nowrap;
  z-index:9999;
  pointer-events:none;
  box-shadow:0 4px 14px rgba(0,0,0,0.5);
}

@keyframes pb-shake-anim{
  0%,100%{transform:translateX(0);}
  20%{transform:translateX(-3px);}
  40%{transform:translateX(3px);}
  60%{transform:translateX(-2px);}
  80%{transform:translateX(2px);}
}
.pb-btn.pb-shake{animation:pb-shake-anim 0.35s ease;}
.pb-sep{
width:1px;
height:14px;
background:var(--border-default);
flex-shrink:0;
margin:0 4px;
}
.pb-func-sep{
width:1px;
height:16px;
background:var(--border-strong);
margin:0 6px;
}
.pb-user-area{
display:flex;align-items:center;gap:5px;
padding:2px 6px 2px 8px;margin-right:2px;
flex-shrink:0;
cursor:default;
}
.pb-user-area:hover{background:rgba(255,255,255,0.04);border-radius:4px;}
.pb-user-avatar img{width:100%;height:100%;object-fit:cover;display:block;}

.pb-chip-wrapper{
  position:sticky;
  left:-6px;  
  z-index:999;
  display:inline-flex;
  align-items:center;
  background:var(--bg-1);
  flex-shrink:0;
}
.pb-symbol-chip{
display:inline-flex;align-items:stretch;
background:var(--bg-2);
border:1px solid var(--border-strong);
border-radius:5px;
overflow:hidden;
flex-shrink:0;
margin-right:2px;
}
.chip-sym{
display:flex;align-items:center;gap:5px;
padding:2px 8px 2px 4px;
cursor:pointer;
transition:background .12s;
}
.chip-sym:hover{background:rgba(255,255,255,.06);}
.pb-symbol-logo{
width:18px;height:18px;border-radius:50%;
background:var(--border-default);color:#fff;
display:flex;align-items:center;justify-content:center;
font-size:9px;font-weight:700;flex-shrink:0;
overflow:hidden;
}
.pb-symbol-logo img{
width:100%;height:100%;object-fit:cover;display:block;
}
.pb-symbol-logo .logo-fallback{
font-size:9px;font-weight:700;color:#fff;line-height:1;
}
.pb-symbol-logo:has(img:not([style*="display: none"])) .logo-fallback{display:none;}
.pb-symbol-name{
font-family:var(--font-mono);
font-size:12px;font-weight:600;color:var(--text-primary);
white-space:nowrap;max-width:100px;
overflow:hidden;text-overflow:ellipsis;
}
.chip-mode{
display:flex;align-items:center;justify-content:center;
padding:0 9px;cursor:pointer;user-select:none;
background:var(--accent-dim);color:var(--accent);
border:none;
border-left:1px solid var(--border-strong);
font-family:var(--font-mono);
font-size:11px;font-weight:600;white-space:nowrap;
transition:all 0.15s;
}
.chip-mode.perp{background:var(--perp-dim,rgba(255,140,66,0.15));color:var(--perp,#ff8c42);}
.chip-mode:hover{filter:brightness(1.15);}
.chip-tag{
display:flex;align-items:center;justify-content:center;
padding:0 9px;
font-size:11px;color:var(--text-secondary);
border-left:1px solid var(--border-strong);
white-space:nowrap;
}
.pb-ind-btn{
padding:2px 6px;
border:none;
background:transparent;
color:var(--text-tertiary);
font-size:11px;
cursor:pointer;
border-radius:3px;
transition:all 0.12s;
white-space:nowrap;
flex-shrink:0;
}
.pb-ind-btn:hover{background:rgba(255,255,255,0.06);color:var(--text-primary);}
.pb-tg-btn{
padding:2px 6px;
border:none;
background:transparent;
color:var(--text-tertiary);
font-size:11px;
cursor:pointer;
border-radius:3px;
transition:all 0.12s;
white-space:nowrap;
flex-shrink:0;
display:inline-flex;align-items:center;
}
.pb-tg-btn:hover{background:rgba(255,255,255,0.06);color:var(--text-primary);}
.pb-tg-btn.active{
background:var(--accent);
color:#1a1a1a;
font-weight:700;
box-shadow:0 1px 4px rgba(255,200,61,0.3);
}
.pb-settings{
padding:2px 6px;
border:none;
background:transparent;
color:var(--text-tertiary);
cursor:pointer;
font-size:13px;
flex-shrink:0;
border-radius:3px;
}
.pb-settings:hover{background:rgba(255,255,255,0.06);color:var(--text-primary);}

.pb-entry{
  display:inline-flex;align-items:center;gap:5px;
  padding:3px 10px;
  background:transparent;
  border:1px solid var(--border-default);
  border-radius:5px;
  color:var(--text-secondary);
  font-size:12px;font-weight:500;
  font-family:var(--font-sc);
  cursor:pointer;white-space:nowrap;flex-shrink:0;
  transition:all 0.15s;
}
.pb-entry .ico{display:flex;opacity:.7;transition:opacity .15s;}
.pb-entry .ico svg{display:block;}
.pb-entry:hover{
  border-color:rgba(255,200,61,.45);
  background:var(--bg-4);
  color:var(--text-primary);
}
.pb-entry:hover .ico{opacity:1;}

.pb-entry.pb-entry-filled{
  background:var(--bg-2);
  border-color:var(--border-strong);
}
.pb-entry.pb-entry-filled:hover{
  background:var(--bg-4);
  border-color:rgba(255,200,61,.45);
}

.pb-entry.on{
  border-color:var(--accent);
  background:var(--accent-dim);
  color:var(--accent);
}
.pb-entry.on .ico{opacity:1;}

.sb-settings-slot{ display:none; align-items:center; gap:4px; flex-shrink:0; }

body.kp-mobile .sb-settings-slot{ display:none !important; }

body.kp-mobile #period-bar #pb-settings-btn,
body.kp-mobile #period-bar .ind-bar-btn{
  display:inline-flex !important;
  padding:3px 8px !important;
  font-size:11px !important;
}
body.kp-mobile #period-bar #pb-settings-btn{ margin-left:auto; margin-right:5px; }
body.kp-mobile #period-bar #pb-settings-btn .ico svg,
body.kp-mobile #period-bar .ind-bar-btn .ico svg{ width:11px; height:11px; }

.sb-cur-slot{ display:none; align-items:center; flex-shrink:0; }
body.kp-mobile .sb-cur-slot{ display:inline-flex; }

body.kp-mobile .sb-cur-slot .pb-cur{ margin:0; }

body.mw-multi .sb-settings-slot{ display:none !important; }
#rpanel{
width:360px;
flex-shrink:0;
display:flex;
flex-direction:row;
background:var(--bg-1);
border-left:1px solid var(--border-strong);
overflow:visible;
position:relative;
transition:width 0.30s cubic-bezier(0,0,.2,1);
height:100%;
}
#rpanel.collapsed{width:32px;height:100%;overflow:hidden;}
#rpanel.collapsed #rp-content{display:none;}
#rpanel.push-hidden{
width:0 !important;
min-width:0;
border-left:none;
}
#rpanel.push-hidden #rp-content{display:none;}
#rpanel.push-hidden button.rp-collapse{display:none;}
#rp-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;}

button.rp-collapse{
position:absolute;right:0;top:0;
width:8px;height:100%;
cursor:pointer;border:none;
display:block;
color:transparent;font-size:0;user-select:none;
background:transparent;transition:width 0.30s cubic-bezier(0,0,.2,1),background 0.15s;
padding:0;margin:0;outline:none;line-height:1;
z-index:2;
}

button.rp-collapse::before{
content:"◀";position:absolute;display:flex;align-items:center;justify-content:center;
left:-16px;top:50%;transform:translateY(-50%);
width:24px;height:56px;
background:rgba(22,22,26,0.85);
border:1px solid rgba(255,200,61,0.35);
border-radius:4px;
color:rgba(255,200,61,0.88);font-size:11px;
backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
transition:background 0.15s,border-color 0.15s,color 0.15s;
}
button.rp-collapse:hover{background:rgba(255,200,61,0.08);}
button.rp-collapse:hover::before{background:rgba(22,22,26,0.95);border-color:rgba(255,200,61,0.7);color:#ffc83d;}
#rpanel.collapsed button.rp-collapse{
width:32px;height:100%;right:0;top:0;
background:rgba(22,22,26,0.92);
border-left:1px solid rgba(255,200,61,0.35);
border-radius:0;
transition:background 0.15s,border-color 0.15s,width 0.30s cubic-bezier(0,0,.2,1);
color:rgba(255,200,61,0.88);display:flex;align-items:center;justify-content:center;font-size:14px;
}
#rpanel.collapsed button.rp-collapse::before{display:none;}
#rpanel.collapsed button.rp-collapse:hover{background:rgba(22,22,26,1);border-left-color:rgba(255,200,61,0.7);}

#chart-area{
display:flex;
flex:1;
min-height:0;
}
#chart-wrap{
flex:1;
min-width:0;
min-height:0;
position:relative;
background:#000000;
padding-right:0;
touch-action:pan-x;
-webkit-touch-callout:none;
-webkit-user-select:none;
user-select:none;
}
#chart{
width:100%;
height:100%;
background:#000000;
}

#chart canvas,
.mw-chart-cell canvas,
.mw-cell canvas{
image-rendering:pixelated;
image-rendering:-webkit-crisp-edges;
image-rendering:crisp-edges;
}
#drawing-bar{
width:40px;
flex-shrink:0;
display:flex;
flex-direction:column;
gap:2px;
padding:6px 2px;
background:var(--bg-3);
border-right:1px solid var(--border-default);
}
.db-btn{
width:36px;
height:36px;
border:none;
background:transparent;
color:var(--text-secondary);
cursor:pointer;
border-radius:4px;
font-family:var(--font-ui),var(--font-sc);
display:flex;
align-items:center;
justify-content:center;
transition:all 0.12s;
}
.db-btn svg{
width:18px;
height:18px;
flex-shrink:0;
color:var(--text-secondary);
}
.db-btn:hover{background:rgba(255,255,255,0.08);color:var(--text-primary);}
.db-btn.active{background:var(--accent-dim);color:var(--accent);box-shadow:inset 0 0 0 1px rgba(255,200,61,0.4);}
.db-sep{width:22px;height:1px;background:var(--border-default);margin:3px auto;}
.color-picker-btn input[type="color"]{
position:absolute;
top:-50%;
left:-50%;
width:200%;
height:200%;
cursor:pointer;
border:none;
padding:0;
margin:0;
}

.kp-textnote-pop .kp-tn-color-row{display:flex;align-items:center;padding:8px 12px;gap:10px;}
.kp-textnote-pop .kp-tn-color-label{color:#ffd54f;font-size:12px;font-weight:500;flex-shrink:0;}
.kp-textnote-pop .kp-tn-color-picker{display:grid;grid-template-columns:repeat(6,18px);gap:3px;}
.kp-textnote-pop .kp-tn-color-picker.expanded{grid-template-columns:repeat(6,18px);}
.kp-textnote-pop .kp-tn-color-swatch{width:16px;height:16px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:transform 0.1s,border-color 0.15s,box-shadow 0.15s;}
.kp-textnote-pop .kp-tn-color-swatch:hover{transform:scale(1.15);}
.kp-textnote-pop .kp-tn-color-swatch.on{border-color:rgba(255,200,61,0.9);box-shadow:0 0 4px rgba(255,200,61,0.6);}
.kp-textnote-pop .kp-tn-color-more{width:16px;height:16px;border-radius:4px;border:1px dashed rgba(255,255,255,0.25);background:rgba(255,255,255,0.03);color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.kp-textnote-pop .kp-tn-color-more:hover{border-color:rgba(255,200,61,0.5);color:#ffc83d;}
.kp-textnote-pop .kp-tn-color-picker.expanded .kp-tn-color-more{border-style:solid;border-color:rgba(255,200,61,0.3);color:#ffc83d;}

.db-color-popover{
  display:grid;
  grid-template-columns:repeat(8,22px);
  gap:3px;
  padding:10px;
  background:rgba(22,22,26,0.97);
  border:1px solid rgba(255,200,61,0.25);
  border-radius:8px;
  box-shadow:0 6px 24px rgba(0,0,0,0.55);
  z-index:9999;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.db-color-popover .db-color-swatch{
  width:20px;
  height:20px;
  border-radius:4px;
  cursor:pointer;
  border:2px solid transparent;
  transition:transform 0.1s,border-color 0.15s,box-shadow 0.15s;
}
.db-color-popover .db-color-swatch:hover{
  transform:scale(1.15);
  z-index:1;
}
.db-color-popover .db-color-swatch.on{
  border-color:rgba(255,200,61,0.95);
  box-shadow:0 0 0 1px rgba(0,0,0,0.4),0 0 6px rgba(255,200,61,0.5);
}

#chart-panel{
position:absolute;top:0;left:0;width:100%;height:100%;
z-index:30;pointer-events:none;overflow:visible;
}
.cp-group{
position:absolute;display:flex;flex-direction:column;
border-radius:4px;overflow:hidden;white-space:nowrap;
background:rgba(30,34,45,0.7);border:1px solid var(--border-default);
}
.cp-price{
display:flex;align-items:center;justify-content:flex-end;
padding:5px 8px;gap:6px;
font-family:var(--font-mono);
}
.cp-price .cp-logo-wrap{position:relative;width:14px;height:14px;flex-shrink:0;}
.cp-price .cp-logo-img{width:14px;height:14px;border-radius:50%;display:none;}
.cp-price .cp-logo-fb{display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:9px;font-weight:700;color:#fff;background:#5b6abf;flex-shrink:0;}
.cp-price .cp-val{font-weight:700;font-size:12px;}
.cp-group.up .cp-price .cp-val{color:var(--long);}
.cp-group.down .cp-price .cp-val{color:var(--short);}
.cp-price .cp-tag{font-size:10px;padding:1px 5px;border-radius:3px;background:rgba(255,255,255,0.06);color:var(--text-tertiary);line-height:1.5;}
.cp-price .cp-code{font-size:10px;color:rgba(255,255,255,0.6);font-family:var(--font-mono);}
.cp-price .cp-tag-spot{color:var(--long);background:var(--long-dim);}
.cp-price .cp-tag-perp{color:var(--short);background:var(--short-dim);}
.cp-meta{
display:flex;align-items:center;justify-content:flex-end;
padding:0 8px 5px;gap:3px;
font-size:10px;color:rgba(255,255,255,0.7);
font-family:var(--font-mono);
}
.cp-meta .cp-dot{color:rgba(255,255,255,0.4);}
.cp-meta .cp-cd{font-family:var(--font-mono);color:#f0b90b;font-weight:700;letter-spacing:0.3px;font-variant-numeric:tabular-nums;}
.navbar{
height:44px;
background:var(--bg-1);
display:flex;align-items:center;
padding:0 14px;gap:0;
border-bottom:1px solid var(--border-strong);
flex-shrink:0;
z-index:1000;
position:relative;
}
.navbar::after{
content:'';
position:absolute;left:0;right:0;bottom:-1px;height:1px;
background:linear-gradient(90deg,
transparent 0%,
rgba(255,200,61,0.15) 20%,
rgba(255,200,61,0.35) 50%,
rgba(255,200,61,0.15) 80%,
transparent 100%);
pointer-events:none;
}
.nav-logo{font-weight:700;font-size:15px;color:var(--text-primary);letter-spacing:0.5px;margin-right:0;display:flex;align-items:center;gap:7px;text-decoration:none;cursor:pointer;}
.nav-logo-icon{width:24px;height:24px;object-fit:contain;display:block;}
.nav-logo-text{font-family:var(--font-sc);}
html[data-nav-monitor="0"] #nav-monitor-tab{display:none !important;}
html[data-nav-drawTools="0"] .ctx-draw-row{display:none !important;}
html[data-nav-tgSubscribe="0"] #pb-tg-btn{display:none !important;}
.nav-symbol{display:flex;align-items:center;gap:10px;margin-left:18px;padding-left:18px;border-left:1px solid var(--border-default);}
.nav-sym-logo{width:22px;height:22px;border-radius:5px;font-size:11px;}
.nav-sym-logo .wl-logo-img{width:22px;height:22px;border-radius:5px;}
.nav-sym-logo .wl-logo-fallback{font-size:11px;}

.nav-sym-name{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-primary);letter-spacing:0.3px;min-width:40px;}
.nav-sym-type-switch{display:inline-flex;background:var(--bg-4);border:1px solid var(--border-default);border-radius:6px;padding:2px;gap:2px;}
.nav-sym-type-btn{padding:3px 10px;font-size:11px;font-weight:600;color:var(--text-tertiary);background:transparent;border-radius:4px;cursor:pointer;transition:all 0.18s ease;border:none;font-family:inherit;}
.nav-sym-type-btn:hover{color:var(--text-primary);}
.nav-sym-type-btn.active{color:var(--accent);background:var(--accent-dim);box-shadow:none;}
.nav-sym-price{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-0.3px;font-variant-numeric:tabular-nums;}
.nav-sym-change{font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 10px;border-radius:4px;font-variant-numeric:tabular-nums;}
.nav-sym-change.up{background:var(--long-dim);color:var(--long);}
.nav-sym-change.down{background:var(--short-dim);color:var(--short);}
.nav-sym-market-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;background:var(--bg-4);color:var(--text-secondary);letter-spacing:0.5px;}
.pb-sym-price{font-family:var(--font-mono);font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-0.3px;font-variant-numeric:tabular-nums;transition:color 0.3s;margin-left:4px;}
.nav-tabs{display:flex;gap:2px;height:auto;margin-left:6px;padding:3px;background:var(--bg-3);border:1px solid var(--border-default);border-radius:8px;}
.nav-tab{padding:6px 14px;font-size:13px;color:var(--text-secondary);cursor:pointer;border-bottom:none;display:flex;align-items:center;height:auto;font-weight:500;transition:all 0.18s;font-family:inherit;border-radius:6px;}
.nav-tab:hover{color:var(--text-primary);background:rgba(255,255,255,0.05);}
.nav-tab.active{color:var(--accent);background:var(--accent-dim);font-weight:600;box-shadow:inset 0 0 0 1px rgba(255,200,61,0.25);}
.nav-tab-link{text-decoration:none;}
.nav-sp{flex:1;}
.nav-search{background:var(--bg-3);border:1px solid var(--border-strong);color:var(--text-primary);padding:5px 12px 5px 30px;font-size:12px;border-radius:6px;width:180px;margin-right:10px;outline:none;font-family:inherit;transition:border-color 0.15s;}
.nav-search::placeholder{color:var(--text-muted);}
.nav-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,200,61,0.1);width:220px;}
.nav-icons{display:flex;gap:6px;margin-left:14px;align-items:center;}
.nav-icon{background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:5px 12px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:all 0.15s;font-family:inherit;font-weight:500;}
.nav-icon:hover{color:var(--text-primary);background:rgba(255,255,255,0.05);}
.nav-icon.active{color:#58a6ff;background:rgba(88,166,255,0.12);}

.nav-icon.nav-refresh-btn{color:var(--text-secondary);}
.nav-icon.nav-refresh-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.05);}

body:not(.kp-mobile) .nav-icon.nav-refresh-btn{padding:5px 8px;gap:0;}
body:not(.kp-mobile) .nav-icon.nav-refresh-btn svg{width:14px;height:14px;}
body:not(.kp-mobile) .nav-icon.nav-refresh-btn > span{display:none;}

.nav-tts-area{position:relative;display:inline-flex;align-items:center;gap:0;margin-left:8px;flex-shrink:0;height:26px;padding:0 8px 0 6px;border-radius:6px;background:#16161a;border:1px solid rgba(255,200,61,0.35);cursor:default;transition:border-color .2s;}
.nav-tts-area:hover{border-color:rgba(255,200,61,0.55);}

.nav-tts-icon{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:none;border:none;padding:0;color:rgba(255,200,61,0.88);transition:color .2s;flex-shrink:0;}
.nav-tts-icon:hover{color:#ffc83d;}
.nav-tts-icon svg{width:14px;height:14px;display:block;}

.nav-tts-divider{width:1px;height:14px;background:rgba(255,200,61,0.2);margin:0 6px;flex-shrink:0;}

.nav-tts-label{font-size:12px;color:var(--text-secondary);font-weight:500;white-space:nowrap;margin-right:6px;}

.nav-tts-switch{width:32px;height:16px;border-radius:8px;background:#2a2a3e;border:1px solid #3a3a4e;position:relative;cursor:pointer;transition:all .2s;flex-shrink:0;}
.nav-tts-switch::after{content:'';position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:#8b949e;transition:all .2s;}
.nav-tts-switch.on{background:rgba(63,185,80,0.25);border-color:rgba(63,185,80,0.55);}
.nav-tts-switch.on::after{transform:translateX(16px);background:var(--long);box-shadow:0 0 6px rgba(63,185,80,0.5);}

.nav-tts-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;border-radius:8px;background:var(--accent);color:#fff;font-size:8px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 3px;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4);line-height:1;}
.nav-cal-ticker-label.is-news{background:#4f8cff;box-shadow:0 0 6px rgba(79,140,255,0.4);}
.nav-cal-ticker-label.is-news::before{animation:none;opacity:1;}
@keyframes _nctBlink{0%,100%{opacity:1}50%{opacity:0.3}}
@keyframes _nctScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.nav-cal-ticker-item .t-impact.high{background:var(--red,#ff6b6b);box-shadow:0 0 4px rgba(255,107,107,0.6);}
.nav-cal-ticker-item .t-impact.med{background:#ffa94d;}
.nav-cal-ticker-item .t-impact.low{background:rgba(255,255,255,0.3);}
.nav-cal-ticker-item.live{color:var(--long,#3fb950);}

body.kp-mobile .nav-tts-area{display:none !important;}
.nav-user{display:flex;align-items:center;gap:8px;margin-left:10px;}
.nav-avatar{width:26px;height:26px;border-radius:50%;background:#58a6ff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;overflow:hidden;flex-shrink:0;}
.nav-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.nav-nickname{font-size:12px;color:var(--text-secondary);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-login-btn{font-size:12px;color:var(--accent);text-decoration:none;padding:3px 10px;border:1px solid var(--accent);border-radius:4px;cursor:pointer;font-weight:500;}
.nav-login-btn:hover{background:rgba(255,200,61,0.15);}
.nav-admin-btn{display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-secondary);text-decoration:none;padding:2px 4px;border:1px solid var(--border-default);border-radius:4px;cursor:pointer;margin-left:4px;}
.nav-admin-btn:hover{background:var(--bg-3);color:var(--text-primary);}
.nav-mgr-btn{display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--accent);text-decoration:none;padding:2px 4px;border:1px solid var(--accent);border-radius:4px;cursor:pointer;margin-left:4px;font-weight:500;}
.nav-mgr-btn:hover{background:rgba(255,200,61,0.15);}
.nav-logout-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-secondary);background:none;border:1px solid var(--border-default);border-radius:6px;cursor:pointer;margin-left:4px;padding:0;transition:all 0.15s ease;}
.nav-logout-btn:hover{background:rgba(248,81,73,0.15);color:var(--short);border-color:var(--short);}
.nav-logout-btn svg{display:block;}
.nav-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.nav-dot.connected{background:var(--long);box-shadow:0 0 6px rgba(63,185,80,0.5);}
.nav-dot.disconnected{background:var(--short);}
.nav-dot.connecting{background:#d29922;}
.nav-search-wrap{position:relative;}
.nav-search-dropdown{
position:absolute;top:100%;left:0;right:0;margin-top:2px;
background:var(--bg-3);border:1px solid var(--border-strong);border-radius:6px;
max-height:300px;overflow-y:auto;z-index:2000;
display:none;
}
.nav-search-dropdown.show{display:block;}
.nav-search-dropdown .ns-item{
padding:7px 12px;font-size:12px;color:var(--text-primary);cursor:pointer;
display:flex;justify-content:space-between;align-items:center;
}
.nav-search-dropdown .ns-item:hover{background:rgba(255,200,61,0.08);}
.nav-search-dropdown .ns-item .ns-tag{font-size:9px;color:var(--text-muted);background:rgba(139,148,158,.12);padding:1px 5px;border-radius:3px;}
.nav-search-dropdown .ns-item .ns-sym{flex:1;}
.nav-search-dropdown .ns-item .ns-source{font-size:9px;padding:1px 5px;border-radius:3px;font-weight:700;flex-shrink:0;min-width:14px;text-align:center;margin-right:6px;line-height:1.3;cursor:help;letter-spacing:0.2px;}
.nav-search-dropdown .ns-item .ns-source-exness{background:rgba(240,185,11,0.15);color:#f0b90b;border:1px solid rgba(240,185,11,0.35);}
.nav-search-dropdown .ns-item .ns-source-bitstamp{background:rgba(127,86,217,0.15);color:#a88aff;border:1px solid rgba(127,86,217,0.35);}

@media (min-width:769px){
  
  .nav-logo,.nav-logo-text,.nav-sym-name,.nav-sym-type-switch,.nav-sym-type-btn,
  .nav-sym-price,.nav-sym-change,.nav-tab,.nav-tts-label{white-space:nowrap;}
  .nav-logo,.nav-sym-logo,.nav-sym-name,.nav-sym-type-switch,.nav-sym-price,
  .nav-sym-change,.nav-tabs,.nav-tab,.nav-tts-area,.nav-search,.nav-icons{flex-shrink:0;}
  
  .navbar{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
  .navbar::-webkit-scrollbar{display:none;}
}

@media (min-width:769px) and (max-width:1359px){
  .nav-logo-text{display:none;}
}

@media (min-width:769px) and (max-width:1199px){
  .nav-tts-label{display:none;}
  .nav-search{width:110px;}
  .nav-search:focus{width:150px;}
}

@media (min-width:769px) and (max-width:1039px){
  .nav-tabs{overflow-x:auto;scrollbar-width:none;}
  .nav-tabs::-webkit-scrollbar{display:none;}
}

@media (min-width:769px) and (max-width:1039px){
  .nav-symbol{gap:6px;margin-left:10px;padding-left:10px;}
  .nav-sym-price{font-size:15px;}
  .nav-sym-change{font-size:11px;padding:2px 6px;}
  .nav-sym-type-btn{padding:3px 7px;}
  .nav-tabs{margin-left:4px;}
  .nav-tab{padding:6px 9px;}
  .nav-search{width:90px;}
  .nav-search:focus{width:130px;}
  .nav-tts-area{margin-left:6px;padding:0 6px 0 5px;}
  .nav-icons{margin-left:8px;}
}

@media (min-width:769px) and (max-width:899px){
  .nav-search{width:70px;}
  .nav-search:focus{width:130px;}
}

@media (min-width:769px) and (max-width:819px){
  .nav-sym-name{max-width:64px;overflow:hidden;text-overflow:ellipsis;}
  .nav-symbol{gap:5px;}
  .nav-sym-price{font-size:14px;}
  .nav-search{width:56px;padding-left:26px;}
  .nav-search:focus{width:130px;}
  .nav-user{display:none;}
}

@media (min-width:769px) and (max-width:779px){
  .nav-search{width:48px;padding-left:24px;font-size:11px;}
  .nav-tts-area{padding:0 5px;}
  .nav-tts-divider{margin:0 4px;}
  .nav-tabs{margin-left:2px;}
  .nav-tab{padding:6px 6px;}
}
body.kp-mobile .navbar{padding:0 6px;height:36px;min-width:0;}
body.kp-mobile .nav-logo{margin-right:6px;}
body.kp-mobile .nav-logo .nav-logo-icon{width:22px;height:22px;}
body.kp-mobile .nav-tabs{overflow-x:auto;scrollbar-width:none;flex-shrink:1;min-width:0;}
body.kp-mobile .nav-tabs::-webkit-scrollbar{display:none;}
body.kp-mobile .nav-tab{padding:0 6px;font-size:11px;white-space:nowrap;flex-shrink:0;}
body.kp-mobile .nav-search-wrap{display:none !important;}
body.kp-mobile .nav-nickname{display:none;}
body.kp-mobile .nav-sp{flex:1;min-width:8px;}
body.kp-mobile .nav-icons{flex-shrink:0;margin-left:6px;}
body.kp-mobile .nav-user{flex-shrink:0;margin-left:6px;gap:6px;} 
body.kp-mobile .nav-login-btn{white-space:nowrap;}
body.kp-mobile .cp-group{opacity:0.7;}
body.kp-mobile .nav-symbol{display:none !important;}
body.kp-mobile .pb-user-area + .pb-func-sep{display:none !important;}
body.kp-mobile .pb-sym-price{display:none !important;}
body:not(.kp-mobile) .pb-symbol-chip{display:none !important;}
body:not(.kp-mobile) .pb-symbol-chip + .pb-func-sep{display:none !important;}
body:not(.kp-mobile) .pb-user-area + .pb-func-sep{display:none !important;}
body.kp-mobile .nav-asset-bump-btn span,
body.kp-mobile .nav-refresh-btn span,
body.kp-mobile .nav-icons{margin-right:0;} 
body.kp-mobile .nav-icon{padding:5px 6px;font-size:0;margin-left:0;}
body.kp-mobile .nav-icon svg{display:block;}

body.kp-mobile .nav-refresh-btn{
  min-width:32px;min-height:32px;padding:6px;
  color:var(--text-primary);
  border:1px solid rgba(255,255,255,0.18);
  background:rgba(255,255,255,0.06);
}
body.kp-mobile .nav-refresh-btn svg{width:18px;height:18px;stroke-width:2.2;}
body.kp-mobile .nav-refresh-btn:active{background:rgba(255,255,255,0.16);}

body.kp-mobile .nav-refresh-btn{
  width:20px;height:20px;min-width:20px;min-height:20px;padding:0;gap:0;   
}
body.kp-mobile .nav-refresh-btn svg{width:12px;height:12px;stroke-width:2;}
body.kp-mobile .nav-avatar{width:20px;height:20px;font-size:10px;}
body.kp-mobile .nav-logout-btn{width:20px;height:20px;margin-left:0;}
body.kp-mobile .nav-logout-btn svg{width:12px;height:12px;}

body.kp-mobile .nav-admin-btn,
body.kp-mobile .nav-mgr-btn{width:20px;height:20px;padding:0;margin-left:0;border-radius:6px;}
body.kp-mobile .nav-admin-btn svg,
body.kp-mobile .nav-mgr-btn svg{width:12px;height:12px;}
@keyframes guide-pulse{
0%,100%{transform:scale(1);opacity:1;}
50%{transform:scale(1.4);opacity:0.6;}
}
body.kp-mobile .nav-icon.nav-guide-btn span:not(.guide-icon):not(.guide-dot){display:none;}
.intro-mask{
position:fixed;inset:0;
background:rgba(0,0,0,.55);
backdrop-filter:blur(4px);
-webkit-backdrop-filter:blur(4px);
z-index:999;
opacity:0;transition:opacity .25s ease;
pointer-events:auto;
}
.intro-mask.show{opacity:1;}
.intro-card{
position:fixed;top:50%;left:50%;
transform:translate(-50%,-47%);
width:620px;max-width:calc(100vw - 48px);
max-height:calc(100vh - 40px);
background:var(--bg-2);
border:1px solid var(--accent);
border-radius:12px;
box-shadow:0 12px 48px rgba(0,0,0,.7),0 0 0 1px rgba(255,200,61,.15);
padding:0;z-index:1000;
opacity:0;pointer-events:none;
transition:opacity .25s ease,transform .25s ease;
display:flex;flex-direction:column;
}
.intro-card.show{opacity:1;transform:translate(-50%,-50%);pointer-events:auto;}
.intro-card.hide{opacity:0;transform:translate(-50%,-47%);pointer-events:none;}
.intro-head{display:flex;align-items:center;gap:8px;padding:14px 20px 8px;flex-shrink:0;}
.intro-head h2{font-size:16px;font-weight:700;color:var(--text-primary);margin:0;}
.intro-head .intro-tip{font-size:10px;color:var(--text-muted);margin-left:auto;}
.intro-body{display:flex;flex-direction:column;gap:6px;padding:0 20px;overflow-y:auto;}
.intro-body::-webkit-scrollbar{width:4px;}
.intro-body::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px;}
.intro-section{padding:8px 12px;background:var(--bg-3);border-radius:8px;border:1px solid var(--border-subtle);}
.intro-section-title{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:4px;display:flex;align-items:center;gap:6px;}
.intro-step{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5;color:var(--text-secondary);margin-bottom:2px;}
.intro-step:last-child{margin-bottom:0;}
.intro-step b{color:var(--text-primary);font-weight:600;}
.intro-step .step-num{
display:flex;align-items:center;justify-content:center;
width:18px;height:18px;border-radius:50%;
background:var(--accent);color:#1A1A1F;
font-size:10px;font-weight:700;flex-shrink:0;
}
.intro-step .step-kbd{
display:inline-block;padding:1px 5px;margin:0 2px;
background:var(--bg-1);border:1px solid var(--border-default);
border-radius:3px;font-size:10px;color:var(--text-primary);
font-family:var(--font-mono);font-weight:500;
}
@media (hover:none) and (pointer:coarse){
.kbd-pc-only{display:none;}
.kbd-mobile-only{display:flex;}
}
.intro-tips{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:rgba(255,200,61,0.08);border:1px solid rgba(255,200,61,0.2);border-radius:8px;font-size:11px;line-height:1.5;color:var(--text-secondary);margin-top:2px;}
.intro-more-toggle{
display:none;
align-items:center;justify-content:center;gap:6px;
padding:6px 10px;color:var(--text-secondary);font-size:11px;
background:var(--bg-3);border:1px dashed var(--border-default);
border-radius:6px;cursor:pointer;user-select:none;
transition:background .15s;
}
.intro-more-toggle:hover{background:var(--bg-2);}
.intro-more-toggle .arrow{transition:transform .2s;}
.intro-more-toggle.expanded .arrow{transform:rotate(180deg);}
.intro-foot{display:flex;align-items:center;gap:12px;margin-top:6px;padding:10px 20px 12px;border-top:1px solid var(--border-subtle);flex-shrink:0;}
.intro-foot .intro-ok{
padding:5px 16px;border-radius:6px;
background:var(--accent);color:#1A1A1F;
font-size:12px;font-weight:600;
border:none;cursor:pointer;
position:relative;
transition:background .15s,transform .15s,box-shadow .15s;
box-shadow:0 0 0 0 rgba(255,200,61,0.6);
animation:pulse-ok 2.4s ease-in-out infinite;
}
@keyframes pulse-ok{
0%,100%{box-shadow:0 0 0 0 rgba(255,200,61,0.5);}
50%{box-shadow:0 0 0 8px rgba(255,200,61,0);}
}
.intro-foot .intro-ok:hover{background:var(--accent-strong);transform:translateY(-1px);animation:none;}
.intro-foot .intro-ok:active{transform:translateY(0);}
.intro-foot .intro-no-show{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-muted);cursor:pointer;user-select:none;}
.intro-foot .intro-no-show input{margin:0;cursor:pointer;}
.intro-foot .intro-close{margin-left:auto;background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:2px 6px;}
.intro-foot .intro-close:hover{color:var(--text-primary);}
@media (max-width:768px){
.intro-card{width:min(620px,90vw);}
}
@media (max-width:480px){
.intro-card{width:calc(100vw - 24px);max-height:calc(100vh - 24px);border-radius:10px;}
.intro-head{padding:10px 14px 6px;}
.intro-head h2{font-size:14px;}
.intro-head .intro-tip{font-size:9.5px;}
.intro-body{padding:0 14px;gap:5px;}
.intro-section{padding:7px 10px;}
.intro-section-title{font-size:11.5px;margin-bottom:3px;}
.intro-section-title .section-icon{font-size:13px;}
.intro-step{font-size:10.5px;line-height:1.45;gap:6px;margin-bottom:1px;}
.intro-step .step-num{width:16px;height:16px;font-size:9px;}
.intro-step .step-kbd{font-size:9.5px;padding:0 4px;}
.intro-tips{padding:7px 10px;font-size:10.5px;line-height:1.45;}
.intro-tips .tips-icon{font-size:14px;}
.intro-foot{padding:8px 14px 10px;gap:10px;margin-top:5px;}
.intro-foot .intro-ok{padding:5px 14px;font-size:11.5px;}
.intro-foot .intro-no-show{font-size:10px;}
.intro-foot .intro-close{font-size:11px;}
}
@media (max-width:360px){
.intro-card{width:calc(100vw - 16px);max-height:calc(100vh - 16px);border-radius:8px;}
.intro-head h2{font-size:13px;}
.intro-body{padding:0 12px;}
.intro-section{padding:6px 9px;}
.intro-section-title{font-size:11px;}
.intro-step{font-size:10px;line-height:1.4;}
.intro-step .step-num{width:15px;height:15px;font-size:8.5px;}
.intro-step .step-kbd{font-size:9px;padding:0 3px;}
.intro-tips{padding:6px 9px;font-size:10px;}
.intro-section.collapse-on-tiny{display:none;}
.intro-more-toggle{display:flex !important;}
.intro-foot{padding:7px 12px 9px;gap:8px;}
.intro-foot .intro-ok{padding:4px 12px;font-size:11px;}
.intro-foot .intro-no-show{font-size:9.5px;gap:4px;}
body.kp-mobile .nav-tab{padding:0 4px;font-size:10px;}
body.kp-mobile .nav-login-btn{padding:2px 6px;font-size:11px;}
}

#kp-status-bar{
height:24px;background:var(--bg-1);border-top:1px solid var(--border-strong);
display:flex;align-items:center;padding:0 14px;
font-size:11px;color:var(--text-secondary);gap:10px;flex-shrink:0;
}
#kp-status-bar .kp-sb-item{
display:flex;align-items:center;gap:4px;
}
#kp-status-bar .kp-sb-spacer{
flex:1;
}
#kp-status-bar .kp-sb-sep{
width:1px;height:12px;background:var(--border-default);
}
#kp-status-bar .kp-sb-conn-dot{
width:8px;height:8px;border-radius:50%;flex-shrink:0;
}
#kp-status-bar .kp-sb-conn-dot.green{background:var(--long);box-shadow:0 0 6px rgba(63,185,80,0.5);}
#kp-status-bar .kp-sb-conn-dot.yellow{background:var(--accent);box-shadow:0 0 6px rgba(255,200,61,0.5);}
#kp-status-bar .kp-sb-conn-dot.red{background:var(--short);box-shadow:0 0 6px rgba(248,81,73,0.5);}
#kp-status-bar .kp-sb-conn-dot.gray{background:var(--text-muted);}
#kp-status-bar .kp-sb-conn-item{
display:flex;align-items:center;gap:4px;
}
#kp-status-bar .kp-sb-conn-label{
font-size:11px;font-weight:600;
}
#kp-status-bar .kp-sb-conn-label.tvkit{color:#58a6ff;}
#kp-status-bar .kp-sb-latency{
font-size:11px;color:var(--text-tertiary);
font-family:var(--font-mono);
}
#kp-status-bar .kp-sb-err-dot{
display:inline-block;width:7px;height:7px;border-radius:50%;
background:var(--short);margin:0 1px;vertical-align:middle;
}
#kp-status-bar .kp-sb-err-label{
font-size:10px;color:var(--short);margin-left:1px;font-weight:600;
}

#kp-status-bar .kp-sb-macd-toggle{
display:inline-flex;align-items:center;gap:4px;
font-size:11px;color:var(--text-secondary);
background:transparent;border:none;cursor:pointer;
font-family:inherit;padding:0 2px;border-radius:4px;
transition:color .15s, background .15s;
}
#kp-status-bar .kp-sb-macd-toggle:hover{
color:var(--accent);
}
#kp-status-bar .kp-sb-macd-toggle.on{
color:var(--accent);background:rgba(255,200,61,0.08);
}
#kp-status-bar .kp-sb-macd-label{font-weight:600;}

body.kp-mobile .pb-btn{padding:2px 3px;font-size:10px;}
body.kp-mobile .pb-user-area{display:none;}
body.kp-mobile .navbar{padding:0 8px 0 6px;height:36px;} 
body.kp-mobile .nav-logo{margin-right:8px;font-size:12px;}
body.kp-mobile .nav-tab{padding:0 8px;font-size:11px;}
body.kp-mobile .nav-search-wrap{display:none;}
body.kp-mobile .nav-nickname{display:none;}
body.kp-mobile .nav-logo .nav-logo-icon{width:22px;height:22px;}
body.kp-mobile .nav-logo{flex-wrap:nowrap;flex-shrink:0;}
body.kp-mobile .nav-logo-text{font-size:12px;white-space:nowrap;}
body.kp-mobile .nav-tabs{overflow-x:auto;scrollbar-width:none;}
body.kp-mobile .nav-tabs::-webkit-scrollbar{display:none;}
body.kp-mobile .nav-tab{padding:0 6px;font-size:11px;white-space:nowrap;}
body.kp-mobile .wl-sym-name{font-size:10px;}
body.kp-mobile #watchlist-in-rpanel .wl-table-header{grid-template-columns:1fr 64px 56px 48px;gap:0 4px;padding:5px 10px;}
body.kp-mobile .wl-row{grid-template-columns:1fr 64px 56px 48px;gap:0 4px;padding:0 10px;}
body.kp-mobile,
body.kp-mobile .navbar,
body.kp-mobile #period-bar,
body.kp-mobile #chart-area,
body.kp-mobile #kp-status-bar{
box-sizing:border-box !important;
margin:0 !important;
padding-left:0 !important;
padding-right:0 !important;
width:100vw !important;
max-width:100vw;
left:0 !important;
right:auto !important;
transform:none !important;
}
body.kp-mobile .navbar{padding:0 6px !important;}
body.kp-mobile #period-bar{padding:4px 6px !important;}
body.kp-mobile #chart-area{
position:relative;
display:flex !important;
flex:1 !important;
flex-direction:row !important;
width:100%;
min-height:0;
}
body.kp-mobile #drawing-bar{
width:26px;
flex:0 0 auto;
flex-direction:column;align-items:stretch;gap:1px;
padding:4px 2px;z-index:10;
background:var(--bg-3);border-right:1px solid var(--border-default);border-bottom:none;
overflow-x:hidden;overflow-y:auto;scrollbar-width:none;
display:flex;
}
body.kp-mobile #chart-wrap{

height:auto !important;
flex:1 1 auto;
width:100%;
min-height:0;
min-width:0;
max-height:calc(100vh - 36px - 32px - 44px) !important; 
padding-right:12px !important;
}
body.kp-mobile #chart{
flex:1;
min-height:0;
width:100%;
}
body.kp-mobile #rpanel{
position:absolute !important;
top:0;right:0;bottom:0;
width:320px !important;
max-width:85vw;
z-index:25;
display:flex !important;
flex-shrink:0 !important;
transition:width 0.30s cubic-bezier(0,0,.2,1);
}
body.kp-mobile #rpanel.collapsed{
width:20px !important;
}
body.kp-mobile #rpanel.collapsed button.rp-collapse{width:20px !important;height:64px;font-size:14px;color:rgba(255,200,61,0.88);top:50%;transform:translateY(-50%);}
body.kp-mobile #rpanel.push-hidden{
width:0 !important;
display:none !important;
}
body.kp-mobile #drawing-bar::-webkit-scrollbar{display:none;}
body.kp-mobile #drawing-bar.show{display:flex;}

body.kp-mobile .db-btn{width:100%;height:32px;min-width:22px;font-size:10px;font-weight:400;border-radius:3px;}
body.kp-mobile .db-sep{width:100%;height:1px;margin:2px 0;min-width:0;}
body.kp-mobile .db-btn svg{width:14px;height:14px;}

body.kp-mobile #replay-controls{
  min-width:0;
  width:calc(100% - 16px);
  max-width:calc(100% - 16px);
  padding:6px 8px 8px;
  bottom:8px;
}
body.kp-mobile .replay-toolbar{
  gap:3px;
  
  flex-wrap:wrap;
  row-gap:4px;
}
body.kp-mobile .replay-btn{
  min-width:28px;
  height:32px;
  padding:0 6px;
  font-size:11px;
  white-space:nowrap;
  flex:0 0 auto;
}
body.kp-mobile .replay-btn.primary{min-width:34px;}
body.kp-mobile .replay-speed-group{height:32px;gap:1px;padding:2px;}
body.kp-mobile .replay-speed{padding:0 5px;font-size:11px;}
.bar-panel{
display:flex;
flex-direction:column;
gap:6px;
}
.bar-row{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
padding:6px 8px;
border-radius:4px;
}
.bar-row-up{background:rgba(35,153,141,0.08);}
.bar-row-down{background:rgba(232,76,73,0.08);}
.bar-preview{
width:24px;
height:16px;
border-radius:2px;
border:1px solid rgba(255,255,255,0.15);
flex-shrink:0;
}
.bar-info{
flex:1;
min-width:0;
}
.bar-label{
font-size:12px;
color:var(--text-primary);
font-weight:500;
line-height:1.3;
}
.bar-desc{
font-size:10px;
color:#848e9c;
line-height:1.3;
}
.bar-colors{
display:flex;
gap:3px;
flex-shrink:0;
}
.bar-swatch{
width:20px;
height:20px;
border-radius:3px;
cursor:pointer;
border:2px solid transparent;
transition:all 0.1s;
}
.bar-swatch:hover{transform:scale(1.2);border-color:rgba(255,255,255,0.5);}
.bar-swatch.selected{border-color:#fff;box-shadow:0 0 0 1px #fff;}
.is-bar-tab{color:#848e9c;background:var(--border-default);}
.is-bar-tab.active{color:#fff;background:#089981;}
.is-bar-tab:hover:not(.active){color:var(--text-primary);background:#363c45;}

.modal-overlay{ display:none; position:fixed; inset:0; z-index:10000; }
.modal-overlay.show{ display:flex; }

.sb-tabs{ display:none; }
.kp-sb-main,.kp-sb-micro{ display:contents; }
body.kp-mobile #kp-status-bar{ height:40px; flex-direction:column; align-items:stretch; padding:0; gap:0; }
body.kp-mobile .kp-sb-main{ display:flex; align-items:center; gap:4px; height:40px; flex:0 0 40px; padding:0 8px; }
body.kp-mobile .navbar .nav-tabs{ display:none !important; }
body.kp-mobile .nav-tabs.sb-tabs{ display:flex; align-items:center; gap:2px; flex:0 1 auto; min-width:0; overflow:hidden; margin-left:0; padding:0; height:auto; background:transparent; border:none; border-radius:0; }
body.kp-mobile #kp-status-bar .kp-sb-micro{ display:none; }

#watchlist-in-rpanel{flex:1;display:flex;flex-direction:column;min-height:0;border-bottom:1px solid var(--border-strong);}
#watchlist-in-rpanel .wl-section-hd{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-bottom:1px solid var(--border-strong);flex-shrink:0;min-height:28px;}
#watchlist-in-rpanel .wl-section-hd .wl-label{font-size:11px;font-weight:600;color:var(--text-secondary);letter-spacing:0.5px;text-transform:uppercase;}
#watchlist-in-rpanel .wl-section-hd .wl-actions button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:0.5px;padding:2px 6px;border-radius:3px;line-height:1.4;}
#watchlist-in-rpanel .wl-section-hd .wl-actions button:hover{background:var(--accent-dim);color:var(--accent);}
#watchlist-in-rpanel .wl-section-hd .wl-actions button#wl-add{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;border-radius:4px;background:var(--accent-dim);border:1px solid var(--accent);color:var(--text-primary);font-weight:600;letter-spacing:.3px;}
#watchlist-in-rpanel .wl-section-hd .wl-actions button#wl-add .ic{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:linear-gradient(180deg,#ffd866,var(--accent) 60%,#d99a05);color:#1a1300;font-size:10px;font-weight:900;line-height:1;box-shadow:0 0 4px rgba(255,200,61,.40);}
#watchlist-in-rpanel .wl-section-hd .wl-actions button#wl-add:hover{background:rgba(255,200,61,.22);color:var(--text-primary);box-shadow:0 0 8px rgba(255,200,61,.40);transform:translateY(-1px);}
#watchlist-in-rpanel .wl-section-hd .wl-actions button#wl-add:active{transform:translateY(0);}
#watchlist-in-rpanel .wl-head-tabs{display:flex;padding:0 10px;border-bottom:1px solid var(--border-strong);flex-shrink:0;gap:0;align-items:center;white-space:nowrap;overflow-x:auto;}
#watchlist-in-rpanel .wl-head-tabs::-webkit-scrollbar{display:none;}
#watchlist-in-rpanel .wl-head-tab{padding:6px 8px;font-size:11px;color:var(--text-tertiary);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;flex-shrink:0;font-weight:500;}
#watchlist-in-rpanel .wl-head-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600;}
#watchlist-in-rpanel .wl-head-tab:hover:not(.active){color:var(--text-primary);}
#watchlist-in-rpanel .wl-follow-btn{color:var(--accent);font-size:11px;font-weight:600;padding:6px 0;margin-right:2px;cursor:pointer;border-bottom:2px solid transparent !important;flex-shrink:0;}
#watchlist-in-rpanel .wl-follow-btn:hover{color:#ffd56b;}
#watchlist-in-rpanel .wl-follow-btn.active{color:var(--accent);border-bottom-color:var(--accent) !important;}
#watchlist-in-rpanel .wl-table-header{display:grid;grid-template-columns:1.3fr 68px 54px 52px;gap:0 10px;padding:7px 14px;border-bottom:1px solid var(--border-strong);flex-shrink:0;}
#watchlist-in-rpanel .wl-table-header span{font-size:11px;color:var(--text-tertiary);font-weight:600;letter-spacing:0.3px;}
#watchlist-in-rpanel .wl-table-header span:not(:first-child){text-align:right;}
#watchlist-in-rpanel .wl-list{flex:1;overflow-y:auto;min-height:0;}
#watchlist-in-rpanel .wl-list::-webkit-scrollbar{width:3px;}
#watchlist-in-rpanel .wl-list::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:2px;}
.wl-row{display:grid;grid-template-columns:1.3fr 68px 54px 52px;gap:0 10px;align-items:center;padding:0 14px;height:34px;cursor:pointer;transition:background .1s;border-bottom:1px solid rgba(255,255,255,0.04);}
.wl-row:hover{background:rgba(255,255,255,0.04);}
.wl-row.active{background:var(--accent-dim);outline:1px solid rgba(255,200,61,0.3);outline-offset:-1px;}
.wl-sym-wrap{display:flex;align-items:center;gap:8px;min-width:0;}
.wl-coin-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;flex-shrink:0;overflow:hidden;background:transparent;}
.wl-logo-img{width:16px;height:16px;border-radius:50%;object-fit:cover;display:block;}
.wl-logo-fallback{font-size:8px;font-weight:700;color:#fff;line-height:1;}
.wl-sym-name{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);font-weight:600;min-width:0;flex:1;display:flex;align-items:center;gap:4px;}
.wl-sym-text{font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1;}
.wl-price-col{font-family:var(--font-mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-primary);}
.wl-chg-col{font-family:var(--font-mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;}
.wl-pct-col{font-family:var(--font-mono);font-size:12px;text-align:right;font-variant-numeric:tabular-nums;font-weight:600;}
.wl-up{color:var(--long);}
.wl-dn{color:var(--short);}
.wl-flat{color:var(--text-tertiary);}
.wl-row.flash-up{animation:flash-up 0.6s ease-out;}
.wl-row.flash-down{animation:flash-down 0.6s ease-out;}
.wl-coin-icon.btc{background:#f7931a;}
.wl-coin-icon.eth{background:#627eea;}
.wl-coin-icon.sol{background:#9945ff;}
.wl-coin-icon.sh{background:#c53;}
.wl-coin-icon.sz{background:var(--accent);}
.wl-coin-icon.hk{background:#e63946;}
.wl-coin-icon.us{background:var(--accent);}
.wl-coin-icon.index{background:#a78bfa;}
.wl-coin-icon:has(img:not([style*="display: none"])){background:transparent !important;}
.wl-ctxmenu{position:fixed;z-index:9999;min-width:120px;background:var(--bg-1);border:1px solid var(--border-strong);border-radius:6px;padding:4px 0;box-shadow:0 4px 12px rgba(0,0,0,.4);display:none;}
.wl-ctxmenu .ctx-item{padding:6px 14px;font-size:12px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;}
.wl-ctxmenu .ctx-item:hover{background:var(--accent-dim);color:var(--accent);}
.wl-ctxmenu .ctx-item.danger{color:var(--short);}
.wl-ctxmenu .ctx-item.danger:hover{background:rgba(248,81,73,.12);color:var(--short);}
.mw-sym-picker .wl-row{padding:0 10px;height:34px;}
.mw-sym-picker .wl-row.wl-row-active{background:var(--accent-dim);outline:1px solid rgba(255,200,61,0.3);outline-offset:-1px;}
.wl-row[draggable="true"]{cursor:grab;}
.wl-row[draggable="true"]:active{cursor:grabbing;}
.mw-wl-item .wl-logo-fallback-wrap{
position:relative;display:inline-block;flex-shrink:0;
width:22px;height:22px;border-radius:5px;
}
.mw-wl-item .wl-logo-fallback-wrap .wicon{
position:relative;
}
.mw-wl-item .wl-logo-fallback-wrap .wl-logo-img{
position:absolute;left:0;top:0;
width:22px;height:22px;border-radius:5px;
object-fit:cover;opacity:0;
transition:opacity .15s;
}
.mw-wl-item .wl-logo-fallback-wrap .wl-logo-img:not([src]){
opacity:0;
}

#news-panel{flex:0 0 30%;height:30%;max-height:30%;display:flex;flex-direction:column;border-top:1px solid var(--border-strong);background:var(--bg-1);}
#news-panel .news-section-hd{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-bottom:1px solid var(--border-strong);flex-shrink:0;min-height:28px;}
#news-panel .news-section-hd .ns-label{font-size:10px;font-weight:700;color:var(--text-secondary);letter-spacing:0.5px;text-transform:uppercase;}
#news-panel .news-section-hd .ns-actions button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:13px;padding:1px 5px;border-radius:3px;line-height:1;}
#news-panel .news-section-hd .ns-actions button:hover{background:var(--accent-dim);color:var(--accent);}
#news-panel .news-list{flex:1;overflow-y:auto;min-height:0;}
#news-panel .news-list::-webkit-scrollbar{width:3px;}
#news-panel .news-list::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:2px;}
.news-item{display:flex;gap:8px;padding:7px 14px;border-bottom:1px solid rgba(255,255,255,0.04);cursor:pointer;transition:background .1s;}
.news-item:hover{background:rgba(255,255,255,0.04);}
.news-item .color-bar{width:3px;border-radius:1px;flex-shrink:0;align-self:stretch;margin-top:2px;}
.news-item .color-bar.urgent{background:var(--short);}
.news-item .color-bar.normal{background:#58a6ff;}
.news-item .color-bar.info{background:var(--long);}
.news-item .color-bar.macro{background:var(--accent);}
.news-item .news-body{flex:1;min-width:0;}
.news-item .news-time{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);margin-bottom:2px;font-variant-numeric:tabular-nums;}
.news-item .news-title{font-size:12px;color:var(--text-secondary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500;}

#si-card{padding:10px 14px 8px;border-bottom:1px solid var(--border-strong);flex-shrink:0;overflow:hidden;}
#si-card .si-top{display:flex;align-items:center;gap:6px;margin-bottom:5px;}
#si-card .si-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0;}
#si-card .si-name{font-size:14px;font-weight:700;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
#si-card .si-code{font-size:11px;color:var(--text-tertiary);white-space:nowrap;}
#si-card .si-mode-toggle{display:flex;gap:2px;margin-left:auto;background:rgba(255,255,255,.06);border-radius:4px;padding:2px;}
#si-card .si-mode-toggle button{font-size:10px;padding:2px 8px;border:none;background:transparent;color:var(--text-tertiary);border-radius:3px;cursor:pointer;transition:all 0.15s;font-weight:500;}
#si-card .si-mode-toggle button.active{background:var(--accent);color:#111;font-weight:700;}
#si-card .si-mode-toggle button:hover:not(.active){background:rgba(255,255,255,.12);color:var(--text-primary);}
#si-card .si-price-row{display:flex;align-items:baseline;gap:10px;}
#si-card .si-price{font-family:var(--font-mono);font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-0.5px;font-variant-numeric:tabular-nums;transition:color 0.3s;color:var(--text-primary);}
#si-card .si-change{font-family:var(--font-mono);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-0.2px;}
#si-card .si-change.up{color:var(--long);}
#si-card .si-change.dn{color:var(--short);}
#si-card .si-market-top .ms-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
#si-card .si-market-top .ms-dot.open{background:var(--long);box-shadow:0 0 4px rgba(63,185,80,.5);}
#si-card .si-market-top .ms-dot.closed{background:#6e7681;}
#si-card .si-market-top .ms-text{font-size:10px;color:var(--text-tertiary);white-space:nowrap;}
#si-card .si-close-row .close-price.up,#si-card .si-close-row .close-chg.up{color:var(--long);}
#si-card .si-close-row .close-price.dn,#si-card .si-close-row .close-chg.dn{color:var(--short);}

@keyframes flash-up{0%{background-color:rgba(63,185,80,0.25);}100%{background-color:transparent;}}
@keyframes flash-down{0%{background-color:rgba(248,81,73,0.25);}100%{background-color:transparent;}}

#replay-future-mask{
display:none;
position:absolute;
top:0;
right:0;
bottom:0;
z-index:430;
pointer-events:none;
align-items:flex-start;
justify-content:center;
flex-direction:column;
padding-left:16px;
gap:10px;
background:repeating-linear-gradient(
45deg,
rgba(10,14,20,0.95),
rgba(10,14,20,0.95) 10px,
rgba(20,25,33,0.95) 10px,
rgba(20,25,33,0.95) 20px
);
border-left:1px dashed rgba(240,185,11,.68);
}
#replay-mask-anim{
display:none;
position:absolute;
top:24px;
left:16px;
width:56px;
opacity:0;
transform:scale(.72);
transition:opacity .18s ease,transform .18s ease;
pointer-events:none;
text-align:center;
}
#replay-mask-anim.show{
display:block;
opacity:.86;
transform:scale(1);
}
#replay-mask-anim svg{
width:56px;
height:56px;
display:block;
}
#replay-mask-idle{
display:none;
position:absolute;
top:84px;
left:16px;
width:56px;
z-index:1;
align-items:center;
justify-content:center;
pointer-events:none;
opacity:.7;
}
#replay-mask-idle.show{display:flex;}
#replay-mask-idle span{
padding:4px 10px;
border-radius:6px;
background:rgba(240,185,11,.16);
border:1px solid rgba(240,185,11,.38);
color:#f0b90b;
font-size:12px;
font-weight:700;
letter-spacing:.5px;
white-space:nowrap;
box-shadow:0 2px 8px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
}
#replay-cursor-line{
display:none;
position:absolute;
top:0;
bottom:0;
width:0;
z-index:510;
pointer-events:none;
}
#replay-cursor-line::before{
content:'';
position:absolute;
top:0;
bottom:0;
left:-1px;
width:2px;
background:#f0b90b;
opacity:.85;
}
#replay-cursor-line::after{
content:'';
position:absolute;
bottom:0;
left:-5px;
width:10px;
height:10px;
border-radius:50%;
background:#f0b90b;
border:2px solid #111720;
box-shadow:0 1px 6px rgba(0,0,0,.45);
}
#replay-line-hit{
display:none;
position:absolute;
top:0;
bottom:0;
width:24px;
z-index:620;
cursor:ew-resize;
transform:translateX(-50%);
}
#replay-line-hit::after{
content:'拖动回放线';
position:absolute;
left:50%;
bottom:44px;
transform:translateX(-50%);
padding:4px 7px;
border-radius:4px;
background:rgba(17,23,32,.94);
border:1px solid #2d3848;
color:var(--text-secondary);
font-size:11px;
white-space:nowrap;
opacity:0;
pointer-events:none;
transition:opacity .12s;
}
#replay-line-hit:hover::after,
#replay-line-hit.dragging::after{opacity:1;}
#replay-pick-tip{
display:none;
position:absolute;
left:50%;
top:45%;
transform:translate(-50%,-50%);
z-index:720;
width:330px;
padding:14px 16px;
border-radius:10px;
background:rgba(17,23,32,.95);
border:1px solid #2d3848;
color:var(--text-secondary);
box-shadow:0 16px 42px rgba(0,0,0,.48);
text-align:center;
pointer-events:none;
}
#replay-pick-tip .rpt-title{
color:#fff;
font-size:15px;
font-weight:600;
margin-bottom:6px;
}
#replay-pick-tip .rpt-desc{
color:var(--text-tertiary);
font-size:12px;
line-height:1.6;
}
#replay-controls{
display:none;
position:absolute;
left:50%;
bottom:14px;
transform:translateX(-50%);
z-index:780;
min-width:min(620px,calc(100% - 80px));
padding:8px 10px 10px;
border-radius:12px;
background:rgba(17,23,32,.94);
border:1px solid #2d3848;
box-shadow:0 10px 30px rgba(0,0,0,.45);
backdrop-filter:blur(8px);
}
#replay-progress{
position:relative;
width:100%;
height:18px;
border-radius:4px;
background:#0b0f16;
border:1px solid #2d3848;
cursor:pointer;
margin-bottom:8px;
box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
#replay-progress-fill{
width:0%;
height:100%;
border-radius:3px;
background:linear-gradient(90deg,#b8860b,#f0b90b);
pointer-events:none;
}
#replay-progress-handle{
position:absolute;
top:50%;
left:0%;
width:6px;
height:22px;
border-radius:3px;
background:#fff;
border:1px solid #f0b90b;
transform:translate(-50%,-50%);
box-shadow:0 1px 5px rgba(0,0,0,.5);
pointer-events:none;
}
.replay-toolbar{
display:flex;
align-items:center;
justify-content:center;
gap:5px;
}
.replay-btn{
height:28px;
min-width:30px;
padding:0 9px;
border:0;
border-radius:999px;
background:transparent;
color:var(--text-secondary);
cursor:pointer;
font:inherit;
font-size:12px;
display:inline-flex;
align-items:center;
justify-content:center;
}
.replay-btn:hover{background:rgba(255,255,255,.10);color:#fff;}
.replay-btn.primary{
min-width:36px;
background:#eff3ff;
color:#111827;
font-weight:700;
}
.replay-btn.danger:hover{background:rgba(239,83,80,.18);color:#ffb4b2;}
.replay-speed-group{
display:flex;
align-items:center;
gap:2px;
height:28px;
padding:2px;
border-radius:999px;
background:rgba(0,0,0,.25);
}
.replay-speed{
height:24px;
min-width:30px;
padding:0 7px;
border:0;
border-radius:999px;
background:transparent;
color:var(--text-tertiary);
cursor:pointer;
font:inherit;
font-size:11px;
font-weight:600;
}
.replay-speed:hover{color:var(--text-secondary);}
.replay-speed.active{background:#f0b90b;color:#111720;}

#draw-settings-modal .modal-box{width:340px;}
.ds-group-label{
font-size:10px;
color:var(--text-tertiary);
text-transform:uppercase;
letter-spacing:0.5px;
margin:10px 0 4px;
}
.ds-group-label:first-child{margin-top:0;}
.ds-item{
display:flex;
align-items:center;
gap:8px;
padding:5px 4px;
border-radius:4px;
cursor:pointer;
font-size:13px;
color:var(--text-primary);
transition:background 0.1s;
}
.ds-item:hover{background:rgba(255,255,255,0.05);}
.ds-item .ds-icon{width:22px;text-align:center;color:var(--text-tertiary);flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.ds-item .ds-icon svg{width:18px;height:18px;stroke:currentColor;}
.ds-item .ds-name{flex:1;}
.ds-ck{
width:16px;height:16px;
border:2px solid var(--text-muted);
border-radius:3px;
display:flex;align-items:center;justify-content:center;
flex-shrink:0;
font-size:11px;
color:transparent;
transition:all 0.15s;
}
.ds-item.checked .ds-ck{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);}
.modal-overlay{
position:fixed;
inset:0;
background:rgba(0,0,0,0.6);
display:none;
align-items:center;
justify-content:center;
z-index:10000;
}
.modal-overlay.show{display:flex;}
.modal-box{
background:#1e2329;
border:1px solid #363c45;
border-radius:10px;
width:420px;
max-height:80vh;
overflow:hidden;
display:flex;
flex-direction:column;
}
.modal-header{
padding:16px 20px 10px;
border-bottom:1px solid #363c45;
}
.modal-header h3{font-size:15px;font-weight:600;color:var(--text-primary);}
.modal-header p{font-size:11px;color:var(--text-tertiary);margin-top:4px;}
.modal-body{
padding:12px 20px;
overflow-y:auto;
flex:1;
}
.modal-footer{
padding:10px 20px 14px;
border-top:1px solid #363c45;
}
.modal-footer button{
width:100%;
padding:7px;
background:var(--accent);
color:#fff;
border:none;
border-radius:4px;
cursor:pointer;
font-size:13px;
}
.modal-footer button:hover{background:#1e53e0;}
#goto-time-modal .modal-box{width:520px;max-width:calc(100vw - 28px);}

.gt-modal{
background:linear-gradient(180deg,#1e1f26 0%,#181920 100%);
border:1px solid rgba(255,255,255,0.08) !important;
box-shadow:0 8px 32px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.04);
}

.gt-m-head{
display:flex;align-items:flex-start;justify-content:space-between;
padding:18px 20px 14px;border-bottom:1px solid rgba(255,255,255,0.06);
}
.gt-m-head h3{margin:0;font-size:16px;font-weight:600;color:#d1d4dc;}
.gt-m-head p{margin:4px 0 0;font-size:11px;color:#6f7787;}
.gt-m-close{
width:26px;height:26px;border:0;border-radius:5px;
background:transparent;color:#6f7787;
cursor:pointer;font-size:18px;line-height:1;
}
.gt-m-close:hover{background:rgba(255,255,255,0.06);color:#d1d4dc;}

.gt-m-body{display:grid;grid-template-columns:1fr 195px;gap:16px;padding:16px 20px 6px;}

.gt-cal-block{position:relative;}
.gt-cal-head{
display:flex;align-items:center;justify-content:space-between;
margin-bottom:8px;gap:6px;
}
.gt-cal-month{
flex:1;font-size:13px;font-weight:600;color:#d1d4dc;text-align:center;
cursor:pointer;padding:4px 8px;border-radius:4px;
transition:background 0.1s;user-select:none;
}
.gt-cal-month:hover{background:#15191f;color:rgba(255,200,61,0.88);}
.gt-cal-month .arrow{font-size:10px;color:#6f7787;margin-left:4px;}
.gt-cal-nav{display:flex;gap:3px;}
.gt-cal-nav-btn{
width:24px;height:24px;border:1px solid #363c45;border-radius:4px;
background:#15191f;color:#a9b1bd;
cursor:pointer;font-size:14px;line-height:1;transition:all 0.1s;
}
.gt-cal-nav-btn:hover{border-color:rgba(255,200,61,0.35);color:rgba(255,200,61,0.88);}
.gt-cal-nav-btn:disabled{opacity:0.3;cursor:not-allowed;}
.gt-cal-week{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px;}
.gt-cal-week span{text-align:center;font-size:10px;color:#6f7787;padding:4px 0;}
.gt-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.gt-cal-day{
aspect-ratio:1;display:flex;align-items:center;justify-content:center;
font-size:12px;color:#d1d4dc;border-radius:5px;cursor:pointer;
position:relative;

}
.gt-cal-day.dim{color:#6f7787;opacity:0.4;cursor:not-allowed;}
.gt-cal-day.disabled{color:#4a505b;cursor:not-allowed;}
.gt-cal-day.disabled:hover{background:transparent;}

.gt-cal-day.today{border:none;background:transparent;}
.gt-cal-day.today::after{
content:'';position:absolute;bottom:3px;left:50%;transform:translateX(-50%);
width:4px;height:4px;background:rgba(255,200,61,0.90);border-radius:50%;
}

.gt-cal-day:hover:not(.disabled):not(.dim){background:#15191f;}

.gt-cal-day.selected{
background:rgba(255,200,61,0.58);color:#141310;font-weight:700;
border:none;
}
.gt-cal-day.selected::after{display:none !important;}

.gt-cal-day.today.selected{
border:none;background:rgba(255,200,61,0.58);
}
.gt-cal-day.today.selected::after{display:none !important;}

.gt-ym-picker{
position:absolute;top:0;left:0;right:0;
background:#1e2329;border:1px solid rgba(255,200,61,0.35);
border-radius:8px;box-shadow:0 12px 48px rgba(0,0,0,0.7);
z-index:10;display:none;overflow:hidden;
}
.gt-ym-picker.show{display:block;}
.gt-ym-picker-head{
display:flex;align-items:center;justify-content:space-between;
padding:10px 12px;border-bottom:1px solid #363c45;
}
.gt-ym-picker-title{
font-size:13px;font-weight:600;color:#d1d4dc;
display:flex;align-items:center;gap:6px;
}
.gt-ym-picker-title .badge{
font-size:10px;color:rgba(255,200,61,0.88);
background:rgba(255,200,61,0.10);
border:1px solid rgba(255,200,61,0.35);
border-radius:8px;padding:1px 6px;font-weight:500;
}
.gt-ym-picker-close{
width:20px;height:20px;border:0;background:transparent;color:#6f7787;
cursor:pointer;font-size:14px;line-height:1;border-radius:3px;
}
.gt-ym-picker-close:hover{background:rgba(255,255,255,0.06);color:#d1d4dc;}
.gt-ym-picker-body{display:grid;grid-template-columns:80px 1fr;height:220px;}
.gt-ym-year-list{
background:#15191f;border-right:1px solid #363c45;
overflow-y:auto;padding:4px 0;
scrollbar-width:thin;scrollbar-color:#363c45 transparent;
}
.gt-ym-year-list::-webkit-scrollbar{width:4px;}
.gt-ym-year-list::-webkit-scrollbar-thumb{background:#363c45;border-radius:2px;}
.gt-ym-year-item{
padding:6px 12px;font-size:12px;color:#a9b1bd;
cursor:pointer;text-align:center;
font-variant-numeric:tabular-nums;transition:all 0.1s;
}
.gt-ym-year-item:hover{background:#2a2e39;color:#d1d4dc;}
.gt-ym-year-item.active{
background:rgba(255,200,61,0.10);color:rgba(255,200,61,0.88);
font-weight:600;border-left:2px solid rgba(255,200,61,0.88);
}
.gt-ym-month-grid{
padding:8px;display:grid;grid-template-columns:repeat(3,1fr);
gap:4px;align-content:start;
}
.gt-ym-month-item{
padding:8px 0;text-align:center;font-size:12px;color:#d1d4dc;
background:#15191f;border:1px solid #363c45;
border-radius:4px;cursor:pointer;transition:all 0.1s;
}
.gt-ym-month-item:hover{border-color:rgba(255,200,61,0.35);color:rgba(255,200,61,0.88);}
.gt-ym-month-item.active{
background:rgba(255,200,61,0.10);
border-color:rgba(255,200,61,0.35);
color:rgba(255,200,61,0.88);font-weight:600;
}
.gt-ym-month-item.disabled{opacity:0.3;cursor:not-allowed;background:#131722;}
.gt-ym-month-item.disabled:hover{border-color:#363c45;color:#d1d4dc;}

.gt-time-panel{display:flex;flex-direction:column;gap:8px;}
.gt-time-row{
background:#15191f;border:1px solid #363c45;
border-radius:6px;padding:8px 10px;
}
.gt-time-row-label{
font-size:10px;color:#6f7787;letter-spacing:0.4px;
text-transform:uppercase;margin-bottom:4px;
}
.gt-time-row-control{
display:flex;align-items:center;justify-content:space-between;gap:6px;position:relative;
}
.gt-time-step-btn{
width:22px;height:22px;border:1px solid #363c45;border-radius:4px;
background:transparent;color:#a9b1bd;
cursor:pointer;font-size:13px;line-height:1;transition:all 0.1s;
}
.gt-time-step-btn:hover{border-color:rgba(255,200,61,0.35);color:rgba(255,200,61,0.88);}
.gt-time-value{
flex:1;text-align:center;
font-size:18px;font-weight:600;color:#d1d4dc;
font-variant-numeric:tabular-nums;letter-spacing:1px;
cursor:text;user-select:none;padding:2px 4px;border-radius:3px;
transition:background 0.1s;
}
.gt-time-value:hover{background:#2a2e39;}
.gt-time-value .unit{font-size:10px;color:#6f7787;font-weight:400;margin-left:2px;letter-spacing:0;}

.gt-period-row .gt-time-row-control{gap:8px;}
.gt-period-display{
display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;
}
.gt-pd-current{

background:#1a1b22;
border:1px solid rgba(255,200,61,0.18);
color:var(--text-muted,#7b7f88);
padding:6px 12px;border-radius:6px;
display:inline-flex;align-items:center;gap:8px;
font-size:14px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;
letter-spacing:0.2px;cursor:help;
transition:all 0.18s cubic-bezier(0.22,1,0.36,1);
}
.gt-pd-current:hover{
border-color:rgba(255,200,61,0.38);
background:rgba(255,200,61,0.04);
}

.gt-pd-chip-val{
color:rgba(255,200,61,0.92);font-weight:700;
font-size:inherit;line-height:1;
}

.gt-pd-chip-sep{
color:#5a5e68;font-size:inherit;line-height:1;font-weight:400;
}

.gt-pd-chip-unit{
color:var(--text,#d9dce3);font-size:inherit;font-weight:inherit;line-height:1;
}

.gt-pd-hint{
font-size:12px;font-weight:400;color:var(--text-muted,#7b7f88);
line-height:1.35;
}

.gt-presets{display:flex;gap:6px;padding:0 20px 10px;flex-wrap:wrap;}
.gt-preset{
font-size:11px;color:#a9b1bd;
background:#1a1f27;border:1px solid #363c45;
border-radius:14px;padding:4px 10px;cursor:pointer;
transition:all 0.12s;
}
.gt-preset:hover{color:rgba(255,200,61,0.88);border-color:rgba(255,200,61,0.35);}
.gt-preset.hot{color:rgba(255,200,61,0.88);background:rgba(255,200,61,0.10);border-color:rgba(255,200,61,0.35);}

.gt-history{padding:0 20px 12px;}
.gt-history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.gt-history-title{
font-size:11px;color:#6f7787;letter-spacing:0.4px;text-transform:uppercase;
display:flex;align-items:center;gap:5px;
}
.gt-history-title svg{width:12px;height:12px;opacity:0.7;}
.gt-history-clear{
font-size:10px;color:#6f7787;background:transparent;border:0;
cursor:pointer;padding:2px 6px;border-radius:3px;
transition:color 0.1s,background 0.1s;
}
.gt-history-clear:hover{color:#ef5350;background:rgba(239,83,80,0.08);}
.gt-history-list{
display:grid;grid-template-columns:1fr 1fr;
grid-auto-rows:minmax(38px,auto);gap:4px;
}
.gt-history-item{
display:grid;grid-template-columns:22px 1fr 16px;
align-items:center;gap:8px;
padding:5px 8px;background:#15191f;border:1px solid #363c45;
border-radius:5px;cursor:pointer;position:relative;
transition:all 0.12s;min-width:0;
}
.gt-history-item:hover{border-color:rgba(255,200,61,0.35);background:#1a1f27;}
.gt-history-item:hover .gt-history-del{opacity:1;}
.gt-sym-chip{
width:22px;height:22px;border-radius:5px;
display:flex;align-items:center;justify-content:center;
font-size:10px;font-weight:600;color:#fff;flex-shrink:0;
}
.gt-sym-chip.crypto{background:#4f8cff;}
.gt-sym-chip.us{background:#58a6ff;}
.gt-sym-chip.a{background:#ff6b6b;}
.gt-sym-chip.hk{background:#ffa94d;}
.gt-history-info{display:flex;flex-direction:column;min-width:0;gap:1px;}
.gt-history-relative{
font-size:11px;color:rgba(255,200,61,0.88);
font-variant-numeric:tabular-nums;line-height:1.2;
}
.gt-history-absolute{
font-size:10px;color:#6f7787;
font-variant-numeric:tabular-nums;line-height:1.2;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.gt-history-del{
width:16px;height:16px;border:0;background:transparent;color:#6f7787;
cursor:pointer;font-size:12px;line-height:1;
border-radius:3px;opacity:0;
transition:opacity 0.1s,color 0.1s,background 0.1s;
}
.gt-history-del:hover{color:#ef5350;background:rgba(239,83,80,0.12);}
.gt-history-empty{
grid-column:1/-1;font-size:11px;color:#6f7787;
padding:10px;text-align:center;
background:#15191f;border:1px dashed #363c45;border-radius:5px;
}

.gt-preview{
margin:0 20px 12px;padding:12px 14px;
background:#15191f;border:1px solid #363c45;
border-radius:6px;
display:flex;align-items:baseline;justify-content:space-between;
transition:opacity 0.2s;
}
.gt-preview-time{
font-size:16px;font-weight:600;color:rgba(255,200,61,0.88);
font-variant-numeric:tabular-nums;letter-spacing:0.5px;
}
.gt-preview-hint{font-size:11px;color:#6f7787;text-align:right;}

.gt-m-foot{padding:0 20px 16px;min-height:50px;}
.gt-m-foot-buttons{display:flex;justify-content:flex-end;gap:8px;}

.gt-hidden-input{display:none !important;}

#goto-time-modal .gt-m-foot button{
width:auto;min-width:86px;padding:7px 16px;
}
.ind-group{margin-bottom:10px;}
.ind-group h4{font-size:11px;color:var(--text-tertiary);margin-bottom:6px;text-transform:uppercase;}
.ind-item{
display:flex;
align-items:center;
gap:8px;
padding:3px 0;
font-size:12px;
color:var(--text-primary);
cursor:pointer;
}
.ind-item input[type="checkbox"]{
accent-color:var(--accent);
}
.ind-item-row{
display:flex;
align-items:center;
justify-content:space-between;
padding:2px 0;
}
.ind-colors{
display:flex;
align-items:center;
gap:4px;
}
.settings-btn{
font-size:11px;color:var(--text-tertiary);background:var(--border-default);
border:1px solid #363c45;border-radius:4px;
padding:4px 10px;cursor:pointer;white-space:nowrap;
transition:all 0.12s;line-height:1;
}
.settings-btn:hover{color:var(--text-primary);background:#363c45;border-color:var(--text-tertiary);}
.swatch-grid{
display:grid;
grid-template-columns:repeat(10,1fr);
gap:3px;
margin:4px 0;
}
.swatch-cell{
width:28px;
height:28px;
border-radius:4px;
cursor:pointer;
border:2px solid transparent;
box-sizing:border-box;
transition:all 0.1s;
}
.swatch-cell:hover{transform:scale(1.15);border-color:rgba(255,255,255,0.5);}
.swatch-cell.selected{border-color:#fff;box-shadow:0 0 0 1px #000;}
.bar-more{
width:20px;height:20px;border-radius:3px;
background:var(--border-default);border:1px solid #363c45;
color:var(--text-tertiary);font-size:10px;cursor:pointer;
display:flex;align-items:center;justify-content:center;
transition:all 0.12s;line-height:1;flex-shrink:0;
}
.bar-more:hover{background:#363c45;color:var(--text-primary);border-color:var(--text-tertiary);}
.bar-more.expanded{background:var(--accent);color:#fff;border-color:var(--accent);}
.swatch-grid.bar-grid{display:none;margin:6px 0 2px;width:100%;flex:0 0 100%;}
.swatch-grid.bar-grid.open{display:grid;}
.is-tabbar{display:flex;gap:4px;margin-bottom:8px;}
.is-tab{
padding:4px 10px;font-size:11px;color:var(--text-tertiary);
background:var(--border-default);border-radius:4px;cursor:pointer;
transition:all 0.12s;
}
.is-tab.active{color:var(--accent);background:var(--accent-dim);box-shadow:inset 0 0 0 1px rgba(255,200,61,0.3);}
.is-tab:hover:not(.active){color:var(--text-primary);background:#363c45;}
.opacity-row{display:flex;align-items:center;gap:8px;}
.opacity-value{font-size:12px;color:var(--text-primary);min-width:34px;text-align:right;}
.thickness-row{display:flex;gap:6px;}
.thickness-option{
width:32px;height:28px;border:1px solid #363c45;
border-radius:4px;cursor:pointer;display:flex;
align-items:center;justify-content:center;
background:var(--border-default);transition:all 0.12s;
}
.thickness-option:hover{border-color:var(--text-tertiary);}
.thickness-option.selected{border-color:var(--accent);background:rgba(41,98,255,0.15);}
.thickness-line{
display:block;background:var(--text-primary);border-radius:1px;width:20px;height:2px;
}
#ps-modal .modal-header p{font-size:11px;color:var(--text-tertiary);margin-top:1px;}

#ps-modal .modal-box{
  background:linear-gradient(180deg,#1e1f26 0%,#181920 100%);
  border:1px solid rgba(255,255,255,0.08);
  box-shadow:0 8px 32px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.04);
}

.ps-group-block{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0 0 8px;
  margin-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.ps-group-block:last-of-type{margin-bottom:0;border-bottom:none;padding-bottom:0;}

.ps-group-header-row{
  display:flex;align-items:center;gap:10px;
  margin:8px 0 8px;
}
.ps-group-header-row:first-child{margin-top:0;}

.ps-gold-bar{
  width:3px;height:14px;
  background:rgba(255,255,255,0.25);
  border-radius:2px;
  flex-shrink:0;
}
.ps-group-toggle{
  cursor:pointer;user-select:none;
  display:flex;align-items:center;gap:8px;flex:1;min-width:0;
}
.ps-group-toggle .ps-arrow{
  display:inline-block;width:10px;font-size:10px;
  color:rgba(255,255,255,0.35);
  transition:transform 0.2s;flex-shrink:0;
}
.ps-group-toggle .ps-arrow.collapsed{transform:rotate(-90deg);}

.ps-group-name{font-size:13px;font-weight:600;color:#fff;letter-spacing:0.3px;}

.ps-group-count{
  background:rgba(255,255,255,0.04);
  color:rgba(255,255,255,0.75);
  border:0;
  font-size:11px;font-weight:600;
  padding:1px 8px;
  border-radius:999px;
  line-height:1.5;
  font-variant-numeric:tabular-nums;
}

.ps-select-all{
  margin-left:auto;
  background:transparent;
  color:#58a6ff;
  border:0;
  border-radius:4px;
  padding:2px 8px;
  font-size:11px;font-weight:500;
  cursor:pointer;user-select:none;
  text-decoration:none;
  transition:background 0.15s,color 0.15s;
  font-family:inherit;
}
.ps-select-all:hover{
  background:rgba(88,166,255,0.1);
  color:#79b8ff;
}

.ps-items-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2px 0;
}
.ps-items-grid.collapsed{display:none;}

.ps-period-item{
  display:flex;align-items:center;gap:8px;
  padding:5px 8px;
  border-radius:4px;
  cursor:pointer;user-select:none;
  font-size:13px;color:#cfd6df;
  transition:background 0.12s,color 0.12s;
}
.ps-period-item:hover{background:rgba(255,255,255,0.04);color:#fff;}
.ps-period-item.on{background:rgba(255,255,255,0.03);color:#fff;}
.ps-period-item.ps-stock-off span{color:#8a929c;}

.ps-ck{
  width:16px;height:16px;flex-shrink:0;
  border:1.5px solid #535b66;
  border-radius:3px;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;color:transparent;
  transition:all 0.12s;
  box-sizing:border-box;
}
.ps-period-item.on .ps-ck{
  background:#ffc83d;border-color:#ffc83d;color:#1e2329;
}

.ps-custom-block{
  border:1.5px dashed rgba(255,255,255,0.1);
  border-radius:10px;
  padding:12px 14px 14px;
  margin:8px 0 10px;
  background:rgba(255,255,255,0.01);
}
.ps-custom-title{
  font-size:12px;font-weight:600;color:#cfd6df;
  margin-bottom:10px;
  display:flex;align-items:center;gap:5px;
  letter-spacing:0.3px;
}

.ps-custom-row{
  display:flex;align-items:center;gap:8px;
}
.ps-custom-input{
  flex:1;min-width:0;
  height:36px;padding:0 10px;
  background:#15191f;
  border:1px solid #363c45;
  border-radius:5px;
  color:#fff;font-size:13px;
  outline:none;transition:border-color 0.15s;
  font-family:inherit;font-variant-numeric:tabular-nums;
}
.ps-custom-input:focus{border-color:var(--accent);}
.ps-custom-input::placeholder{color:#666;}

.ps-custom-select{
  flex:0 0 90px;min-width:0;height:36px;
  padding:0 28px 0 10px;
  background:#15191f;
  border:1px solid #363c45;
  border-radius:5px;
  color:#fff;font-size:12px;outline:none;
  cursor:pointer;transition:border-color 0.15s;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'/></svg>");
  background-repeat:no-repeat;background-position:right 8px center;
  font-family:inherit;
}
.ps-custom-select:focus{border-color:var(--accent);}

#ps-custom-add-btn{
  height:36px;min-width:70px;padding:0 16px;
  background:#16161a;
  color:rgba(255,200,61,0.88);
  border:1px solid rgba(255,200,61,0.35);
  border-radius:5px;
  font-size:12px;font-weight:600;
  cursor:pointer;
  transition:all 0.15s;
  font-family:inherit;white-space:nowrap;
}
#ps-custom-add-btn:hover{
  background:#1c1c20;
  border-color:rgba(255,200,61,0.5);
  color:rgba(255,200,61,1);
}

.ps-custom-list{
  margin-top:10px;
  display:flex;flex-wrap:wrap;gap:5px;
}
.ps-custom-list .mw-pi-tag{
  
  background:var(--bg-3) !important;
  color:var(--text-tertiary) !important;
  border:0 !important;
  padding:2px 6px 2px 8px !important;
  border-radius:3px !important;
  font-size:12px !important;
  font-weight:500 !important;
}
.ps-custom-remove{
  cursor:pointer;color:#888 !important;
  opacity:1;
  font-size:14px;line-height:1;
  margin-left:1px;
  display:inline-flex;align-items:center;justify-content:center;
}
.ps-custom-remove:hover{color:#fff !important;}

#ps-modal .modal-body{padding:14px 20px;}
#ps-modal .modal-header{padding:16px 20px 10px;}
#ps-modal .modal-header h3{font-size:15px;font-weight:600;}
#ps-modal .modal-header p{font-size:11px;color:var(--text-tertiary);margin-top:4px;}

#ps-modal .modal-footer{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 20px 14px;
}
#ps-modal .modal-footer #ps-select-all,
#ps-modal .modal-footer #ps-reset-default{
  width:auto;padding:7px 14px;min-width:0;
}
#ps-modal .modal-footer .ps-footer-right{display:flex;gap:8px;}
#ps-modal .modal-footer .ps-footer-right button{
  width:auto;padding:7px 16px;min-width:82px;
}

#ps-modal-cancel,
#ps-modal-confirm{
  background:#16161a !important;
  color:rgba(255,200,61,0.88) !important;
  border:1px solid rgba(255,200,61,0.35) !important;
  font-weight:600 !important;
  box-shadow:none !important;
}
#ps-modal-cancel:hover,
#ps-modal-confirm:hover{
  background:#1c1c20 !important;
  border-color:rgba(255,200,61,0.5) !important;
  color:rgba(255,200,61,1) !important;
  filter:none !important;
}

#ind-settings-modal .modal-footer button,
#draw-settings-modal .modal-footer button,
#ind-modal .modal-footer button,
#goto-time-modal .modal-footer button:not(#goto-time-cancel),
#ps-modal .modal-footer button{
background:#16161a;
color:rgba(255,200,61,0.88);
border:1px solid rgba(255,200,61,0.35);
font-weight:600;
}
#ind-settings-modal .modal-footer button:hover,
#draw-settings-modal .modal-footer button:hover,
#ind-modal .modal-footer button:hover,
#goto-time-modal .modal-footer button:not(#goto-time-cancel):hover,
#ps-modal .modal-footer button:hover{
background:#1c1c20;
border-color:rgba(255,200,61,0.5);
color:rgba(255,200,61,1);
filter:none;
}

#ps-modal .modal-footer #ps-modal-cancel,
#goto-time-modal .modal-footer #goto-time-cancel{
background:var(--bg-4) !important;
color:var(--text-tertiary) !important;
border:1px solid var(--border-strong) !important;
}
#ps-modal .modal-footer #ps-modal-cancel:hover,
#goto-time-modal .modal-footer #goto-time-cancel:hover{
background:var(--bg-4) !important;
color:var(--text-primary) !important;
border-color:var(--border-strong) !important;
filter:none;
}

#ps-modal .modal-footer #ps-modal-cancel,
#goto-time-modal .modal-footer #goto-time-cancel{
background:var(--bg-4) !important;
color:var(--text-tertiary) !important;
border:1px solid var(--border-strong) !important;
}
#ps-modal .modal-footer #ps-modal-cancel:hover,
#goto-time-modal .modal-footer #goto-time-cancel:hover{
color:var(--text-primary) !important;
background:var(--border-strong) !important;
}
#add-sym-modal .as-search-row{display:flex;gap:10px;margin-bottom:12px;}
#add-sym-modal .as-search-input{flex:1;min-width:320px;background:#0d1117;border:1.5px solid var(--border-strong);color:var(--text-secondary);padding:9px 12px 9px 36px;font-size:13px;border-radius:8px;outline:none;font-family:inherit;transition:all 0.2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b8fa3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center;background-size:14px 14px;}
#add-sym-modal .as-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,200,61,0.12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffc83d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");}
#add-sym-modal .as-search-input::placeholder{color:var(--text-muted);}
#add-sym-modal .as-search-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #0d1117 inset !important;-webkit-text-fill-color:var(--text-secondary) !important;}
#add-sym-modal .as-search-input:-internal-autofill-selected{-webkit-box-shadow:0 0 0 1000px #0d1117 inset !important;-webkit-text-fill-color:var(--text-secondary) !important;}
#add-sym-modal .as-search-btn{background:var(--accent);border:none;color:#1a1300;font-size:13px;font-weight:700;cursor:pointer;padding:0 18px;border-radius:8px;transition:all 0.2s;white-space:nowrap;min-width:64px;}
#add-sym-modal .as-search-btn:hover{background:#d99a05;box-shadow:0 4px 14px rgba(255,200,61,0.25);}
#add-sym-modal .as-search-btn:active{transform:scale(0.97);}
#add-sym-modal .as-search-btn.loading{background:var(--border-strong);color:var(--text-muted);pointer-events:none;}
#add-sym-modal .as-popular-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
#add-sym-modal .as-popular-label{font-size:12px;color:var(--text-muted);}
#add-sym-modal .as-popular-tag{background:rgba(255,200,61,0.08);color:var(--accent);border:1px solid rgba(255,200,61,0.2);border-radius:6px;padding:4px 10px;font-size:12px;cursor:pointer;transition:all 0.15s;}
#add-sym-modal .as-popular-tag:hover{background:rgba(255,200,61,0.15);border-color:rgba(255,200,61,0.4);}
#add-sym-modal .as-legend span{display:flex;align-items:center;gap:4px;}
#add-sym-modal .as-legend .ldot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 4px currentColor;}
#add-sym-modal .as-legend .ldot-crypto{background:var(--accent);color:var(--accent);}
#add-sym-modal .as-legend .ldot-stock{background:#ffd56b;color:#ffd56b;}
#add-sym-modal .as-legend .ldot-cn{background:#ff6b6b;color:#ff6b6b;}
#add-sym-modal .as-legend .ldot-hk{background:#ffa94d;color:#ffa94d;}
#add-sym-modal .as-legend .ldot-commodity{background:#81c784;color:#81c784;}
#add-sym-modal .as-legend .ldot-index{background:#b794f4;color:#b794f4;}
#add-sym-modal .as-legend .ldot-forex{background:#4dd0e1;color:#4dd0e1;}
#add-sym-modal .as-item{display:flex;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;gap:8px;margin-bottom:3px;border:1px solid transparent;transition:all 0.18s cubic-bezier(0.22,1,0.36,1);position:relative;overflow:hidden;}
#add-sym-modal .as-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--accent);border-radius:0 2px 2px 0;transition:height 0.2s;}
#add-sym-modal .as-item:hover{background:rgba(255,200,61,0.06);border-color:rgba(255,200,61,0.15);transform:translateX(2px);}
#add-sym-modal .as-item:hover::before{height:60%;}
#add-sym-modal .as-item.active{background:rgba(255,200,61,0.1);border-color:rgba(255,200,61,0.3);box-shadow:0 2px 12px rgba(255,200,61,0.1);}
#add-sym-modal .as-item.active::before{height:80%;}
#add-sym-modal .as-item .ai-icon{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;color:#fff;}
#add-sym-modal .as-item .ai-icon.crypto{background:var(--accent);color:#1a1300;}
#add-sym-modal .as-item .ai-icon.us{background:#ffd56b;color:#1a1300;}
#add-sym-modal .as-item .ai-icon.a{background:#ff6b6b;}
#add-sym-modal .as-item .ai-icon.hk{background:#ffa94d;}
#add-sym-modal .as-item .ai-icon.commodity{background:#81c784;}
#add-sym-modal .as-item .ai-icon.sector{background:#f08c00;color:#1a1300;}
#add-sym-modal .as-item .ai-ticker{font-family:var(--font-mono);font-size:13px;font-weight:700;min-width:72px;font-variant-numeric:tabular-nums;color:var(--text-secondary);}
#add-sym-modal .as-item .ai-name{font-size:12px;color:var(--text-tertiary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#add-sym-modal .as-item .ai-sub{font-size:10px;color:var(--accent);background:rgba(255,200,61,0.12);padding:2px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap;font-weight:600;}
#add-sym-modal .as-item .ai-tag{font-size:10px;padding:2px 7px;border-radius:4px;font-weight:600;flex-shrink:0;letter-spacing:0.3px;}
#add-sym-modal .as-item .ai-tag.crypto{background:rgba(255,200,61,0.15);color:var(--accent);border:1px solid rgba(255,200,61,0.25);}
#add-sym-modal .as-item .ai-tag.us{background:rgba(255,213,107,0.12);color:#ffd56b;border:1px solid rgba(255,213,107,0.25);}
#add-sym-modal .as-item .ai-tag.a{background:rgba(255,107,107,0.12);color:#ff6b6b;border:1px solid rgba(255,107,107,0.25);}
#add-sym-modal .as-item .ai-tag.hk{background:rgba(255,169,77,0.12);color:#ffa94d;border:1px solid rgba(255,169,77,0.25);}
#add-sym-modal .as-item .ai-tag.commodity{background:rgba(129,199,132,0.12);color:#81c784;border:1px solid rgba(129,199,132,0.25);}
#add-sym-modal .as-item .ai-tag.sector{background:rgba(240,140,0,0.14);color:#f08c00;border:1px solid rgba(240,140,0,0.3);}
#add-sym-modal .as-item .ai-source-tag{font-size:9px;padding:1px 5px;border-radius:3px;font-weight:700;flex-shrink:0;min-width:14px;text-align:center;line-height:1.3;margin-left:2px;letter-spacing:0.2px;cursor:help;}
#add-sym-modal .as-item .ai-source-exness{background:rgba(240,185,11,0.15);color:#f0b90b;border:1px solid rgba(240,185,11,0.35);min-width:24px;padding:2px 5px;letter-spacing:0.3px;}
#add-sym-modal .as-item .ai-source-bitstamp{background:rgba(127,86,217,0.15);color:#a88aff;border:1px solid rgba(127,86,217,0.35);}
#add-sym-modal .as-item .ai-source-binance{background:rgba(255,200,61,0.12);color:#ffc83d;border:1px solid rgba(255,200,61,0.3);}
#add-sym-modal .as-item .ai-source-tv{background:rgba(57,211,83,0.15);color:#39d353;border:1px solid rgba(57,211,83,0.35);}
#add-sym-modal .as-item .ai-add{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;color:var(--text-muted);background:rgba(255,255,255,0.02);flex-shrink:0;line-height:1;transition:all 0.2s cubic-bezier(0.22,1,0.36,1);position:relative;}
#add-sym-modal .as-item:hover .ai-add{color:var(--accent);background:rgba(255,200,61,0.12);transform:scale(1.08);}
#add-sym-modal .as-item .ai-add:hover{background:var(--accent);color:#1a1300;box-shadow:0 2px 8px rgba(255,200,61,0.3);}
#add-sym-modal .as-item .ai-add.loading{pointer-events:none;color:transparent;}
#add-sym-modal .as-item .ai-add.loading::after{content:'';width:12px;height:12px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin 0.6s linear infinite;}
#add-sym-modal .as-item .ai-add.success{background:var(--long);color:#fff;animation:addSuccess 0.4s cubic-bezier(0.34,1.56,0.64,1);}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes addSuccess{0%{transform:scale(0.5);}50%{transform:scale(1.2);}100%{transform:scale(1);}}
#add-sym-modal .as-group-label{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:0.6px;padding:10px 0 5px;margin-top:4px;border-top:1px solid rgba(255,200,61,0.08);text-transform:uppercase;}
#add-sym-modal .as-group-label:first-of-type{border-top:none;margin-top:0;padding-top:2px;}
#add-sym-modal .as-meta{font-size:11px;color:var(--text-muted);margin-bottom:8px;padding-left:2px;}
#add-sym-modal .as-hint kbd{background:var(--border-strong);padding:2px 5px;border-radius:4px;font-size:10px;font-family:inherit;color:var(--text-secondary);}
#add-sym-modal .as-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:24px 0;}
#add-sym-modal .as-toast-success.show{opacity:1;transform:translate(-50%,-50%) scale(1);}
#add-sym-modal .modal-box{background:var(--bg-1);border:1px solid rgba(255,200,61,0.18);border-radius:14px;width:480px !important;min-width:480px !important;max-height:82vh;box-shadow:0 24px 64px rgba(0,0,0,0.5),0 0 0 1px rgba(255,200,61,0.06),0 0 40px rgba(255,200,61,0.05);animation:asModalSlideUp 0.25s cubic-bezier(0.22,1,0.36,1);}
@keyframes asModalSlideUp{from{opacity:0;transform:translateY(16px) scale(0.96);}to{opacity:1;transform:translateY(0) scale(1);}}
#add-sym-modal .modal-header{padding:18px 22px 12px;border-bottom:1px solid rgba(255,200,61,0.1);background:linear-gradient(180deg,rgba(255,200,61,0.04) 0%,transparent 100%);}
#add-sym-modal .modal-header h3{font-size:16px;font-weight:700;color:var(--accent);letter-spacing:0.3px;}
#add-sym-modal .modal-header p{font-size:12px;color:var(--text-tertiary);margin-top:5px;line-height:1.5;}
#add-sym-modal .modal-body{padding:14px 22px;overflow-y:auto;flex:1;}
#add-sym-modal .modal-body::-webkit-scrollbar{width:4px;}
#add-sym-modal .modal-body::-webkit-scrollbar-track{background:transparent;}
#add-sym-modal .modal-body::-webkit-scrollbar-thumb{background:rgba(255,200,61,0.2);border-radius:2px;}
#add-sym-modal .modal-footer{padding:12px 22px 16px;border-top:1px solid rgba(255,200,61,0.08);}
#add-sym-modal .modal-close-btn{width:100%;padding:9px;background:transparent;color:var(--text-tertiary);border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all 0.2s;}
#add-sym-modal .modal-close-btn:hover{background:rgba(255,200,61,0.06);border-color:rgba(255,200,61,0.3);color:var(--accent);}

@media(max-width:640px){
  
  #add-sym-modal.modal-overlay{
    padding: 0 8px;
    box-sizing: border-box;
  }

  
  #add-sym-modal .modal-box{
    width: min(92vw, calc(100vw - 24px)) !important;   
    min-width: 0 !important;
    max-width: min(92vw, calc(100vw - 24px)) !important;
    max-height: 90vh;
    border-radius: 10px;
    box-sizing: border-box !important;                  
  }
  #add-sym-modal .modal-header{ padding:14px 16px 10px; min-width:0; box-sizing:border-box; }
  #add-sym-modal .modal-header h3{ font-size:15px; }
  #add-sym-modal .modal-header p{ font-size:11px; margin-top:3px; }
  
  #add-sym-modal .modal-body{ padding:12px 14px; min-width:0 !important; box-sizing:border-box; }
  #add-sym-modal .modal-footer{ padding:10px 16px 14px; min-width:0; box-sizing:border-box; }

  
  #add-sym-modal .as-search-row{
    display:flex;
    gap:6px;
    margin-bottom:10px;
    min-width:0 !important;
    width:100%;
    box-sizing:border-box;
  }
  
  #add-sym-modal .modal-box .as-search-input{
    flex: 1 1 auto;
    min-width: 0 !important;   
    width: 0 !important;       
    max-width: 100%;
    height: 36px;
    padding: 0 12px 0 34px;
    font-size: 13px;
    border-radius: 6px;
    box-sizing: border-box !important;
  }
  #add-sym-modal .as-search-btn{
    flex: 0 0 auto;            
    flex-shrink: 0 !important;
    min-width: 56px;
    width: auto;
    height: 36px;
    padding: 0 14px;
    font-size: 12px;
    border-radius: 6px;
    box-sizing: border-box;
  }
  #add-sym-modal .as-popular-row{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:10px;
    flex-wrap:wrap;
    min-width:0 !important;
    width:100%;
    box-sizing:border-box;
  }
  #add-sym-modal .as-popular-tag{ padding:3px 8px; font-size:11px; box-sizing:border-box; }
  #add-sym-modal .as-legend{
    display:flex;
    gap:8px;
    font-size:10px;
    margin-bottom:10px;
    flex-wrap:wrap;
    padding:0 2px;
    min-width:0 !important;
    width:100%;
    box-sizing:border-box;
  }
  #add-sym-modal .as-legend span{ font-size:10px; }
  #add-sym-modal .as-legend .ldot{ width:5px; height:5px; }
  #add-sym-modal .as-item{ padding:7px 8px; gap:6px; min-width:0 !important; box-sizing:border-box; width:100%; }
  #add-sym-modal .as-item .ai-icon{ width:20px; height:20px; font-size:10px; flex:0 0 auto; }
  #add-sym-modal .as-item .ai-ticker{ font-size:12px; min-width:0; flex:0 0 auto; }
  #add-sym-modal .as-item .ai-name{ font-size:11px; min-width:0; }
  #add-sym-modal .as-item .ai-add{ width:22px; height:22px; font-size:13px; flex:0 0 auto; }
  #add-sym-modal .as-hint{ font-size:10px; box-sizing:border-box; }
  #add-sym-modal .as-hint kbd{ font-size:9px; padding:1px 4px; box-sizing:border-box; }
  #add-sym-modal .as-group-label{ font-size:10px; padding:8px 0 4px; margin-top:2px; box-sizing:border-box; }
  #add-sym-modal .as-meta{ font-size:10px; box-sizing:border-box; }
  #add-sym-modal .modal-close-btn{ padding:7px; font-size:12px; box-sizing:border-box; width:100%; }

  
  #search-help-modal{
    padding: 0 8px;
    box-sizing: border-box;
  }
  #search-help-modal .sh-box{
    width: min(92vw, calc(100vw - 24px)) !important;
    max-width: min(92vw, calc(100vw - 24px)) !important;
    min-width: 0 !important;
    max-height: 90vh;
    border-radius: 10px;
    box-sizing: border-box !important;
  }
  #search-help-modal .sh-head{ padding:14px 16px 10px; box-sizing:border-box; min-width:0; }
  #search-help-modal .sh-head h3{ font-size:15px; }
  #search-help-modal .sh-head p{ font-size:11px; }
  #search-help-modal .sh-tabs{ padding:6px 10px 0; gap:2px; box-sizing:border-box; min-width:0; flex-wrap:wrap; }
  #search-help-modal .sh-tab{ padding:5px 8px; font-size:11.5px; box-sizing:border-box; flex-shrink:0; }
  #search-help-modal .sh-body{ padding:14px 16px; box-sizing:border-box; min-width:0 !important; }
  #search-help-modal .sh-body h4{ font-size:13px; }
  #search-help-modal .sh-body h5{ font-size:12px; margin:12px 0 6px; }
  #search-help-modal .sh-body p{ font-size:12px; line-height:1.55; }
  #search-help-modal .sh-body code{ font-size:11px; }
  #search-help-modal .sh-body th,
  #search-help-modal .sh-body td{ padding:5px 7px; font-size:11px; box-sizing:border-box; }
  #search-help-modal .sh-foot{ padding:10px 16px; gap:6px; box-sizing:border-box; min-width:0; }
  #search-help-modal .sh-foot-tip{ display:none; }  
  #search-help-modal .sh-fill-group{ gap:4px; width:100%; justify-content:flex-end; box-sizing:border-box; flex-wrap:wrap; }
  .sh-fill-btn{ padding:4px 8px; font-size:11px; border-radius:12px; box-sizing:border-box; flex-shrink:0; }
  
  .as-header-help{ top:10px; right:14px; width:24px; height:24px; font-size:13px; box-sizing:border-box; }
}

.gt-modal{transition:opacity 0.25s cubic-bezier(0.22,1,0.36,1),transform 0.25s cubic-bezier(0.22,1,0.36,1);}
.gt-modal.fade-out{opacity:0;transform:scale(0.96);}
.gt-modal.loading .gt-m-body,
.gt-modal.loading .gt-presets,
.gt-modal.loading .gt-history,
.gt-modal.loading .gt-preview{opacity:0.45;pointer-events:none;user-select:none;filter:grayscale(0.3);}
.gt-modal.loading .gt-m-foot-buttons{opacity:0;height:0;margin:0;overflow:hidden;pointer-events:none;transition:all 0.2s cubic-bezier(0.22,1,0.36,1);}

#goto-time-cancel,
#goto-time-confirm{
  min-width:86px;padding:8px 18px;height:34px;
  border-radius:8px;font-size:13px;font-weight:500;
  cursor:pointer;transition:all 0.2s cubic-bezier(0.22,1,0.36,1);
  border:1px solid rgba(255,200,61,0.18);
  background:#16161a;font-family:inherit;
}
#goto-time-cancel{color:#8a8f98;border-color:rgba(138,143,152,0.2);}
#goto-time-cancel:hover{background:rgba(255,255,255,0.04);border-color:rgba(138,143,152,0.35);color:#b7bdc8;}
#goto-time-confirm{color:rgba(255,200,61,0.88);border-color:rgba(255,200,61,0.35);}
#goto-time-confirm:hover{background:rgba(255,200,61,0.08);border-color:rgba(255,200,61,0.55);box-shadow:0 2px 12px rgba(255,200,61,0.18);color:#ffc83d;}

.gt-preset.hot{background:linear-gradient(135deg,rgba(255,200,61,0.18),rgba(255,160,61,0.12))!important;color:#ffc83d!important;border-color:rgba(255,200,61,0.45)!important;box-shadow:0 2px 8px rgba(255,200,61,0.15);}

.gt-pd-chip.more:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,200,61,0.18);}

.gt-history-empty{
  grid-column:1/-1;padding:22px 12px;text-align:center;
  font-size:12px;color:var(--text-muted);
  border:1px dashed rgba(138,143,152,0.22);border-radius:10px;
  background:rgba(255,255,255,0.01);
}

.gt-card{
  display:none;flex-direction:row;align-items:center;gap:14px;
  padding:14px 16px;margin-top:0;
  border:1px solid rgba(255,200,61,0.18);border-radius:10px;
  background:linear-gradient(135deg,rgba(255,200,61,0.05),rgba(255,160,61,0.02));
  transition:border-color 0.3s ease,background 0.3s ease;
}
.gt-modal.loading .gt-card{display:flex;animation:gtCardIn 0.25s cubic-bezier(0.34,1.56,0.64,1);}
@keyframes gtCardIn{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}
.gt-card.ok{border-color:rgba(63,185,80,0.35);background:linear-gradient(135deg,rgba(63,185,80,0.06),rgba(63,185,80,0.02));}
.gt-card.err{border-color:rgba(255,107,107,0.35);background:linear-gradient(135deg,rgba(255,107,107,0.06),rgba(255,107,107,0.02));}
.gt-candles{display:flex;align-items:flex-end;gap:3px;height:28px;flex-shrink:0;}
.gt-candle{width:4px;border-radius:1px;animation:gtCandleWave 1.2s ease-in-out infinite;}
.gt-candle:nth-child(1){height:30%;animation-delay:0s;}
.gt-candle:nth-child(2){height:70%;animation-delay:0.15s;}
.gt-candle:nth-child(3){height:45%;animation-delay:0.3s;}
.gt-candle:nth-child(4){height:85%;animation-delay:0.45s;}
.gt-candle:nth-child(5){height:55%;animation-delay:0.6s;}
.gt-candle.bull{background:linear-gradient(180deg,#3fb950,#2ea043);}
.gt-candle.bear{background:linear-gradient(180deg,#ff6b6b,#d94848);}
@keyframes gtCandleWave{0%,100%{transform:scaleY(1);}50%{transform:scaleY(0.55);}}
.gt-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;}
.gt-title{font-size:12px;font-weight:600;color:#d1d4dc;line-height:1.3;}
.gt-card.ok .gt-title{color:#3fb950;}
.gt-card.err .gt-title{color:#ff6b6b;}
.gt-sub{font-size:10px;color:#8a8f98;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gt-progress{position:relative;height:3px;width:100%;background:rgba(138,143,152,0.15);border-radius:2px;overflow:hidden;margin-top:2px;}
.gt-progress-bar{
  position:absolute;top:0;left:0;height:100%;width:18%;
  background:linear-gradient(90deg,#ffc83d,#ffa03d);
  border-radius:2px;transition:width 0.3s cubic-bezier(0.22,1,0.36,1);
  box-shadow:0 0 8px rgba(255,200,61,0.5);
}
.gt-card.ok .gt-progress-bar{background:linear-gradient(90deg,#3fb950,#2ea043);box-shadow:0 0 8px rgba(63,185,80,0.5);width:100%;}
.gt-card.err .gt-progress-bar{background:linear-gradient(90deg,#ff6b6b,#d94848);box-shadow:0 0 8px rgba(255,107,107,0.5);width:100%;}
@keyframes pmOverlayIn{from{opacity:0;}to{opacity:1;}}
@keyframes pmIn{from{opacity:0;transform:translateY(8px) scale(0.98);}to{opacity:1;transform:translateY(0) scale(1);}}

.mw-mode-toggle{
display:inline-flex;align-items:center;gap:2px;
margin-left:8px;padding:3px;
background:var(--bg-3);
border:1px solid var(--border-default);
border-radius:8px;
flex-shrink:0;
}
.mw-mode-btn{
background:none;border:none;color:var(--text-tertiary);
cursor:pointer;padding:4px 7px;
border-radius:5px;display:inline-flex;align-items:center;justify-content:center;
transition:all 0.15s ease;line-height:0;
}
.mw-mode-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.05);}
.mw-mode-btn.active{
color:#1A1A1F;background:var(--accent);
box-shadow:0 1px 3px rgba(255,200,61,0.4);
}
.mw-mode-btn svg{display:block;}
@media (hover:none) and (pointer:coarse){
.mw-mode-toggle{padding:2px;}
.mw-mode-btn{padding:3px 5px;}
.mw-mode-btn svg{width:12px;height:12px;}
}
body.mw-multi #chart-area { display: none !important; }

body.mw-single #kp-main { flex: 1 1 0; min-height: 0; }
body:not(.mw-multi):not(.mw-single) #kp-main { flex: 1 1 0; min-height: 0; } 
body.mw-multi  #kp-main { flex: 0 0 auto; min-height: 0; height: auto; }
body.mw-multi #macd-zero { order: 999; }

body.mw-single .mw-grid-container,
body:not(.mw-multi):not(.mw-single) .mw-grid-container{display:none !important;}
#period-bar{transition:all .25s ease;}
body.mw-multi #period-bar{
height:0 !important;min-height:0 !important;
max-height:0 !important;
padding:0 !important;border-bottom:0 !important;
opacity:0 !important;
overflow:hidden !important;
}
body.mw-multi.mw-pb-strategy-compact #period-bar{
height:32px !important;min-height:32px !important;
max-height:none !important;
padding:2px 6px !important;
border-bottom:1px solid var(--border-strong) !important;
opacity:0.78;
overflow-x:auto !important;
}
body.mw-multi.mw-pb-strategy-compact #period-bar .pb-user-area,
body.mw-multi.mw-pb-strategy-compact #period-bar #pb-settings-btn,
body.mw-multi.mw-pb-strategy-compact #period-bar .pb-ind-btn,
body.mw-multi.mw-pb-strategy-compact #period-bar .chip-mode,
body.mw-multi.mw-pb-strategy-compact #period-bar .chip-tag{display:none !important;}
body.mw-multi.mw-pb-strategy-compact #period-bar .pb-btn{font-size:11px;padding:2px 4px;}
body.mw-multi.mw-pb-strategy-full #period-bar{
height:auto !important;min-height:0 !important;
max-height:none !important;
padding:4px 6px !important;
border-bottom:1px solid var(--border-strong) !important;
opacity:1 !important;
overflow-x:auto !important;
}
body.mw-single .mw-main,
body:not(.mw-multi):not(.mw-single) .mw-main{display:none !important;}
.mw-main{
flex:1 1 0;
min-height:0;
display:flex;
flex-direction:row;
overflow:hidden;
}
.mw-grid-container{
flex:1 1 0;min-height:0;min-width:0;
display:flex;flex-direction:column;
background:var(--bg-1);
pointer-events:auto;
overflow:hidden;
}
.mw-grid{
flex:1;min-height:0;
display:grid;gap:6px;
padding:6px;
overflow:hidden;
}
.mw-cell{
position:relative;
display:flex;flex-direction:column;
background:#000000;
border:1px solid var(--border-default);
border-radius:8px;
overflow:hidden;
min-width:0;min-height:0;
transition:border-color 0.15s,box-shadow 0.15s;
}
.mw-cell.active{
border-color:var(--accent);
box-shadow:0 0 0 1px rgba(255,200,61,0.45),0 4px 16px rgba(255,200,61,0.12);
}
.mw-cell.is-main{
border-color:rgba(255,200,61,0.4);
box-shadow:0 0 0 1px rgba(255,200,61,0.18);
}
.mw-cell.is-main.active{
border-color:var(--accent);
box-shadow:0 0 0 1px rgba(255,200,61,0.45),0 4px 16px rgba(255,200,61,0.12);
}
.mw-cell.dragover{
border-color:var(--accent);
box-shadow:inset 0 0 0 2px rgba(255,200,61,0.6);
background:rgba(255,200,61,0.04);
}
.mw-cell[data-size-level="S"]{
border:1px solid rgba(255,200,61,0.12);
box-shadow:none;
transition:border-color 0.15s,box-shadow 0.15s;
}
.mw-cell[data-size-level="S"]:hover{
border:3px solid rgba(255,200,61,0.65);
box-shadow:0 0 12px rgba(255,200,61,0.25);
transition:border-color 0.15s,box-shadow 0.15s;
}

.mw-span-mask{
position:absolute;top:0;left:0;right:64px;bottom:0;z-index:30;
display:flex;align-items:center;justify-content:center;
pointer-events:none;
opacity:0;visibility:hidden;
transition:opacity .22s ease,visibility .22s;
}
.mw-span-mask.on{
opacity:1;visibility:visible;
}
.mw-span-belt{
width:auto;
padding:13px 18px;
display:grid;grid-template-columns:auto auto auto;
column-gap:0;
align-items:stretch;
background:rgba(22,22,26,0.92);
backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
border:1px solid rgba(255,200,61,0.35);
box-shadow:0 8px 32px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,200,61,0.12);
position:relative;
}
.mw-span-belt::before,.mw-span-belt::after{
content:"";position:absolute;left:0;right:0;height:1px;
background:linear-gradient(90deg,transparent 4%,rgba(255,200,61,0.55) 50%,transparent 96%);
}
.mw-span-belt::before{top:0;}
.mw-span-belt::after{bottom:0;}
.mw-span-belt .cell{
text-align:center;padding:0 18px;min-width:0;
}
.mw-span-belt .cell + .cell{
border-left:1px solid rgba(255,200,61,0.18);
}
.mw-span-belt .k{
font-size:10px;letter-spacing:2px;color:#8a8878;
margin-bottom:5px;white-space:nowrap;
}
.mw-span-belt .v{
font-family:ui-monospace,"SF Mono",Menlo,monospace;
font-size:13px;color:rgba(255,200,61,0.88);letter-spacing:1px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mw-span-belt .v.warn{color:#ff8f6b;}

.mw-cell[data-size-level="S"] .mw-span-belt .cell{padding:0 10px;}
.mw-cell[data-size-level="S"] .mw-span-belt .v{font-size:11px;}
.mw-cell[data-size-level="S"].active{
border:3px solid var(--accent);
box-shadow:0 0 0 1px rgba(255,200,61,0.45),0 4px 16px rgba(255,200,61,0.12);
}
.mw-cell[data-size-level="S"].is-main{
border:1px solid rgba(255,200,61,0.30);
}
.mw-cell[data-size-level="S"].is-main:hover{
border:3px solid rgba(255,200,61,0.65);
}
.mw-cell-head{
display:flex;align-items:center;gap:8px;
padding:0 10px;
background:var(--bg-3);
border-bottom:1px solid var(--border-default);
flex-shrink:0;height:46px;
}
.mw-sym-pill{
display:inline-flex;align-items:center;gap:6px;
padding:4px 10px 4px 6px;
border-radius:6px;
background:var(--bg-4);
border:1px solid var(--border-default);
cursor:pointer;
flex:1;min-width:0;
transition:all .12s;
}
.mw-sym-pill:hover{border-color:var(--accent);}
.mw-sym-icon{
width:22px;height:22px;
border-radius:5px;
display:inline-flex;align-items:center;justify-content:center;
font-size:10px;color:#fff;font-weight:700;
flex-shrink:0;overflow:hidden;position:relative;
}
.mw-sym-logo{
display:none;width:100%;height:100%;
border-radius:5px;object-fit:cover;position:absolute;top:0;left:0;
}
.mw-sym-icon.logo-loaded .mw-sym-logo{display:block;}
.mw-sym-icon.logo-loaded .mw-sym-icon-fallback{display:none;}
.mw-sym-name{
color:var(--text-primary);font-size:13px;font-weight:600;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
font-family:var(--font-mono);
}
.mw-head-price{
font-size:12px;font-weight:600;color:var(--text-primary);
font-family:var(--font-mono);
white-space:nowrap;flex-shrink:0;
}
.mw-head-chg{
font-size:11px;font-weight:600;
font-family:var(--font-mono);
white-space:nowrap;flex-shrink:0;
padding:1px 5px;border-radius:4px;
}
.mw-head-chg.up{color:var(--long,#3fb950);background:rgba(63,185,80,.12);}
.mw-head-chg.down{color:var(--short,#f85149);background:rgba(248,81,73,.12);}
.mw-sym-caret{color:var(--text-muted);font-size:10px;flex-shrink:0;}
.mw-spt-toggle{
display:inline-flex;align-items:center;
gap:0;
background:var(--bg-4);
border:1px solid var(--border-default);
border-radius:5px;
overflow:hidden;
flex-shrink:0;
margin:0 2px;
}
.mw-spt-btn{
padding:1px 6px;
font-size:10px;
font-weight:600;
color:var(--text-muted);
cursor:pointer;
user-select:none;
transition:all .12s;
white-space:nowrap;
}
.mw-spt-btn.active{
background:var(--accent-dim);
color:var(--accent);
}
.mw-spt-btn:hover:not(.active){
color:var(--text-secondary);
}
.mw-period-pill{
padding:5px 12px;
background:var(--bg-4);
border:1px solid var(--border-default);
border-radius:6px;
font-size:12px;font-weight:600;
color:var(--text-secondary);
cursor:pointer;
font-family:var(--font-mono);
letter-spacing:.3px;
flex-shrink:0;
}
.mw-period-pill:hover{border-color:var(--accent);color:var(--text-primary);}
.mw-group-dot{
width:16px;height:16px;
border-radius:50%;
border:2px solid var(--border-default);
background:transparent;
cursor:pointer;
transition:all .15s;
flex-shrink:0;
}
.mw-group-dot:hover{transform:scale(1.2);}
.mw-group-dot.g-none{
background:transparent;
border:1.5px dashed var(--border-default);
}
.mw-group-dot.g-red{background:#ef5350;border-color:#ef5350;}
.mw-head-btns,.mw-foot-btns{
display:inline-flex;align-items:center;gap:4px;flex-shrink:0;
}
.mw-foot-btns{display:none;}
.mw-cell-btn{
padding:3px 7px;background:var(--bg-4);border:1px solid var(--border-default);
border-radius:5px;color:var(--text-secondary);cursor:pointer;
display:inline-flex;align-items:center;gap:3px;
font-size:11px;font-weight:500;white-space:nowrap;
transition:all .12s;flex-shrink:0;
}
.mw-cell-btn:hover{border-color:var(--border-strong,rgba(255,255,255,0.16));background:var(--bg-2);color:var(--text-primary);}
.mw-cell-btn .mw-cell-icon{width:14px;height:14px;flex-shrink:0;}
.mw-cell-btn.ind:hover{border-color:#42a5f5;color:#42a5f5;background:rgba(66,165,245,0.08);}
.mw-cell-btn.ref:hover{border-color:#ff9f43;color:#ff9f43;background:rgba(255,159,67,0.08);}
.mw-cell-btn.ref.loading{border-color:#ff9f43;color:#ff9f43;background:rgba(255,159,67,0.08);}
.mw-cell-btn.ref.loading .mw-cell-icon{animation:mw-btn-spin 0.8s linear infinite;}
.mw-cell-btn.reset:hover{border-color:#ef5350;color:#ef5350;background:rgba(239,83,80,0.08);}
.mw-cell-btn.reset.loading{border-color:#ef5350;color:#ef5350;background:rgba(239,83,80,0.08);}
.mw-cell-btn.reset.loading .mw-cell-icon{animation:mw-btn-spin 0.8s linear infinite;}
.mw-foot-spacer{flex:1;min-width:4px;}
@keyframes mw-btn-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.mw-cell.w-lg .mw-head-btns{display:inline-flex;}
.mw-cell.w-lg .mw-foot-btns{display:none;}
.mw-cell.w-md .mw-head-btns{display:inline-flex;}
.mw-cell.w-md .mw-foot-btns{display:none;}
.mw-cell.w-md .mw-cell-btn{padding:3px 4px;}
.mw-cell.w-md .mw-cell-btn .btn-label{display:none;}
.mw-cell.w-sm .mw-head-btns{display:none;}
.mw-cell.w-sm .mw-foot-btns{display:inline-flex;}
.mw-cell.w-sm .mw-cell-btn{padding:2px 3px;}
.mw-cell.w-sm .mw-cell-btn .btn-label{display:none;}
.mw-cell.w-sm .mw-cell-btn .mw-cell-icon{width:12px;height:12px;}
.mw-cell.w-xs .mw-head-btns{display:none;}
.mw-cell.w-xs .mw-foot-btns{display:inline-flex;}
.mw-cell.w-xs .mw-cell-btn{padding:2px 3px;}
.mw-cell.w-xs .mw-cell-btn .btn-label{display:none;}
.mw-cell.w-xs .mw-cell-btn .mw-cell-icon{width:12px;height:12px;}

.mw-sym-pill{overflow:hidden;container-type:inline-size;container-name:mwsym;}
.mw-cell .mw-sym-name{min-width:2.4em;}
.mw-cell .mw-head-price,.mw-cell .mw-head-chg{min-width:0;overflow:hidden;text-overflow:ellipsis;}
@container mwsym (max-width:320px){
.mw-head-chg,.mw-head-countdown{display:none;}
}
@container mwsym (max-width:180px){
.mw-head-price{display:none;}
}
@container mwsym (max-width:150px){
.mw-spt-btn{padding:1px 4px;font-size:9px;}
}
@container mwsym (max-width:130px){
.mw-sym-caret{display:none;}
.mw-spt-btn{padding:0 3px;font-size:8px;}
}
@container mwsym (max-width:118px){
.mw-spt-toggle{display:none;}
}
.mw-cell.w-md .mw-cell-head{gap:5px;}
.mw-cell.w-md .mw-sym-pill{gap:3px;}
.mw-cell.w-md .mw-sym-icon{width:20px;height:20px;}
.mw-cell.w-md .mw-sym-name{font-size:12px;}
.mw-cell.w-md .mw-head-btns{display:none;}
.mw-cell.w-md .mw-foot-btns{display:inline-flex;}
.mw-cell.w-md .mw-period-pill{padding:4px 7px;font-size:11px;}
.mw-cell.w-md .mw-group-dot{width:16px;height:16px;}
.mw-cell.w-sm .mw-cell-head{gap:3px;padding-left:6px;padding-right:6px;}
.mw-cell.w-sm .mw-sym-pill{gap:3px;padding-left:4px;padding-right:6px;}
.mw-cell.w-sm .mw-sym-icon{width:18px;height:18px;border-radius:4px;}
.mw-cell.w-sm .mw-sym-name{font-size:11px;}
.mw-cell.w-sm .mw-period-pill{padding:3px 6px;font-size:11px;}
.mw-cell.w-sm .mw-group-dot{width:14px;height:14px;}
.mw-cell.w-xs .mw-cell-head{gap:2px;padding-left:4px;padding-right:4px;}
.mw-cell.w-xs .mw-sym-pill{gap:2px;padding-left:3px;padding-right:4px;}
.mw-cell.w-xs .mw-sym-icon{width:16px;height:16px;border-radius:4px;font-size:9px;}
.mw-cell.w-xs .mw-sym-name{font-size:10px;min-width:1.4em;}
.mw-cell.w-xs .mw-period-pill{padding:3px 5px;font-size:10px;}
.mw-cell.w-xs .mw-group-dot{width:12px;height:12px;border-width:1px;}
.mw-cell-body{
flex:1;min-height:0;display:flex;flex-direction:row;
position:relative;
}
.mw-cell-chart{
flex:1;min-width:0;min-height:0;
position:relative;background:#000000;
display:flex;align-items:center;justify-content:center;
}
.mw-cell-chart-empty{
display:flex;flex-direction:column;align-items:center;justify-content:center;
gap:6px;color:var(--text-tertiary);
text-align:center;padding:12px;
}
.mw-cell-chart-empty-data{
padding:6px 12px;border-radius:4px;
background:rgba(239,83,80,0.12);
color:#ef5350;font-size:12px;
font-family:var(--font-mono);
white-space:nowrap;
z-index:10;
}
.mw-cell-foot{
height:32px;flex-shrink:0;
background:var(--bg-3);
border-top:1px solid var(--border-default);
display:flex;align-items:center;
padding:0 12px;gap:10px;
font-size:12px;line-height:1;
}
.mw-cell.is-main .mw-cell-foot{height:32px;font-size:13px;}
.mw-cell-foot .mw-foot-live{
width:5px;height:5px;border-radius:50%;
background:var(--long,#3fb950);flex-shrink:0;
animation:mw-foot-breathe 2s ease-in-out infinite;
}
@keyframes mw-foot-breathe{
0%,100%{opacity:1;}
50%{opacity:0.35;}
}
.mw-cell-foot .mw-foot-src{
margin-left:auto;font-size:10px;color:var(--text-muted);
text-transform:uppercase;letter-spacing:0.04em;
flex-shrink:0;
}
@media (max-width:768px){
.mw-mode-toggle{display:none !important;}
.mw-mode-btn{padding:3px 5px;}
.mw-cell-head{padding:3px 6px;min-height:26px;}
.mw-sym-name{font-size:11px;}
.mw-period-pill{font-size:10px;padding:3px 6px;}
.mw-group-dot{width:12px;height:12px;}
}
@media (max-width:480px){
.mw-sym-icon{width:16px;height:16px;font-size:8px;}
.mw-grid{gap:4px;padding:4px;}
.mw-sym-name{font-size:11px;}
.mw-period-pill{font-size:10px;padding:3px 6px;}
.mw-group-dot{width:12px;height:12px;}
}
.mw-color-panel{
padding:10px;display:flex;gap:8px;justify-content:center;
}
.mw-color-panel .mw-cp-swatch{
width:28px;height:28px;
border-radius:50%;
cursor:pointer;
border:2px solid transparent;
transition:transform .12s;
}
.mw-color-panel .mw-cp-swatch:hover{transform:scale(1.15);}
.mw-color-panel .mw-cp-swatch.none{
background:transparent;
border:1.5px dashed var(--border-default);
position:relative;
}
.mw-color-panel .mw-cp-swatch.none::before,
.mw-color-panel .mw-cp-swatch.none::after{
content:'';position:absolute;
top:50%;left:50%;width:18px;height:1.5px;
background:#ef5350;transform-origin:center;
}
.mw-color-panel .mw-cp-swatch.none::before{transform:translate(-50%,-50%) rotate(45deg);}
.mw-color-panel .mw-cp-swatch.none::after{transform:translate(-50%,-50%) rotate(-45deg);}
.mw-color-panel .mw-cp-swatch.active{
border-color:var(--text-primary);
box-shadow:0 0 0 2px var(--bg-2);
}
.mw-color-panel-info{
padding:8px 12px 12px;
font-size:12px;color:var(--text-muted);
text-align:center;
border-top:1px solid var(--border-default);
}
.mw-group-help{
padding:8px 12px 10px;
border-top:1px solid var(--border-default);
background:rgba(255,255,255,.02);
}
.mw-group-help .gh-title{
font-size:10px;font-weight:600;color:var(--text-tertiary);
margin-bottom:6px;letter-spacing:.5px;
}
.mw-group-help .gh-list{
display:flex;flex-direction:column;gap:4px;
}
.mw-group-help .gh-item{
display:flex;align-items:flex-start;gap:6px;
font-size:11px;line-height:1.45;color:var(--text-secondary);
}
.mw-group-help .gh-item .gh-dot{
width:6px;height:6px;border-radius:50%;
flex-shrink:0;margin-top:5px;
}
.mw-group-help .gh-item b{color:var(--text-primary);font-weight:600;}
.mw-cell-popup{
position:fixed;z-index:1100;
background:var(--bg-2);
border:1px solid var(--border-default);
border-radius:10px;
box-shadow:0 12px 36px rgba(0,0,0,.6);
min-width:360px;
animation:mw-popup-in .15s ease-out;
}
@keyframes mw-popup-in{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:translateY(0);}}
.mw-pi-tag{font-size:10px;color:var(--text-muted);padding:1px 6px;background:var(--bg-3);border-radius:3px;}
.mw-period-menu{min-width:450px;}
.mw-sym-picker{min-width:380px;}
.mw-sp-subtitle{font-size:11px;color:var(--text-muted);margin-left:auto;}
.mw-sp-search-wrap{
position:relative;display:flex;align-items:center;
padding:8px 14px;gap:6px;
}
.mw-sp-search-icon{
position:absolute;left:26px;font-size:13px;color:var(--text-muted);
pointer-events:none;
}
.mw-sp-search-input{
width:100%;padding:7px 28px 7px 28px;
background:var(--bg-3);border:1px solid var(--border-default);
border-radius:6px;color:var(--text-primary);
font-size:12px;font-family:var(--font-mono);
outline:none;box-sizing:border-box;
}
.mw-sp-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,200,61,0.15);}
.mw-sp-clear-btn{
position:absolute;right:22px;background:none;border:none;
color:var(--text-muted);font-size:16px;cursor:pointer;
padding:0 4px;line-height:1;display:none;
}
.mw-sp-clear-btn:hover{color:var(--text-primary);}
.mw-sp-tabs{
display:flex;gap:0;padding:0 14px;
border-bottom:1px solid var(--border-default);
overflow-x:auto;flex-shrink:0;
}
.mw-sp-tabs::-webkit-scrollbar{display:none;}
.mw-sp-tab{
padding:7px 10px;font-size:11px;font-weight:600;
color:var(--text-tertiary);cursor:pointer;
border-bottom:2px solid transparent;
white-space:nowrap;transition:all .12s;
flex-shrink:0;
}
.mw-sp-tab:hover{color:var(--text-primary);}
.mw-sp-tab.active{color:var(--accent);border-bottom-color:var(--accent);}
.mw-sp-list-wrap{max-height:320px;overflow-y:auto;flex:1;}
.mw-sp-list-wrap::-webkit-scrollbar{width:4px;}
.mw-sp-list-wrap::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px;}
.mw-sp-list-wrap::-webkit-scrollbar-track{background:transparent;}
.mw-sp-list{display:flex;flex-direction:column;}
.mw-sp-row{
display:flex;align-items:center;gap:8px;
padding:6px 14px;cursor:pointer;
transition:background .12s;
border-bottom:1px solid rgba(255,255,255,0.03);
}
.mw-sp-row:hover{background:rgba(255,200,61,0.06);}
.mw-sp-row[data-sym].active{background:rgba(255,200,61,0.12);}
.mw-sp-icon{
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:22px;border-radius:5px;
font-size:10px;font-weight:700;color:#fff;flex-shrink:0;
}
.mw-sp-icon-label{font-size:10px;font-weight:700;line-height:1;}
.mw-sp-name{flex:1;font-size:12px;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mw-sp-sym{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0;}
.mw-sp-right{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.mw-sp-price{font-size:12px;font-family:var(--font-mono);font-weight:600;color:var(--text-primary);}
.mw-sp-chg{font-size:11px;font-family:var(--font-mono);min-width:54px;text-align:right;}
.mw-sp-pct{font-size:11px;font-family:var(--font-mono);min-width:50px;text-align:right;}

body.kp-mobile .mw-sp-tabs{padding:0 6px;}
body.kp-mobile .mw-sp-tab{padding:7px 7px;}

.mw-sp-empty{
padding:32px 16px;text-align:center;color:var(--text-muted);
display:flex;flex-direction:column;align-items:center;gap:12px;
}
.mw-sp-empty-title{font-size:12px;color:var(--text-muted);}
.mw-sp-empty-cta-row{display:flex;gap:8px;justify-content:center;}
.mw-sp-empty-btn{
border:none;cursor:pointer;font-size:12px;font-weight:600;
padding:7px 14px;border-radius:6px;
font-family:inherit;transition:all .15s;
}
.mw-sp-btn-primary{background:var(--accent);color:#1A1A1F;}
.mw-sp-btn-primary:hover{background:var(--accent-dim);transform:translateY(-1px);}
.mw-sp-btn-secondary{background:var(--bg-3);border:1px solid var(--border-default);color:var(--text-secondary);}
.mw-sp-btn-secondary:hover{border-color:var(--accent);color:var(--text-primary);}
.mw-sp-footer{
display:flex;align-items:center;gap:8px;
padding:8px 14px;border-top:1px solid var(--border-default);
flex-shrink:0;background:var(--bg-2);
}
.mw-sp-footer-info{font-size:10px;color:var(--text-muted);flex:1;}
.mw-sp-footer-total{font-size:10px;color:var(--text-muted);margin-right:auto;}
.mw-sp-footer-btn{
border:1px solid var(--accent);background:transparent;color:var(--accent);
font-size:11px;font-weight:600;padding:5px 12px;border-radius:5px;
cursor:pointer;transition:all .15s;font-family:inherit;
}
.mw-sp-footer-btn:hover{background:var(--accent);color:#1A1A1F;}
.mw-pop-head{
display:flex;align-items:center;gap:6px;
padding:10px 12px;border-bottom:1px solid var(--border-default);
}
.mw-pop-head .mw-pop-title{font-size:15px;font-weight:600;color:var(--text-primary);}
.mw-pop-head .mw-pop-sub{font-size:11px;color:var(--text-muted);margin-right:auto;}
.mw-pop-head .mw-pop-close{
background:none;border:none;color:var(--text-muted);
font-size:16px;cursor:pointer;padding:0 4px;line-height:1;
}
.mw-pop-head .mw-pop-close:hover{color:var(--text-primary);}
.mw-period-menu .mw-pop-head{
padding:14px 18px;
}
.mw-group-picker .mw-pop-head{
padding:14px 16px;
}
.mw-period-grid{
display:grid;grid-template-columns:repeat(6,1fr);
gap:8px;padding:16px;
}
.mw-period-btn{
box-sizing:border-box;height:40px;
display:flex;align-items:center;justify-content:center;
padding:0;text-align:center;
border-radius:8px;cursor:pointer;
font-size:15px;font-weight:600;font-family:var(--font-mono);
background:var(--bg-3);border:1px solid var(--border-default);
color:var(--text-secondary);
transition:all .12s;
}
.mw-period-btn:hover{border-color:var(--accent);color:var(--text-primary);}
.mw-period-btn.active{background:var(--accent);color:#1A1A1F;font-weight:700;border-color:var(--accent);}

.mw-period-btn.mw-stock-disabled{
  color:var(--text-tertiary);
  opacity:0.38;
  cursor:not-allowed;
  text-decoration:line-through;
  text-decoration-color:rgba(255,255,255,0.22);
}
.mw-period-btn.mw-stock-disabled:hover{
  border-color:var(--border-default);
  color:var(--text-tertiary);
  opacity:0.6;
}
@keyframes mw-shake-anim{
  0%,100%{transform:translateX(0);}
  20%{transform:translateX(-3px);}
  40%{transform:translateX(3px);}
  60%{transform:translateX(-2px);}
  80%{transform:translateX(2px);}
}
.mw-period-btn.mw-shake{animation:mw-shake-anim 0.35s ease;}
.mw-period-btn.mw-pg-more{
grid-column:span 1;
border-style:dashed;
color:var(--text-muted);
background:transparent;
}
.mw-period-btn.mw-pg-more:hover{
border-color:var(--accent);color:var(--accent);
border-style:solid;background:var(--accent-dim);
}
.mw-period-tabs{
display:flex;gap:2px;
padding:10px 16px 0;
border-bottom:1px solid var(--border-default);
}
.mw-pt-tab{
padding:8px 18px;
font-size:13px;font-weight:600;
color:var(--text-secondary);cursor:pointer;
border-radius:6px 6px 0 0;
transition:all .12s;
position:relative;
bottom:-1px;
}
.mw-pt-tab:hover{color:var(--text-primary);background:var(--bg-3);}
.mw-pt-tab.active{
color:var(--accent);
background:var(--bg-2);
border:1px solid var(--border-default);
border-bottom-color:var(--bg-2);
}
.mw-group-dot{
width:32px;height:32px;border-radius:50%;
border:1px solid transparent;
cursor:pointer;transition:all 0.12s;
}
.mw-group-dot:hover{transform:scale(1.15);}
.mw-group-dot.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-2),0 0 0 3px var(--accent);}
@media (max-width:480px){
.mw-cell-popup.mw-sym-picker{min-width:280px;max-width:calc(100vw - 16px);width:auto;}
.mw-period-grid{grid-template-columns:repeat(3,1fr);}
}
@media (min-width:481px) and (max-width:768px){
.mw-cell-popup.mw-sym-picker{min-width:420px;}
}
.mw-drag-ghost{
position:fixed;top:-100px;left:-100px;
padding:4px 10px;
background:var(--accent);color:#1A1A1F;
font-size:12px;font-weight:700;font-family:var(--font-mono);
border-radius:4px;
box-shadow:0 4px 12px rgba(0,0,0,0.5);
pointer-events:none;z-index:9999;
}

.mw-toolbar{
display:none;
align-items:center;justify-content:flex-start;
gap:14px;
padding:0 14px;
background:var(--bg-2);
border-bottom:1px solid var(--border-default);
flex-shrink:0;
height:50px;
z-index:6;
}
.mw-tb-group{display:inline-flex;align-items:center;gap:6px;}
.mw-tb-lbl{font-size:12px;color:var(--text-tertiary);margin-right:2px;font-weight:500;}
.mw-tb-btn{
display:inline-flex;align-items:center;gap:4px;
padding:6px 12px;
background:var(--bg-3);border:1px solid var(--border-default);
color:var(--text-secondary);
font-size:12px;font-weight:600;font-family:var(--font-mono);
border-radius:6px;cursor:pointer;
transition:all 0.15s;
}
.mw-tb-btn:hover{color:var(--text-primary);border-color:var(--accent);}
.mw-tb-btn.active{color:#1A1A1F;background:var(--accent);border-color:var(--accent);}
.mw-tb-btn:disabled{opacity:0.4;cursor:not-allowed;}
.mw-tb-btn:disabled:hover{color:var(--text-secondary);border-color:var(--border-default);}
.mw-tb-divider{width:1px;height:26px;background:var(--border-default);flex-shrink:0;}
@media (max-width:768px){
.mw-toolbar{padding:4px 8px;gap:6px;flex-wrap:wrap;}
.mw-tb-lbl{display:none;}
.mw-tb-btn{padding:3px 6px;font-size:10px;}
}
.mw-tb-draw-btn{
min-width:28px;
padding:4px 6px;
font-size:15px;
line-height:1;
display:inline-flex;
align-items:center;
justify-content:center;
}
.mw-tb-draw-btn svg{
width:16px;
height:16px;
display:block;
flex-shrink:0;
}
.mw-tb-draw-btn.on{
color:#1A1A1F;
background:var(--accent);
border-color:var(--accent);
}
.mw-tb-draw-btn.on svg *{
stroke:#1A1A1F !important;
fill:#1A1A1F !important;
}
.mw-tb-draw-btn.on svg [stroke="none"]{stroke:none !important;}
.mw-tb-draw-btn.on svg [fill="none"]{fill:none !important;}
.mw-tb-draw-clear{color:var(--short) !important;}
.mw-tb-draw-hide.on{box-shadow:inset 0 0 0 1px #FF9600;}
.mw-tb-draw-divider{
display:inline-block;
width:1px;
height:20px;
margin:0 3px;
background:var(--border-default,#373a40);
vertical-align:middle;
flex-shrink:0;
}
.mw-tb-draw{display:inline-flex;align-items:center;flex-wrap:nowrap;}
.mw-tb-draw .mw-tb-lbl{margin-right:4px;}
.mw-tb-cross.on{color:#1A1A1F;background:var(--accent);border-color:var(--accent);}
.mw-tb-cross.off{color:var(--text-tertiary);background:var(--bg-3);border-color:var(--border-default);}
.mw-tb-presets-wrap{position:relative;}
.mw-tb-more-wrap{position:relative;}
.mw-more-dropdown{
display:none;
position:absolute;top:calc(100% + 6px);left:0;
min-width:100px;
background:var(--bg-2);border:1px solid var(--border-default);
border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.4);
padding:4px;z-index:50;
flex-direction:column;gap:2px;
}
.mw-more-dropdown.open{display:flex;}
.mw-more-item{
display:block;width:100%;
padding:6px 12px;text-align:left;
background:transparent;border:none;
color:var(--text-secondary);font-size:11px;
font-family:var(--font-mono);cursor:pointer;
border-radius:4px;
}
.mw-more-item:hover{background:var(--bg-3);color:var(--accent);}
body.mw-link-off .mw-group-dot{opacity:0.4;}
body.mw-link-off .mw-group-dot:not(.g-none){opacity:0.5;}

.mw-cell.linked-flash{
  animation:mw-cell-flash 0.8s ease-out;
}
@keyframes mw-cell-flash{
  0%   { box-shadow: 0 0 0 2px rgba(255,200,61,0.5); }
  60%  { box-shadow: 0 0 0 2px rgba(255,200,61,0.3); }
  100% { box-shadow: none; }
}
.mw-tb-presets-wrap{position:relative;}
.mw-presets-dropdown{
position:absolute;top:calc(100% + 6px);right:0;
min-width:220px;max-width:280px;
background:var(--bg-2);border:1px solid var(--border-default);
border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.4);
z-index:50;padding:6px;
display:none;flex-direction:column;gap:2px;
}
.mw-presets-dropdown.open{display:flex;}
.mw-preset-item{
display:flex;align-items:center;gap:6px;
padding:6px 8px;border-radius:5px;cursor:pointer;
color:var(--text-secondary);font-size:12px;
transition:background 0.1s;
}
.mw-preset-item:hover{background:rgba(255,255,255,0.06);color:var(--text-primary);}
.mw-preset-item .mw-preset-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mw-preset-item .mw-preset-meta{font-size:10px;color:var(--text-muted);margin-right:4px;}
.mw-preset-item .mw-preset-del{
width:18px;height:18px;border-radius:4px;border:none;background:transparent;
color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1;
display:inline-flex;align-items:center;justify-content:center;
opacity:0;transition:all 0.1s;
}
.mw-preset-item:hover .mw-preset-del{opacity:1;}
.mw-preset-item .mw-preset-del:hover{background:rgba(239,83,80,0.2);color:var(--short);}
.mw-preset-empty{padding:16px 8px;text-align:center;color:var(--text-muted);font-size:11px;}
.mw-preset-save-now{
margin-top:4px;padding:6px 8px;border-radius:5px;cursor:pointer;
background:transparent;border:1px dashed var(--border-default);
color:var(--text-tertiary);font-size:11px;text-align:center;
}
.mw-preset-save-now:hover{background:rgba(255,200,61,0.08);color:var(--accent);border-color:var(--accent);}
.mw-status-bar{
display:none;
align-items:center;
height:24px;flex-shrink:0;
padding:0 12px;gap:16px;
background:var(--bg-2);
border-top:1px solid var(--border-default);
color:var(--text-tertiary);font-size:11px;
z-index:6;
}
body.mw-multi .mw-status-bar{display:flex;}
.mw-status-bar .sb-item{display:flex;align-items:center;gap:4px;white-space:nowrap;}
.mw-status-bar .sb-dot{
width:6px;height:6px;border-radius:50%;
background:var(--green,#00C076);
}
.mw-status-bar .sb-dot.off{background:var(--text-muted,#666);}
.mw-status-bar .sb-right{margin-left:auto;color:var(--text-muted);}
.mw-side{
display:none;
width:300px;flex-shrink:0;
background:var(--bg-2);
border-right:1px solid var(--border-default);
flex-direction:column;min-height:0;
}
body.mw-multi .mw-side{display:flex;}
.mw-side .mw-wl-title{
padding:12px 16px 10px;font-size:13px;font-weight:700;
color:var(--text-primary);border-bottom:1px solid var(--border-default);
display:flex;align-items:center;gap:6px;line-height:1.2;
position:relative;
}
.mw-side .mw-wl-title::after{
content:'';position:absolute;bottom:0;
left:16px;right:16px;height:1px;
background:linear-gradient(90deg,transparent,rgba(255,200,61,0.35),transparent);
}
.mw-wl-title .mw-wl-sub{color:var(--text-muted);font-size:12px;font-weight:400;}
.mw-wl-title .mw-title-collapse{
margin-left:auto;width:26px;height:26px;border-radius:6px;
border:1px solid var(--border-default);background:var(--bg-1);
color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;
transition:all 0.15s;padding:0;flex-shrink:0;
}
.mw-wl-title .mw-title-collapse:hover{
background:rgba(255,200,61,0.12);border-color:rgba(255,200,61,0.3);color:var(--accent);
}
.mw-wl-title .mw-title-collapse svg{width:12px;height:12px;}

.mw-side.collapsed{
width:44px;flex-shrink:0;overflow:hidden;
transition:width 0.3s cubic-bezier(0,0,.2,1);
display:flex !important;flex-direction:column;align-items:center;
padding:12px 0;
}
.mw-side.collapsed .mw-wl-tools,
.mw-side.collapsed .mw-side-list,
.mw-side.collapsed .mw-wl-hint{display:none !important;}
.mw-side.collapsed .mw-wl-title{
padding:0;border-bottom:none;justify-content:center;
}
.mw-side.collapsed .mw-wl-title::after{display:none;}
.mw-side.collapsed .mw-wl-title > span{display:none !important;}
.mw-side.collapsed .mw-wl-title .mw-title-collapse{
margin-left:0;
}
.mw-side .mw-wl-tools{
padding:10px 16px;border-bottom:1px solid var(--border-subtle);
display:flex;flex-direction:column;gap:6px;
}
.mw-wl-search{position:relative;}
.mw-wl-search input{
width:100%;background:var(--bg-1);border:1px solid var(--border-default);
border-radius:6px;padding:8px 10px 8px 30px;color:var(--text-primary);
font-size:12px;font-family:inherit;box-sizing:border-box;
transition:all 0.15s;
}
.mw-wl-search input:focus{
outline:none;border-color:var(--accent);
box-shadow:0 0 0 3px rgba(255,200,61,0.12);
background:var(--bg-3);
}
.mw-wl-search input::placeholder{color:var(--text-muted);}
.mw-wl-search::before{
content:'';position:absolute;left:10px;top:50%;
width:14px;height:14px;transform:translateY(-50%);
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%239598A0' stroke-width='1.5'><circle cx='7' cy='7' r='5'/><path d='m11 11 3 3'/></svg>");
background-repeat:no-repeat;background-size:contain;
}
.mw-wl-search:focus-within::before{
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffc83d' stroke-width='1.5'><circle cx='7' cy='7' r='5'/><path d='m11 11 3 3'/></svg>");
}
.mw-wl-meta{
display:flex;justify-content:space-between;align-items:center;
font-size:12px;color:var(--text-muted);padding:0 2px;
}
.mw-wl-meta .mw-wl-total-num{
color:var(--accent);font-weight:700;
font-family:var(--font-mono);
}
.mw-wl-meta .mw-wl-sort{
color:var(--text-secondary);cursor:pointer;user-select:none;
padding:3px 8px;border-radius:6px;
font-weight:500;font-size:11px;
transition:all 0.12s;
}
.mw-wl-meta .mw-wl-sort:hover{
background:var(--bg-3);color:var(--text-primary);
}
.mw-wl-meta .mw-wl-add{
color:var(--accent);cursor:pointer;user-select:none;
padding:3px 8px;border-radius:6px;
font-weight:600;font-size:11px;
border:1px solid rgba(255,200,61,0.25);
background:rgba(255,200,61,0.06);
transition:all 0.12s;
}
.mw-wl-meta .mw-wl-add:hover{
background:rgba(255,200,61,0.12);
border-color:var(--accent);
}
.mw-side-list{flex:1;overflow-y:auto;padding:2px 0;min-height:0;}
.mw-side-list::-webkit-scrollbar{width:5px;}
.mw-side-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px;}
.mw-side-list::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2);}
.mw-wl-group{border-bottom:1px solid var(--border-subtle);}
.mw-wl-group-head{
padding:8px 16px;background:transparent;
display:flex;align-items:center;gap:8px;
cursor:pointer;user-select:none;font-size:12px;
position:relative;
transition:background 0.12s;
}
.mw-wl-group-head::before{
content:'';position:absolute;
left:0;top:50%;transform:translateY(-50%);
width:2px;height:0;
background:var(--accent);border-radius:2px;
transition:height 0.2s ease;
}
.mw-wl-group-head:not(.collapsed)::before{height:14px;}
.mw-wl-group-head:hover{background:rgba(255,255,255,0.03);}
.mw-wl-group-head .arrow{
color:var(--text-muted);font-size:9px;width:8px;
display:inline-block;transition:transform .15s;
}
.mw-wl-group-head.collapsed .arrow{transform:rotate(-90deg);}
.mw-wl-group-head .g-icon{font-size:14px;line-height:1;}
.mw-wl-group-head .g-name{color:var(--text-primary);font-weight:600;letter-spacing:0.2px;}
.mw-wl-group-head .g-count{
color:var(--text-tertiary);font-size:11px;margin-left:auto;
padding:1px 7px;background:var(--bg-4);border-radius:10px;
font-weight:500;font-family:var(--font-mono);
min-width:24px;text-align:right;
}
.mw-wl-items{overflow:hidden;transition:max-height .25s ease;max-height:800px;padding:1px 0;}
.mw-wl-items.collapsed{max-height:0;padding:0;}
.mw-wl-item{
padding:6px 16px;display:flex;align-items:center;gap:8px;
cursor:grab;font-size:12px;transition:background .12s;
position:relative;line-height:1.4;
}
.mw-wl-item:hover{background:rgba(255,255,255,0.04);}
.mw-wl-item:active{cursor:grabbing;}
.mw-wl-item .wicon{
width:22px;height:22px;border-radius:5px;
display:inline-flex;align-items:center;justify-content:center;
font-size:10px;color:#fff;font-weight:700;flex-shrink:0;
}

.mw-wl-item .code{color:var(--text-primary);font-weight:600;min-width:54px;flex-shrink:0;}
.mw-wl-item .price{
color:var(--text-secondary);font-size:12px;font-weight:500;
font-variant-numeric:tabular-nums;text-align:right;
flex:1;min-width:0;
}
.mw-wl-item .chg-delta,.mw-wl-item .chg-pct{
font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;
text-align:right;flex-shrink:0;
}
.mw-wl-item .chg-delta{
min-width:44px;color:var(--text-secondary);
padding:1px 6px;border-radius:4px;
}
.mw-wl-item .chg-pct{
min-width:52px;
padding:1px 6px;border-radius:4px;
}
.mw-wl-item .chg-delta.up,.mw-wl-item .chg-pct.up{
color:var(--long);background:rgba(63,185,80,0.15);
}
.mw-wl-item .chg-delta.down,.mw-wl-item .chg-pct.down{
color:var(--short);background:rgba(248,81,73,0.15);
}
.mw-wl-item .mw-wl-del{
position:absolute;right:10px;top:50%;transform:translateY(-50%);
width:18px;height:18px;border-radius:50%;border:none;
background:rgba(255,255,255,.08);color:var(--text-muted);
font-size:12px;line-height:1;cursor:pointer;
opacity:0;transition:opacity .15s,background .15s,color .15s;
}
.mw-wl-item:hover .mw-wl-del{opacity:.7;}
.mw-wl-del:hover{opacity:1 !important;background:var(--short);color:#fff;}
@keyframes mw-wl-flash-up{0%{background-color:rgba(63,185,80,.25);}100%{background-color:transparent;}}
@keyframes mw-wl-flash-down{0%{background-color:rgba(248,81,73,.25);}100%{background-color:transparent;}}
.mw-wl-item.flash-up{animation:mw-wl-flash-up .8s ease-out;}
.mw-wl-item.flash-down{animation:mw-wl-flash-down .8s ease-out;}
.mw-wl-more{
padding:6px 16px 6px 40px;color:var(--text-muted);
font-size:11px;cursor:pointer;user-select:none;
transition:all 0.12s;
}
.mw-wl-more:hover{color:var(--accent);background:rgba(255,200,61,0.04);}
.mw-wl-more .arrow{font-size:9px;}
.mw-wl-hint{
padding:10px 16px;color:var(--text-muted);font-size:11px;
line-height:1.5;border-top:1px solid var(--border-subtle);
background:var(--bg-1);
display:flex;align-items:center;gap:6px;
}
.mw-wl-hint kbd{
background:var(--bg-3);border:1px solid var(--border-default);
border-radius:3px;padding:1px 5px;font-size:9px;
color:var(--text-secondary);font-family:ui-monospace,monospace;
margin:0 2px;
}
@media (max-width:768px){
.mw-side{width:235px;}
.mw-wl-item .chg-delta{display:none;}
}
.mw-preset-modal-mask{
position:fixed;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(2px);
z-index:1000;display:flex;align-items:center;justify-content:center;
}
.mw-preset-modal{
background:var(--bg-2);border:1px solid var(--border-default);
border-radius:10px;padding:16px 18px;min-width:280px;max-width:360px;
box-shadow:0 12px 36px rgba(0,0,0,0.5);
}
.mw-preset-modal-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:12px;}
.mw-preset-modal-input{
width:100%;padding:7px 10px;border-radius:5px;border:1px solid var(--border-default);
background:var(--bg-1);color:var(--text-primary);font-size:13px;outline:none;
box-sizing:border-box;transition:all 0.1s;
}
.mw-preset-modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,200,61,0.15);}
.mw-preset-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;}
.mw-preset-modal-btn{
padding:5px 14px;border-radius:5px;border:1px solid var(--border-default);
background:var(--bg-3);color:var(--text-secondary);font-size:12px;cursor:pointer;
transition:all 0.1s;
}
.mw-preset-modal-btn:hover{color:var(--text-primary);border-color:var(--accent);}
.mw-preset-modal-btn.primary{background:var(--accent);color:#1A1A1F;border-color:var(--accent);font-weight:600;}
.mw-preset-modal-btn.primary:hover{filter:brightness(1.1);}
.mw-preset-modal-hint{font-size:10px;color:var(--text-muted);margin-top:4px;}
@media (max-width:768px){
.mw-presets-dropdown{min-width:200px;}
.mw-preset-modal{min-width:240px;max-width:92vw;}
}
.mw-toast-container{
position:fixed;bottom:50px;left:50%;transform:translateX(-50%);
z-index:9999;display:flex;flex-direction:column-reverse;gap:6px;
pointer-events:none;
}
.mw-toast{
background:var(--bg-2);color:var(--text-primary);
border:1px solid var(--border-default);border-left:3px solid var(--border-default);
border-radius:6px;padding:8px 16px;font-size:12px;line-height:1.4;
box-shadow:0 4px 20px rgba(0,0,0,0.4);
opacity:0;transform:translateY(8px);transition:all .2s ease;
max-width:360px;word-break:break-all;
}
.mw-toast.show{opacity:1;transform:translateY(0);}
@media (max-width:768px){
.mw-toast-container{bottom:40px;}
.mw-toast{max-width:92vw;font-size:11px;}
}

#kp-admin-modal .modal-box{width:960px;max-width:96vw;height:min(720px,84vh);background:linear-gradient(180deg,#1e1f26 0%,#181920 100%);border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 32px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.04);}
#kp-admin-modal .modal-header{border-bottom:1px solid rgba(255,255,255,0.06);}

#kp-admin-modal .modal-body{display:flex;padding:0;overflow:hidden;}

#kp-admin-modal .modal-body > div:not(.adm-tab-bar):not(.adm-tab-panel){flex:1;}
#kp-admin-modal .adm-row{
display:grid;grid-template-columns:24px 24px 1fr 1fr 68px 24px 28px 24px;gap:6px;
align-items:center;padding:6px 8px;margin-bottom:4px;
background:#161b22;border:1px solid #21262d;border-radius:6px;
transition:border-color .15s;
}
#kp-admin-modal .adm-row.dragging{opacity:0.35;border-color:#d4a843;}
#kp-admin-modal .adm-row.drag-over{border-color:#d4a843;}
#kp-admin-modal .adm-drag{
cursor:grab;user-select:none;color:#6e7681;font-size:13px;
text-align:center;line-height:24px;border-radius:3px;
display:flex;align-items:center;justify-content:center;
}
#kp-admin-modal .adm-drag svg{width:14px;height:14px;}
#kp-admin-modal .adm-drag:hover{background:rgba(255,255,255,0.06);}
#kp-admin-modal .adm-toggle{
display:inline-block;width:14px;height:14px;border-radius:50%;
border:2px solid #555;cursor:pointer;transition:all .2s;
background:transparent;
}
#kp-admin-modal .adm-toggle.on{background:#4ade80;border-color:#4ade80;}
#kp-admin-modal .adm-toggle.off{background:transparent;border-color:#555;}
#kp-admin-modal .adm-row input{
background:#0d1117;border:1px solid #30363d;border-radius:4px;
padding:4px 6px;color:#e6edf3;font-size:12px;height:24px;
box-sizing:border-box;outline:none;font-family:inherit;
}
#kp-admin-modal .adm-row input:focus{border-color:#d4a843;}
#kp-admin-modal .adm-row input::placeholder{color:#6e7681;font-size:11px;}
#kp-admin-modal .adm-del{
background:none;border:none;color:#6e7681;cursor:pointer;
font-size:14px;padding:2px;border-radius:3px;line-height:1;text-align:center;
display:flex;align-items:center;justify-content:center;
}
#kp-admin-modal .adm-del svg{width:14px;height:14px;}
#kp-admin-modal .adm-del:hover{color:#f85149;background:rgba(248,81,73,0.1);}
#kp-admin-modal .adm-actions{display:flex;gap:8px;align-items:center;padding:8px 0 4px;}
#kp-admin-modal .adm-btn{
background:#21262d;border:1px solid #30363d;color:#e6edf3;
padding:5px 14px;border-radius:5px;cursor:pointer;font-size:12px;
font-family:inherit;transition:all .15s;
}
#kp-admin-modal .adm-btn:hover{background:#30363d;}
#kp-admin-modal .adm-btn.primary{background:#d4a843;color:#0d1117;border-color:#d4a843;font-weight:600;}
#kp-admin-modal .adm-btn.primary:hover{background:#e6b850;}
#kp-admin-modal .adm-btn.primary:disabled{opacity:0.4;cursor:not-allowed;}
#kp-admin-modal .adm-hdr-grid{
display:grid;grid-template-columns:24px 24px 1fr 1fr 68px 24px 28px 24px;gap:6px;
padding:0 8px 4px;font-size:10px;color:#6e7681;
}
#kp-admin-modal .adm-hdr-grid span{text-align:center;}
#kp-admin-modal .adm-hdr-grid span:nth-child(3){text-align:left;}
#kp-admin-modal .adm-hdr-grid span:nth-child(4){text-align:left;}
.nav-mgr-btn{font-size:10px;color:#8b949e;text-decoration:none;padding:2px 6px;border:1px solid #1c2128;border-radius:3px;cursor:pointer;margin-left:4px;}
.nav-mgr-btn:hover{background:#1c2128;color:#e6edf3;}
#kp-admin-modal .adm-toast{
position:fixed;bottom:60px;left:50%;transform:translateX(-50%);
background:#1c2128;border:1px solid #30363d;color:#e6edf3;
padding:6px 16px;border-radius:6px;font-size:12px;z-index:10001;
opacity:0;transition:opacity .25s;pointer-events:none;
}
#kp-admin-modal .adm-toast.show{opacity:1;}
#kp-admin-modal .adm-tv-row input{flex:1;background:#0d1117;border:1px solid #30363d;border-radius:4px;padding:4px 6px;color:#e6edf3;font-size:12px;height:24px;box-sizing:border-box;outline:none;font-family:inherit;}
#kp-admin-modal .adm-tv-row input:focus{border-color:#d4a843;}
#kp-admin-modal .adm-tv-row input::placeholder{color:#6e7681;font-size:11px;}
#kp-admin-modal .adm-tv-status.on{color:#3fb950;}
#kp-admin-modal .adm-tv-status.off{color:#6e7681;}
#kp-admin-modal .adm-wm-section{margin-top:12px;padding-top:12px;border-top:1px solid #21262d;}
#kp-admin-modal .adm-wm-title{font-size:11px;color:#6e7681;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
#kp-admin-modal .adm-wm-body{display:flex;gap:12px;}
#kp-admin-modal .adm-wm-preview{
width:120px;height:120px;flex-shrink:0;
background:#0d1117;border:1px solid #30363d;border-radius:6px;
display:flex;align-items:center;justify-content:center;
overflow:hidden;position:relative;cursor:pointer;
}
#kp-admin-modal .adm-wm-preview svg,#kp-admin-modal .adm-wm-preview img{max-width:90%;max-height:90%;}
#kp-admin-modal .adm-wm-preview .wm-drop-hint{
position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
font-size:10px;color:#6e7681;background:rgba(13,17,23,0.85);
opacity:0;transition:opacity .15s;pointer-events:none;
}
#kp-admin-modal .adm-wm-preview.drag-over .wm-drop-hint{opacity:1;}
#kp-admin-modal .adm-wm-controls{flex:1;display:flex;flex-direction:column;gap:8px;}
#kp-admin-modal .adm-wm-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b949e;}
#kp-admin-modal .adm-wm-row label{width:52px;flex-shrink:0;text-align:right;}
#kp-admin-modal .adm-wm-row input[type=range]{flex:1;accent-color:#d4a843;height:4px;}
#kp-admin-modal .adm-wm-row .wm-val{width:40px;text-align:right;color:#e6edf3;font-size:11px;flex-shrink:0;}
#kp-admin-modal .adm-wm-upload{
background:#21262d;border:1px dashed #30363d;color:#8b949e;
padding:6px 12px;border-radius:5px;cursor:pointer;font-size:11px;
font-family:inherit;transition:all .15s;text-align:center;
}
#kp-admin-modal .adm-wm-upload:hover{border-color:#d4a843;color:#d4a843;}
#kp-admin-modal .adm-wm-reset{
background:none;border:1px solid #30363d;color:#6e7681;cursor:pointer;
font-size:10px;padding:3px 10px;border-radius:3px;font-family:inherit;transition:all .15s;
}
#kp-admin-modal .adm-wm-reset:hover{color:#f85149;border-color:#f85149;}
#kp-admin-modal .adm-wm-typesel{display:flex;gap:4px;margin-bottom:2px;}
#kp-admin-modal .adm-wm-type-btn{
background:#21262d;border:1px solid #30363d;color:#8b949e;
padding:4px 14px;border-radius:4px;cursor:pointer;font-size:11px;
font-family:inherit;transition:all .15s;
}
#kp-admin-modal .adm-wm-type-btn:hover{border-color:#d4a843;color:#d4a843;}
#kp-admin-modal .adm-wm-type-btn.active{background:#d4a843;color:#0d1117;border-color:#d4a843;}
#kp-admin-modal .adm-wm-textinput{
flex:1;background:#0d1117;border:1px solid #30363d;border-radius:4px;
color:#e6edf3;padding:6px 10px;font-size:12px;font-family:inherit;
outline:none;transition:border-color .15s;
}
#kp-admin-modal .adm-wm-textinput:focus{border-color:#d4a843;}
#kp-admin-modal .adm-wm-textinput::placeholder{color:#484f58;}
#kp-admin-modal .adm-wm-preview .wm-text-preview{
font-weight:600;color:#6e7681;white-space:nowrap;
letter-spacing:1px;user-select:none;
}
#kp-admin-modal .adm-sitename-row{display:flex;align-items:center;gap:10px;}
#kp-admin-modal .adm-sitename-row label{font-size:12px;color:#8b949e;min-width:72px;flex-shrink:0;}
#kp-admin-modal .adm-sitename-row input{
flex:1;background:#0d1117;border:1px solid #30363d;border-radius:4px;
padding:6px 10px;color:#e6edf3;font-size:13px;outline:none;font-family:inherit;
}
#kp-admin-modal .adm-sitename-row input:focus{border-color:#d4a843;}
#kp-admin-modal .adm-sitename-hint{font-size:10px;color:#484f58;margin-top:4px;margin-left:82px;}
#kp-admin-modal .adm-type-seg button{
width:20px;height:20px;border-radius:3px;border:1px solid #30363d;
font-size:10px;cursor:pointer;line-height:18px;
text-align:center;padding:0;font-family:inherit;transition:all .12s;
background:transparent;color:#484f58;
}
#kp-admin-modal .adm-type-seg button:hover{color:#8b949e;}
#kp-admin-modal .adm-type-seg button.on[data-t="both"]{background:#2a2a1a;color:#f0b429;border-color:#f0b429;}
#kp-admin-modal .adm-type-seg button.on[data-t="spot"]{background:#1a3a2a;color:#3fb950;border-color:#3fb950;}
#kp-admin-modal .adm-type-seg button.on[data-t="futures"]{background:#2a1a3a;color:#a371f7;border-color:#a371f7;}
#kp-admin-modal .adm-logo-btn.on{background:#3a2a1a;color:#f0b429;border-color:#f0b429;}

#kp-admin-modal .adm-tab-bar{display:flex;flex-direction:column;gap:2px;flex:0 0 170px;border-right:1px solid #30363d;border-bottom:none;margin:0;padding:12px 8px;overflow-y:auto;}
#kp-admin-modal .adm-tab-item{
padding:9px 12px;font-size:12px;color:#8b949e;cursor:pointer;
border-left:2px solid transparent;transition:all .15s;white-space:nowrap;
}
#kp-admin-modal .adm-tab-item:hover{color:#c9d1d9;}
#kp-admin-modal .adm-tab-item.active{color:#f0b429;border-left-color:#f0b429;font-weight:600;background:rgba(240,180,41,0.06);}
#kp-admin-modal .adm-tab-panel{display:none;}
#kp-admin-modal .adm-tab-panel.active{display:block;flex:1;min-width:0;overflow-y:auto;padding:14px 20px 18px;}

#kp-admin-modal .adm-save-all-bar{
display:flex;align-items:center;gap:10px;
flex:0 0 50px;padding:0 20px;
background:#16161a;border-top:1px solid #30363d;
transition:border-color .2s;
}
#kp-admin-modal .adm-save-all-bar.dirty{border-top:1px solid rgba(240,180,41,0.55);}
#kp-admin-modal .asa-dot{
width:8px;height:8px;border-radius:50%;
background:#4a4a52;transition:all .2s;
}
#kp-admin-modal .asa-dot.on{background:#f0b429;box-shadow:0 0 8px rgba(240,180,41,0.7);}
#kp-admin-modal .asa-text{font-size:11px;color:#6e7681;}
#kp-admin-modal .asa-flex{flex:1;}
#kp-admin-modal .adm-tab-section{border-top:1px solid #21262d;margin-top:14px;padding-top:10px;}
#kp-admin-modal .adm-tab-section-title{font-size:11px;color:#6e7681;margin-bottom:6px;}
#kp-admin-modal .adm-bump-list{max-height:240px;overflow:auto;border:1px solid #21262d;border-radius:6px;background:#0d1117;}
#kp-admin-modal .adm-bump-row{display:grid;grid-template-columns:1fr 110px;gap:8px;padding:4px 8px;border-bottom:1px solid #21262d;font-size:11px;}
#kp-admin-modal .adm-bump-row:last-child{border-bottom:none;}
#kp-admin-modal .adm-bump-row span:first-child{color:#8b949e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#kp-admin-modal .adm-bump-row span:last-child{color:#4ade80;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right;}
#kp-admin-modal .adm-bump-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px;}
#kp-admin-modal .adm-danger-btn{background:#2a1a1a;border:1px solid #f8514955;color:#ff8a82;}
#kp-admin-modal .adm-danger-btn:hover{background:#f851491a;border-color:#f85149;}
#kp-admin-modal .duckdb-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px;}
#kp-admin-modal .duckdb-title-block{display:flex;flex-direction:column;gap:4px;}
#kp-admin-modal .duckdb-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.2px;}
#kp-admin-modal .duckdb-title .icon-wrap{width:28px;height:28px;border-radius:7px;background:rgba(88,166,255,0.14);border:1px solid rgba(88,166,255,0.4);display:flex;align-items:center;justify-content:center;font-size:14px;color:#58a6ff;}
#kp-admin-modal .duckdb-desc{font-size:11px;color:#6e7681;line-height:1.6;}
#kp-admin-modal .duckdb-desc b{color:#8b949e;font-weight:600;}
#kp-admin-modal .duckdb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;}
#kp-admin-modal .duckdb-stat{background:#131922;border:1px solid rgba(255,255,255,0.08);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;}
#kp-admin-modal .duckdb-stat .label{font-size:10.5px;color:#6e7681;display:flex;align-items:center;gap:4px;}
#kp-admin-modal .duckdb-stat .value{font-size:15px;font-weight:700;color:#e6edf3;font-family:ui-monospace,monospace;}
#kp-admin-modal .duckdb-stat .value.muted{color:#8b949e;}
#kp-admin-modal .duckdb-stat .value.green{color:#3fb950;}
#kp-admin-modal .market-table{background:#131922;border:1px solid rgba(255,255,255,0.08);border-radius:6px;overflow:hidden;margin-bottom:14px;}
#kp-admin-modal .market-table-header{display:grid;grid-template-columns:80px 1fr 1fr 1fr 1fr 48px;gap:8px;padding:8px 12px;background:#161b22;border-bottom:1px solid rgba(255,255,255,0.08);font-size:10.5px;color:#6e7681;font-weight:600;letter-spacing:.5px;text-transform:uppercase;align-items:center;}
#kp-admin-modal .market-table-header span{text-align:center;}
#kp-admin-modal .market-table-header span:first-child{text-align:left;}
#kp-admin-modal .market-row{display:grid;grid-template-columns:80px 1fr 1fr 1fr 1fr 48px;gap:8px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,0.05);align-items:center;transition:background .12s;cursor:pointer;}
#kp-admin-modal .market-row:last-child{border-bottom:none;}
#kp-admin-modal .market-row:hover{background:#1c232c;}
#kp-admin-modal .market-row .market-name{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;}
#kp-admin-modal .market-row .market-name .flag{width:18px;height:14px;border-radius:2px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;}
#kp-admin-modal .market-row .market-name .flag.a{background:#c8161d;}
#kp-admin-modal .market-row .market-name .flag.hk{background:#ff8c00;}
#kp-admin-modal .market-row .market-name .flag.us{background:#003f87;}
#kp-admin-modal .market-row .market-name .flag.commodity{background:#2d6a4f;}
#kp-admin-modal .market-row .market-name .flag.index{background:#6b21a8;}
#kp-admin-modal .market-row .market-name .flag.crypto{background:#f7931a;}
#kp-admin-modal .market-row .market-name .flag.bitstamp{background:#0057b8;}
#kp-admin-modal .market-row .market-name .src-tag{font-size:9px;font-weight:500;color:#484f58;padding:1px 5px;border-radius:3px;background:rgba(255,255,255,0.05);font-family:ui-monospace,monospace;margin-left:4px;}
#kp-admin-modal .market-row .stat-cell{text-align:center;font-size:11px;font-family:ui-monospace,monospace;color:#8b949e;}
#kp-admin-modal .market-row .stat-cell.active{color:#e6edf3;}
#kp-admin-modal .market-row .stat-cell .num{font-weight:600;}
#kp-admin-modal .toggle-wrap{display:flex;justify-content:center;}
#kp-admin-modal .toggle{position:relative;width:32px;height:18px;border-radius:10px;cursor:pointer;background:rgba(255,255,255,0.1);transition:background .2s;border:none;padding:0;}
#kp-admin-modal .toggle::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#6e7681;transition:all .2s;}
#kp-admin-modal .toggle.on{background:#3fb950;}
#kp-admin-modal .toggle.on::after{left:16px;background:#fff;}
#kp-admin-modal .detail-panel{display:none;background:#0a0e14;border-top:1px solid rgba(255,255,255,0.05);padding:0 0 12px;margin-top:-1px;}
#kp-admin-modal .detail-panel.show{display:block;}
#kp-admin-modal .detail-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.05);background:linear-gradient(180deg,rgba(240,180,41,0.04),transparent);}
#kp-admin-modal .detail-header .left{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b949e;}
#kp-admin-modal .detail-header .left b{color:#f0b429;}
#kp-admin-modal .detail-header .right{display:flex;gap:6px;}
#kp-admin-modal .detail-header .right button{background:transparent;border:1px solid rgba(255,255,255,0.08);color:#6e7681;padding:3px 10px;border-radius:4px;font-size:10px;cursor:pointer;font-family:inherit;transition:all .15s;}
#kp-admin-modal .detail-header .right button:hover{color:#8b949e;border-color:#484f58;}
#kp-admin-modal .detail-header .right button.danger{color:#f85149;border-color:rgba(248,81,73,0.3);}
#kp-admin-modal .detail-header .right button.danger:hover{background:rgba(248,81,73,0.14);border-color:#f85149;}
#kp-admin-modal .detail-header .right button.primary{color:#f0b429;border-color:rgba(240,180,41,0.5);}
#kp-admin-modal .detail-header .right button.primary:hover{background:rgba(240,180,41,0.14);}
#kp-admin-modal .detail-header .right button:disabled{opacity:0.55;cursor:not-allowed;}
#kp-admin-modal .symbol-list{border:1px solid rgba(255,255,255,0.05);background:#0d1117;margin:0;}
#kp-admin-modal .symbol-list-header{display:grid;grid-template-columns:28px 2fr 1fr 1fr 1.2fr 0.8fr 52px 80px;gap:8px;padding:8px 16px;background:#161b22;border-bottom:1px solid rgba(255,255,255,0.08);font-size:10.5px;color:#484f58;font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
#kp-admin-modal .symbol-list-header span{text-align:center;}
#kp-admin-modal .symbol-list-header span:nth-child(2){text-align:left;}
#kp-admin-modal .symbol-row{display:grid;grid-template-columns:28px 2fr 1fr 1fr 1.2fr 0.8fr 52px 80px;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.05);font-size:12px;align-items:center;cursor:pointer;transition:background .12s;}
#kp-admin-modal .symbol-row:last-child{border-bottom:none;}
#kp-admin-modal .symbol-row:hover{background:#1c232c;}
#kp-admin-modal .symbol-row .chevron{text-align:center;color:#484f58;font-size:10px;transition:transform .2s;}
#kp-admin-modal .symbol-row.expanded .chevron{transform:rotate(90deg);color:#f0b429;}
#kp-admin-modal .sym-info{display:flex;align-items:center;gap:8px;}
#kp-admin-modal .sym-info .sym-code{color:#e6edf3;font-weight:600;font-family:ui-monospace,monospace;font-size:13px;}
#kp-admin-modal .sym-info .sym-cn{color:#8b949e;font-size:12px;margin-left:2px;}
#kp-admin-modal .sym-intervals{text-align:center;font-family:ui-monospace,monospace;color:#8b949e;font-size:12px;}
#kp-admin-modal .sym-total{text-align:center;font-family:ui-monospace,monospace;color:#8b949e;font-size:12px;}
#kp-admin-modal .sym-lastbar{text-align:center;font-family:ui-monospace,monospace;font-size:12px;}
#kp-admin-modal .sym-lastbar.has-data{color:#3fb950;}
#kp-admin-modal .sym-lastbar.no-data{color:#484f58;}
#kp-admin-modal .sym-progress{text-align:center;}
#kp-admin-modal .sym-act-center{text-align:center;}
#kp-admin-modal .sym-act-center button{background:transparent;padding:2px 8px;border-radius:4px;font-size:10px;cursor:pointer;margin:0 2px;border:1px solid;}
#kp-admin-modal .sym-act-center button.sym-refetch{border-color:rgba(240,180,41,0.5);color:#f0b429;}
#kp-admin-modal .sym-act-center button.sym-refetch:hover{background:rgba(240,180,41,0.14);}
#kp-admin-modal .sym-act-center button.sym-clear{border-color:rgba(248,81,73,0.3);color:#f85149;}
#kp-admin-modal .sym-act-center button.sym-clear:hover{background:rgba(248,81,73,0.14);}
#kp-admin-modal .sym-override-center{text-align:center;display:flex;align-items:center;justify-content:center;}
#kp-admin-modal .sym-override-center .sym-toggle{position:relative;width:32px;height:18px;border-radius:10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);cursor:pointer;padding:0;transition:background .2s,border-color .2s;}
#kp-admin-modal .sym-override-center .sym-toggle::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#6e7681;transition:all .2s;}
#kp-admin-modal .sym-override-center .sym-toggle.on{background:rgba(88,166,255,0.25);border-color:rgba(88,166,255,0.6);}
#kp-admin-modal .sym-override-center .sym-toggle.on::after{left:16px;background:#58a6ff;box-shadow:0 0 6px rgba(88,166,255,0.6);}
#kp-admin-modal .sym-override-center .sym-toggle:hover:not(.on){background:rgba(255,255,255,0.18);}
#kp-admin-modal .symbol-drawer{display:none;background:#080c12;padding:12px 16px 12px 48px;border-top:1px dashed rgba(255,200,61,0.2);}
#kp-admin-modal .symbol-drawer.show{display:block;}
#kp-admin-modal .drawer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
#kp-admin-modal .drawer-title{display:flex;align-items:center;gap:6px;font-size:11px;color:#8b949e;}
#kp-admin-modal .drawer-title b{color:#f0b429;font-family:ui-monospace,monospace;}
#kp-admin-modal .drawer-title .native-tag{font-size:9px;color:#58a6ff;background:rgba(88,166,255,0.14);padding:1px 6px;border-radius:3px;border:1px solid rgba(88,166,255,0.3);margin-left:4px;}
#kp-admin-modal .drawer-actions{display:flex;gap:6px;}
#kp-admin-modal .drawer-actions button{background:transparent;border:1px solid rgba(255,255,255,0.08);color:#6e7681;padding:3px 10px;border-radius:4px;font-size:10px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:4px;transition:all .15s;}
#kp-admin-modal .drawer-actions button:hover{color:#8b949e;border-color:#484f58;}
#kp-admin-modal .drawer-actions button.secondary{color:#8b949e;border-color:rgba(255,255,255,0.08);}
#kp-admin-modal .drawer-actions button.secondary:hover{color:#e6edf3;border-color:#484f58;}
#kp-admin-modal .drawer-actions button.secondary:disabled{opacity:0.45;cursor:not-allowed;}
#kp-admin-modal .drawer-actions button.primary{color:#f0b429;border-color:rgba(240,180,41,0.5);}
#kp-admin-modal .drawer-actions button.primary:hover{background:rgba(240,180,41,0.14);}
#kp-admin-modal .drawer-actions button.danger{color:#f85149;border-color:rgba(248,81,73,0.3);}
#kp-admin-modal .drawer-actions button.danger:hover{background:rgba(248,81,73,0.14);border-color:#f85149;}
#kp-admin-modal .interval-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:10px 12px;background:#0d1117;border:1px solid rgba(255,255,255,0.05);border-radius:4px;}
#kp-admin-modal .interval-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 4px;background:#131922;border:1px solid rgba(255,255,255,0.05);border-radius:4px;transition:all .12s;cursor:default;}
#kp-admin-modal .interval-card:hover{background:#1c232c;border-color:rgba(255,255,255,0.08);}
#kp-admin-modal .interval-card .iv-name{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;color:#e6edf3;white-space:nowrap;}
#kp-admin-modal .interval-card .iv-bar{font-size:9px;color:#484f58;margin-top:1px;white-space:nowrap;}
#kp-admin-modal .interval-card .iv-count{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;margin-top:3px;white-space:nowrap;}
#kp-admin-modal .interval-card .iv-count.has{color:#3fb950;}
#kp-admin-modal .interval-card .iv-count.zero{color:#484f58;}
#kp-admin-modal .interval-card.zero{opacity:0.5;}
#kp-admin-modal .interval-card.zero .iv-name{color:#484f58;}
#kp-admin-modal .interval-card .iv-progress-track{width:100%;height:3px;background:#21262d;border-radius:2px;margin-top:3px;overflow:hidden;}
#kp-admin-modal .interval-card .iv-progress-fill{height:100%;border-radius:2px;transition:width .3s;}
#kp-admin-modal .interval-card .iv-progress-fill.idle{width:0%;background:#30363d;}
#kp-admin-modal .interval-card .iv-progress-fill.fetching{width:60%;background:linear-gradient(90deg,#58a6ff,#1f6feb);animation:iv-shimmer 1.2s infinite;}
#kp-admin-modal .interval-card .iv-progress-fill.done{width:100%;background:#3fb950;}
#kp-admin-modal .interval-card .iv-progress-fill.error{width:100%;background:#f85149;}
#kp-admin-modal .interval-card .iv-status{font-size:9px;margin-top:2px;white-space:nowrap;}
#kp-admin-modal .interval-card .iv-status.fetching{color:#58a6ff;}
#kp-admin-modal .interval-card .iv-status.done{color:#3fb950;}
#kp-admin-modal .interval-card .iv-status.error{color:#f85149;}
#kp-admin-modal .interval-card .iv-status.idle{color:#484f58;}
@keyframes iv-shimmer{0%{opacity:.5}50%{opacity:1}100%{opacity:.5}}
#kp-admin-modal .row-progress{display:flex;align-items:center;gap:6px;}
#kp-admin-modal .row-progress .rp-track{flex:1;height:4px;background:#21262d;border-radius:2px;overflow:hidden;min-width:40px;}
#kp-admin-modal .row-progress .rp-fill{height:100%;border-radius:2px;transition:width .3s;}
#kp-admin-modal .row-progress .rp-fill.idle{width:0%;background:#30363d;}
#kp-admin-modal .row-progress .rp-fill.fetching{background:linear-gradient(90deg,#f0b429,#d29922);animation:rp-shimmer 1s infinite;}
#kp-admin-modal .row-progress .rp-fill.done{background:#3fb950;}
@keyframes rp-shimmer{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}
#kp-admin-modal .row-progress .rp-text{font-family:ui-monospace,monospace;font-size:11px;min-width:36px;text-align:right;white-space:nowrap;}
#kp-admin-modal .row-progress .rp-text.fetching{color:#f0b429;}
#kp-admin-modal .row-progress .rp-text.done{color:#3fb950;}
#kp-admin-modal .row-progress .rp-text.idle{color:#484f58;}
#kp-admin-modal .overall-progress{margin:0 16px 8px;}
#kp-admin-modal .overall-progress .op-label{font-size:11px;color:#8b949e;margin-bottom:4px;}
#kp-admin-modal .overall-progress .op-label b{color:#f0b429;}
#kp-admin-modal .overall-progress .op-track{height:8px;background:#21262d;border-radius:4px;overflow:hidden;}
#kp-admin-modal .overall-progress .op-fill{height:100%;background:linear-gradient(90deg,#f0b429,#d29922);border-radius:4px;transition:width .4s;}
#kp-admin-modal .missing-hint{margin-top:8px;padding:8px 10px;background:#161b22;border-radius:4px;font-size:10.5px;color:#6e7681;line-height:1.6;}
#kp-admin-modal .missing-hint b{color:#e6edf3;}
#kp-admin-modal .missing-hint code{background:rgba(88,166,255,0.12);color:#58a6ff;padding:1px 5px;border-radius:3px;font-family:ui-monospace,monospace;font-size:10px;}
#kp-admin-modal .pagination{display:flex;align-items:center;justify-content:space-between;margin:12px 16px 0;padding-top:10px;border-top:1px solid rgba(255,255,255,0.08);font-size:12px;color:#6e7681;}
#kp-admin-modal .pagination .count{font-family:ui-monospace,monospace;}
#kp-admin-modal .pagination .count b{color:#e6edf3;font-weight:600;}
#kp-admin-modal .pagination .search{display:flex;align-items:center;gap:6px;flex:1;max-width:280px;margin:0 auto;}
#kp-admin-modal .pagination .search input{flex:1;background:#131922;border:1px solid rgba(255,255,255,0.08);color:#e6edf3;border-radius:6px;padding:6px 10px;font-size:12px;font-family:inherit;outline:none;transition:border-color .15s;}
#kp-admin-modal .pagination .search input:focus{border-color:rgba(240,180,41,0.5);}
#kp-admin-modal .pagination .search input::placeholder{color:#484f58;}
#kp-admin-modal .pagination .controls{display:flex;gap:4px;align-items:center;}
#kp-admin-modal .pagination .controls button{min-width:26px;height:26px;border-radius:4px;border:1px solid rgba(255,255,255,0.08);background:transparent;color:#6e7681;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .12s;padding:0 6px;font-family:inherit;}
#kp-admin-modal .pagination .controls button:hover{color:#f0b429;border-color:rgba(240,180,41,0.5);}
#kp-admin-modal .pagination .controls button:disabled{opacity:0.3;cursor:not-allowed;}
#kp-admin-modal .pagination .controls button.active{background:rgba(240,180,41,0.14);color:#f0b429;border-color:rgba(240,180,41,0.5);}
#kp-admin-modal .duckdb-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(255,255,255,0.08);}
#kp-admin-modal .duckdb-footer .warning{display:flex;align-items:center;gap:6px;font-size:10.5px;color:#6e7681;}
#kp-admin-modal .duckdb-footer .warning .icon{color:#f0b429;font-size:12px;}
#kp-admin-modal .duckdb-footer .warning b{color:#f0b429;font-weight:600;}
#kp-admin-modal .duckdb-footer .actions{display:flex;gap:8px;}
#kp-admin-modal .section-title{display:flex;align-items:center;gap:8px;font-size:12px;color:#8b949e;margin-bottom:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;}
#kp-admin-modal .section-title .dot{width:4px;height:4px;border-radius:50%;background:#f0b429;}
#kp-admin-modal .refresh-card{background:#131922;border:1px solid rgba(255,255,255,0.08);border-radius:6px;padding:14px 16px;margin-bottom:20px;}
#kp-admin-modal .refresh-card .info-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
#kp-admin-modal .refresh-card .info-row .label{font-size:11px;color:#6e7681;}
#kp-admin-modal .refresh-card .info-row .value{font-size:12px;color:#e6edf3;font-family:ui-monospace,monospace;}
#kp-admin-modal .refresh-card .info-row .value.ok{color:#3fb950;}
#kp-admin-modal .refresh-card .hint{font-size:10.5px;color:#6e7681;line-height:1.7;}
#kp-admin-modal .refresh-card .hint code{background:rgba(88,166,255,0.12);color:#58a6ff;padding:1px 5px;border-radius:3px;font-family:ui-monospace,monospace;font-size:10px;}
#kp-admin-modal .refresh-btn{margin-top:12px;background:rgba(240,180,41,0.14);color:#f0b429;border:1px solid rgba(240,180,41,0.5);border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;}
#kp-admin-modal .refresh-btn:hover{background:rgba(240,180,41,0.22);}
#kp-admin-modal .divider{height:1px;background:rgba(255,255,255,0.08);margin:20px 0;}
#kp-admin-modal .duckdb-title .icon-wrap{width:28px;height:28px;border-radius:7px;background:rgba(88,166,255,0.14);border:1px solid rgba(88,166,255,0.4);display:flex;align-items:center;justify-content:center;font-size:14px;color:#58a6ff;}
#kp-admin-modal .duckdb-title-block{display:flex;flex-direction:column;gap:4px;}
#kp-admin-modal .duckdb-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.2px;}
#kp-admin-modal .duckdb-desc{font-size:11px;color:#6e7681;line-height:1.6;}
#kp-admin-modal .duckdb-desc b{color:#8b949e;font-weight:600;}
#kp-admin-modal .detail-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,0.05);background:linear-gradient(180deg,rgba(240,180,41,0.04),transparent);}
#kp-admin-modal .detail-header .left{display:flex;align-items:center;gap:8px;font-size:11px;color:#8b949e;}
#kp-admin-modal .detail-header .left b{color:#f0b429;}
#kp-admin-modal .detail-header .right{display:flex;gap:6px;}
#kp-admin-modal .detail-header .right button{background:transparent;border:1px solid rgba(255,255,255,0.08);color:#6e7681;padding:3px 10px;border-radius:4px;font-size:10px;cursor:pointer;font-family:inherit;transition:all .15s;}
#kp-admin-modal .detail-header .right button:hover{color:#8b949e;border-color:#484f58;}
#kp-admin-modal .detail-header .right button.danger{color:#f85149;border-color:rgba(248,81,73,0.3);}
#kp-admin-modal .detail-header .right button.danger:hover{background:rgba(248,81,73,0.14);border-color:#f85149;}
#kp-admin-modal .detail-header .right button.primary{color:#f0b429;border-color:rgba(240,180,41,0.5);}
#kp-admin-modal .detail-header .right button.primary:hover{background:rgba(240,180,41,0.14);}
#kp-admin-modal .detail-header .right button:disabled{opacity:0.55;cursor:not-allowed;}
#kp-admin-modal .crypto-mode-switch{display:inline-flex;border:1px solid rgba(255,200,61,0.3);border-radius:5px;overflow:hidden;background:#16161a;margin-left:8px;}
#kp-admin-modal .crypto-mode-switch button{background:transparent;border:none;color:rgba(255,200,61,0.45);padding:2px 10px;font-size:10px;cursor:pointer;font-family:inherit;transition:all .15s;}
#kp-admin-modal .crypto-mode-switch button.on{background:rgba(255,200,61,0.12);color:rgba(255,200,61,0.9);font-weight:600;}
#kp-admin-modal .crypto-mode-switch button:hover:not(.on){background:rgba(255,200,61,0.05);color:rgba(255,200,61,0.7);}
#kp-admin-modal .sym-info{display:flex;align-items:center;gap:8px;}
#kp-admin-modal .sym-info .sym-code{color:#e6edf3;font-weight:600;font-family:ui-monospace,monospace;font-size:13px;}
#kp-admin-modal .sym-info .sym-cn{color:#8b949e;font-size:12px;margin-left:2px;}
#kp-admin-modal .sym-intervals{text-align:center;font-family:ui-monospace,monospace;color:#8b949e;font-size:12px;}
#kp-admin-modal .sym-total{text-align:center;font-family:ui-monospace,monospace;color:#8b949e;font-size:12px;}
#kp-admin-modal .sym-lastbar{text-align:center;font-family:ui-monospace,monospace;font-size:12px;}
#kp-admin-modal .sym-lastbar.has-data{color:#3fb950;}
#kp-admin-modal .sym-lastbar.no-data{color:#484f58;}
#kp-admin-modal .sym-override-center{text-align:center;display:flex;align-items:center;justify-content:center;}
#kp-admin-modal .sym-override-center .sym-toggle{position:relative;width:32px;height:18px;border-radius:10px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.15);cursor:pointer;padding:0;transition:background .2s,border-color .2s;}
#kp-admin-modal .sym-override-center .sym-toggle::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#6e7681;transition:all .2s;}
#kp-admin-modal .sym-override-center .sym-toggle.on{background:rgba(88,166,255,0.25);border-color:rgba(88,166,255,0.6);}
#kp-admin-modal .sym-override-center .sym-toggle.on::after{left:16px;background:#58a6ff;box-shadow:0 0 6px rgba(88,166,255,0.6);}
#kp-admin-modal .sym-override-center .sym-toggle:hover:not(.on){background:rgba(255,255,255,0.18);}
#kp-admin-modal .sym-act-center{text-align:center;display:flex;gap:4px;align-items:center;justify-content:center;}
#kp-admin-modal .sym-act-center button{background:transparent;border:1px solid rgba(240,180,41,0.5);color:#f0b429;padding:2px 8px;border-radius:4px;font-size:10px;cursor:pointer;font-family:inherit;transition:all .12s;}
#kp-admin-modal .sym-act-center button:hover{background:rgba(240,180,41,0.14);}
#kp-admin-modal .sym-act-center button.sym-clear{color:#f85149;border-color:rgba(248,81,73,0.3);}
#kp-admin-modal .sym-act-center button.sym-clear:hover{background:rgba(248,81,73,0.14);border-color:#f85149;}
#kp-admin-modal .btn-save{background:rgba(240,180,41,0.14);color:#f0b429;border:1px solid rgba(240,180,41,0.5);border-radius:6px;padding:6px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;}
#kp-admin-modal .btn-save:hover{background:rgba(240,180,41,0.22);}
#kp-admin-modal .btn-secondary{background:#161b22;color:#8b949e;border:1px solid rgba(255,255,255,0.08);border-radius:6px;padding:6px 14px;font-size:12px;cursor:pointer;transition:all .15s;font-family:inherit;}
#kp-admin-modal .btn-secondary:hover{color:#e6edf3;border-color:#484f58;}
#kp-admin-modal .spinner{display:inline-block;width:10px;height:10px;border:2px solid rgba(240,180,41,0.5);border-top-color:transparent;border-radius:50%;animation:kp-admin-spin 0.6s linear infinite;}
@keyframes kp-admin-spin{to{transform:rotate(360deg);}}
#kp-admin-modal .progress-bar{width:100%;height:3px;background:#161b22;border-radius:2px;overflow:hidden;margin-top:6px;}
#kp-admin-modal .progress-bar .fill{height:100%;background:linear-gradient(90deg,#f0b429,#3fb950);transition:width .3s;}
#kp-admin-modal .market-row .market-name .src-tag.exness{color:#4ade80;background:rgba(74,222,128,0.1);}
#kp-admin-modal .market-row .market-name .src-tag.binance{color:#f7931a;background:rgba(247,147,26,0.1);}
#kp-admin-modal .market-row .market-name .src-tag.bitstamp{color:#58a6ff;background:rgba(88,166,255,0.1);}
#kp-admin-modal .market-row .sym-warn{display:inline-block;margin-left:5px;font-size:9px;font-weight:600;color:#f0b429;border:1px solid rgba(240,180,41,0.4);border-radius:4px;padding:0 4px;line-height:14px;vertical-align:middle;cursor:help;background:rgba(240,180,41,0.08);}
#kp-admin-modal .market-row .stat-cell .src-tag{font-size:9px;font-weight:600;font-family:ui-monospace,monospace;padding:1px 6px;border-radius:3px;}
#kp-admin-modal .market-row .stat-cell .src-tag.exness{color:#4ade80;background:rgba(74,222,128,0.12);}
#kp-admin-modal .market-row .stat-cell .src-tag.binance{color:#f7931a;background:rgba(247,147,26,0.12);}
#kp-admin-modal .market-row .stat-cell .src-tag.bitstamp{color:#58a6ff;background:rgba(88,166,255,0.12);}
#kp-admin-modal .market-row .stat-cell .src-tag:not(.exness):not(.binance):not(.bitstamp){color:#8b949e;background:rgba(255,255,255,0.05);}

#kp-admin-modal .adm-tab-section-title{display:flex;align-items:center;gap:5px;}
#kp-admin-modal .adm-tab-section-title svg{flex:0 0 auto;color:rgba(212,168,67,0.85);}
#kp-admin-modal .sym-act-center button{display:inline-flex;align-items:center;justify-content:center;}
#kp-admin-modal .sym-act-center button svg{width:12px;height:12px;}
#kp-admin-modal .drawer-actions button svg{width:11px;height:11px;flex:0 0 auto;}
#kp-admin-modal .refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;}
#kp-admin-modal .refresh-btn svg{width:12px;height:12px;flex:0 0 auto;}
#kp-admin-modal .dd-btn{display:inline-flex;align-items:center;gap:4px;}
#kp-admin-modal .dd-btn svg{width:12px;height:12px;flex:0 0 auto;}

.cm-ico{display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;vertical-align:-.12em;line-height:1;color:inherit;}.cm-ico svg{width:100%;height:100%;display:block;}.cm-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;z-index:99999;opacity:0;pointer-events:none;transition:opacity .28s ease;}.cm-backdrop.open{opacity:1;pointer-events:none;}.cm-drawer{position:relative;width:0;flex-shrink:0;overflow:hidden;transition:width .25s cubic-bezier(0.22,1,0.36,1);display:flex;flex-direction:column;background:var(--bg-1);border-right:1px solid var(--border-subtle);}.cm-drawer.open{width:440px;}.cm-page{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:var(--bg-1);transition:transform .25s ease,opacity .25s ease;}.cm-hd{display:grid;grid-template-columns:auto auto auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;}.cm-logo{width:28px;height:27px;border-radius:8px;background:linear-gradient(135deg,#ff9500,#ea580c);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(234,88,12,.35);}.cm-logo svg{width:15px;height:15px;fill:#fff;stroke:none;}.cm-hd .cm-title{font-size:15px;font-weight:700;color:#FCFCFD;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;}.cm-hd .cm-title .cm-tl{margin-right:0}.cm-hd .cm-compose-btn{padding:7px 14px;border-radius:999px;border:none;cursor:pointer;font-size:11px;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#ffc83d,#ff9500);box-shadow:0 0 14px rgba(255,200,61,.28),0 2px 6px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;gap:5px;transition:all .15s;}.cm-hd .cm-compose-btn:hover{transform:translateY(-1px);box-shadow:0 0 20px rgba(255,200,61,.28);}.cm-hd .cm-close{display:none !important;}.cm-sort-row{display:flex;gap:0;padding:3px;background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:999px;flex-shrink:0;}.cm-sort-tab{border:none;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;color:#9598A0;cursor:pointer;white-space:nowrap;transition:all .15s;background:transparent;}.cm-sort-tab:hover{color:#CBCFD6;}.cm-sort-tab.active{color:#ffc83d;background:rgba(255,200,61,.10);}.cm-filter-row{display:flex;gap:8px;overflow-x:auto;padding:8px 12px 10px;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;}.cm-filter-row::-webkit-scrollbar{height:0;display:none;}.cm-filter-pill{padding:5px 12px;border-radius:999px;font-size:11px;font-weight:600;color:#CBCFD6;cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-2);white-space:nowrap;flex-shrink:0;transition:all .15s;}.cm-filter-pill:hover{border-color:#ffc83d;color:#ffc83d;}.cm-filter-pill[data-board=""].active{background:rgba(255,200,61,.10);border-color:rgba(255,200,61,.30);color:#ffc83d;}.cm-filter-pill:not([data-board=""]).active{background:rgba(255,149,0,.10);border-color:rgba(255,149,0,.30);color:#ff9500;}.cm-gamify-lv-wrap .cm-avatar{width:42px;height:42px;border-radius:50%;position:relative;}.cm-chip{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;font-size:10px;font-weight:500;white-space:nowrap;}.cm-chip.brand{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;background:rgba(255,200,61,.10);border:1px solid rgba(255,200,61,.28);color:#ffc83d;}.cm-chip.accent{background:rgba(255,149,0,.12);color:#ff9500;border:1px solid rgba(255,149,0,.22);}.cm-chip.ok{background:rgba(63,185,80,.14);color:#3fb950;border:1px solid rgba(63,185,80,.22);}.cm-chip.warn{background:rgba(210,153,34,.14);color:#d29922;border:1px solid rgba(210,153,34,.22);}.cm-chip.muted{background:var(--bg-4);color:#CBCFD6;border:1px solid var(--border-subtle);}.cm-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;user-select:none;white-space:nowrap;}.cm-btn-primary{padding:5px 11px;border-radius:10px;border:1px solid rgba(255,200,61,.5);font-size:11px;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#ffc83d,#ff9500);box-shadow:0 0 12px rgba(255,200,61,.28),0 2px 6px rgba(0,0,0,.3);}.cm-btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 20px rgba(255,200,61,.4),0 3px 8px rgba(0,0,0,.4);}.cm-btn-primary.done{background:var(--bg-4);color:#CBCFD6;border:1px solid var(--border-subtle);cursor:pointer;}.cm-btn-block{width:100%;padding:7px 14px;}.cm-btn-ghost{border-radius:10px;background:var(--bg-4);color:#CBCFD6;border:1px solid var(--border-subtle);cursor:pointer;padding:5px 11px;font-size:11px;}.cm-btn-ghost:hover{border-color:#ffc83d;color:#ffc83d;}.cm-btn-primary.pulse{animation:cmPulse 2s infinite;}@keyframes cmPulse{0%,100%{box-shadow:0 0 16px rgba(255,200,61,.28),0 2px 8px rgba(0,0,0,.35);}50%{box-shadow:0 0 28px rgba(255,200,61,.5),0 4px 14px rgba(0,0,0,.45);}}.cm-rank-users .cm-avatar{width:20px;height:20px;border-radius:50%;margin-left:-4px;border:1.5px solid rgba(255,255,255,.18);}.cm-rank-users .cm-avatar:first-child{margin-left:0;}.cm-rank-users .cm-avatar .cm-avatar-letter{font-size:9px;font-weight:700;color:#fff;}.cm-rank-label .trophy{font-size:14px;line-height:1;filter:drop-shadow(0 0 4px rgba(255,200,61,.45));}.cm-expand-tag .tag-left{display:inline-flex;align-items:center;gap:4px;cursor:pointer;user-select:none;}.cm-expand-tag .arr{display:inline-block;font-size:9px;transition:transform .2s;}.cm-btn .btn-arrow{display:inline-block;font-size:9px;opacity:.85;margin-left:1px;transition:transform .2s;}.cm-btn.arrow-up .btn-arrow{transform:rotate(180deg);}.cm-expand-uname{font-size:13px;font-weight:700;color:#FCFCFD;display:flex;align-items:center;gap:5px;flex-wrap:wrap;}.cm-expand-stat .sep{color:#9598A0;}.cm-expand-ciday{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 2px 7px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-1);transition:all .15s;min-height:62px;}.cm-expand-ciday .cd-d{font-size:8.5px;font-weight:700;color:#9598A0;text-transform:uppercase;letter-spacing:.2px;}.cm-expand-ciday .cd-ic{font-size:16px;line-height:1;margin:1px 0;}.cm-expand-ciday .cd-v{font-size:8px;font-weight:700;line-height:1.15;display:flex;flex-direction:column;align-items:center;gap:0.5px;}.cm-expand-ciday .cd-v .cd-pt{color:#ffc83d;display:flex;align-items:center;gap:1px;}.cm-expand-ciday .cd-v .cd-ck{color:#ff9500;display:flex;align-items:center;gap:1px;}.cm-expand-ciday .cd-ckd{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#3fb950;color:#fff;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;line-height:1;}.cm-expand-ciday.done{background:rgba(63,185,80,.14);border-color:rgba(16,185,129,.25);}.cm-expand-ciday.done .cd-d,.cm-expand-ciday.done .cd-pt,.cm-expand-ciday.done .cd-ck{color:#3fb950;}.cm-expand-ciday.today{background:rgba(255,200,61,.10);border-color:rgba(255,200,61,.55);box-shadow:0 0 0 1px #ffc83d,0 0 12px rgba(255,200,61,.35);}.cm-expand-ciday.today .cd-d{color:#ffc83d;font-weight:800;}.cm-expand-ciday.today.checked{background:rgba(63,185,80,.14);border-color:rgba(16,185,129,.3);box-shadow:none;}.cm-expand-ciday.today.checked .cd-d{color:#3fb950;}.cm-expand-ciday.bonus{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,200,61,.18),rgba(255,149,0,.12));border-color:rgba(255,200,61,.45);}.cm-expand-ciday.bonus::before{content:"礼";position:absolute;top:1px;left:2px;font-size:8px;color:#ff9500;font-weight:700;}.cm-expand-ciday.bonus.done{background:linear-gradient(135deg,rgba(63,185,80,.14),rgba(234,88,12,.06));}.cm-expand-ciday.bonus{background:linear-gradient(135deg,#ffc83d,#ff9500);color:#1a1a1a;}.cm-expand-ciday.bonus .cd-d,.cm-expand-ciday.bonus .cd-pt,.cm-expand-ciday.bonus .cd-ck{color:#1a1a1a;}.cm-expand-ciday.bonus .cd-bonus{font-size:7.5px;font-weight:800;color:#ff9500;margin-top:0.5px;}.cm-expand-rulesrow .rr-title{font-weight:700;color:#FCFCFD;margin-right:2px;}.cm-expand-ruleitem{display:inline-flex;align-items:center;gap:1px;}.cm-expand-ruleitem b{color:#ffc83d;font-weight:700;font-family:var(--mono);font-variant-numeric:tabular-nums;}.cm-expand-rulesep{color:#9598A0;}.cm-expand-cap{background:rgba(255,200,61,.10);color:#ffc83d;padding:0.5px 5px;border-radius:4px;font-size:9px;font-weight:600;}.cm-expand-capdesc{font-size:9.5px;color:#9598A0;}.cm-feed-body{flex:1;overflow-y:auto;padding:0 12px 8px;}.cm-feed-body::-webkit-scrollbar{width:5px;}.cm-feed-body::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px;}.cm-feed-body::-webkit-scrollbar-thumb:hover{background:#9598A0;}.cm-card{background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:10px;padding:10px;margin-bottom:8px;cursor:pointer;transition:border-color .15s ease;}.cm-card:hover{border-color:var(--border-subtle);}.cm-card-hd{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:6px;}.cm-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#30363d,#484f58);}.cm-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;}.cm-avatar-letter{font-size:12px;font-weight:600;color:#fff;}.cm-card-meta{flex:1;min-width:0;}.cm-card-name{font-size:12px;font-weight:600;color:#FCFCFD;display:flex;align-items:center;gap:5px;flex-wrap:wrap;}.cm-type-tag{font-size:10px;font-weight:600;padding:1px 6px;border-radius:5px;}.cm-type-tag.post{background:rgba(88,166,255,.1);color:#ffc83d;border:1px solid rgba(88,166,255,.18);}.cm-type-tag.article{background:rgba(63,185,80,.14);color:#3fb950;border:1px solid rgba(63,185,80,.2);}.cm-card-name .cm-lv-sm{font-size:10px;color:#ffc83d;background:rgba(255,200,61,.12);border:1px solid rgba(88,166,255,.18);border-radius:5px;padding:0 5px;font-weight:600;}.cm-title-tag{font-size:10px;color:#ff9500;background:rgba(255,149,0,.10);border:1px solid rgba(255,149,0,.22);border-radius:5px;padding:0 5px;font-weight:600;}.cm-card-time{font-size:10px;color:#9598A0;margin-top:1px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;}.cm-board-tag{font-size:10px;font-weight:500;padding:1px 6px;border-radius:6px;background:rgba(6,182,212,.1);color:#56d4dd;border:1px solid rgba(6,182,212,.18);}.cm-card-title{font-size:13px;font-weight:600;color:#FCFCFD;line-height:1.4;margin-bottom:4px;}.cm-card-body{font-size:12px;color:#CBCFD6;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.cm-card-body.clamp-2{-webkit-line-clamp:2;}.cm-media{margin-top:8px;border-radius:10px;overflow:hidden;}.cm-media.m-1-post{width:100%;background:var(--bg-2);cursor:pointer;overflow:hidden;position:relative;}.cm-media.m-1-post img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}.cm-media.m-1-art{display:grid;grid-template-columns:1fr 220px;gap:10px;align-items:stretch;margin-top:5px;}.cm-media.m-1-art .art-text{display:flex;flex-direction:column;justify-content:space-between;min-width:0;}.cm-media.m-1-art .art-desc{font-size:12px;color:#CBCFD6;line-height:1.6;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}.cm-media.m-1-art .art-img{aspect-ratio:4/3;border-radius:8px;overflow:hidden;cursor:zoom-in;background:var(--bg-2);}.cm-media.m-1-art .art-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}.cm-media.m-banner img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}.cm-media:hover img,.cm-media.m-1-art:hover .art-img img,.cm-media.m-banner:hover img{transform:scale(1.03);}.cm-mgrid{display:grid;gap:4px;margin-top:8px;overflow:hidden;border-radius:8px;}.cm-mcell{aspect-ratio:1/1;overflow:hidden;border-radius:5px;background:var(--bg-2);cursor:zoom-in;position:relative;}.cm-mcell img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;}.cm-mcell:hover img{transform:scale(1.06);}.cm-mgrid.g5p .cm-mcell:last-child::after{content:attr(data-more);position:absolute;inset:0;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;backdrop-filter:blur(3px);}.cm-mgrid.g5p .cm-mcell:last-child img{filter:blur(2px);transform:scale(1.05);}.cm-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px;}.cm-tag{font-size:10px;padding:2px 7px;border-radius:999px;background:var(--bg-2);color:#CBCFD6;border:1px solid var(--border-subtle);font-weight:500;}.cm-card-ft{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-subtle);}

.cm-card.has-thumb{display:grid;grid-template-columns:1fr 82px;column-gap:9px;align-items:start;
grid-template-areas:"hd m" "body m" "tags tags" "foot foot";}
.cm-card.has-thumb .cm-card-hd{grid-area:hd;margin-bottom:5px;}
.cm-card .cm-card-ft{justify-content:flex-start;gap:6px;}
.cm-card.has-thumb .cm-card-body{grid-area:body;line-height:1.6;-webkit-line-clamp:4;}
.cm-card.has-thumb .cm-media.m-1-post{grid-area:m;align-self:stretch;width:100%;height:auto;min-height:0;
margin-top:0;border-radius:8px;position:relative;overflow:hidden;}
.cm-card.has-thumb .cm-media.m-1-post img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.cm-card.has-thumb .cm-tags{grid-area:tags;}
.cm-card.has-thumb .cm-card-ft{grid-area:foot;}
.cm-ft-meta{margin-left:auto;font-size:9.5px;color:#9598A0;display:inline-flex;align-items:center;
gap:4px;white-space:nowrap;flex:0 0 auto;}
.cm-ft-meta .cm-board-tag{font-size:9px;}
.cm-img-count{position:absolute;right:5px;bottom:5px;z-index:2;font-size:9px;font-weight:700;line-height:1;
color:#fff;background:rgba(0,0,0,.66);border:1px solid rgba(255,255,255,.22);border-radius:5px;
padding:3px 5px;letter-spacing:.02em;pointer-events:none;}.cm-actions{display:flex;gap:3px;}.cm-act{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:8px;color:#CBCFD6;font-size:11px;cursor:pointer;transition:all .12s;min-width:36px;justify-content:center;font-weight:500;}.cm-act:hover{background:var(--bg-2);color:#FCFCFD;}.cm-act .ic{font-size:13px;line-height:1;}.cm-act.liked{color:#f85149;}.cm-act.bookmarked{color:#d29922;}.cm-rewards{display:flex;gap:4px;flex-shrink:0;}.cm-footer{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--border-subtle);flex-shrink:0;background:var(--bg-1);}.cm-footer-input{flex:1;background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:999px;padding:7px 12px;color:#CBCFD6;font-size:12px;cursor:pointer;font-weight:500;transition:all .12s;}.cm-footer-input:hover{border-color:#ffc83d;color:#FCFCFD;}.cm-footer-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#CBCFD6;padding:3px 7px;border-radius:6px;transition:all .12s;}.cm-footer-btn:hover{background:var(--bg-2);color:#FCFCFD;}.cm-modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100010;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease;}.cm-modal-mask.show{display:flex;opacity:1;}.cm-modal{width:100%;max-width:420px;background:var(--bg-1);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);transform:translateY(16px) scale(.97);transition:transform .25s cubic-bezier(.2,.8,.2,1);border:1px solid var(--border-subtle);}.cm-modal-mask.show .cm-modal{transform:translateY(0) scale(1);}.cm-modal-hd{padding:16px 18px 12px;background:linear-gradient(135deg,rgba(255,200,61,.10),rgba(255,149,0,.12));display:flex;align-items:center;justify-content:space-between;}.cm-modal-title{font-size:15px;font-weight:700;color:#FCFCFD;display:flex;align-items:center;gap:6px;}.cm-modal-sub{font-size:10px;color:#CBCFD6;margin-top:3px;font-weight:500;}.cm-modal-close{width:28px;height:28px;border-radius:50%;background:var(--bg-4);border:none;color:#CBCFD6;cursor:pointer;font-size:12px;font-weight:700;transition:all .12s;display:flex;align-items:center;justify-content:center;}.cm-modal-close:hover{background:var(--border-subtle);color:#FCFCFD;}.cm-modal-body{padding:12px 18px 18px;}.cm-streak-info{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:12px;margin-bottom:14px;background:linear-gradient(135deg,rgba(255,200,61,.10),rgba(255,149,0,.12));border:1px solid rgba(255,200,61,.3);}.cm-streak-info .fire{font-size:28px;line-height:1;}.cm-streak-info .days{font-weight:800;font-size:28px;color:#ffc83d;line-height:1;font-family:var(--mono);font-variant-numeric:tabular-nums;text-shadow:0 0 14px rgba(255,200,61,.35);text-align:center;}.cm-streak-info .lbl{font-size:10px;color:#CBCFD6;margin-top:4px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-align:center;}.cm-today-reward{padding:10px 14px;border-radius:10px;text-align:center;background:rgba(0,0,0,.25);border:1px dashed #ffc83d;}.cm-today-reward .trw-lbl{font-size:9px;color:#CBCFD6;font-weight:600;letter-spacing:.04em;}.cm-today-reward .trw-val{font-size:14px;font-weight:800;color:#ffc83d;margin-top:3px;font-family:var(--mono);font-variant-numeric:tabular-nums;}.cm-week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:14px;}.cm-week-cell,.cm-week-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 3px 9px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--bg-3);transition:all .15s;min-height:68px;}.cm-week-cell .ci-day,.cm-week-day .d-n{font-size:9px;font-weight:700;color:#9598A0;letter-spacing:.3px;}.cm-week-cell .ci-rewards{display:flex;flex-direction:column;align-items:center;gap:1px;margin-top:2px;}.cm-week-cell .ci-pt,.cm-week-day .d-pt{font-size:9px;font-weight:700;color:#ffc83d;font-family:var(--mono);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:1px;}.cm-week-cell .ci-ck,.cm-week-day .d-ck{font-size:9px;font-weight:700;color:#ff9500;font-family:var(--mono);font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:1px;}.cm-week-cell .ci-bonus{font-size:8px;font-weight:800;color:#ff9500;margin-top:1px;}.cm-week-cell .ci-check{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#3fb950;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:800;}.cm-week-cell.done,.cm-week-day.done{background:rgba(63,185,80,.14);border-color:rgba(16,185,129,.3);}.cm-week-cell.done .ci-day,.cm-week-day.done .d-n,.cm-week-cell.done .ci-pt,.cm-week-day.done .d-pt,.cm-week-cell.done .ci-ck,.cm-week-day.done .d-ck{color:#3fb950;}.cm-week-cell.today.current,.cm-week-day.today{background:rgba(255,200,61,.10);border-color:rgba(255,200,61,.6);box-shadow:0 0 0 2px rgba(255,200,61,.18),0 0 16px rgba(255,200,61,.28);}.cm-week-cell.today.current .ci-day,.cm-week-day.today .d-n{color:#ffc83d;font-weight:800;}.cm-week-cell.today.current.checked,.cm-week-day.today.checked{background:rgba(63,185,80,.14);border-color:rgba(16,185,129,.3);box-shadow:none;}.cm-week-cell.today.current.checked .ci-day,.cm-week-day.today.checked .d-n{color:#3fb950;}.cm-week-cell.bonus-day,.cm-week-day.bonus{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,200,61,.18),rgba(255,149,0,.12));border-color:rgba(255,200,61,.5);}.cm-week-cell.bonus-day::before,.cm-week-day.bonus::before{content:"礼";position:absolute;top:1px;right:4px;font-size:9px;color:#ff9500;font-weight:700;}.cm-week-cell.bonus-day.done,.cm-week-day.bonus.done{background:linear-gradient(135deg,rgba(63,185,80,.14),rgba(234,88,12,.08));border-color:rgba(16,185,129,.3);}.cm-checkin-btn-wrap{padding-top:2px;}.cm-btn-primary.cm-btn-block{border-radius:10px;}@keyframes cm-burst{0%{opacity:1;transform:translateY(0) scale(.9);}100%{opacity:0;transform:translateY(-60px) scale(1.1);}}.cm-burst-float{position:absolute;pointer-events:none;font-size:14px;font-weight:700;padding:4px 8px;border-radius:6px;animation:cm-burst 1.2s ease-out forwards;z-index:1000;}.cm-burst-pts{background:rgba(255,200,61,.15);color:#ffc83d;border:1px solid rgba(255,200,61,.35);}.cm-burst-ck{background:rgba(255,149,0,.15);color:#ff9500;border:1px solid rgba(255,149,0,.35);}.cm-burst{position:fixed;z-index:100020;font-weight:800;font-size:14px;pointer-events:none;will-change:transform,opacity;animation:cmBurst 1.2s cubic-bezier(.2,.8,.2,1) forwards;}.cm-burst.b-pt{color:#ffc83d;text-shadow:0 2px 8px rgba(255,200,61,.35);}.cm-burst.b-ck{color:#ff9500;text-shadow:0 2px 8px rgba(255,149,0,.35);}.cm-burst.b-bonus{font-size:13px;color:#fff;background:linear-gradient(135deg,#ffc83d,#ff9500);padding:3px 9px;border-radius:999px;}@keyframes cmBurst{0%{transform:translate(-50%,0) scale(.8);opacity:0;}20%{transform:translate(-50%,-18px) scale(1.05);opacity:1;}100%{transform:translate(-50%,-64px) scale(1);opacity:0;}}.cm-ladder-lv .ln{font-size:14px;line-height:1;}.cm-ladder-lv .lt{font-size:8px;opacity:.95;margin-top:1px;}.cm-stat-card .sv{font-size:16px;font-weight:800;color:#FCFCFD;margin-top:1px;}.cm-flow-row .fi{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;}.cm-flow-row.in .fi{background:rgba(63,185,80,.14);color:#3fb950;}.cm-flow-row.out .fi{background:rgba(239,68,68,.1);color:#ef4444;}.cm-flow-row .ft{flex:1;min-width:0;}.cm-flow-row .fn{font-size:11px;font-weight:600;color:#FCFCFD;}.cm-flow-row .fd{font-size:10px;color:#CBCFD6;margin-top:1px;}.cm-flow-row .fv{font-size:12px;font-weight:800;flex-shrink:0;}.cm-flow-row.in .fv{color:#3fb950;}.cm-flow-row.out .fv{color:#ef4444;}.cm-shop-item .si{font-size:20px;}.cm-shop-item .sp{font-size:9px;color:#ff9500;font-weight:700;margin-top:1px;display:flex;align-items:center;gap:1px;}.cm-shop-item .lock{position:absolute;top:3px;right:3px;font-size:9px;padding:1px 4px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;}.cm-coin-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 14px 12px;border-radius:14px;margin-bottom:10px;}.cm-coin-hero.points{background:linear-gradient(135deg,rgba(255,200,61,.12),rgba(99,102,241,.08));}.cm-coin-hero.chicken{background:linear-gradient(135deg,rgba(255,149,0,.12),rgba(245,158,11,.1));}.cm-coin-hero .cch-big{font-size:32px;line-height:1;}.cm-coin-hero .cch-val{font-size:24px;font-weight:900;color:#FCFCFD;margin-top:4px;}.cm-coin-hero .cch-lbl{font-size:10px;color:#CBCFD6;font-weight:600;margin-top:2px;}.cm-coin-progress{padding:8px 12px 10px;background:var(--bg-2);border-radius:12px;margin-bottom:10px;}.cm-coin-progress .pg-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}.cm-coin-progress .lv-tag{font-size:10px;font-weight:700;color:#ffc83d;background:rgba(255,200,61,.12);padding:2px 8px;border-radius:999px;}.cm-coin-progress .lv-next{font-size:10px;color:#CBCFD6;font-weight:700;}.cm-coin-progress .pg-bar{height:8px;background:var(--bg-1);border-radius:999px;overflow:hidden;border:1px solid var(--border-subtle);}.cm-coin-progress .pg-fill{height:100%;background:linear-gradient(90deg,#ffc83d,#06b6d4);border-radius:999px;transition:width .4s ease;}.cm-coin-progress .pg-txt{font-size:10px;color:#CBCFD6;margin-top:6px;}.cm-coin-progress .pg-txt b{color:#ff9500;font-weight:800;}.cm-coin-hint{padding:10px 12px;background:var(--bg-2);border-radius:12px;}.cm-coin-hint .hint-title{font-size:11px;font-weight:800;color:#FCFCFD;margin-bottom:6px;}.cm-coin-hint ul{margin:0;padding-left:16px;font-size:10px;color:#CBCFD6;line-height:1.7;}.cm-toast{position:fixed;top:56px;left:50%;transform:translate(-50%,-8px);background:var(--bg-1);border:1px solid var(--border-subtle);border-radius:999px;padding:6px 14px;font-size:11px;color:#FCFCFD;z-index:100020;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;font-weight:600;}.cm-toast.show{opacity:1;transform:translate(-50%,0);}.cm-toast.ok{border-color:rgba(16,185,129,.3);color:#3fb950;background:rgba(63,185,80,.14);}.cm-toast.err{border-color:rgba(239,68,68,.3);color:#ef4444;background:rgba(239,68,68,.08);}.cm-toast.accent{border-color:rgba(234,88,12,.25);color:#ff9500;background:rgba(255,149,0,.12);}.cm-empty{padding:36px 14px;text-align:center;color:#CBCFD6;font-size:11px;}.cm-nav-badge{width:6px;height:6px;border-radius:50%;background:#f85149;display:inline-block;margin-left:3px;vertical-align:top;}.cm-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100030;display:none;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:0;}.cm-lightbox.show{display:flex;align-items:center;justify-content:center;padding:20px;}.cm-lightbox-inner{display:flex;justify-content:center;padding:0;min-height:0;align-items:center;}.cm-lightbox-inner img{height:auto;max-width:96vw;max-height:82vh;border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.6);transition:transform .25s ease;}.cm-lightbox.mode-review.zoomed .cm-lightbox-inner img{transform:scale(1.6);}.cm-sub-hd{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;gap:8px;}.cm-back-btn{background:none;border:none;color:#ffc83d;font-size:12px;cursor:pointer;padding:2px 6px;}.cm-back-btn:hover{text-decoration:underline;}.cm-sub-title{font-size:13px;font-weight:600;color:#FCFCFD;}.cm-detail-body{flex:1;overflow-y:auto;padding:12px;}.cm-detail-body::-webkit-scrollbar{width:4px;}.cm-detail-body::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px;}.cm-detail-content{font-size:12px;color:#c9d1d9;line-height:1.8;white-space:pre-wrap;margin:10px 0;}.cm-detail-imgs{display:flex;flex-direction:column;gap:6px;margin:10px 0;}.cm-detail-imgs img{width:100%;border-radius:6px;}.cm-action-bar{display:flex;gap:14px;padding:8px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin:10px 0;font-size:11px;color:#CBCFD6;}.cm-action-bar span{cursor:pointer;}.cm-action-bar span:hover{color:#FCFCFD;}.cm-action-bar .liked{color:#f85149;}.cm-action-bar .bookmarked{color:#d29922;}.cm-comments-title{font-size:11px;font-weight:600;color:#FCFCFD;margin:10px 0 6px;}.cm-comment{display:flex;gap:6px;padding:6px 0;border-bottom:1px solid var(--border-subtle);}.cm-comment-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#30363d,#484f58);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;flex-shrink:0;}.cm-comment-body{flex:1;}.cm-comment-name{font-size:10px;font-weight:600;color:#FCFCFD;}.cm-comment-text{font-size:11px;color:#c9d1d9;margin:2px 0;}.cm-comment-time{font-size:9px;color:#9598A0;}.cm-comment-input-row{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border-subtle);flex-shrink:0;}.cm-comment-input{flex:1;background:var(--bg-2);border:1px solid var(--border-subtle);border-radius:4px;padding:5px 9px;color:#c9d1d9;font-size:11px;outline:none;}.cm-comment-input:focus{border-color:#ffc83d;}.cm-comment-send{background:#ff9500;color:#fff;border:none;padding:5px 12px;border-radius:4px;font-size:11px;cursor:pointer;}.cm-comment-send:hover{background:#d97706;}.cm-user-hd{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle);}.cm-user-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b4513,#d2691e);flex-shrink:0;}.cm-user-avatar img{width:44px;height:44px;border-radius:50%;object-fit:cover;}.cm-user-avatar span{font-size:16px;font-weight:700;color:#fff;}.cm-user-info{flex:1;}.cm-user-name{font-size:13px;font-weight:600;color:#FCFCFD;display:flex;align-items:center;gap:5px;}.cm-user-stats{font-size:10px;color:#CBCFD6;margin-top:3px;}.cm-compose-hd{display:flex;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border-subtle);flex-shrink:0;}.cm-compose-cancel{background:none;border:none;color:#CBCFD6;font-size:12px;cursor:pointer;}.cm-compose-title{flex:1;text-align:center;font-size:14px;font-weight:600;color:#FCFCFD;}.cm-compose-submit{background:#ff9500;color:#fff;border:none;padding:5px 14px;border-radius:12px;font-size:12px;font-weight:500;cursor:pointer;}.cm-compose-submit:hover{background:#d97706;}.cm-compose-submit:disabled{opacity:.5;cursor:not-allowed;}.cm-compose-boards{display:flex;gap:6px;padding:8px 14px;flex-wrap:wrap;flex-shrink:0;}.cm-compose-board{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;color:#c9d1d9;cursor:pointer;border:1px solid transparent;background:var(--bg-4);transition:all .2s;}.cm-compose-board .cm-board-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}.cm-compose-board.active{border-color:#ff9500;background:rgba(255,149,0,.12);color:#ff9500;}.cm-compose-textarea{flex:1;min-height:140px;background:transparent;border:none;padding:10px 14px;color:#FCFCFD;font-size:13px;line-height:1.7;resize:none;outline:none;font-family:inherit;}.cm-compose-textarea::placeholder{color:#9598A0;}.cm-compose-toolbar{display:flex;align-items:center;padding:8px 14px;flex-shrink:0;border-top:1px solid var(--border-subtle);}.cm-tool-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:5px 10px;font-size:11px;cursor:pointer;color:#CBCFD6;border-radius:6px;transition:all .15s;}.cm-tool-btn:hover{background:var(--bg-4);color:#c9d1d9;}.cm-tool-sep{width:1px;height:14px;background:var(--border-subtle);margin:0 3px;flex-shrink:0;}.cm-compose-imgs{display:flex;gap:6px;padding:6px 14px;flex-wrap:wrap;}.cm-compose-imgs:empty{display:none;}.cm-compose-img-wrap{position:relative;width:96px;height:64px;border-radius:6px;overflow:hidden;border:1px solid var(--border-subtle);}.cm-compose-img-wrap img{width:100%;height:100%;object-fit:cover;}.cm-compose-img-del{position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.7);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;}.cm-mode-tabs{display:inline-flex;margin:10px 14px 0;background:var(--bg-4);border-radius:6px;padding:2px;}.cm-mode-tab{padding:4px 14px;font-size:12px;color:#CBCFD6;cursor:pointer;border-radius:5px;transition:all .2s;user-select:none;}.cm-mode-tab:hover{color:#c9d1d9;}.cm-mode-tab.active{background:var(--border-subtle);color:#FCFCFD;font-weight:500;}.cm-title-input{margin:8px 14px 0;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);padding:6px 0;color:#FCFCFD;font-size:14px;font-weight:500;outline:none;width:calc(100% - 28px);}.cm-title-input:focus{border-color:#ff9500;}.cm-title-input::placeholder{color:#9598A0;}.cm-textarea-wrap{flex:1;display:flex;flex-direction:column;min-height:0;}.cm-char-count{text-align:right;font-size:10px;color:#9598A0;padding:3px 14px 0;}.cm-source-tag{margin:5px 14px;font-size:10px;color:#9598A0;display:flex;align-items:center;gap:4px;}.cm-source-tag .cm-src-rm{color:#f85149;cursor:pointer;margin-left:3px;}.cm-import-panel{position:absolute;bottom:0;left:0;right:0;background:var(--bg-1);border-top:1px solid var(--border-subtle);border-radius:12px 12px 0 0;z-index:10;transform:translateY(100%);transition:transform .3s ease;max-height:60%;display:flex;flex-direction:column;box-shadow:0 -6px 24px rgba(0,0,0,.4);}.cm-import-panel.show{transform:translateY(0);}.cm-import-hd{display:flex;align-items:center;justify-content:space-between;padding:10px 12px 6px;flex-shrink:0;}.cm-import-title{font-size:12px;font-weight:600;color:#FCFCFD;}.cm-import-close{background:none;border:none;color:#CBCFD6;font-size:14px;cursor:pointer;padding:2px 5px;border-radius:4px;}.cm-import-close:hover{color:#FCFCFD;background:var(--bg-4);}.cm-import-list{flex:1;overflow-y:auto;padding:0 12px 8px;}.cm-import-list::-webkit-scrollbar{width:4px;}.cm-import-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:2px;}.cm-import-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:background .2s;border:1px solid transparent;margin-bottom:3px;}.cm-import-item:hover{background:var(--bg-4);border-color:var(--border-subtle);}.cm-import-item.selected{background:#0d419d22;border-color:#1f6feb44;}.cm-import-info{flex:1;min-width:0;}.cm-import-name{font-size:11px;font-weight:600;color:#FCFCFD;}.cm-import-date{font-size:9px;color:#CBCFD6;margin-top:1px;}.cm-import-check{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-subtle);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:transparent;}.cm-import-item.selected .cm-import-check{border-color:#ffc83d;color:#ffc83d;background:#0d419d33;}.cm-import-confirm{margin:0 12px 10px;background:#ff9500;color:#fff;border:none;padding:8px;border-radius:6px;font-size:11px;cursor:pointer;font-weight:500;text-align:center;}.cm-import-confirm:hover{background:#d97706;}.cm-import-confirm:disabled{opacity:.5;cursor:not-allowed;}@media(hover:hover){.cm-card:hover{transform:translateY(-1px);}}.cm-footer-btn:hover{color:#FCFCFD;}@media(max-width:500px){.cm-page{width:100vw;border-left:0;}}@media(max-width:640px){.cm-page{width:100vw!important;}.cm-gamify{grid-template-columns:40px 1fr auto !important;grid-template-rows:auto auto auto !important;column-gap:8px !important;row-gap:5px !important;padding:7px 9px 7px 6px !important;margin:5px 10px 14px !important;border-radius:0 !important;}.cm-gamify-lv-wrap{grid-row:1 / 2 !important;grid-column:1 / 2 !important;}.cm-lv-badge{width:40px !important;height:40px !important;border-radius:10px !important;}.cm-lv-badge .cm-lv-num{font-size:15px !important;}.cm-lv-badge .cm-lv-sub{font-size:8px !important;}.cm-gamify-left{grid-column:2 / 3 !important;grid-row:1 / 2 !important;gap:2px !important;}.cm-gamify-name{font-size:12px !important;}.cm-gamify-coins{gap:5px !important;}.cm-stat-item{font-size:10px !important;}.cm-stat-sep{font-size:9px !important;}.cm-coin-inline{font-size:10.5px !important;}.cm-coin-inline .ci-ic{font-size:11px !important;}.cm-gamify-checkin-wrap{grid-column:3 / 4 !important;grid-row:1 / 3 !important;justify-content:center !important;align-items:end !important;}.cm-btn-sm{padding:6px 10px !important;font-size:11px !important;min-height:32px !important;border-radius:8px !important;}.cm-gamify-progress{grid-column:1 / -1 !important;grid-row:2 / 3 !important;column-gap:4px !important;}.cm-pg-label{font-size:9.5px !important;}.cm-pg-count{font-size:9.5px !important;}.cm-rank-capsule{padding:2px 8px 2px 4px !important;gap:3px !important;}.cm-rank-users .cm-avatar{width:18px !important;height:18px !important;margin-left:-3px !important;}.cm-rank-users .cm-avatar .cm-avatar-letter{font-size:8px !important;}.cm-rank-label{font-size:10px !important;gap:2px !important;}.cm-rank-label .trophy{font-size:12px !important;}.cm-level-expand{margin:-2px 10px 5px !important;}.cm-level-expand.open{padding:8px 10px 10px !important;}.cm-expand-tag{font-size:9px !important;}.cm-expand-close{width:20px !important;height:20px !important;font-size:10px !important;}.cm-expand-hd{grid-template-columns:auto 1fr auto !important;column-gap:8px !important;padding:5px 7px !important;margin-bottom:6px !important;}.cm-expand-close-hd{width:24px !important;height:24px !important;font-size:11px !important;border-radius:7px !important;}.cm-expand-lv{width:44px !important;height:44px !important;border-radius:11px !important;}.cm-expand-lv .el-n{font-size:16px !important;}.cm-expand-lv .el-s{font-size:8px !important;}.cm-expand-uname{font-size:12px !important;}.cm-expand-stat{font-size:10px !important;gap:4px !important;}.cm-btn .btn-arrow{font-size:8.5px !important;margin-left:0.5px !important;}.cm-expand-checkin{padding:7px 8px !important;margin-bottom:6px !important;}.cm-expand-cihd{margin-bottom:5px !important;}.cm-expand-cititle{font-size:10.5px !important;}.cm-expand-citoday{font-size:10px !important;}.cm-expand-ciweek{gap:3px !important;}.cm-expand-ciday{min-height:52px !important;padding:5px 1px 4px !important;gap:1.5px !important;}.cm-expand-ciday .cd-d{font-size:7.5px !important;}.cm-expand-ciday .cd-ic{font-size:13px !important;}.cm-expand-ciday .cd-v{font-size:7.5px !important;}.cm-expand-ciday .cd-ckd{width:11px !important;height:11px !important;font-size:7px !important;}.cm-expand-ciday.bonus::before{font-size:7px !important;}.cm-expand-ciday .cd-bonus{font-size:7px !important;}.cm-btn-block{height:38px !important;border-radius:10px !important;font-size:12px !important;}.cm-expand-rules{padding:6px 8px !important;}.cm-expand-rulestitle{font-size:10.5px !important;}.cm-expand-rulesrow{font-size:9.5px !important;gap:3px 5px !important;}.cm-expand-cap{font-size:8.5px !important;}.cm-expand-capdesc{font-size:9px !important;}.cm-filter-row{padding:3px 10px 5px !important;flex-wrap:nowrap !important;gap:4px !important;}.cm-filter-pill{flex-shrink:0 !important;padding:2px 8px !important;font-size:10px !important;}.cm-sort-row{padding:6px 10px 2px !important;gap:4px !important;}.cm-sort-tab{padding:3px 9px !important;font-size:11px !important;}.cm-feed-body{padding:0 10px 6px !important;}.cm-card{padding:9px !important;margin-bottom:7px !important;border-radius:10px !important;}.cm-card-hd{grid-template-columns:34px 1fr auto !important;gap:7px !important;margin-bottom:5px !important;}.cm-avatar,.cm-avatar-img{width:34px !important;height:34px !important;}.cm-avatar-letter{font-size:11px !important;}.cm-card-name{font-size:11px !important;gap:4px !important;}.cm-card-time{font-size:10px !important;}.cm-board-tag{font-size:9px !important;padding:1px 5px !important;}.cm-type-tag{font-size:9px !important;padding:0 5px !important;}.cm-card-name .cm-lv-sm{font-size:9px !important;padding:0 4px !important;}.cm-title-tag{font-size:9px !important;padding:0 4px !important;}.cm-card-title{font-size:13px !important;line-height:1.35 !important;margin-bottom:3px !important;}.cm-card-body{font-size:11.5px !important;line-height:1.55 !important;-webkit-line-clamp:2 !important;}.cm-media{margin-top:6px !important;border-radius:8px !important;}.cm-card.has-thumb{grid-template-columns:1fr 82px !important;column-gap:8px !important;}
.cm-card.has-thumb .cm-card-body{-webkit-line-clamp:4 !important;font-size:11.5px !important;line-height:1.6 !important;}
.cm-card.has-thumb .cm-media.m-1-post{border-radius:8px !important;}.cm-media.m-1-art{grid-template-columns:1fr !important;gap:8px !important;margin-top:6px !important;}.cm-media.m-1-art .art-img{order:-1 !important;aspect-ratio:16/9 !important;border-radius:8px !important;}.cm-media.m-1-art .art-desc{-webkit-line-clamp:3 !important;font-size:11.5px !important;}.cm-media.m-banner{aspect-ratio:16/9 !important;border-radius:8px !important;}.cm-mgrid{gap:3px !important;border-radius:7px !important;margin-top:6px !important;}.cm-mcell{border-radius:4px !important;}.cm-mgrid.g5p .cm-mcell:last-child::after{font-size:18px !important;}.cm-tags{gap:3px !important;margin-top:5px !important;}.cm-tag{font-size:9px !important;padding:1px 6px !important;}.cm-card-ft{margin-top:7px !important;padding-top:6px !important;}.cm-actions{gap:2px !important;}.cm-act{padding:5px 6px !important;font-size:10.5px !important;min-width:34px !important;}.cm-act .ic{font-size:12px !important;}.cm-modal{border-radius:14px 14px 0 0 !important;max-width:100% !important;margin:0 !important;}.cm-modal-hd{padding:12px 14px 5px !important;}.cm-modal-body{padding:5px 14px 12px !important;}.cm-modal-title{font-size:14px !important;}.cm-modal-close{width:26px !important;height:26px !important;font-size:11px !important;}.cm-week-cell,.cm-week-day{min-height:58px !important;padding:6px 2px 5px !important;gap:2px !important;border-radius:8px !important;}.cm-week-cell .ci-icon,.cm-week-day .d-icon{font-size:14px !important;}.cm-week-cell .ci-day,.cm-week-day .d-n{font-size:8px !important;}.cm-week-cell .ci-pt,.cm-week-day .d-pt,.cm-week-cell .ci-ck,.cm-week-day .d-ck{font-size:8px !important;}.cm-streak-info{padding:7px 10px !important;border-radius:10px !important;margin-bottom:8px !important;}.cm-streak-info .fire{font-size:16px !important;}.cm-streak-info .days{font-size:16px !important;}.cm-today-reward{padding:5px 8px !important;border-radius:8px !important;}.cm-week-grid{gap:4px !important;margin-bottom:8px !important;}.cm-coin-hero{padding:12px 12px 10px !important;border-radius:12px !important;margin-bottom:8px !important;}.cm-coin-hero .cch-big{font-size:28px !important;}.cm-coin-hero .cch-val{font-size:22px !important;}.cm-ladder-row{grid-template-columns:40px 1fr auto !important;gap:7px !important;padding:7px 0 !important;}.cm-ladder-lv{width:36px !important;height:36px !important;border-radius:9px !important;}.cm-stat-card{padding:7px 9px !important;border-radius:9px !important;}.cm-stat-card .sv{font-size:15px !important;}.cm-flow-row{padding:5px 7px !important;border-radius:7px !important;}.cm-shop-item{padding:7px 3px !important;border-radius:8px !important;}.cm-compose-textarea{padding:8px 12px !important;font-size:13px !important;}.cm-compose-submit{padding:5px 12px !important;border-radius:10px !important;font-size:12px !important;}.cm-compose-boards{padding:6px 12px !important;gap:5px !important;}.cm-compose-board{padding:4px 9px !important;font-size:11px !important;border-radius:10px !important;}.cm-compose-toolbar{padding:7px 12px !important;}.cm-tool-btn{padding:4px 8px !important;font-size:11px !important;}.cm-compose-img-wrap{width:88px !important;height:60px !important;}.cm-mode-tabs{padding:2px !important;margin:8px 12px 0 !important;}.cm-mode-tab{padding:4px 12px !important;font-size:11px !important;}.cm-user-hd{padding:10px 12px !important;gap:9px !important;}.cm-user-avatar,.cm-user-avatar img{width:40px !important;height:40px !important;}.cm-user-avatar span{font-size:14px !important;}.cm-detail-body{padding:10px !important;}.cm-detail-content{font-size:12px !important;margin:8px 0 !important;}.cm-sub-hd{padding:9px 12px !important;}.cm-comment{gap:6px !important;padding:6px 0 !important;}.cm-comment-input-row{padding:7px 10px !important;}.cm-footer{padding:7px 12px !important;gap:6px !important;}.cm-footer-input{padding:6px 10px !important;font-size:11px !important;}.cm-drawer.open{padding-bottom:max(0px,env(safe-area-inset-bottom)) !important;}.cm-modal{margin-bottom:max(0px,env(safe-area-inset-bottom)) !important;}.cm-toast{top:calc(50px + env(safe-area-inset-top)) !important;}.cm-card:hover{transform:none !important;box-shadow:none !important;}.cm-media:hover img,.cm-media.m-1-art:hover .art-img img,.cm-media.m-banner:hover img,.cm-mcell:hover img{transform:none !important;}.cm-coin:hover,.cm-filter-pill:hover,.cm-sort-tab:hover,.cm-footer-btn:hover,.cm-footer-input:hover{transform:none !important;}}

.cm-drawer .cm-hd{display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;grid-template-columns:none;background:linear-gradient(180deg,rgba(255,200,61,.05),transparent);border-bottom:1px solid var(--border-subtle);}
.cm-drawer .cm-hd .cm-logo{width:22px;height:22px;flex-shrink:0;border-radius:6px;background:linear-gradient(135deg,#ffd766,#ff9500);display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgba(255,200,61,.22);padding:4px;}
.cm-drawer .cm-hd .cm-logo svg{width:100%;height:100%;display:block;}
.cm-drawer .cm-hd .cm-title{flex-shrink:0;}
.cm-drawer .cm-hd .cm-tl{font-size:13px;font-weight:700;background:linear-gradient(90deg,#ffe9ad,#ffc83d);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.3px;}
.cm-drawer .cm-hd .cm-sort-row{display:flex;gap:2px;margin-left:6px;flex:1;min-width:0;padding:0;grid-template-columns:none;}
.cm-drawer .cm-hd .cm-sort-tab{font-size:11px;color:#9598A0;padding:4px 7px;border-radius:5px;line-height:1.2;white-space:nowrap;}
.cm-drawer .cm-hd .cm-sort-tab.active{color:#ffc83d;background:rgba(255,200,61,.12);}

.cm-drawer .cm-hd .cm-compose-btn{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;font-size:11px;font-weight:600;color:rgba(255,200,61,.88);background:#16161a;border:1px solid rgba(255,200,61,.35);border-radius:6px;padding:5px 10px;letter-spacing:.3px;box-shadow:none;}
.cm-drawer .cm-hd .cm-compose-btn:hover{background:#1d1d22;border-color:rgba(255,200,61,.5);}
.cm-drawer .cm-hd .cm-close{color:#9598A0;}

.cm-drawer .cm-filter-row{display:flex;gap:5px;padding:8px 10px 7px;border-bottom:1px solid var(--border-subtle);}
.cm-drawer .cm-filter-pill{display:flex;align-items:center;gap:4px;font-size:10.5px;color:#CBCFD6;background:var(--bg-2);border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:3px 9px;white-space:nowrap;}
.cm-drawer .cm-filter-pill.active{color:#ffc83d;background:rgba(255,200,61,.1);border-color:rgba(255,200,61,.35);}
.cm-drawer .cm-filter-pill .cm-fdot{width:5px;height:5px;border-radius:2px;flex-shrink:0;}

.cm-drawer .cm-gamify{display:block;grid-template-columns:none;background:rgba(19,19,22,.78);border:1px solid rgba(255,255,255,.07);border-top:1px solid rgba(255,200,61,.35);border-radius:8px;padding:9px 10px;margin:8px 10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.cm-drawer .cm-gamify .cm-gm-asset{display:flex;align-items:center;gap:9px;}
.cm-drawer .cm-gamify .cm-gamify-lv-wrap{flex-shrink:0;}
.cm-drawer .cm-gamify .cm-gamify-lv-wrap .cm-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,200,61,.55);}
.cm-drawer .cm-gamify .cm-gamify-lv-wrap .cm-avatar-letter{font-size:11px;}
.cm-drawer .cm-gamify .cm-gamify-left{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;cursor:pointer;}
.cm-drawer .cm-gamify .cm-gamify-name-row{display:flex;align-items:center;gap:6px;}
.cm-drawer .cm-gamify .cm-gamify-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cm-drawer .cm-gamify .cm-chip{font-size:9px;color:#ffc83d;background:rgba(255,200,61,.12);border:1px solid rgba(255,200,61,.3);border-radius:3px;padding:1px 5px;white-space:nowrap;}
.cm-drawer .cm-gamify .cm-gamify-coins{display:flex;align-items:center;gap:10px;font-size:10px;color:#9598A0;font-variant-numeric:tabular-nums;}
.cm-drawer .cm-gamify .cm-stat-item{display:flex;align-items:center;gap:3px;white-space:nowrap;}
.cm-drawer .cm-gamify .cm-stat-item b{color:#CBCFD6;font-weight:600;}
.cm-drawer .cm-gamify .cm-stat-item.cm-coin-inline{cursor:pointer;border-radius:4px;padding:1px 3px;margin-left:-3px;}
.cm-drawer .cm-gamify .cm-stat-item.cm-coin-inline:hover{background:rgba(255,255,255,.05);}
.cm-drawer .cm-gamify .cm-gamify-checkin-wrap{flex-shrink:0;}

.cm-drawer .cm-gamify .cm-btn.cm-btn-primary{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ffd766,#ff9500);color:#0A0A0C;font-weight:700;font-size:11px;border:none;border-radius:6px;padding:6px 12px;box-shadow:0 1px 8px rgba(255,149,0,.28);}
.cm-drawer .cm-gamify .cm-btn.cm-btn-primary:hover{filter:brightness(1.06);}
.cm-drawer .cm-gamify .cm-btn.cm-btn-ghost{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);color:#CBCFD6;font-size:11px;border-radius:6px;padding:6px 10px;box-shadow:none;}

.cm-drawer .cm-gamify .cm-gamify-progress{display:flex;align-items:center;gap:8px;margin-top:8px;}
.cm-drawer .cm-gamify .cm-pg-label{font-size:9.5px;color:#9598A0;white-space:nowrap;}
.cm-drawer .cm-gamify .cm-pg-main{flex:1;display:flex;align-items:center;gap:7px;min-width:0;}
.cm-drawer .cm-gamify .cm-pg-track{flex:1;position:relative;height:3px;border-radius:2px;background:#1A1A1F;}
.cm-drawer .cm-gamify .cm-pg-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#ff9500,#ffc83d);transition:width .4s ease;}
.cm-drawer .cm-gamify .cm-pg-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;background:#FCFCFD;box-shadow:0 0 4px rgba(255,200,61,.6);transition:left .4s ease;}
.cm-drawer .cm-gamify .cm-pg-count{font-size:9.5px;color:#9598A0;white-space:nowrap;font-variant-numeric:tabular-nums;}
.cm-drawer .cm-gamify .cm-pg-count b{color:#ffc83d;font-weight:600;}
.cm-drawer .cm-gamify .cm-rank-area{flex-shrink:0;}
.cm-drawer .cm-gamify .cm-rank-capsule{display:flex;align-items:center;gap:4px;background:#0A0A0C;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:2px 8px 2px 3px;}
.cm-drawer .cm-gamify .cm-rank-users{display:flex;}
.cm-drawer .cm-gamify .cm-rank-users .cm-avatar{width:16px;height:16px;border-radius:50%;margin-left:-3px;border:1px solid #0A0A0C;}
.cm-drawer .cm-gamify .cm-rank-users .cm-avatar:first-child{margin-left:0;}
.cm-drawer .cm-gamify .cm-rank-users .cm-avatar-letter{font-size:8px;}
.cm-drawer .cm-gamify .cm-rank-label{display:flex;align-items:center;gap:2px;font-size:9.5px;color:#CBCFD6;white-space:nowrap;}

.cm-drawer .cm-level-expand{border:1px solid transparent;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;}
.cm-drawer .cm-level-expand.open{background:rgba(19,19,22,.78);border:1px solid rgba(255,255,255,.07);border-top:1px solid rgba(255,200,61,.35);border-radius:8px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);}
.cm-drawer .cm-expand-tag{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#6e7178;padding:0 2px 5px;cursor:pointer;}
.cm-drawer .cm-expand-tag .tag-left{display:flex;align-items:center;gap:3px;}
.cm-drawer .cm-expand-close{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#9598A0;}
.cm-drawer .cm-expand-close:hover{color:#FCFCFD;background:rgba(255,255,255,.06);}
.cm-drawer .cm-expand-checkin{background:#0A0A0C;border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:7px 8px;}
.cm-drawer .cm-expand-cihd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-bottom:6px;}
.cm-drawer .cm-expand-cititle{font-size:10.5px;font-weight:600;display:flex;align-items:center;gap:4px;}
.cm-drawer .cm-expand-cititle b{color:#ffc83d;font-variant-numeric:tabular-nums;}
.cm-drawer .cm-expand-citoday{display:flex;align-items:center;gap:3px;font-size:9.5px;color:#CBCFD6;background:rgba(255,200,61,.08);border:1px solid rgba(255,200,61,.25);border-radius:5px;padding:2px 6px;}
.cm-drawer .cm-expand-citoday b{color:#ffc83d;}

.cm-drawer .cm-expand-ciweek{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}
.cm-drawer .cm-expand-ciday{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:6px 2px 5px;min-height:64px;}
.cm-drawer .cm-expand-ciday .cd-d{font-size:7.5px;color:#5c5f66;white-space:nowrap;}
.cm-drawer .cm-expand-ciday .cd-v{display:flex;flex-direction:column;align-items:center;gap:1px;}
.cm-drawer .cm-expand-ciday .cd-pt,.cm-drawer .cm-expand-ciday .cd-ck{display:flex;align-items:center;gap:1px;font-size:7.5px;color:#6e7178;font-variant-numeric:tabular-nums;}
.cm-drawer .cm-expand-ciday.done{border-color:rgba(255,200,61,.25);background:rgba(255,200,61,.05);}
.cm-drawer .cm-expand-ciday.today{border-color:rgba(255,200,61,.55);background:rgba(255,200,61,.09);box-shadow:inset 0 0 8px rgba(255,200,61,.15);}
.cm-drawer .cm-expand-ciday .cd-ckd{position:absolute;top:3px;right:3px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ffd766,#ff9500);color:#0A0A0C;display:flex;align-items:center;justify-content:center;}
.cm-drawer .cm-expand-ciday.bonus::after{content:'大礼包';position:absolute;top:-6px;left:50%;transform:translateX(-50%);font-size:6.5px;font-weight:700;color:#0A0A0C;background:linear-gradient(135deg,#ffd766,#ff9500);border-radius:3px;padding:0 4px;white-space:nowrap;z-index:1;}
.cm-drawer .cm-expand-ciday .cd-bonus{font-size:7px;color:#ff9500;}

.cm-drawer .cm-expand-cibtn .cm-btn.cm-btn-primary{width:100%;height:32px;justify-content:center;background:linear-gradient(135deg,#ffd766,#ff9500);color:#0A0A0C;font-weight:700;font-size:12px;border:none;border-radius:7px;box-shadow:0 2px 10px rgba(255,149,0,.3);}
.cm-drawer .cm-expand-cibtn .cm-btn.cm-btn-ghost{width:100%;height:32px;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);color:#CBCFD6;font-size:12px;border-radius:7px;box-shadow:none;}

.cm-drawer .cm-expand-rules{background:#0A0A0C;border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:7px 8px;}
.cm-drawer .cm-expand-rulestitle{font-size:10.5px;font-weight:600;margin-bottom:5px;}
.cm-drawer .cm-expand-rulesrow{display:flex;align-items:center;flex-wrap:wrap;gap:3px 5px;padding:2px 0;font-size:9.5px;color:#CBCFD6;}
.cm-drawer .cm-expand-rulesrow .rr-title{color:#9598A0;width:50px;flex-shrink:0;}
.cm-drawer .cm-expand-ruleitem b{color:#ffc83d;font-weight:600;padding-left:1px;}
.cm-drawer .cm-expand-rulesep{color:#3a3d44;}
.cm-drawer .cm-expand-cap{color:#9598A0;}

.cm-drawer .cm-feed-body{padding:2px 10px 8px;}
.cm-drawer .cm-card{background:var(--bg-2);border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:9px 10px;margin-bottom:8px;}

.cm-drawer .cm-footer{display:flex;gap:6px;align-items:center;padding:8px 12px;border-top:1px solid var(--border-subtle);}
.cm-drawer .cm-footer-input{flex:1;height:28px;border-radius:999px;background:var(--bg-2);border:1px solid rgba(255,255,255,.08);color:#6e7178;font-size:11px;display:flex;align-items:center;padding:0 12px;cursor:pointer;}
.cm-drawer .cm-footer-btn{width:28px;height:28px;border-radius:8px;background:var(--bg-2);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#9598A0;cursor:pointer;padding:0;}
.cm-drawer .cm-footer-btn:hover{color:#FCFCFD;border-color:rgba(255,255,255,.15);}
.cm-drawer .cm-footer-btn.cm-footer-send{background:linear-gradient(135deg,#ffd766,#ff9500);color:#0A0A0C;border:none;border-radius:50%;box-shadow:0 1px 8px rgba(255,149,0,.28);}

.cm-modal-mask .cm-modal{background:rgba(19,19,22,.94);border:1px solid rgba(255,255,255,.08);border-top:2px solid rgba(255,200,61,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.cm-modal .cm-modal-title{color:#FCFCFD;}
.cm-modal .cm-streak-info{display:flex;align-items:center;background:rgba(255,200,61,.05);border:1px solid rgba(255,200,61,.22);border-radius:8px;}
.cm-modal .cm-streak-info .days{color:#ffc83d;font-variant-numeric:tabular-nums;}
.cm-modal .cm-today-reward{background:rgba(255,200,61,.1);border:1px solid rgba(255,200,61,.3);border-radius:6px;}
.cm-modal .cm-week-cell{background:#0A0A0C;border:1px solid rgba(255,255,255,.07);border-radius:7px;}
.cm-modal .cm-week-cell.done{border-color:rgba(255,200,61,.25);background:rgba(255,200,61,.05);}
.cm-modal .cm-week-cell.today.current{border-color:rgba(255,200,61,.55);background:rgba(255,200,61,.09);}
.cm-modal .cm-checkin-btn-wrap .cm-btn.cm-btn-primary{background:linear-gradient(135deg,#ffd766,#ff9500);color:#0A0A0C;font-weight:700;border:none;border-radius:7px;}

@media(max-width:640px){
.cm-drawer .cm-hd{gap:6px;padding:0 10px;}
.cm-drawer .cm-hd .cm-tl{font-size:12px;}
.cm-drawer .cm-hd .cm-sort-row{padding:0!important;gap:2px;}
.cm-drawer .cm-hd .cm-sort-tab{padding:4px 5px;font-size:10.5px;}
.cm-drawer .cm-hd .cm-compose-btn{padding:5px 8px;font-size:10.5px;}
.cm-drawer .cm-filter-pill{gap:3px;}
.cm-drawer .cm-gamify{margin:5px 8px!important;padding:7px 8px!important;border-radius:8px!important;}
.cm-drawer .cm-gamify .cm-gamify-lv-wrap .cm-avatar{width:32px!important;height:32px!important;}
.cm-drawer .cm-gamify .cm-gamify-coins{gap:6px;font-size:9.5px;flex-wrap:wrap;}
.cm-drawer .cm-gamify .cm-btn.cm-btn-primary,.cm-drawer .cm-gamify .cm-btn.cm-btn-ghost{padding:6px 9px;font-size:10.5px;}
.cm-drawer .cm-gamify .cm-gamify-progress{margin-top:6px;gap:5px;}
.cm-drawer .cm-gamify .cm-rank-label{display:none;}
.cm-drawer .cm-footer-input{padding:0 12px!important;}
.cm-drawer .cm-level-expand.open{padding:7px 8px 9px;}
}

.cm-drawer .cm-userbar{flex-shrink:0;background:#181A20;border:1px solid #2B3139;border-radius:8px;padding:8px 12px;margin:6px 10px 8px;position:relative;overflow:hidden;}
.cm-drawer .cm-userbar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#F0B90B,#F8D33A,#F0B90B);}
.cm-drawer .cm-userbar .cm-ub-row{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;height:26px;}
.cm-drawer .cm-userbar .cm-ub-identity{display:inline-flex;align-items:center;gap:5px;background:rgba(240,185,11,.04);border:1px solid rgba(240,185,11,.15);border-radius:6px;padding:3px 8px 3px 6px;flex-shrink:0;}
.cm-drawer .cm-userbar .cm-ub-identity .cm-ub-name{font-size:12px;font-weight:700;color:#FCD535;max-width:64px;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px;}
.cm-drawer .cm-userbar .cm-ub-identity .cm-ub-lv{display:inline-flex;align-items:center;height:16px;padding:0 5px;background:#F0B90B;border-radius:2px;flex-shrink:0;color:#000;font-weight:800;}
.cm-drawer .cm-userbar .cm-ub-identity .cm-ub-lv b{font-size:9px;font-family:var(--mono);font-variant-numeric:tabular-nums;line-height:1;}
.cm-drawer .cm-userbar .cm-ub-identity .cm-ub-title{font-size:9px;color:#FCD535;flex-shrink:0;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(240,185,11,.30);border-radius:3px;padding:1px 5px;line-height:1.2;letter-spacing:.5px;}
.cm-drawer .cm-userbar .cm-ub-progress{flex:1;display:flex;align-items:center;gap:6px;min-width:0;max-width:150px;}
.cm-drawer .cm-userbar .cm-ub-pg-label{font-size:9px;color:#FCD535;white-space:nowrap;font-family:var(--mono);font-variant-numeric:tabular-nums;flex-shrink:0;border:1px solid rgba(240,185,11,.40);border-radius:999px;padding:1px 6px;font-weight:700;}
.cm-drawer .cm-userbar .cm-ub-pg-label .cm-pg-dist{color:rgba(252,213,53,.65);font-weight:500;}
.cm-drawer .cm-userbar .cm-ub-pg-label b{color:#FCD535;}
.cm-drawer .cm-userbar .cm-ub-pg-track{flex:1;height:4px;background:#0B0E11;border-radius:2px;position:relative;overflow:hidden;min-width:20px;}
.cm-drawer .cm-userbar .cm-ub-pg-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#F0B90B,#FCD535);position:relative;overflow:hidden;transition:width .8s cubic-bezier(.22,1,.36,1);}

.cm-drawer .cm-userbar .cm-ub-pg-fill::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-100%);animation:cmIdleSweep 5s ease-in-out infinite;}
@keyframes cmIdleSweep{0%,70%{transform:translateX(-100%);opacity:0}80%{opacity:1}100%{transform:translateX(220%);opacity:0}}

.cm-drawer .cm-userbar .cm-ub-pg-track.boost::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(255,255,255,.92) 50%,transparent 80%);transform:translateX(-100%);animation:cmBoostFlash .9s ease-out;z-index:1;pointer-events:none;}

.cm-drawer .cm-userbar .cm-ub-pg-fill.boost{animation:cmBoostGrow .9s cubic-bezier(.34,1.56,.5,1);}
@keyframes cmBoostGrow{0%{filter:brightness(1)}25%{filter:brightness(1.65)}100%{filter:brightness(1)}}
@keyframes cmBoostFlash{0%{transform:translateX(-100%)}100%{transform:translateX(220%)}}

.cm-drawer .cm-userbar .cm-ub-pg-pct b.pop{display:inline-block;animation:cmNumPop .55s cubic-bezier(.34,1.56,.5,1);}
@keyframes cmNumPop{0%{transform:scale(1)}35%{transform:scale(1.5);color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6)}100%{transform:scale(1)}}
.cm-drawer .cm-userbar .cm-ub-pg-thumb{display:none;}
.cm-drawer .cm-userbar .cm-ub-pg-pct{font-size:10px;color:#FCD535;white-space:nowrap;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600;flex-shrink:0;}
.cm-drawer .cm-userbar .cm-ub-pg-pct b{color:inherit;font-weight:600;}
.cm-drawer .cm-userbar .cm-ub-coins{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;}
.cm-drawer .cm-userbar .cm-ub-coin{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;font-family:var(--mono);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:3px;padding:1px 4px;white-space:nowrap;}
.cm-drawer .cm-userbar .cm-ub-coin:hover{background:rgba(240,185,11,.10);}
.cm-drawer .cm-userbar .cm-ub-coin-ic{font-size:11px;line-height:1;}
.cm-drawer .cm-userbar .cm-ub-coin.ci-pt{color:#FCD535;}
.cm-drawer .cm-userbar .cm-ub-coin.ci-ck{color:#F0B90B;opacity:.85;}
.cm-drawer .cm-userbar .cm-ub-coin-sep{width:1px;height:12px;background:#2B3139;flex-shrink:0;}

.cm-drawer .cm-gamify,.cm-drawer .cm-level-expand{display:none!important;}

.cm-drawer .cm-hd .cm-hd-checkin{display:flex;align-items:center;gap:3px;margin-left:auto;flex-shrink:0;font-size:11px;font-weight:600;color:rgba(255,200,61,.88);background:#16161a;border:1px solid rgba(255,200,61,.35);border-radius:6px;padding:5px 9px;letter-spacing:.3px;cursor:pointer;font-family:var(--mono);transition:all .15s;}
.cm-drawer .cm-hd .cm-hd-checkin:hover{background:rgba(255,200,61,.12);border-color:rgba(255,200,61,.55);}
.cm-drawer .cm-hd .cm-hd-checkin svg{width:10px;height:10px;flex-shrink:0;}
.cm-drawer .cm-hd .cm-hd-checkin.done{color:#3fb950;border-color:rgba(63,185,80,.35);}
.cm-drawer .cm-hd .cm-hd-checkin.done:hover{background:rgba(63,185,80,.10);border-color:rgba(63,185,80,.55);}

.cm-drawer .cm-hd .cm-compose-btn{margin-left:0;}

@media(max-width:640px){
  .cm-drawer .cm-hd .cm-hd-checkin{padding:5px 7px;font-size:10.5px;gap:2px;}
}

.kp-rv-btn{background:rgba(255,200,61,0.12);border:1px solid rgba(255,200,61,0.4);color:rgba(255,200,61,0.94);font-weight:600;border-radius:3px;}.kp-rv-btn:hover{background:rgba(255,200,61,0.25);}

.kp-rv-overlay{position:relative;width:0;flex-shrink:0;overflow:hidden;transition:width .25s cubic-bezier(0.22,1,0.36,1);display:flex;}
.kp-rv-overlay.open{width:440px;}
.kp-rv-drawer{width:440px;background:linear-gradient(180deg,#10141c 0%,#0d1117 100%);border-right:1px solid rgba(255,200,61,0.22);display:flex;flex-direction:column;height:100%;box-shadow:12px 0 40px rgba(0,0,0,0.45);}

.kp-rv-hd{position:relative;display:flex;align-items:center;padding:9px 12px;border-bottom:1px solid rgba(255,200,61,0.16);flex-shrink:0;gap:7px;background:linear-gradient(180deg,rgba(255,200,61,0.08) 0%,rgba(255,200,61,0.02) 60%,transparent 100%);}
.kp-rv-hd::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff9500,#ffc83d,#ff9500);box-shadow:0 1px 12px rgba(255,200,61,0.4);}
.kp-rv-hd .rv-title{font-size:13px;font-weight:700;color:rgba(255,200,61,0.94);display:flex;align-items:center;gap:5px;}
.kp-rv-hd .rv-title svg{color:rgba(255,200,61,0.94);}
.kp-rv-hd .rv-asset{background:rgba(255,200,61,0.14);border:1px solid rgba(255,200,61,0.35);color:rgba(255,200,61,0.94);font-size:10px;font-weight:600;padding:1px 8px;border-radius:3px;letter-spacing:0.2px;}
.kp-rv-hd .rv-progress-cap{margin-left:auto;display:flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;background:#16161a;border:1px solid rgba(255,200,61,0.3);border-radius:999px;}
.kp-rv-hd .rv-progress-ring{width:18px;height:18px;border-radius:50%;background:conic-gradient(rgba(255,200,61,0.95) 0% 0%,rgba(255,255,255,0.06) 0% 100%);display:flex;align-items:center;justify-content:center;position:relative;transition:background .3s;}
.kp-rv-hd .rv-progress-ring::after{content:"";width:12px;height:12px;border-radius:50%;background:#16161a;}
.kp-rv-hd .rv-progress-txt{font-size:10px;font-weight:700;color:rgba(255,200,61,0.9);font-variant-numeric:tabular-nums;}
.kp-rv-hd .rv-close{width:24px;height:24px;border-radius:3px;background:#16161a;border:1px solid rgba(255,200,61,0.3);color:#8b949e;font-size:13px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .15s;flex-shrink:0;}
.kp-rv-hd .rv-close:hover{color:#ff6b6b;border-color:rgba(255,107,107,0.4);background:rgba(255,107,107,0.08);}

.kp-rv-body{flex:1;overflow-y:auto;padding:10px 12px;position:relative;}
.kp-rv-body::-webkit-scrollbar{width:4px;}
.kp-rv-body::-webkit-scrollbar-thumb{background:rgba(255,200,61,0.28);border-radius:2px;}

.kp-rv-sec{font-size:12px;font-weight:700;color:#f0f2f5;margin:14px 0 8px;display:flex;align-items:center;gap:6px;line-height:1;}
.kp-rv-sec svg{color:#6e7681;flex-shrink:0;}
.kp-rv-sec-n{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:600;line-height:1;color:#484f58;letter-spacing:.14em;}
.kp-rv-sec:first-child{margin-top:0;}

.rv-date-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;background:linear-gradient(135deg,rgba(255,200,61,0.06) 0%,rgba(255,149,0,0.02) 100%);border:1px solid rgba(255,200,61,0.35);border-radius:0;margin-bottom:8px;position:relative;}
.rv-date-bar::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#ffc83d,#ff9500);box-shadow:0 0 8px rgba(255,200,61,0.3);}
.rv-date-bar .rv-arr{width:24px;height:24px;border-radius:0;border:1px solid rgba(255,200,61,0.35);background:#16161a;color:rgba(255,200,61,0.88);font-size:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s;}
.rv-date-bar .rv-arr:hover{background:rgba(255,200,61,0.15);border-color:rgba(255,200,61,0.55);}
.rv-date-bar .rv-arr svg{width:13px;height:13px;}
.rv-date-bar .rv-dt-btn{font-size:11px;color:#f0f2f5;font-weight:600;padding:1px 11px;cursor:pointer;display:flex;align-items:center;gap:5px;background:rgba(255,200,61,0.1);border:1px solid rgba(255,200,61,0.35);border-radius:0;height:24px;white-space:nowrap;}
.rv-date-bar .rv-dt-btn svg{color:rgba(255,200,61,0.9);flex-shrink:0;}
.rv-date-bar .rv-dt-btn .rv-dot{width:4px;height:4px;border-radius:50%;display:inline-block;flex-shrink:0;}
.rv-date-bar .rv-dt-btn .rv-dot.on{background:#3fb950;box-shadow:0 0 6px rgba(63,185,80,0.6);}
.rv-date-bar .rv-dt-btn .rv-dot.off{background:#3d4450;}
.rv-date-bar .rv-sep{width:1px;height:14px;background:rgba(255,200,61,0.22);margin:0 2px;flex-shrink:0;}
.rv-date-bar .rv-status{font-size:9px;color:#8b949e;white-space:nowrap;display:flex;align-items:center;flex-shrink:0;}
.rv-date-bar .rv-status svg{flex-shrink:0;}
.rv-date-bar .rv-grow{flex:1;}
.rv-date-bar .rv-all-btn{font-size:9px;font-weight:600;padding:1px 8px;border-radius:0;border:1px solid rgba(255,200,61,0.35);background:#16161a;color:rgba(255,200,61,0.88);cursor:pointer;height:24px;display:flex;align-items:center;gap:4px;transition:all .15s;flex-shrink:0;}
.rv-date-bar .rv-all-btn:hover{background:rgba(255,200,61,0.15);border-color:rgba(255,200,61,0.55);}
.rv-date-bar .rv-all-btn svg{width:10px;height:10px;flex-shrink:0;}

.rv-cal-popup{position:absolute;top:46px;left:50%;transform:translateX(-50%);width:264px;background:linear-gradient(180deg,#161a22,#12161d);border:1px solid rgba(255,200,61,0.3);border-radius:0;z-index:100;display:none;padding:10px;box-shadow:0 12px 40px rgba(0,0,0,0.6),0 0 0 1px rgba(255,200,61,0.05) inset;}
.rv-cal-popup.show{display:block;}
.rv-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.rv-cal-header button{width:20px;height:20px;border-radius:0;border:1px solid rgba(255,200,61,0.3);background:#16161a;color:rgba(255,200,61,0.88);font-size:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.rv-cal-header button:hover{background:rgba(255,200,61,0.15);}
.rv-cal-title{font-size:11px;color:#f0f2f5;font-weight:600;}
.rv-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:8px;color:#6e7681;margin-bottom:4px;}
.rv-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;}
.rv-cal-grid .rv-cal-day{width:100%;aspect-ratio:1;border:none;background:transparent;color:#c9d1d9;font-size:9px;cursor:pointer;border-radius:0;position:relative;display:flex;align-items:center;justify-content:center;transition:all .12s;}
.rv-cal-grid .rv-cal-day:hover{background:rgba(255,200,61,0.1);color:rgba(255,200,61,0.94);}
.rv-cal-grid .rv-cal-day.today{color:rgba(255,200,61,0.95);font-weight:700;box-shadow:inset 0 0 0 1px rgba(255,200,61,0.45);}
.rv-cal-grid .rv-cal-day.selected{background:rgba(255,200,61,0.2);color:rgba(255,200,61,0.98);font-weight:700;}
.rv-cal-grid .rv-cal-day.other{color:#30363d;pointer-events:none;}
.rv-cal-grid .rv-cal-day.future{color:#30363d;pointer-events:none;}

.rv-cal-grid .rv-cal-day .cal-dot{display:none;}
.rv-cal-footer{display:flex;justify-content:center;margin-top:6px;}
.rv-cal-footer button{font-size:10px;padding:2px 14px;border-radius:0;border:1px solid rgba(255,200,61,0.3);background:#16161a;color:rgba(255,200,61,0.88);cursor:pointer;height:22px;transition:all .15s;}
.rv-cal-footer button:hover{background:rgba(255,200,61,0.15);}

.rv-recent{display:flex;align-items:center;gap:6px;padding:0 2px 8px 2px;border-bottom:1px dashed rgba(255,255,255,0.08);margin-bottom:8px;overflow-x:auto;}
.rv-recent::-webkit-scrollbar{height:0;}
.rv-recent .rv-rl{font-size:9px;color:#6e7681;letter-spacing:0.6px;text-transform:uppercase;flex-shrink:0;font-weight:600;}
.rv-recent-list{display:flex;gap:5px;flex-wrap:nowrap;align-items:center;}
.rv-recent .rv-chip{background:rgba(255,255,255,0.04);color:#c9d1d9;padding:3px 7px 3px 3px;border-radius:999px;font-size:9px;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:5px;border:1px solid transparent;flex-shrink:0;transition:all .15s;}
.rv-recent .rv-chip:hover{border-color:rgba(255,200,61,0.35);background:rgba(255,200,61,0.06);transform:translateY(-1px);}
.rv-recent .rv-chip.active{background:rgba(255,200,61,0.12);border-color:rgba(255,200,61,0.4);}
.rv-recent .rv-chip .chip-ico{width:16px;height:16px;border-radius:4px;color:#fff;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,0.3);letter-spacing:-0.2px;}
.rv-recent .rv-chip .chip-name{font-size:9px;font-weight:700;color:#b8bfcc;}
.rv-recent .rv-chip.active .chip-name{color:rgba(255,200,61,0.95);}
.rv-recent .rv-chip .rv-cd{font-size:8px;color:#6e7681;font-weight:500;}

.rv-recent .rv-chip .chip-del{width:14px;height:14px;padding:0;border:none;background:rgba(248,81,73,0.12);border-radius:50%;color:rgba(248,81,73,0.9);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;line-height:1;transition:all .15s;opacity:1;visibility:visible;pointer-events:auto;}
.rv-recent .rv-chip .chip-del:hover{background:rgba(248,81,73,0.28);color:#ff6b6b;transform:scale(1.1);}
.rv-recent .rv-chip .chip-del svg{width:8px;height:8px;}
.rv-recent .rv-chip.chip-removing{animation:chipFadeOut 0.2s ease forwards;}
@keyframes chipFadeOut{to{opacity:0;transform:scale(0.8);}}

.chip-del-pop{position:fixed;z-index:10000;background:linear-gradient(180deg,#1a1f2b,#141922);border:1px solid rgba(255,200,61,0.28);border-radius:6px;padding:10px 12px;box-shadow:0 8px 24px rgba(0,0,0,0.5);font-size:11px;color:#c9d1d9;min-width:180px;max-width:220px;}
.chip-del-pop::before{content:"";position:absolute;top:-5px;left:16px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(255,200,61,0.28);}
.chip-del-pop .cdp-text{margin-bottom:8px;line-height:1.4;}
.chip-del-pop .cdp-text strong{color:#ff6b6b;font-weight:600;}
.chip-del-pop .cdp-actions{display:flex;gap:6px;justify-content:flex-end;}
.chip-del-pop .cdp-actions button{padding:3px 10px;border-radius:3px;border:1px solid rgba(255,200,61,0.3);background:#16161a;color:rgba(255,200,61,0.88);font-size:10px;cursor:pointer;transition:all .15s;}
.chip-del-pop .cdp-actions button:hover{background:rgba(255,200,61,0.15);}
.chip-del-pop .cdp-actions .cdp-confirm{background:linear-gradient(135deg,#ff6b6b,#f85149);border-color:rgba(255,107,107,0.6);color:#fff;}
.chip-del-pop .cdp-actions .cdp-confirm:hover{background:#ff6b6b;color:#fff;}

.kp-rv-tab{width:100%;border-collapse:collapse;font-size:11px;table-layout:fixed;margin-bottom:4px;}
.kp-rv-tab thead th{font-size:8.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#6e7681;text-align:left;padding:0 5px 7px;border-bottom:1px solid rgba(255,255,255,.07);}
.kp-rv-tab tbody tr.kp-rv-tr{cursor:pointer;transition:background .12s;}
.kp-rv-tab tbody tr.kp-rv-tr:hover{background:rgba(255,200,61,.05);}
.kp-rv-tab tbody tr.kp-rv-tr.sel{background:rgba(255,200,61,.09);box-shadow:inset 2px 0 0 rgba(255,200,61,.95);}
.kp-rv-tab td{padding:5px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle;}

.kp-rv-lv{display:flex;align-items:center;gap:6px;min-width:0;}
.kp-rv-strike{width:15px;height:15px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;flex-shrink:0;}
.kp-rv-strike.is-s{background:rgba(79,140,255,.16);color:#7fb0ff;}
.kp-rv-strike.is-p{background:rgba(255,107,107,.16);color:#ff8f8f;}
.kp-rv-lvname{font-size:10.5px;font-weight:500;color:#b8bfcc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.kp-rv-num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:600;color:#f0f2f5;text-align:right;font-variant-numeric:tabular-nums;}
.kp-rv-num.none{color:#484f58;font-weight:400;}
.kp-rv-thcell{text-align:center;}

.kp-rv-thumb{position:relative;width:38px;height:27px;margin:0 auto;border-radius:4px;border:1px dashed rgba(255,200,61,.32);background:rgba(255,200,61,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;overflow:visible;}
.kp-rv-thumb:hover{background:rgba(255,200,61,.14);}
.kp-rv-thumb .kp-rv-tglyph{font-size:11px;line-height:1;opacity:.85;}
.kp-rv-thumb.disabled{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.02);cursor:not-allowed;}
.kp-rv-thumb.disabled .kp-rv-tglyph{color:#484f58;opacity:1;}
.kp-rv-thumb.has-img{border-style:solid;border-color:rgba(255,200,61,.4);background:linear-gradient(135deg,rgba(255,200,61,.24),rgba(255,149,0,.1));overflow:visible;}
.kp-rv-thumb.has-img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:3px;}
.kp-rv-thumb.has-img:hover img{filter:brightness(0.72);}

.kp-rv-badge{position:absolute;bottom:-5px;right:-9px;background:#ffc83d;color:#1a1a1a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px;font-weight:800;line-height:1;padding:2px 4px;border-radius:3px;box-shadow:0 1px 4px rgba(0,0,0,.5);max-width:64px;overflow:hidden;}

.kp-rv-tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:#1d222c;border:1px solid rgba(255,200,61,.35);border-radius:5px;padding:5px 9px;font-size:9px;font-weight:600;line-height:1.4;color:#e6edf3;opacity:0;pointer-events:none;transition:opacity .15s;z-index:20;box-shadow:0 6px 18px rgba(0,0,0,.5);}
.kp-rv-thumb:hover .kp-rv-tip{opacity:1;}

.kp-rv-dpanel{margin:9px 0 4px;}
.kp-rv-dpane.hidden{display:none;}
.kp-rv-dpane{margin:5px 0 8px;padding:10px;border:1px solid rgba(255,200,61,.3);border-radius:8px;background:linear-gradient(135deg,rgba(255,200,61,.06),transparent);}
.kp-rv-dttl{font-size:11.5px;font-weight:700;color:#f0f2f5;display:flex;align-items:center;gap:7px;margin-bottom:9px;}
.kp-rv-sem{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;}
.kp-rv-sem.is-s{color:#7fb0ff;background:rgba(79,140,255,.1);border:1px solid rgba(79,140,255,.3);}
.kp-rv-sem.is-p{color:#ff8f8f;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);}
.kp-rv-dfields{display:flex;gap:8px;margin-bottom:8px;}
.kp-rv-din{flex:1;min-width:0;}
.kp-rv-dacts{display:flex;gap:7px;}
.kp-rv-dbtn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;background:#16161a;border:1px solid rgba(255,200,61,.35);color:rgba(255,200,61,.9);font-size:11px;font-weight:700;padding:7px 10px;border-radius:6px;cursor:pointer;transition:all .15s;}
.kp-rv-dbtn:hover{background:rgba(255,200,61,.14);border-color:rgba(255,200,61,.55);}
.kp-rv-dbtn:disabled{opacity:.4;cursor:not-allowed;background:#16161a;}

.kp-rv-dcap.is-primary{background:linear-gradient(135deg,#ffc83d 0%,#ff9500 100%);color:#1a1a1a;border-color:rgba(255,200,61,.6);font-weight:800;}
.kp-rv-dcap.is-primary:hover{background:linear-gradient(135deg,#ffc83d 0%,#ff9500 100%);filter:brightness(1.07);}
.kp-rv-drm{flex:0 0 74px;color:#ff8f8f;border-color:rgba(255,107,107,.3);}
.kp-rv-drm:hover{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.5);}

.kp-rv-pv{margin-top:9px;height:110px;border-radius:6px;border:1px solid rgba(255,255,255,.07);overflow:hidden;background:rgba(0,0,0,.25);cursor:zoom-in;}
.kp-rv-pv img{width:100%;height:100%;object-fit:contain;display:block;}
.kp-rv-pv:hover{border-color:rgba(255,200,61,.4);}

.kp-rv-phint{display:flex;align-items:center;gap:6px;margin-top:9px;padding:7px 10px;border:1px dashed rgba(255,255,255,.12);border-radius:6px;font-size:9.5px;line-height:1.4;color:#6e7681;}
.kp-rv-phint kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:4px;padding:3px 5px;color:#b8bfcc;}

.rv-note-wrap{position:relative;margin-bottom:4px;}

.rv-note-wrap textarea{width:100%;resize:vertical;font-family:inherit;min-height:70px;background:#0d1117;border:1px solid rgba(255,255,255,0.1);border-radius:5px;padding:6px 8px;color:#f0f2f5;font-size:11px;line-height:1.3;outline:none;transition:border-color .15s;box-sizing:border-box;}
.rv-note-wrap textarea:focus{border-color:rgba(255,200,61,0.5);}
.rv-note-wrap textarea::placeholder{color:#484f58;}

.kp-rv-sum-grid{display:flex;flex-direction:column;gap:7px;margin-bottom:8px;}

.kp-rv-sum-row{display:flex;align-items:center;gap:10px;background:transparent;border:none;padding:0;transition:all .15s;}
.kp-rv-sum-row .rv-sum-ico{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:12px;flex-shrink:0;transition:transform .15s;}
.kp-rv-sum-row .rv-sum-ico svg{width:13px;height:13px;}
.kp-rv-sum-row .rv-sum-ico.ico-risk{background:rgba(255,107,107,0.15);border:none;color:#ff8f8f;}
.kp-rv-sum-row .rv-sum-ico.ico-short{background:rgba(79,140,255,0.15);border:none;color:#7fb0ff;}
.kp-rv-sum-row .rv-sum-ico.ico-mid{background:rgba(255,169,77,0.15);border:none;color:#ffc07a;}
.kp-rv-sum-row .rv-sum-ico.ico-long{background:rgba(63,185,80,0.15);border:none;color:#6fdc8c;}
.kp-rv-sum-row .rv-sum-lbls{display:flex;flex-direction:column;width:64px;flex-shrink:0;gap:0;}
.kp-rv-sum-row .rv-sum-lbls{width:54px;flex-shrink:0;display:flex;flex-direction:column;gap:2px;}
.kp-rv-sum-row .rv-sum-name{font-size:11px;font-weight:600;color:#f0f2f5;line-height:1;}
.kp-rv-sum-row .rv-sum-en{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;color:#484f58;letter-spacing:0.13em;font-weight:500;line-height:1;}
.kp-rv-sum-row .kp-rv-sum-input{flex:1;background:#0d1117;border:1px solid rgba(255,255,255,0.1);border-radius:5px;padding:5px 8px;font-size:10px;color:#e6edf3;font-family:inherit;outline:none;min-width:0;transition:border-color .15s,background .15s;box-sizing:border-box;}
.kp-rv-sum-row .kp-rv-sum-input:focus{border-color:rgba(255,200,61,0.5);background:#11151c;}
.kp-rv-sum-row .kp-rv-sum-input::placeholder{color:#4b5563;font-style:italic;}

.kp-rv-ft{padding:10px 12px;border-top:1px solid rgba(255,200,61,0.16);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0;background:linear-gradient(0deg,rgba(255,200,61,0.05),transparent);}
.kp-rv-ft .btn-carbon{background:#16161a;border:1px solid rgba(255,200,61,0.35);color:rgba(255,200,61,0.88);padding:6px 16px;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;letter-spacing:0.2px;transition:all .15s;}
.kp-rv-ft .btn-carbon:hover{background:rgba(255,200,61,0.14);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.kp-rv-ft .rv-save{background:linear-gradient(135deg,#ffc83d 0%,#ff9500 100%);color:#1a1a1a;border:1px solid rgba(255,200,61,0.6);padding:6px 18px;border-radius:4px;font-size:11px;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:5px;letter-spacing:0.3px;box-shadow:0 2px 14px rgba(255,200,61,0.3),0 0 0 1px rgba(255,200,61,0.08) inset;transition:all .15s;}
.kp-rv-ft .rv-save:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(255,200,61,0.42),0 0 0 1px rgba(255,255,255,0.08) inset;}
.kp-rv-ft .rv-save:disabled{opacity:0.5;cursor:not-allowed;transform:none;box-shadow:none;}

.kp-rv-toast{position:fixed;top:50px;right:460px;background:linear-gradient(180deg,#1a1f2b,#141922);border:1px solid rgba(255,200,61,0.3);border-radius:4px;padding:6px 14px;font-size:11px;color:#e6edf3;z-index:100025;opacity:0;transition:opacity .3s;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,0.4);}
.kp-rv-toast.show{opacity:1;}
.kp-rv-toast.ok{border-color:rgba(63,185,80,0.45);color:#3fb950;}
.kp-rv-toast.err{border-color:rgba(255,107,107,0.5);color:#ff6b6b;}

.kp-rv-existing{background:rgba(63,185,80,0.1);border:1px solid rgba(63,185,80,0.3);border-radius:3px;padding:5px 9px;margin-bottom:8px;font-size:10px;color:#3fb950;display:flex;align-items:center;}
.kp-rv-existing svg{flex-shrink:0;}
.kp-rv-existing a{color:rgba(255,200,61,0.9);text-decoration:none;}
.kp-rv-existing a:hover{text-decoration:underline;}

.kp-rv-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.88);z-index:100001;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s;}
.kp-rv-lightbox.show{opacity:1;pointer-events:auto;}
.kp-rv-lightbox img{max-width:90%;max-height:85%;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,0.5);}
.kp-rv-lightbox .lb-close{position:absolute;top:16px;right:20px;background:rgba(13,17,23,0.8);border:1px solid rgba(255,200,61,0.3);color:#c9d1d9;font-size:14px;padding:4px 12px;border-radius:3px;cursor:pointer;}
.kp-rv-lightbox .lb-close:hover{border-color:rgba(255,200,61,0.6);color:rgba(255,200,61,0.95);}
.kp-rv-lightbox .lb-info{position:absolute;top:0;left:0;right:0;padding:10px 14px;background:rgba(13,17,23,0.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,200,61,0.2);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;}
.kp-rv-lightbox .lb-badge{font-size:11px;padding:3px 10px;border-radius:12px;font-weight:500;white-space:nowrap;}
.kp-rv-lightbox .lb-badge-asset{background:rgba(255,200,61,0.14);color:rgba(255,200,61,0.95);border:1px solid rgba(255,200,61,0.35);}
.kp-rv-lightbox .lb-badge-level{background:rgba(188,140,255,0.12);color:#bc8cff;border:1px solid rgba(188,140,255,0.25);}
.kp-rv-lightbox .lb-badge-period{background:rgba(63,185,80,0.12);color:#3fb950;border:1px solid rgba(63,185,80,0.25);}
.kp-rv-lightbox .lb-badge-pt{background:rgba(255,200,61,0.12);color:rgba(255,200,61,0.9);border:1px solid rgba(255,200,61,0.3);}
.kp-rv-lightbox .lb-badge-date{background:rgba(139,148,158,0.1);color:#8b949e;border:1px solid rgba(139,148,158,0.2);font-size:10px;}

.rv-ar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.65);z-index:100003;display:none;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
.rv-ar-overlay.show{display:flex;}
.rv-ar-modal{background:linear-gradient(180deg,#161a22,#10141c);border:1px solid rgba(255,200,61,0.3);border-radius:8px;width:480px;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 12px 48px rgba(0,0,0,0.55),0 0 0 1px rgba(255,200,61,0.04) inset;}
.rv-ar-hd{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(255,200,61,0.18);}
.rv-ar-hd .rv-ar-title{font-size:13px;font-weight:700;color:#e6edf3;display:flex;align-items:center;gap:6px;}
.rv-ar-hd .rv-ar-title svg{flex-shrink:0;}
.rv-ar-hd .rv-ar-close{margin-left:auto;width:22px;height:22px;border-radius:3px;border:none;background:transparent;color:#8b949e;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.rv-ar-hd .rv-ar-close:hover{background:rgba(255,200,61,0.1);color:rgba(255,200,61,0.9);}
.rv-ar-flt{display:flex;gap:8px;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,0.07);}
.rv-ar-flt input{flex:1;background:#0d1117;border:1px solid rgba(255,255,255,0.1);border-radius:3px;padding:5px 8px;color:#e6edf3;font-size:11px;outline:none;transition:border-color .15s;}
.rv-ar-flt input:focus{border-color:rgba(255,200,61,0.5);}
.rv-ar-flt select{background:#0d1117;border:1px solid rgba(255,255,255,0.1);border-radius:3px;padding:5px 8px;color:#e6edf3;font-size:11px;outline:none;}
.rv-ar-body{flex:1;overflow-y:auto;min-height:120px;padding:4px 0;}
.rv-ar-item{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid rgba(255,255,255,0.05);transition:background .12s;}
.rv-ar-item:hover{background:rgba(255,200,61,0.04);}
.rv-ar-item:last-child{border-bottom:none;}
.rv-ar-item .rv-ar-info{flex:1;display:flex;flex-direction:column;gap:1px;}
.rv-ar-item .rv-ar-info .rv-ar-name{font-size:12px;font-weight:600;color:#e6edf3;}
.rv-ar-item .rv-ar-info .rv-ar-date{font-size:10px;color:#8b949e;}
.rv-ar-item .rv-ar-acts{display:flex;gap:3px;}
.rv-ar-item .rv-ar-acts button{width:26px;height:26px;border-radius:3px;border:1px solid rgba(255,255,255,0.1);background:transparent;color:#8b949e;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.rv-ar-item .rv-ar-acts .rv-ar-view:hover{color:rgba(255,200,61,0.9);border-color:rgba(255,200,61,0.45);}
.rv-ar-item .rv-ar-acts .rv-ar-del:hover{color:#ff6b6b;border-color:rgba(255,107,107,0.45);}
.rv-ar-ft{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-top:1px solid rgba(255,255,255,0.07);}
.rv-ar-ft .rv-ar-pi{font-size:10px;color:#8b949e;}
.rv-ar-ft .rv-ar-pg{display:flex;gap:3px;}
.rv-ar-ft .rv-ar-pg button{width:22px;height:22px;border-radius:3px;border:1px solid rgba(255,200,61,0.3);background:#16161a;color:rgba(255,200,61,0.88);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.rv-ar-ft .rv-ar-pg button:hover{background:rgba(255,200,61,0.15);}
.rv-ar-ft .rv-ar-pg button:disabled{opacity:0.4;cursor:not-allowed;}
.rv-ar-empty{padding:40px 16px;text-align:center;color:#6e7681;font-size:12px;}

.kp-share-overlay{display:none;position:fixed;inset:0;z-index:100010;background:rgba(0,0,0,0.75);backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding:20px;}
.kp-share-overlay.show{display:flex;}
.kp-share-modal{background:linear-gradient(180deg,#161a22,#10141c);border-radius:8px;max-width:420px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,200,61,0.3);box-shadow:0 12px 48px rgba(0,0,0,0.55);}
.kp-share-toolbar{display:flex;justify-content:flex-start;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(255,200,61,0.18);font-weight:700;font-size:14px;color:#e6edf3;}
.kp-share-toolbar button{margin-left:auto;background:none;border:none;color:#8b949e;font-size:16px;cursor:pointer;}
.kp-share-toolbar button:hover{color:rgba(255,200,61,0.9);}
.kp-share-scroll{flex:1;overflow-y:auto;}
.kp-share-actions{padding:10px 16px;border-top:1px solid rgba(255,200,61,0.18);text-align:center;}
.kp-share-actions button{background:linear-gradient(135deg,#ffc83d 0%,#ff9500 100%);color:#1a1a1a;border:1px solid rgba(255,200,61,0.6);padding:8px 24px;border-radius:4px;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:5px;box-shadow:0 2px 14px rgba(255,200,61,0.3);transition:all .15s;}
.kp-share-actions button:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(255,200,61,0.42);}

.sc-card{width:100%;background:linear-gradient(175deg,#12141e 0%,#0c0e16 100%);color:#e8e8e8;font-size:13px;line-height:1.5;}
.sc-header{background:linear-gradient(135deg,#1a1c2e 0%,#252840 100%);padding:20px 18px 14px;border-bottom:2px solid #d4a843;}
.sc-brand{font-size:20px;font-weight:700;color:#f0e6d0;}
.sc-asset-date{font-size:14px;font-weight:600;color:#d4a843;margin-top:6px;}
.sc-user-row{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,0.06);}
.sc-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;flex-shrink:0;}
.sc-avatar img{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;}
.sc-avatar-letter{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#d4a843,#b8860b);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#1a1a2e;}
.sc-nickname{font-size:13px;font-weight:700;color:#f0e6d0;}
.sc-user-title{font-size:10px;color:#999;margin-top:1px;}
.sc-wisdom{display:flex;gap:8px;align-items:flex-start;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,0.06);background:linear-gradient(135deg,rgba(212,168,67,0.06),rgba(212,168,67,0.02));}
.sc-wisdom-text{font-size:12px;color:#c8b88a;line-height:1.6;font-style:italic;}
.sc-section{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,0.06);}
.sc-sec-title{font-size:12px;font-weight:600;color:#d4a843;margin-bottom:6px;display:flex;align-items:center;gap:6px;}
.sc-table{width:100%;border-collapse:collapse;font-size:11px;}
.sc-table th{text-align:left;padding:4px 5px;font-weight:600;color:#999;border-bottom:1px solid rgba(255,255,255,0.1);font-size:10px;}
.sc-table td{padding:4px 5px;border-bottom:1px solid rgba(255,255,255,0.04);color:#ccc;}
.sc-level-images{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;}
.sc-level-img{background:rgba(255,255,255,0.03);border-radius:4px;overflow:hidden;}
.sc-level-img-label{font-size:9px;color:#888;padding:3px 5px;background:rgba(0,0,0,0.2);}
.sc-level-img img{width:100%;display:block;}
.sc-minute{margin-top:6px;padding:6px 8px;background:rgba(212,168,67,0.08);border-left:3px solid #d4a843;border-radius:0 4px 4px 0;font-size:11px;color:#ccc;line-height:1.5;display:flex;gap:7px;align-items:flex-start;}
.sc-summary{display:flex;flex-direction:column;gap:4px;}
.sc-sum-item{display:flex;gap:6px;font-size:11px;align-items:baseline;}
.sc-sum-label{flex-shrink:0;color:#999;font-weight:500;min-width:64px;display:flex;align-items:center;gap:5px;}
.sc-sum-val{color:#ddd;}
.sc-footer{padding:14px 18px;text-align:center;border-top:1px solid rgba(255,255,255,0.06);}
.sc-footer-brand{font-size:9px;letter-spacing:2px;color:#555;text-transform:uppercase;}
.sc-footer-motto{font-size:10px;color:#666;margin-top:2px;font-style:italic;}

.sc-sec-ico{width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,#d4a843,#b8860b);flex-shrink:0;display:inline-block;}
.sc-min-ico{width:10px;height:10px;border-radius:2px;background:linear-gradient(135deg,#d4a843,#b8860b);flex-shrink:0;margin-top:3px;display:inline-block;}
.sc-sum-ico{width:10px;height:10px;border-radius:2px;flex-shrink:0;display:inline-block;vertical-align:-1px;}
.sc-sum-ico.ico-risk{background:#ff6b6b;}
.sc-sum-ico.ico-short{background:#4f8cff;}
.sc-sum-ico.ico-mid{background:#ffa94d;}
.sc-sum-ico.ico-long{background:#3fb950;}

.kp-share-fs{display:none;position:fixed;inset:0;z-index:100020;background:rgba(0,0,0,0.95);flex-direction:column;justify-content:center;align-items:center;padding:20px;}
.kp-share-fs.show{display:flex;}
.kp-share-fs-hint{color:rgba(255,200,61,0.9);font-size:14px;font-weight:600;margin-bottom:12px;}
.kp-share-fs img{max-width:100%;max-height:75vh;border-radius:8px;-webkit-touch-callout:default;}
.kp-share-fs-close{margin-top:12px;background:none;border:1px solid rgba(255,200,61,0.4);color:#999;padding:6px 16px;border-radius:3px;cursor:pointer;font-size:12px;}
.kp-share-fs-close:hover{color:rgba(255,200,61,0.9);border-color:rgba(255,200,61,0.6);}

@media(max-width:560px){
.kp-rv-drawer{width:100vw!important;}
.kp-rv-tab{font-size:10px!important;}
.kp-rv-tab td{padding:4px 3px!important;}
.kp-rv-lvname{font-size:9.5px!important;}
.kp-rv-num{font-size:9px!important;}
.kp-rv-thumb{width:32px!important;height:23px!important;}
.kp-rv-badge{font-size:6.5px!important;bottom:-4px!important;right:-7px!important;}
.kp-rv-input{font-size:9px!important;padding:3px 5px!important;}
.kp-rv-dpane{padding:8px!important;}
.kp-rv-dttl{font-size:10.5px!important;margin-bottom:7px!important;}
.kp-rv-dbtn{font-size:10px!important;padding:6px 6px!important;}
.kp-rv-drm{flex:0 0 60px!important;}
.kp-rv-pv{height:84px!important;}
.kp-rv-phint{font-size:9px!important;padding:6px 8px!important;}
.kp-rv-body{padding:8px 6px!important;}
.kp-rv-hd{padding:7px 8px!important;}
.kp-rv-ft{padding:7px 8px!important;}
.kp-rv-toast{right:10px!important;left:10px!important;text-align:center;}
.kp-rv-sum-row{padding:6px 8px!important;gap:8px!important;}
.kp-rv-sum-row .rv-sum-lbls{width:56px!important;}
.kp-rv-sum-row .kp-rv-sum-input{font-size:9px!important;padding:4px 6px!important;}
.rv-ar-modal{width:calc(100vw - 20px)!important;max-width:480px;}
.rv-date-bar{padding:6px 8px!important;gap:4px!important;}
}

.nd-cal-date.weekend {
  background: linear-gradient(180deg, rgba(248, 81, 73, 0.035) 0%, rgba(255, 255, 255, 0.01) 100%);
  border-color: rgba(248, 81, 73, 0.18);
}
.nd-cal-date.weekend .nd-cal-date-day,
.nd-cal-date.weekend .nd-cal-date-wk {
  color: #f08b88;
}
.nd-cal-date.weekend.today {
  border-color: rgba(255, 200, 61, 0.45);
}

.nd-cal-event-tag.src-tag {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.18);
  color: var(--text-secondary);
  font-weight: 600;
  letter-spacing: 0.3px;
}

.nd-cal-level-legend {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 5px 10px 0;
  font-size: 9px;
  color: var(--text-muted);
  font-weight: 500;
  letter-spacing: 0.3px;
}
.nd-cal-level-legend span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.nd-cal-level-legend i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}

#kp-context-menu{
  position:fixed;
  display:none;
  min-width:220px;
  max-width:calc(100vw - 16px);
  max-height:calc(100vh - 8px);
  overflow-y:auto;
  background:linear-gradient(180deg,#1e1f26 0%,#181920 100%);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:10px;
  box-shadow:0 8px 32px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.04);
  padding:6px 0;
  font-size:12px;
  color:var(--text-secondary,#CBCFD6);
  font-family:inherit;
  user-select:none;
  z-index:9999;
  overflow:hidden;
}

.ctx-draw-row{
  display:flex;
  align-items:center;
  gap:2px;
  padding:8px 10px;
  flex-wrap:wrap;
  min-width:0;
  border-bottom:1px solid rgba(255,255,255,0.04);
}
.ctx-draw-label{
  font-size:10px;
  font-weight:600;
  color:var(--text-muted,#6b7280);
  margin-right:4px;
  white-space:nowrap;
  letter-spacing:0.3px;
}
.ctx-draw-btn{
  width:28px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  color:var(--text-tertiary,#8b929a);
  font-size:14px;
  cursor:pointer;
  transition:all 0.12s ease;
  border:1px solid transparent;
  background:transparent;
  font-family:inherit;
  line-height:1;
  padding:0;
  flex-shrink:0;
}
.ctx-draw-btn svg{width:16px;height:16px;stroke:currentColor;}
.ctx-draw-btn:hover{
  background:rgba(255,255,255,0.06);
  color:var(--text-primary,#FCFCFD);
  border-color:rgba(255,255,255,0.08);
}
.ctx-draw-btn:hover svg{stroke:var(--text-primary,#FCFCFD);}
.ctx-draw-btn.active{
  background:var(--accent,#ffc83d);
  color:#1a1a1f;
  border-color:var(--accent,#ffc83d);
  box-shadow:0 0 8px rgba(255,200,61,0.3);
}
.ctx-draw-btn.active svg{stroke:#1a1a1f;}

.ctx-draw-sep{
  width:1px;
  height:16px;
  background:rgba(255,255,255,0.12);
  margin:0 4px;
  flex-shrink:0;
}

.ctx-draw-mgmt-btn{
  width:28px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:5px;
  color:var(--text-tertiary,#8b929a);
  cursor:pointer;
  transition:all 0.12s ease;
  flex-shrink:0;
}
.ctx-draw-mgmt-btn svg{width:16px;height:16px;stroke:currentColor;}
.ctx-draw-mgmt-btn:hover{
  background:rgba(255,255,255,0.06);
  color:var(--text-primary,#FCFCFD);
}
.ctx-draw-mgmt-btn:hover svg{stroke:var(--text-primary,#FCFCFD);}

.ctx-dt{
  display:flex;
  padding:6px 10px;
  gap:6px;
  border-bottom:1px solid rgba(255,255,255,0.04);
}
.ctx-dt-item{
  flex:1;
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:6px;
  cursor:pointer;
  transition:background 0.12s;
  min-width:0;
}
.ctx-dt-item:hover{background:rgba(255,255,255,0.04);}
.ctx-dt-item .ctx-ic{
  width:16px;height:16px;flex-shrink:0;
  color:var(--text-tertiary,#8b929a);
}
.ctx-dt-item:hover .ctx-ic{color:var(--text-secondary,#CBCFD6);}
.ctx-dt-item .ctx-lbl{
  flex:1;
  font-size:12px;
  color:var(--text-secondary,#CBCFD6);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.ctx-tog{
  position:relative;
  width:32px;
  height:18px;
  background:#3a3d47;
  border-radius:9px;
  flex-shrink:0;
  cursor:pointer;
  transition:background 0.2s;
}
.ctx-tog::after{
  content:'';
  position:absolute;
  top:2px;
  left:2px;
  width:14px;
  height:14px;
  background:#fff;
  border-radius:50%;
  transition:transform 0.2s;
  box-shadow:0 1px 3px rgba(0,0,0,0.4);
}
.ctx-tog.on{background:var(--accent,#ffc83d);}
.ctx-tog.on::after{transform:translateX(14px);}

.ctx-sd{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px 4px;
  font-size:10px;
  font-weight:700;
  color:var(--text-muted,#6b7280);
  letter-spacing:0.5px;
  text-transform:uppercase;
}
.ctx-sd span:first-child{white-space:nowrap;}
.ctx-sd-ln{
  flex:1;
  height:1px;
  background:rgba(255,255,255,0.06);
  min-width:20px;
}

.ctx-wb{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  cursor:pointer;
  color:var(--text-secondary,#CBCFD6);
  transition:all 0.12s;
  font-size:12px;
  position:relative;
}
.ctx-wb:hover{
  background:rgba(255,255,255,0.05);
  color:var(--text-primary,#FCFCFD);
}
.ctx-wb .ctx-ic{
  width:16px;
  height:16px;
  flex-shrink:0;
  color:var(--text-tertiary,#8b929a);
}
.ctx-wb:hover .ctx-ic{color:var(--accent,#ffc83d);}
.ctx-wb .ctx-lbl{
  flex:1;
  font-size:12px;
  white-space:nowrap;
}
.ctx-wb .ctx-sh{
  font-size:10px;
  color:var(--text-muted,#6b7280);
  font-family:var(--font-mono,monospace);
  padding:1px 5px;
  border-radius:3px;
  background:rgba(255,255,255,0.04);
  flex-shrink:0;
}
.ctx-wb .ctx-badge-new{
  font-size:9px;
  font-weight:700;
  padding:1px 4px;
  border-radius:3px;
  background:rgba(255,200,61,0.18);
  color:var(--accent,#ffc83d);
  flex-shrink:0;
  letter-spacing:0.3px;
}
.ctx-wb .ctx-tag{
  font-size:10px;
  padding:1px 6px;
  border-radius:3px;
  color:var(--text-muted,#6b7280);
  background:rgba(255,255,255,0.04);
  flex-shrink:0;
}
.ctx-wb .ctx-tag.mw{
  background:rgba(79,140,255,0.12);
  color:#79a8ff;
  border:1px solid rgba(79,140,255,0.25);
}
.ctx-wb .ctx-check{
  width:14px;
  display:flex;
  color:var(--accent,#ffc83d);
  flex-shrink:0;
}
.ctx-wb .ctx-check svg{width:14px;height:14px;opacity:1;}

.ctx-wb[data-action="replay-mode"]{
  border-left:2px solid #f0b90b;
  padding-left:10px;
  background:rgba(240,185,11,0.04);
}
.ctx-wb[data-action="replay-mode"]:hover{
  background:rgba(240,185,11,0.1);
}

.ctx-wb[data-action="goto-time"]{
  border-left:2px solid #4f8cff;
  padding-left:10px;
  background:rgba(79,140,255,0.04);
}
.ctx-wb[data-action="goto-time"]:hover{
  background:rgba(79,140,255,0.1);
}

.ctx-sg{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:4px;
  padding:4px 10px;
}
.ctx-sg-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:10px 4px;
  border-radius:8px;
  cursor:pointer;
  transition:all 0.12s;
  background:rgba(255,255,255,0.02);
  border:1px solid rgba(255,255,255,0.04);
}
.ctx-sg-item:hover{
  background:rgba(255,200,61,0.08);
  border-color:rgba(255,200,61,0.25);
  transform:translateY(-1px);
}
.ctx-sg-item .ctx-ic-lg{
  width:22px;
  height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--text-secondary,#CBCFD6);
}
.ctx-sg-item:hover .ctx-ic-lg{color:var(--accent,#ffc83d);}
.ctx-sg-item .ctx-ic-lg svg{width:18px;height:18px;stroke:currentColor;}
.ctx-sg-item .ctx-sg-lbl{
  font-size:11px;
  color:var(--text-secondary,#CBCFD6);
  white-space:nowrap;
}
.ctx-sg-item:hover .ctx-sg-lbl{color:var(--text-primary,#FCFCFD);}

.ctx-mw-only{display:none !important;}
#kp-context-menu[data-mw="1"] .ctx-mw-only{display:flex !important;}
#kp-context-menu[data-mw="1"] .ctx-sd-mw{
  color:#79a8ff;
  border-top:1px solid rgba(79,140,255,0.15);
  margin-top:4px;
  padding-top:8px;
}
#kp-context-menu[data-mw="1"] .ctx-sd-mw .ctx-sd-ln{
  background:rgba(79,140,255,0.15);
}
#kp-context-menu[data-mw="1"] .ctx-wb.ctx-mw-only:hover{
  background:rgba(79,140,255,0.08);
  color:#79a8ff;
}

.ctx-mw-group-dots{
  display:flex;
  gap:4px;
  margin-left:auto;
  align-items:center;
}
.ctx-mw-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,0.2);
  cursor:pointer;
  padding:0;
  flex-shrink:0;
  transition:all 0.12s;
}
.ctx-mw-dot:hover{transform:scale(1.15);}
.ctx-mw-dot.on{
  border-color:rgba(255,255,255,0.9);
  box-shadow:0 0 0 1px rgba(255,255,255,0.4);
}
.ctx-mw-dot[data-group="null"]{
  background:repeating-conic-gradient(#888 0 25%,transparent 0 50%) 50% / 6px 6px;
}

#kp-context-menu [aria-hidden="true"],
#kp-context-menu [data-hidden="true"]{display:none !important;}

body.kp-mobile #kp-context-menu{
  min-width:0;
  max-width:calc(100vw - 24px);
  font-size:11px;
  padding:4px 0;
  border-radius:8px;
  max-height:60vh;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}
body.kp-mobile .ctx-draw-row{
  padding:6px 8px;
  gap:2px;
}
body.kp-mobile .ctx-draw-btn,
body.kp-mobile .ctx-draw-mgmt-btn{
  width:24px;
  height:22px;
}
body.kp-mobile .ctx-draw-btn svg,
body.kp-mobile .ctx-draw-mgmt-btn svg{
  width:14px;
  height:14px;
}
body.kp-mobile .ctx-dt{
  padding:4px 8px;
}
body.kp-mobile .ctx-dt-item{
  padding:5px 8px;
  min-height:32px;
}
body.kp-mobile .ctx-tog{
  width:28px;
  height:16px;
}
body.kp-mobile .ctx-tog::after{
  width:12px;
  height:12px;
  top:2px;
  left:2px;
}
body.kp-mobile .ctx-tog.on::after{
  transform:translateX(12px);
}
body.kp-mobile .ctx-wb{
  padding:7px 10px;
  gap:8px;
  min-height:34px;
  font-size:12px;
}
body.kp-mobile .ctx-wb .ctx-ic{
  width:14px;
  height:14px;
}
body.kp-mobile .ctx-sd{
  padding:6px 10px 3px;
}
body.kp-mobile .ctx-sg{
  padding:3px 8px;
  gap:3px;
}
body.kp-mobile .ctx-sg-item{
  padding:8px 4px;
}
body.kp-mobile .ctx-sg-item .ctx-ic-lg{
  width:18px;
  height:18px;
}
body.kp-mobile .ctx-sg-item .ctx-ic-lg svg{
  width:16px;
  height:16px;
}
body.kp-mobile .ctx-sg-item .ctx-sg-lbl{
  font-size:10px;
}
body.kp-mobile .ctx-draw-label{
  font-size:10px;
}

.ctx-row-pair{
  display:flex;
  align-items:stretch;
  margin:0;
  position:relative;
}
.ctx-row-pair .ctx-wb{
  flex:1;
  padding:7px 8px;
  min-width:0;
}
.ctx-row-pair .ctx-wb .ctx-lbl{
  flex:0 1 auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ctx-row-pair .ctx-wb .ctx-sh{
  font-size:9px;
  margin-left:4px;
  flex-shrink:0;
}
.ctx-row-pair .ctx-wb .ctx-badge-new{
  font-size:8px;
  padding:1px 4px;
  margin-right:4px;
}
.ctx-row-pair .ctx-wb .ctx-ic{
  margin-right:6px;
}
.ctx-pair-sep{
  width:1px;
  background:rgba(255,255,255,0.08);
  margin:5px 0;
  flex-shrink:0;
}

.ctx-row-pair .ctx-wb-new{
  background:linear-gradient(90deg,rgba(255,200,61,0.12) 0%,rgba(255,200,61,0.03) 100%);
  position:relative;
}
.ctx-row-pair .ctx-wb-new::before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:var(--accent,#ffc83d);
}
.ctx-row-pair .ctx-wb-new .ctx-lbl{
  color:var(--text-primary,#FCFCFD);
  font-weight:500;
}
.ctx-row-pair .ctx-wb-new .ctx-ic{
  color:var(--accent,#ffc83d);
}
.ctx-row-pair .ctx-wb-new:hover{
  background:linear-gradient(90deg,rgba(255,200,61,0.22) 0%,rgba(255,200,61,0.06) 100%);
}
.ctx-row-pair .ctx-wb-new.is-clicked{
  animation:ctxCopyPulse 0.5s ease;
}
@keyframes ctxCopyPulse{
  0%{background:linear-gradient(90deg,rgba(255,200,61,0.12) 0%,rgba(255,200,61,0.03) 100%);}
  30%{background:linear-gradient(90deg,rgba(255,200,61,0.45) 0%,rgba(255,200,61,0.18) 100%);}
  100%{background:linear-gradient(90deg,rgba(255,200,61,0.12) 0%,rgba(255,200,61,0.03) 100%);}
}
@media (prefers-reduced-motion: reduce){
  .ctx-row-pair .ctx-wb-new.is-clicked{animation:none;}
}

#macd-zero{flex-shrink:0;background:var(--bg-1);border-top:1px solid var(--border-subtle);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;user-select:none;}

#macd-zero.collapsed{display:none;}
#macd-zero .mz-hd{display:flex;align-items:center;gap:10px;height:28px;padding:0 10px;
border-bottom:1px solid var(--border-subtle);cursor:default;}
#macd-zero.collapsed .mz-hd{border-bottom:none;}
#macd-zero .mz-title{font-size:11px;font-weight:700;color:#e6edf3;letter-spacing:.5px;white-space:nowrap;}
#macd-zero .mz-sym{font-size:11px;font-weight:600;color:#d4a843;white-space:nowrap;cursor:pointer;user-select:none;}
#macd-zero .mz-alert{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;
color:#ff9800;background:rgba(255,152,0,.12);border:1px solid rgba(255,152,0,.35);
border-radius:8px;padding:1px 7px;white-space:nowrap;}
#macd-zero .mz-alert[hidden]{display:none;}
#macd-zero .mz-dot{flex:none;display:inline-block;width:6px;height:6px;border-radius:50%;
background:#ff9800;animation:mzBreath 1.2s ease-in-out infinite;vertical-align:middle;}
@keyframes mzBreath{0%,100%{opacity:1;}50%{opacity:.25;}}
#macd-zero .mz-tgl{font-size:10px;color:#8b949e;background:transparent;border:1px solid #30363d;
border-radius:4px;padding:2px 8px;cursor:pointer;white-space:nowrap;}
#macd-zero .mz-tgl:hover{color:#e6edf3;border-color:#484f58;}
#macd-zero .mz-meta{font-size:10px;color:#484f58;margin-left:auto;white-space:nowrap;
font-variant-numeric:tabular-nums;}
#macd-zero .mz-btn{background:transparent;border:none;color:#8b949e;cursor:pointer;
font-size:12px;padding:2px 6px;border-radius:4px;line-height:1;}
#macd-zero .mz-btn:hover{color:#e6edf3;background:rgba(255,255,255,.06);}
#macd-zero .mz-btn.active{color:#58a6ff;background:rgba(88,166,255,.15);}
#macd-zero .mz-btn-compact{font-size:11px;padding:2px 6px;}
#macd-zero .mz-drawer-btn{font-size:12px;margin-left:2px;}
#macd-zero .mz-body{max-height:120px;overflow-y:auto;padding:4px 8px 6px;display:flex;gap:12px;}
#macd-zero.collapsed .mz-body{display:none;}
#macd-zero .mz-body::-webkit-scrollbar{width:4px;}
#macd-zero .mz-body::-webkit-scrollbar-thumb{background:#21262d;border-radius:2px;}

#macd-drawer{position:relative;width:0;flex-shrink:0;overflow:hidden;
background:linear-gradient(180deg,#10141c 0%,#0d1117 100%);
border-left:1px solid rgba(255,200,61,.22);
box-shadow:-12px 0 40px rgba(0,0,0,.45);
display:flex;flex-direction:column;
transition:width .30s cubic-bezier(0,0,.2,1);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;user-select:none;}
#macd-drawer.open{width:480px;}

#macd-drawer .mz-topline{flex:none;height:2px;
background:linear-gradient(90deg,transparent,#ff9500 18%,#ffc83d 50%,#ff9500 82%,transparent);
box-shadow:0 1px 12px rgba(255,200,61,.4);}
#macd-drawer .mz-drawer-hd{display:flex;align-items:center;gap:9px;padding:11px 14px 10px;
border-bottom:1px solid rgba(255,200,61,.16);flex-shrink:0;
background:linear-gradient(180deg,rgba(255,200,61,.08) 0%,rgba(255,200,61,.02) 60%,transparent 100%);}
#macd-drawer .mz-drawer-title{font-size:12px;font-weight:700;color:#ffc83d;letter-spacing:.8px;white-space:nowrap;}
#macd-drawer .mz-close{background:none;border:none;color:#8b949e;cursor:pointer;
padding:4px 5px;border-radius:3px;line-height:0;flex-shrink:0;
display:flex;align-items:center;transition:color .15s;}
#macd-drawer .mz-close:hover{color:#ffc83d;background:rgba(255,200,61,.10);}
#macd-drawer .mz-meta{font-size:10px;color:#8b949e;margin-left:auto;white-space:nowrap;
font-family:'JetBrains Mono',ui-monospace,'SF Mono',monospace;font-variant-numeric:tabular-nums;}

#macd-drawer .mz-stats{flex:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;
padding:10px 12px 8px;flex-shrink:0;}
#macd-drawer .mz-stat{position:relative;padding:8px 10px 7px;
border:1px solid rgba(255,255,255,.09);
background:linear-gradient(135deg,rgba(255,200,61,.06) 0%,rgba(255,255,255,.015) 100%);}
#macd-drawer .mz-stat .k{display:block;font-size:10px;color:#8b949e;letter-spacing:.5px;margin-bottom:3px;}
#macd-drawer .mz-stat .v{font:700 20px/1 'JetBrains Mono',ui-monospace,'SF Mono',monospace;
color:#e6edf3;font-variant-numeric:tabular-nums;}
#macd-drawer .mz-stat .v .u{font:400 10px 'JetBrains Mono',ui-monospace,'SF Mono',monospace;
color:#6e7681;margin-left:3px;}
#macd-drawer .mz-stat.warn{border-color:rgba(255,152,0,.3);
background:linear-gradient(135deg,rgba(255,152,0,.10) 0%,rgba(255,152,0,.02) 100%);}
#macd-drawer .mz-stat.warn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#ff9800;}
#macd-drawer .mz-stat.warn .k{color:rgba(255,152,0,.8);}
#macd-drawer .mz-stat.warn .v{color:#ff9800;}
#macd-drawer .mz-tools{display:flex;align-items:center;gap:6px;padding:8px 12px 9px;
border-bottom:1px solid rgba(33,38,45,.8);flex-shrink:0;flex-wrap:wrap;}
#macd-drawer .mz-tgl{font-size:10px;font-weight:600;color:#ffc83d;background:rgba(255,200,61,.12);
border:1px solid rgba(255,200,61,.5);border-radius:2px;padding:4px 10px;cursor:pointer;
white-space:nowrap;line-height:1;transition:all .15s;}
#macd-drawer .mz-tgl:hover{border-color:rgba(255,200,61,.75);}

#macd-drawer .mz-btn{display:inline-flex;align-items:center;gap:4px;background:#16161a;
border:1px solid rgba(255,200,61,.35);color:rgba(255,200,61,.88);cursor:pointer;
font-size:10px;font-weight:600;letter-spacing:.3px;padding:4px 9px;border-radius:2px;
line-height:1;transition:all .15s;}
#macd-drawer .mz-btn:hover{border-color:rgba(255,200,61,.6);box-shadow:0 0 10px rgba(255,200,61,.12);}
#macd-drawer .mz-btn.active{background:rgba(255,200,61,.14);border-color:#ffc83d;color:#ffc83d;}
#macd-drawer .mz-btn-compact{font-size:10px;padding:4px 8px;}
#macd-drawer .mz-icon-btn{padding:4px 6px;}
#macd-drawer .mz-tools-spacer{flex:1;}
#macd-drawer .mz-body{flex:1;overflow-y:auto;padding:4px 8px 12px;display:block;}
#macd-drawer .mz-body::-webkit-scrollbar{width:4px;}
#macd-drawer .mz-body::-webkit-scrollbar-thumb{background:rgba(255,200,61,.25);border-radius:2px;}
#macd-zero table,#macd-drawer table{flex:1;border-collapse:collapse;table-layout:fixed;align-self:flex-start;}
#macd-zero th,#macd-drawer th{font-size:9px;font-weight:600;color:#6e7681;text-align:left;letter-spacing:.3px;height:18px;line-height:18px;padding:0 5px;border-bottom:1px solid #21262d;white-space:nowrap;}
#macd-zero td,#macd-drawer td{font-size:11px;color:#c9d1d9;height:20px;line-height:20px;padding:0 5px;border-bottom:1px solid rgba(33,38,45,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;}
#macd-zero tr.mz-row,#macd-drawer tr.mz-row{cursor:pointer;}
#macd-zero tr.mz-row:hover td,#macd-drawer tr.mz-row:hover td{background:rgba(22,119,255,.08);}
#macd-zero tr.mz-row.mz-cur td,#macd-drawer tr.mz-row.mz-cur td{background:rgba(212,168,67,.10);}
#macd-zero tr.mz-row.mz-cur td:first-child,#macd-drawer tr.mz-row.mz-cur td:first-child{box-shadow:inset 2px 0 0 #d4a843;}
#macd-zero .mz-long,#macd-drawer .mz-long{color:#ff9800;font-weight:700;}
#macd-zero .mz-short,#macd-drawer .mz-short{color:#4fc3f7;font-weight:700;}
#macd-zero .mz-zero,#macd-drawer .mz-zero{color:#6e7681;}
#macd-zero .mz-lc,#macd-drawer .mz-lc{color:#d4a843;font-weight:700;}
#macd-zero .mz-near,#macd-drawer .mz-near{color:#ff9800;font-weight:700;}
#macd-zero .mz-e6,#macd-drawer .mz-e6{color:#FF9600;}
#macd-zero .mz-e52,#macd-drawer .mz-e52{color:#E8537E;}
#macd-zero .mz-empty,#macd-drawer .mz-empty{color:#6e7681;text-align:center;padding:22px 8px;font-size:11px;line-height:1.6;}
#macd-zero .mz-empty b,#macd-drawer .mz-empty b{display:block;color:#8b949e;font-weight:600;}
#macd-zero .mz-empty span,#macd-drawer .mz-empty span{color:#484f58;}
#macd-zero .mz-empty.mz-empty-loading b,#macd-drawer .mz-empty.mz-empty-loading b{color:#58a6ff;}
#macd-zero .mz-empty.mz-empty-error b,#macd-drawer .mz-empty.mz-empty-error b{color:#f85149;}
#macd-zero .mz-empty-loading,#macd-drawer .mz-empty-loading{padding:14px 8px !important;}
#macd-zero .mz-loading-wrap,#macd-drawer .mz-loading-wrap{display:flex;align-items:center;justify-content:center;gap:14px;}
#macd-zero .mz-loading-icon,#macd-drawer .mz-loading-icon{width:38px;height:38px;flex-shrink:0;animation:mzIconFade 2.5s ease-in-out infinite;}
#macd-zero .mz-loading-text,#macd-drawer .mz-loading-text{text-align:left;}
#macd-zero .mz-loading-text b,#macd-drawer .mz-loading-text b{position:relative;overflow:hidden;}
#macd-zero .mz-loading-text b::after,#macd-drawer .mz-loading-text b::after{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(88,166,255,.25),transparent);animation:mzShimmer 2s infinite;}
@keyframes mzIconFade{0%,100%{opacity:.7;}50%{opacity:1;}}
@keyframes mzShimmer{0%{left:-60%;}100%{left:100%;}}
#macd-zero .mz-empty .mz-wisdom-title,#macd-drawer .mz-empty .mz-wisdom-title{display:block;color:#ffffff;font-size:11px;font-weight:600;margin-top:3px;line-height:1.3;}
#macd-zero .mz-empty .mz-wisdom-quote,#macd-drawer .mz-empty .mz-wisdom-quote{display:block;color:#e6edf3;font-size:10px;line-height:1.5;margin-top:2px;max-width:300px;}
#macd-zero .mz-form,#macd-drawer .mz-form{cursor:pointer;}
#macd-zero .mz-form-dot,#macd-drawer .mz-form-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:3px;vertical-align:middle;}
#macd-zero .mz-form-dot.f-strong,#macd-drawer .mz-form-dot.f-strong{background:#ff9800;}
#macd-zero .mz-form-dot.f-weak,#macd-drawer .mz-form-dot.f-weak{background:#6e7681;}
#macd-zero .mz-form-dot.f-rally,#macd-drawer .mz-form-dot.f-rally{background:#3fb950;}
#macd-zero .mz-form-dot.f-upgrade,#macd-drawer .mz-form-dot.f-upgrade{background:#3b82f6;}
#macd-zero .mz-form-dot.f-breakout,#macd-drawer .mz-form-dot.f-breakout{background:#a855f7;}
#macd-zero .mz-form-dot.f-none,#macd-drawer .mz-form-dot.f-none{background:transparent;border:1px solid #30363d;}
#macd-zero .mz-form-dot.f-void,#macd-drawer .mz-form-dot.f-void{background:#f85149;}
#macd-zero .mz-form-dot.f-entangle,#macd-drawer .mz-form-dot.f-entangle{background:#d4760a;}
#macd-zero .mz-form-dot.f-gap,#macd-drawer .mz-form-dot.f-gap{background:#a855f7;}
#macd-zero .mz-form-dot.f-invisible,#macd-drawer .mz-form-dot.f-invisible{background:#58a6ff;}
#macd-zero .mz-form-dot.f-bottom,#macd-drawer .mz-form-dot.f-bottom{background:#3fb950;}
#macd-zero .mz-form-tag,#macd-drawer .mz-form-tag{display:inline-block;padding:0 4px;border-radius:3px;font-size:10px;line-height:16px;vertical-align:middle;}
#macd-zero .mz-form-tag.f-strong,#macd-drawer .mz-form-tag.f-strong{background:rgba(255,152,0,.12);color:#ff9800;}
#macd-zero .mz-form-tag.f-weak,#macd-drawer .mz-form-tag.f-weak{background:rgba(110,118,129,.12);color:#8b949e;}
#macd-zero .mz-form-tag.f-rally,#macd-drawer .mz-form-tag.f-rally{background:rgba(63,185,80,.12);color:#3fb950;}
#macd-zero .mz-form-tag.f-upgrade,#macd-drawer .mz-form-tag.f-upgrade{background:rgba(59,130,246,.12);color:#3b82f6;}
#macd-zero .mz-form-tag.f-breakout,#macd-drawer .mz-form-tag.f-breakout{background:rgba(168,85,247,.12);color:#a855f7;}
#macd-zero .mz-form:hover .mz-form-tag,#macd-drawer .mz-form:hover .mz-form-tag{text-decoration:underline;}
#macd-zero .mz-form-tag.f-void,#macd-drawer .mz-form-tag.f-void{background:rgba(248,81,73,.12);color:#f85149;}
#macd-zero .mz-form-tag.f-entangle,#macd-drawer .mz-form-tag.f-entangle{background:rgba(212,118,10,.12);color:#d4760a;}
#macd-zero .mz-form-tag.f-gap,#macd-drawer .mz-form-tag.f-gap{background:rgba(168,85,247,.12);color:#a855f7;}
#macd-zero .mz-form-tag.f-invisible,#macd-drawer .mz-form-tag.f-invisible{background:rgba(88,166,255,.12);color:#58a6ff;}
#macd-zero .mz-form-tag.f-bottom,#macd-drawer .mz-form-tag.f-bottom{background:rgba(63,185,80,.12);color:#3fb950;}
#macd-zero .mz-form-tag.f-void,.mz-form-tag.f-entangle,.mz-form-tag.f-gap,.mz-form-tag.f-invisible,.mz-form-tag.f-bottom,#macd-drawer .mz-form-tag.f-void,.mz-form-tag.f-entangle,.mz-form-tag.f-gap,.mz-form-tag.f-invisible,.mz-form-tag.f-bottom{margin-right:2px;}
#macd-zero .mz-form-sep,#macd-drawer .mz-form-sep{color:#484f58;margin:0 1px;font-size:10px;}
#macd-zero tr.mz-exp td,#macd-drawer tr.mz-exp td{padding:0;border-bottom:1px solid rgba(33,38,45,.6);}
#macd-zero .mz-exp-inner,#macd-drawer .mz-exp-inner{padding:4px 8px 4px 44px;border-left:2px solid #ff9800;margin:3px 0;background:#0d1117;border-radius:0 3px 3px 0;font-size:10px;color:#8b949e;line-height:1.6;}
#macd-zero .mz-exp-inner.f-weak,#macd-drawer .mz-exp-inner.f-weak{border-left-color:#6e7681;}
#macd-zero .mz-exp-inner.f-rally,#macd-drawer .mz-exp-inner.f-rally{border-left-color:#3fb950;}
#macd-zero .mz-exp-inner.f-upgrade,#macd-drawer .mz-exp-inner.f-upgrade{border-left-color:#3b82f6;}
#macd-zero .mz-exp-inner.f-breakout,#macd-drawer .mz-exp-inner.f-breakout{border-left-color:#a855f7;}
#macd-zero .mz-exp-inner b,#macd-drawer .mz-exp-inner b{color:#c9d1d9;font-weight:500;}
#macd-zero .mz-copy-btn,#macd-drawer .mz-copy-btn{display:inline-block;margin-left:6px;padding:0 5px;font-size:9px;line-height:16px;border-radius:3px;background:#30363d;color:#8b949e;cursor:pointer;user-select:none;}
#macd-zero .mz-copy-btn:hover,#macd-drawer .mz-copy-btn:hover{background:#3b82f6;color:#fff;}
#macd-zero .mz-copy-btn.copied,#macd-drawer .mz-copy-btn.copied{background:#3fb950;color:#fff;}
#macd-zero col.c-p,#macd-drawer col.c-p{width:40px;}
#macd-zero col.c-side,#macd-drawer col.c-side{width:34px;}
#macd-zero col.c-st,#macd-drawer col.c-st{width:52px;}
#macd-zero col.c-lc,#macd-drawer col.c-lc{width:40px;}
#macd-zero col.c-form,#macd-drawer col.c-form{width:110px;}
#macd-zero col.c-w,#macd-drawer col.c-w{width:100px;}
#macd-zero td:nth-child(5),#macd-drawer td:nth-child(5){white-space:nowrap;}
#macd-zero td:nth-child(6),#macd-drawer td:nth-child(6){white-space:nowrap;}
#macd-zero col.c-e,#macd-drawer col.c-e{width:100px;}
#macd-zero col.c-ev,#macd-drawer col.c-ev{width:auto;}
@media (max-width:768px){
#macd-zero .mz-body{overflow-x:auto;gap:0;}
#macd-zero table{flex:1 0 auto;}
#macd-zero col.c-p{width:36px;}#macd-zero col.c-side{width:30px;}
#macd-zero col.c-st{width:46px;}#macd-zero col.c-lc{width:36px;}
#macd-zero col.c-form{width:90px;}#macd-zero col.c-w{width:90px;}
#macd-zero col.c-e{width:90px;}
#macd-drawer{position:absolute;top:0;right:0;bottom:0;width:0;height:100%;
overflow:hidden;pointer-events:none;z-index:50;}
#macd-drawer.open{width:100vw !important;max-width:100vw;pointer-events:auto;border-left:none;z-index:200;}
#macd-drawer .mz-body{overflow-x:auto;}
#macd-drawer table{flex:1 0 auto;}
}
#macd-zero.compact .mz-body{max-height:80px;}
#macd-zero.compact table{table-layout:auto;}
#macd-zero.compact th{font-size:8px;height:14px;line-height:14px;padding:0 3px;}
#macd-zero.compact td{font-size:9px;height:16px;line-height:16px;padding:0 3px;}
#macd-zero.compact col.c-p{width:32px;}
#macd-zero.compact col.c-side{width:24px;}
#macd-zero.compact col.c-st{width:50px;}
#macd-zero.compact col.c-lc{width:34px;}
#macd-zero.compact col.c-form{width:80px;}
#macd-zero.compact col.c-w{width:90px;}
#macd-zero.compact col.c-e{width:80px;}
#macd-zero.compact col.c-ev{width:auto;}
#macd-zero.compact .mz-form-tag{font-size:8px;padding:0 2px;line-height:12px;}
#macd-zero.compact .mz-form-dot{width:5px;height:5px;}
#macd-zero.compact .mz-btn-compact{font-size:10px;padding:2px 6px;}

#macd-drawer th{font-size:10px;height:24px;line-height:24px;letter-spacing:.4px;
position:sticky;top:0;background:#0e1219;z-index:2;}
#macd-drawer td{height:24px;line-height:24px;}
#macd-drawer td:first-child{font-family:'JetBrains Mono',ui-monospace,'SF Mono',monospace;
font-weight:600;letter-spacing:.2px;}
#macd-drawer tr.mz-row:hover td{background:rgba(255,200,61,.05);}
#macd-drawer tr.mz-row.ep td{background:rgba(255,152,0,.07);}
#macd-drawer tr.mz-row.ep:hover td{background:rgba(255,152,0,.12);}
#macd-drawer tr.mz-row.ep td:first-child{box-shadow:inset 2px 0 0 rgba(255,152,0,.85);color:#ff9800;}
#macd-drawer tr.mz-row.mz-cur.ep td:first-child{box-shadow:inset 2px 0 0 rgba(255,152,0,.85);}

#chart-wrap{position:relative;}.kp-watermark{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%) translateY(-50%);pointer-events:none;color:#6e7681;transition:opacity .3s;}.kp-watermark-svg{display:block;}.kp-watermark-text{display:block;white-space:nowrap;font-weight:600;letter-spacing:2px;user-select:none;}

#kp-guest-overlay-root {
  position: fixed;
  inset: 0;
  z-index: 999999;
  pointer-events: none;
}

.kp-guest-prerender {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  z-index: 1;
  animation: kp-guest-fade-in 180ms ease-out;
}
@keyframes kp-guest-spin {
  to { transform: rotate(360deg); }
}
@keyframes kp-guest-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

#kp-guest-overlay-root > * {
  pointer-events: auto;
}

.kp-guest-overlay {
  position: fixed;
  inset: 0;
  background: rgba(8, 10, 14, 0.7);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  animation: kp-guest-fadein 0.28s ease;
}

@keyframes kp-guest-fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.kp-guest-card {
  width: 380px;
  max-width: calc(100vw - 32px);
  background: #16161a;
  border: 1px solid rgba(255, 200, 61, 0.35);
  border-radius: 14px;
  padding: 32px 28px 24px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.02);
  color: #e6e8eb;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

.kp-guest-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.kp-guest-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.kp-guest-label {
  font-size: 12px;
  color: rgba(230, 232, 235, 0.65);
  font-weight: 500;
}

.kp-guest-input {
  height: 40px;
  padding: 0 14px;
  background: #0e0f12;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  color: #fff;
  font-size: 16px; 
  outline: none;
  transition: border-color 0.18s, box-shadow 0.18s;
}

.kp-guest-input:focus {
  border-color: rgba(255, 200, 61, 0.55);
  box-shadow: 0 0 0 3px rgba(255, 200, 61, 0.12);
}

.kp-guest-input::placeholder {
  color: rgba(230, 232, 235, 0.3);
}

.kp-guest-btn {
  height: 42px;
  margin-top: 4px;
  background: linear-gradient(135deg, #ffc83d 0%, #ff9c1a 100%);
  border: none;
  border-radius: 8px;
  color: #16161a;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.12s, box-shadow 0.18s, opacity 0.18s;
}

.kp-guest-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(255, 200, 61, 0.3);
}

.kp-guest-btn:active {
  transform: translateY(0);
}

.kp-guest-btn:disabled {
  opacity: 0.6;
  cursor: wait;
  transform: none;
  box-shadow: none;
}

.kp-guest-foot {
  margin-top: 18px;
  font-size: 12px;
  color: rgba(230, 232, 235, 0.4);
  text-align: center;
}

.kp-guest-toggle {
  color: #ffc83d;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.12s;
}

.kp-guest-toggle:hover {
  opacity: 0.75;
  text-decoration: underline;
}

.kp-guest-error {
  margin-top: 12px;
  padding: 10px 12px;
  background: rgba(255, 80, 80, 0.1);
  border: 1px solid rgba(255, 80, 80, 0.3);
  border-radius: 6px;
  color: #ff7878;
  font-size: 13px;
}

.kp-guest-card.kp-auth-shell {
  width: 760px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 0;
  display: grid;
  grid-template-columns: 400px 360px;
  background: #0f1013;
  border: 1px solid #2e3037;
  border-radius: 14px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 200, 61, 0.06);
  animation: kp-auth-shell-in 0.32s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes kp-auth-shell-in {
  from { opacity: 0; transform: translateY(14px) scale(0.97); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

.kp-auth-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #2e3037;
  border-radius: 8px;
  background: rgba(23, 24, 28, 0.7);
  color: #8a8f98;
  font-size: 15px;
  line-height: 1;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.18s, border-color 0.18s, transform 0.18s;
}
.kp-auth-close:hover {
  color: #edeff2;
  border-color: rgba(255, 200, 61, 0.42);
  transform: rotate(90deg);
}

.kp-auth-aside {
  position: relative;
  padding: 36px 32px 28px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 22px;
  min-height: 520px;
  background: #141519;
  border-right: 1px solid rgba(255, 200, 61, 0.16);
}

.kp-auth-aside::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(120% 90% at 12% 8%, rgba(255, 200, 61, 0.11), transparent 62%);
}

.kp-auth-mark {
  display: flex;
  align-items: center;
  gap: 11px;
  position: relative;
  z-index: 1;
}
.kp-auth-mark-img {
  width: 30px;
  height: 30px;
  flex: none;
  border-radius: 4px;
  object-fit: contain;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(255, 200, 61, 0.42), 0 4px 14px rgba(0, 0, 0, 0.4);
}

.kp-auth-mark-fb {
  width: 30px;
  height: 30px;
  flex: none;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  background: #1b1c21;
  box-shadow: 0 0 0 1px rgba(255, 200, 61, 0.42);
}
.kp-auth-mark-name {
  font-size: 12.5px;
  letter-spacing: 0.13em;
  color: #ffc83d;
  font-weight: 600;
}

.kp-auth-pitch {
  margin-top: 26px;
  position: relative;
  z-index: 1;
}
.kp-auth-pitch h1 {
  font-size: 24px;
  line-height: 1.32;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: 10px;
  color: #edeff2;
}
.kp-auth-pitch h1 em {
  font-style: normal;
  color: #ffc83d;
}
.kp-auth-pitch p {
  color: #8a8f98;
  font-size: 12.5px;
  line-height: 1.75;
  max-width: 32ch;
  margin: 0;
}

.kp-auth-tape {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
.kp-auth-tape svg {
  width: 100%;
  height: 58px;
  display: block;
}
.kp-auth-tape-cap {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9.5px;
  letter-spacing: 0.1em;
  color: #5c6069;
}

.kp-auth-main {
  padding: 32px 30px 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #0f1013;
}

.kp-auth-tabs {
  display: inline-flex;
  padding: 3px;
  align-self: stretch;
  background: #1b1c21;
  border: 1px solid #2e3037;
  border-radius: 9px;
  margin-bottom: 22px;
}
.kp-auth-tab {
  flex: 1;
  padding: 7px 0;
  font-size: 12.5px;
  font-weight: 600;
  font-family: inherit;
  color: #8a8f98;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
}
.kp-auth-tab:hover:not(.is-on) { color: #edeff2; }
.kp-auth-tab.is-on {
  background: #ffc83d;
  color: #141519;
}

.kp-guest-form { gap: 13px; }
.kp-guest-field {
  position: relative;
  display: block;
}
.kp-guest-label {
  display: block;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #8a8f98;
}
.kp-guest-opt {
  color: #5c6069;
  font-weight: 400;
}
.kp-guest-ficon {
  position: absolute;
  left: 12px;
  bottom: 12px;
  font-style: normal;
  font-size: 12px;
  color: #5c6069;
  pointer-events: none;
}
.kp-guest-input {
  width: 100%;
  height: auto;
  padding: 11px 12px 11px 33px;
  background: #17181c;
  border: 1px solid #2e3037;
  border-radius: 7px;
  color: #edeff2;
  font-size: 13px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.18s, box-shadow 0.18s;
}
.kp-guest-input::placeholder { color: #5c6069; }
.kp-guest-input:focus {
  border-color: rgba(255, 200, 61, 0.42);
  box-shadow: 0 0 0 3px rgba(255, 200, 61, 0.1);
}

.kp-guest-btn {
  width: 100%;
  height: auto;
  padding: 12px;
  margin-top: 4px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 700;
  font-family: inherit;
  background: linear-gradient(180deg, #ffc83d, #e8a916);
  color: #141519;
  box-shadow: 0 6px 18px rgba(255, 200, 61, 0.16);
}
.kp-guest-foot {
  margin-top: 15px;
  font-size: 11.5px;
  color: rgba(230, 232, 235, 0.4);
}

@media (max-width: 820px) {
  .kp-guest-card.kp-auth-shell {
    grid-template-columns: 1fr;
    max-height: calc(100vh - 24px);
  }
  .kp-auth-aside {
    min-height: 0;
    padding: 22px 22px 16px;
    gap: 12px;
    border-right: none;
    border-bottom: 1px solid rgba(255, 200, 61, 0.16);
  }
  .kp-auth-mark-img, .kp-auth-mark-fb { width: 24px; height: 24px; font-size: 13px; }
  .kp-auth-mark-name { font-size: 11px; }
  .kp-auth-pitch { margin-top: 14px; }
  .kp-auth-pitch h1 { font-size: 17px; margin-bottom: 5px; }
  .kp-auth-pitch p { display: none; }          
  .kp-auth-tape { margin-top: 14px; }
  .kp-auth-tape svg { height: 36px; }
  .kp-auth-main { padding: 20px 20px 18px; }
  .kp-auth-tabs { margin-bottom: 16px; }
  .kp-auth-tab { font-size: 13px; padding: 8px 0; }
  .kp-guest-form { gap: 11px; }
  .kp-guest-input { font-size: 16px; padding: 11px 12px 11px 33px; }  
  .kp-guest-btn { padding: 13px; font-size: 14.5px; }
  .kp-auth-close { width: 26px; height: 26px; font-size: 13px; }
}

.kp-auth-close:focus-visible,
.kp-auth-tab:focus-visible,
.kp-guest-btn:focus-visible {
  outline: 2px solid #ffc83d;
  outline-offset: 2px;
}

@media (forced-colors: active) {
  .kp-guest-btn {
    background: ButtonFace;
    color: ButtonText;
    border: 1px solid ButtonText;
  }
  .kp-auth-tabs { border-color: ButtonText; }
  .kp-auth-tab { color: ButtonText; border: 1px solid ButtonText; }
  .kp-auth-tab.is-on { background: ButtonFace; color: ButtonText; font-weight: 800; }
  .kp-auth-tab.is-on::after { content: " ✓"; }
  .kp-guest-input { background: Field; color: FieldText; border: 1px solid ButtonText; }
  .kp-guest-input::placeholder { color: FieldText; opacity: 1; }
  .kp-guest-label, .kp-guest-ficon, .kp-guest-opt { color: FieldText; }
  .kp-auth-aside { background: Canvas; border-right-color: ButtonText; }
  .kp-auth-tape, .kp-auth-pitch h1 em { forced-color-adjust: none; }
  .kp-auth-close { color: ButtonText; border: 1px solid ButtonText; }
}

@media (prefers-reduced-motion: reduce) {
  .kp-guest-card.kp-auth-shell { animation-duration: 0.01ms !important; }
}

.kp-guest-popup {
  position: fixed;
  
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 320px;
  background: #16161a;
  border: 1px solid rgba(255, 200, 61, 0.35);
  border-radius: 12px;
  padding: 18px 20px 16px;
  color: #e6e8eb;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5);
  animation: kp-guest-popup-in 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 999998;
}

@keyframes kp-guest-popup-in {
  from { opacity: 0; transform: translate(-50%, -50%) scale(0.96); }
  to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}

.kp-guest-popup-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.kp-guest-popup-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #ffc83d;
}

.kp-guest-popup-bell {
  font-size: 12px;
  color: #ffc83d;
}

.kp-guest-popup-close {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: rgba(230, 232, 235, 0.5);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.12s, color 0.12s;
}

.kp-guest-popup-close:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.kp-guest-popup-body {
  font-size: 13px;
  line-height: 1.55;
  color: rgba(230, 232, 235, 0.7);
  margin-bottom: 14px;
}

.kp-guest-popup-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.kp-guest-popup-cta {
  font-size: 13px;
  font-weight: 600;
  color: #ffc83d;
  cursor: pointer;
  transition: opacity 0.12s;
}

.kp-guest-popup-cta:hover {
  opacity: 0.8;
}

.kp-guest-popup-countdown {
  font-size: 12px;
  color: rgba(230, 232, 235, 0.4);
  font-variant-numeric: tabular-nums;
}

.kp-guest-mini {
  position: fixed;
  bottom: 80px;
  right: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: #16161a;
  border: 1px solid rgba(255, 200, 61, 0.25);
  border-radius: 999px;
  color: rgba(230, 232, 235, 0.7);
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  transition: border-color 0.18s, color 0.18s;
  z-index: 999997;
}

.kp-guest-mini:hover {
  border-color: rgba(255, 200, 61, 0.55);
  color: #fff;
}

.kp-guest-mini-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ffc83d;
  box-shadow: 0 0 8px rgba(255, 200, 61, 0.6);
  animation: kp-guest-mini-pulse 1.6s ease-in-out infinite;
}

@keyframes kp-guest-mini-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

.kp-guest-mini-countdown {
  color: #ffc83d;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  margin: 0 2px;
}

.kp-guest-toast {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 20px;
  background: #16161a;
  border: 1px solid rgba(255, 200, 61, 0.35);
  border-radius: 999px;
  color: #e6e8eb;
  font-size: 13px;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  z-index: 1000000;
  animation: kp-guest-toast-in 0.2s ease;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

@keyframes kp-guest-toast-in {
  from { opacity: 0; transform: translate(-50%, 8px); }
  to   { opacity: 1; transform: translate(-50%, 0); }
}

.kp-guest-toast-out {
  animation: kp-guest-toast-out 0.24s ease forwards;
}

@keyframes kp-guest-toast-out {
  to { opacity: 0; transform: translate(-50%, -8px); }
}

@media (max-width: 480px) {
  .kp-guest-card {
    width: calc(100vw - 24px);
    padding: 24px 20px 20px;
  }
  .kp-guest-popup {
    
    top: auto;
    bottom: 16px;
    right: 16px;
    left: 16px;
    width: auto;
    transform: none;
    animation: kp-guest-fadein 0.28s ease;
  }
  .kp-guest-mini {
    bottom: 16px;
    right: 16px;
  }
}

#kp-admin-modal .modal-header{position:relative;}
#kp-admin-modal .adm-close-btn svg{width:16px;height:16px;}

.cm-coin-modal{max-width:420px;}
.cm-page-feed{z-index:1;}
.cm-page-compose{z-index:4;transform:translateY(100%);}
.cm-page-compose.active{transform:translateY(0);}
.cm-page-user{z-index:3;transform:translateX(100%);}
.cm-page-user.active{transform:translateX(0);}
.cm-page-detail{z-index:2;transform:translateX(100%);}
.cm-page-detail.active{transform:translateX(0);}

.sb-tabs{display:none;} 

.kp-sb-main{display:contents;}
.kp-sb-micro{display:contents;}
body.kp-mobile .navbar .nav-tabs{display:none !important;} 

body.kp-mobile #kp-status-bar{
  height:40px;flex-direction:column;align-items:stretch;
  padding:0;gap:0;
}
body.kp-mobile .kp-sb-main{
  display:flex;align-items:center;gap:4px;
  height:40px;flex:0 0 40px;padding:0 8px;
}
body.kp-mobile #kp-status-bar .kp-sb-micro{display:none;} 
body.kp-mobile .kp-sb-micro{
  display:flex;align-items:center;justify-content:flex-end;gap:5px;
  height:12px;flex:0 0 12px;padding:0 10px 2px;
  font-size:7px;line-height:1;color:var(--text-3);
  overflow:hidden;white-space:nowrap;
}

body.kp-mobile #kp-status-bar .kp-sb-micro .kp-sb-item,
body.kp-mobile #kp-status-bar .kp-sb-micro .kp-sb-conn-item,
body.kp-mobile #kp-status-bar .kp-sb-micro .kp-sb-conn-label,
body.kp-mobile #kp-status-bar .kp-sb-micro .kp-sb-latency{font-size:7px;gap:3px;}
body.kp-mobile #kp-status-bar .kp-sb-micro .kp-sb-conn-dot{width:5px;height:5px;box-shadow:none;}
body.kp-mobile #kp-status-bar .kp-sb-micro .kp-sb-sep{height:6px;}
body.kp-mobile #kp-status-bar .kp-sb-micro .kp-sb-load svg{width:7px;height:7px;vertical-align:-1px;}
body.kp-mobile .nav-tabs.sb-tabs{
  display:flex;align-items:center;gap:2px;
  
  flex:0 1 auto;min-width:0;overflow:hidden;
  margin-left:0;padding:0;height:auto;
  background:transparent;border:none;border-radius:0;
}
body.kp-mobile .nav-tabs.sb-tabs .nav-tab{
  padding:6px 8px;font-size:12px;line-height:1;white-space:nowrap;
  flex:0 0 auto;color:var(--text-secondary);border-radius:6px;
}
body.kp-mobile .nav-tabs.sb-tabs .nav-tab.active{
  color:var(--accent);background:var(--accent-dim);font-weight:600;
  box-shadow:inset 0 0 0 1px rgba(255,200,61,0.25);
}

body.kp-mobile #kp_sb_macd_toggle{display:none;}

body.kp-mobile #kp_sb_review_toggle{
  margin-right:2px;
}

body.kp-mobile #ps-modal .modal-box,
body.kp-mobile #ind-modal .modal-box{
  transform:scale(.85);
  transform-origin:center center;
}

@media(min-width:769px){
  .cm-drawer{
    width:0;
    transform:none;
    transition:width .25s cubic-bezier(0.22,1,0.36,1);
    will-change:auto;
  }
  .cm-drawer.open{ width:440px; }
  

  .kp-rv-overlay{
    width:0;
    transform:none;
    transition:width .25s cubic-bezier(0.22,1,0.36,1);
    will-change:auto;
  }
  .kp-rv-overlay.open{ width:440px; }
}

body.kp-mobile .mw-mode-toggle{ display:none !important; }

body.kp-mobile #macd-zero{flex:0 0 auto;}
body.kp-mobile #macd-zero .mz-hd{height:26px;padding:0 8px;gap:6px;}
body.kp-mobile #macd-zero .mz-title{font-size:10px;}
body.kp-mobile .kp-rv-overlay,
body.kp-mobile .cm-drawer{
position:absolute;
top:0;right:0;bottom:0;
width:0;height:100%;
overflow:hidden;
pointer-events:none;
z-index:50;
}
body.kp-mobile .kp-rv-overlay.open,
body.kp-mobile .cm-drawer.open{
position:absolute;
top:0;right:0;bottom:0;
width:100vw !important;
max-width:100vw;
pointer-events:auto;
border-left:none;
z-index:200;
}

.pb-cur{display:none;}

body.kp-mobile .pb-cur{
display:inline-flex;align-items:center;gap:5px;
height:24px;padding:0 9px;margin:0 2px;
border-radius:6px;
background:rgba(255,200,61,0.14);
border:1px solid rgba(255,200,61,0.5);
color:var(--accent);
font-family:var(--font-mono);font-size:12px;font-weight:700;
cursor:pointer;flex-shrink:0;
transition:background .15s,border-color .15s;
}
body.kp-mobile .pb-cur:active{background:rgba(255,200,61,0.24);border-color:var(--accent);}
body.kp-mobile .pb-cur-caret{
width:0;height:0;margin-left:1px;opacity:.8;
border-left:3.5px solid transparent;border-right:3.5px solid transparent;
border-top:4px solid currentColor;
}

body.kp-mobile #period-bar .pb-btn{display:none !important;}
body.kp-mobile #period-bar .pb-sep:not(.pb-func-sep){display:none !important;}

.pb-picker-mask{
position:fixed;inset:0;z-index:9990;
background:rgba(0,0,0,0.42);
opacity:0;pointer-events:none;
transition:opacity .18s;
}
.pb-picker-mask.show{opacity:1;pointer-events:auto;}

.pb-picker{
position:fixed;left:0;right:0;bottom:0;z-index:9991;
background:var(--bg-2);border-top:1px solid var(--border-strong);
border-radius:12px 12px 0 0;
padding:4px 12px calc(12px + env(safe-area-inset-bottom,0px));
max-height:74vh;overflow-y:auto;
transform:translateY(100%);
transition:transform .22s cubic-bezier(.2,.8,.2,1);
-webkit-overflow-scrolling:touch;

pointer-events:none;
}
.pb-picker.show{transform:translateY(0);pointer-events:auto;}

body:not(.kp-mobile) .pb-picker,
body:not(.kp-mobile) .pb-picker-mask{display:none !important;}

.pb-pk-grip{width:32px;height:3px;border-radius:2px;background:rgba(255,255,255,0.18);margin:4px auto 8px;}
.pb-pk-head{display:flex;align-items:baseline;gap:8px;margin-bottom:6px;}
.pb-pk-title{font-size:12px;font-weight:600;color:var(--text-secondary);font-family:var(--font-ui);}
.pb-pk-cur{margin-left:auto;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);}

.pb-pk-label{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.4px;margin:2px 0 6px;font-family:var(--font-ui);}
.pb-pk-recent{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px;}
.pb-pk-rec{
padding:5px 10px;border-radius:5px;cursor:pointer;
background:rgba(255,255,255,0.06);border:1px solid transparent;
color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;
}
.pb-pk-rec.on{background:rgba(255,200,61,0.14);border-color:rgba(255,200,61,0.5);color:var(--accent);font-weight:700;}

.pb-pk-seg{display:flex;gap:3px;background:rgba(255,255,255,0.05);border-radius:7px;padding:3px;margin:0 0 8px;}
.pb-pk-tab{
flex:1 1 0;height:26px;border:none;background:transparent;border-radius:5px;
color:var(--text-muted);font-size:11px;font-family:var(--font-ui);cursor:pointer;
white-space:nowrap;
}
.pb-pk-tab i{font-style:normal;font-family:var(--font-mono);font-size:9px;opacity:.65;margin-left:2px;}
.pb-pk-tab.on{background:var(--bg-1);color:var(--accent);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,0.5);}

.pb-pk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.pb-pk-item{
height:40px;border-radius:7px;cursor:pointer;
background:rgba(255,255,255,0.045);
border:1px solid var(--border-subtle);
color:var(--text-secondary);
font-family:var(--font-mono);font-size:12px;
}
.pb-pk-item.on{background:var(--accent);border-color:var(--accent);color:#1a1a1a;font-weight:700;}

.pb-pk-item.pb-stock-disabled,
.pb-pk-rec.pb-stock-disabled{
color:var(--text-tertiary);
opacity:0.42;
cursor:not-allowed;
text-decoration:line-through;
text-decoration-color:rgba(255,255,255,0.25);
}
.pb-pk-item.pb-stock-disabled.on,
.pb-pk-rec.pb-stock-disabled.on{background:rgba(255,200,61,0.10);border-color:rgba(255,200,61,0.35);}

.pb-pk-empty{padding:14px 4px;font-size:12px;color:var(--text-muted);text-align:center;font-family:var(--font-ui);}