:root{
    --ink:#1f2430; 
    --paper:#faf7f2; 
    --line:#e3ddd2;

    /* پالت جدید */
    --dev:#1a54db;     
    --english:#ffc054; 
    --fitness:#ff8369; 
    --walk:#ff4d94;    
    --free:#c642c2;    
    --rest:#f9f871;     
}

  *{box-sizing:border-box;}
body{margin:0;font-family:'Segoe UI',system-ui,sans-serif;background:#f9f8ff;color:var(--ink);}
header{padding:18px 20px 8px;border-bottom:2px solid var(--ink);}
header h1{margin:0 0 2px;font-size:21px;letter-spacing:-.02em;}
  header p{margin:0;font-size:12.5px;color:#666;}
  .tabs{display:flex;gap:6px;padding:12px 16px 0;overflow-x:auto;}
  .tab{padding:8px 14px;border:2px solid var(--ink);border-bottom:none;background:#f9f871;cursor:pointer;font-size:13px;font-weight:600;border-radius:8px 8px 0 0;white-space:nowrap;}
  .tab.active{background:#1a54db; color: #fff;}
  main{padding:14px 16px 60px;max-width:960px;margin:0 auto;}
  .panel{display:none;} .panel.active{display:block;}
  h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#555;margin:18px 0 8px;}
  .note{font-size:12px;color:#888;margin-top:4px;}
  .card{background:#fff;border:2px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;}

  .daypicker{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;}
  .daypicker button{border:2px solid var(--line);background:#fff;border-radius:20px;padding:6px 13px;font-size:12.5px;cursor:pointer;font-weight:600;}
  .daypicker button.sel{border-color:var(--ink);background:var(--ink);color:#fff;}

  .block{display:flex;gap:10px;padding:9px 11px;border-radius:8px;margin-bottom:6px;border-left:6px solid }
  .block .time{width:95px;flex-shrink:0;font-size:12px;font-weight:700;color:#555;}
  .block .txt{font-size:13.5px;}
  .block .cat{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;opacity:.7;}
  .b-english{border-color:var(--english); background-color: #ffc054;} .b-fitness{border-color:var(--fitness);background-color: #ff8369;}
  .b-dev{border-color:#f9f871;background-color: #1a54db; color:white;} .b-walk{border-color:#ffc054; background-color: #ff4d94;} .b-free{border-color:#f9f871;background-color: #c642c2; color:white;} .b-rest{border-color:#1a54db; background: #f9f871; color:black}


  .legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;margin:8px 0 14px;}
  .legend span{display:inline-flex;align-items:center;gap:5px;}
  .dot{width:9px;height:9px;border-radius:50%;display:inline-block;}

.track-item.b-english{background-color:var(--english);}
.track-item.b-fitness{background-color:var(--fitness);}
.track-item.b-dev{background-color:var(--dev);}
.track-item.b-walk{background-color:var(--walk);}
.track-item.b-free{background-color:var(--free);}
.track-item.b-rest{background-color:var(--rest);}

  .track-item{display:flex;align-items:center;gap:10px;padding:9px 11px;background:#fff;border-radius:8px;margin-bottom:5px;border-left:6px solid var(--line);}
  .track-item.done{opacity:.5;text-decoration:line-through;}
  .track-item input{width:19px;height:19px;flex-shrink:0;}
  .track-item .lbl{font-size:13.5px;flex:1;}

  .stats{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;}
  .stat{flex:1;min-width:100px;background:#fff;border:2px solid var(--ink);border-radius:10px;padding:9px 11px;text-align:center;}
  .stat b{display:block;font-size:20px;}
  .stat span{font-size:10.5px;color:#666;}

  .scale{display:flex;gap:6px;margin:8px 0 14px;}
  .scale button{width:36px;height:36px;border:2px solid var(--line);background:#fff;border-radius:8px;cursor:pointer;font-weight:700;}
  .scale button.sel{border-color:var(--ink);background:#ff4d94; color: white;}

  textarea,input[type=text]{width:100%;border:2px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13.5px;font-family:inherit;resize:vertical;}
  textarea{min-height:44px;}
  label.field{display:block;font-size:12px;font-weight:700;color:#555;margin:8px 0 4px;}

  .daymode{display:flex;gap:6px;margin-bottom:12px;}
  .daymode button{flex:1;border:2px solid var(--line);background:#ffc054;border-radius:8px;padding:8px;font-size:12.5px;font-weight:700;cursor:pointer;}
  .daymode button.sel{border-color:var(--ink);background:var(--ink);color:#fff;}

  .dopamine{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;}
  .dopamine button{border:2px solid var(--free);background:#fff;color:var(--free);border-radius:20px;padding:6px 12px;font-size:12px;cursor:pointer;font-weight:600;}

  table{width:100%;border-collapse:collapse;font-size:11.5px;}
  th,td{border:1px solid var(--line);padding:5px 6px;text-align:left;vertical-align:top;}
  th{background:#f0ece2;position:sticky;top:0;}
  .tablewrap{overflow-x:auto;}

  button.primary{background:var(--ink);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:13.5px;font-weight:700;cursor:pointer;}
  button.primary:disabled{opacity:.5;cursor:default;}
  #syncStatus{font-size:12.5px;margin-top:8px;color:#555;white-space:pre-wrap;}