:root{
    --bg:#0d1117; --panel:#161b22; --panel2:#1c2330; --border:#2a3140;
    --text:#e6edf3; --muted:#8b949e; --gold:#f0b90b; --green:#3fb950; --red:#f85149;
    --accent:#58a6ff;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html,body{height:100%;}
  body{background:var(--bg); color:var(--text); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; padding:14px; display:flex; flex-direction:column;}
  header{display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding:10px 16px; background:var(--panel); border:1px solid var(--border); border-radius:12px; margin-bottom:14px;}
  .logo{font-weight:700; font-size:17px; color:var(--gold);}
  .price-block{display:flex; align-items:baseline; gap:10px;}
  #spot{font-size:30px; font-weight:700; font-variant-numeric:tabular-nums;}
  #spot-chg{font-size:14px; font-weight:600;}
  .up{color:var(--green);} .down{color:var(--red);}
  .meta{color:var(--muted); font-size:12px;}
  .chips{display:flex; gap:8px; margin-left:auto; flex-wrap:wrap;}
  .chip{background:var(--panel2); border:1px solid var(--border); color:var(--muted); font-size:12px; padding:4px 10px; border-radius:20px; cursor:pointer; user-select:none;}
  .chip .n{color:var(--gold); font-weight:700;}
  .chip.active{border-color:var(--gold); color:var(--text);}
  .grid{display:grid; grid-template-columns: 1.15fr 1fr; grid-template-rows: 1.7fr 1fr; gap:14px; flex:1; min-height:0;}
  .panel{background:var(--panel); border:1px solid var(--border); border-radius:12px; overflow:hidden; display:flex; flex-direction:column;}
  .panel h2{font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); padding:10px 14px; border-bottom:1px solid var(--border); display:flex; justify-content:space-between; align-items:center;}
  .panel h2 .stamp{font-size:11px; text-transform:none; letter-spacing:0;}
  .fill{flex:1; min-height:0;}
  /* news */
  #news{overflow-y:auto; padding:6px 0;}
  .item{padding:9px 14px; border-bottom:1px solid #20262e; display:block; text-decoration:none; color:var(--text);}
  .item:hover{background:var(--panel2);}
  .item .t{font-size:13.5px; line-height:1.35;}
  .item .s{font-size:11px; color:var(--muted); margin-top:3px; display:flex; gap:8px;}
  .tag{color:var(--gold); font-weight:600;}
  .hot{border-left:3px solid var(--red); padding-left:11px;}
  .sent{font-size:11.5px; margin-top:4px; font-weight:600;}
  .sent.bull{color:var(--green);} .sent.bear{color:var(--red);} .sent.neut{color:var(--muted); font-weight:400;}
  .sent .why{color:var(--muted); font-weight:400;}
  #cal-list .item, #news .item{cursor:pointer;}
  #news .cal-explain{margin-left:0;}
  .news-open-link{color:var(--accent); font-size:12px; text-decoration:none; display:inline-block; margin-top:6px;}
  .news-open-link:hover{text-decoration:underline;}
  .cal-explain{display:none; margin:7px 0 2px 60px; padding:8px 11px; background:var(--panel2); border-left:2px solid var(--gold); border-radius:6px; font-size:12px; color:var(--text); line-height:1.5;}
  .cal-explain b{color:var(--gold);}
  .item.open .cal-explain{display:block;}
  .cal-item{border-left:3px solid var(--gold); padding-left:11px; background:rgba(240,185,11,.04);}
  .cal-item .vals{font-size:11.5px; color:var(--text); margin-top:3px; font-variant-numeric:tabular-nums;}
  .cal-item .vals b{color:var(--gold);}
  /* levels */
  .btn{background:var(--panel2); border:1px solid var(--border); color:var(--muted); border-radius:6px; padding:5px 9px; cursor:pointer; font-size:12px;}
  .btn:hover{color:var(--text); border-color:var(--muted);}
  /* day-bias bar */
  #bias-bar{display:flex; align-items:center; gap:18px; flex-wrap:wrap; padding:10px 16px; background:var(--panel); border:1px solid var(--border); border-radius:12px; margin-bottom:14px;}
  #bias-main{display:flex; align-items:center; gap:10px; font-size:17px; font-weight:700;}
  #bias-arrow{font-size:22px;}
  #bias-detail{color:var(--muted); font-size:12.5px; flex:1; min-width:220px;}
  #bias-parts{display:flex; gap:12px; align-items:center; font-size:12px; color:var(--muted);}
  .bpart b{font-variant-numeric:tabular-nums; margin-left:3px;}
  .bias-bull{color:var(--green);} .bias-bear{color:var(--red);} .bias-neut{color:var(--gold);}
  .minis{height:72px; border-top:1px solid var(--border);}
  .links{padding:8px 14px; display:flex; gap:14px; flex-wrap:wrap; border-top:1px solid var(--border);}
  .links a{color:var(--accent); font-size:12px; text-decoration:none;}
  footer{margin-top:12px; color:var(--muted); font-size:11px; text-align:center; flex-shrink:0;}
  .minis{flex-shrink:0;}
  @media (max-width:1100px){ body{height:auto;} .grid{grid-template-columns:1fr; grid-template-rows:auto;} .panel{min-height:360px;} }

  /* ---- auth pages (register/login/reset/account) ---- */
  body.auth-page{display:block; height:auto; min-height:100%;}
  .auth-nav{display:flex; align-items:center; gap:16px; padding:6px 4px 40px; max-width:420px; margin:0 auto;}
  .auth-nav .logo{color:var(--gold); font-weight:700; text-decoration:none; font-size:17px;}
  .auth-card{background:var(--panel); border:1px solid var(--border); border-radius:14px; padding:32px 28px; max-width:420px; margin:0 auto 24px;}
  .auth-card h1{font-size:20px; margin-bottom:6px;}
  .auth-card .sub{color:var(--muted); font-size:13px; margin-bottom:22px;}
  .field{margin-bottom:14px;}
  .field label{display:block; font-size:12.5px; color:var(--muted); margin-bottom:6px;}
  .field input{width:100%; background:var(--panel2); border:1px solid var(--border); color:var(--text); border-radius:8px; padding:10px 12px; font-size:14px;}
  .field input:focus{outline:none; border-color:var(--gold);}
  .btn-full{width:100%; background:var(--gold); color:#111; font-weight:700; border:none; border-radius:8px; padding:12px; font-size:14.5px; cursor:pointer; margin-top:6px;}
  .btn-full:hover{filter:brightness(1.1);}
  .btn-full:disabled{opacity:.6; cursor:default;}
  .btn-full-ghost{width:100%; background:transparent; color:var(--text); border:1px solid var(--border); border-radius:8px; padding:12px; font-size:14.5px; cursor:pointer; margin-top:6px;}
  .btn-full-ghost:hover{border-color:var(--muted);}
  .auth-msg{font-size:13px; margin-top:14px; padding:10px 12px; border-radius:8px; display:none;}
  .auth-msg.show{display:block;}
  .auth-msg.err{background:rgba(248,81,73,.1); color:var(--red); border:1px solid rgba(248,81,73,.3);}
  .auth-msg.ok{background:rgba(63,185,80,.1); color:var(--green); border:1px solid rgba(63,185,80,.3);}
  .auth-foot{text-align:center; color:var(--muted); font-size:13px;}
  .auth-foot a{color:var(--accent); text-decoration:none;}
  .auth-links{display:flex; justify-content:space-between; font-size:12.5px; margin-top:10px;}
  .auth-links a{color:var(--muted); text-decoration:none;}
  .auth-links a:hover{color:var(--text);}
  /* account page */
  .plan-badge{display:inline-block; font-size:11px; font-weight:700; padding:3px 10px; border-radius:20px; text-transform:uppercase; letter-spacing:.04em;}
  .plan-badge.free{background:var(--panel2); color:var(--muted); border:1px solid var(--border);}
  .plan-badge.pro{background:rgba(240,185,11,.12); color:var(--gold); border:1px solid rgba(240,185,11,.4);}
  .acct-row{display:flex; justify-content:space-between; align-items:center; padding:12px 0; border-top:1px solid var(--border);}
  .acct-row:first-child{border-top:none;}
  .acct-row .k{color:var(--muted); font-size:13px;}
  .toggle{position:relative; width:38px; height:22px; background:var(--panel2); border:1px solid var(--border); border-radius:20px; cursor:pointer;}
  .toggle .dot{position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:var(--muted); transition:transform .15s, background .15s;}
  .toggle.on{border-color:var(--gold);}
  .toggle.on .dot{transform:translateX(16px); background:var(--gold);}
  /* dashboard auth bar + upgrade banner */
  .acct-bar{display:flex; align-items:center; gap:10px; margin-left:auto;}
  .acct-bar a, .acct-bar button{color:var(--muted); text-decoration:none; font-size:12.5px; background:none; border:none; cursor:pointer; font-family:inherit;}
  .acct-bar a:hover, .acct-bar button:hover{color:var(--text);}
  #upgrade-banner{display:flex; align-items:center; justify-content:space-between; gap:12px; background:rgba(240,185,11,.08); border:1px solid rgba(240,185,11,.35); border-radius:12px; padding:10px 16px; margin-bottom:14px; font-size:13px;}
  #upgrade-banner a{color:var(--gold); font-weight:700; text-decoration:none;}