#ghpp-tools{display:none!important;}#gh-home-mode.active ~ #ghpp-tools{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.ghpp-card{background:var(--card-bg,#fff);border:1px solid rgba(100,116,139,.14);border-radius:22px;padding:20px;box-shadow:0 10px 35px rgba(15,23,42,.06)}.ghpp-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ghpp-card-head span{font-size:11px;font-weight:800;letter-spacing:.12em;opacity:.6}.ghpp-card-head h3{margin:5px 0 0;font-size:19px}.ghpp-progress,.ghpp-challenge-bar{height:9px;border-radius:999px;background:rgba(100,116,139,.12);overflow:hidden;margin:16px 0}.ghpp-progress i,.ghpp-challenge-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#06b6d4);transition:width .35s ease}.ghpp-task-list{display:grid;gap:8px}.ghpp-task,.ghpp-actions button,.ghpp-file{width:100%;border:1px solid rgba(100,116,139,.14);background:transparent;border-radius:14px;padding:11px 13px;display:flex;align-items:center;gap:10px;text-align:left;color:inherit;cursor:pointer}.ghpp-task small{margin-left:auto;font-size:20px;opacity:.45}.ghpp-actions{display:grid;gap:9px}.ghpp-actions button:hover,.ghpp-file:hover{background:rgba(99,102,241,.07)}.ghpp-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ghpp-mini-stats div{padding:12px;border-radius:15px;background:rgba(100,116,139,.07);text-align:center}.ghpp-mini-stats b{display:block;font-size:20px}.ghpp-mini-stats span{font-size:11px;opacity:.65}.ghpp-sync{display:block;margin-top:12px;opacity:.6}.ghpp-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:18px}.ghpp-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(7px)}.ghpp-dialog{position:relative;width:min(560px,100%);max-height:88vh;overflow:auto;background:var(--card-bg,#fff);color:var(--text-color,#172033);border-radius:24px;padding:25px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.ghpp-dialog>span{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.55}.ghpp-dialog h2{margin:6px 0 15px}.ghpp-x{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:27px;cursor:pointer;color:inherit}.ghpp-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.ghpp-primary{border:0;border-radius:12px;padding:11px 17px;background:#4f46e5;color:#fff;font-weight:700;cursor:pointer}.ghpp-options{display:grid;gap:10px;margin-top:18px}.ghpp-options button{padding:13px;border:1px solid rgba(100,116,139,.18);background:transparent;border-radius:13px;text-align:left;color:inherit;cursor:pointer}.ghpp-options button:hover{background:rgba(99,102,241,.08)}.ghpp-result{text-align:center;padding:15px}.ghpp-result>b{font-size:42px}.ghpp-challenge{text-align:center}.ghpp-challenge-icon{font-size:48px}.ghpp-notifs{display:grid;gap:12px}.ghpp-notifs>div{padding:13px;border-radius:14px;background:rgba(100,116,139,.07)}#ghpp-toasts{position:fixed;right:18px;bottom:18px;z-index:10001;display:grid;gap:8px;max-width:min(380px,calc(100vw - 36px))}.ghpp-toast{padding:12px 15px;border-radius:14px;background:#172033;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);opacity:0;transform:translateY(8px);transition:.2s}.ghpp-toast.show{opacity:1;transform:none}.ghpp-toast.success{background:#087f5b}.ghpp-toast.error{background:#b42318}#ghpp-focusbar{position:fixed;top:0;left:0;right:0;z-index:9998;display:flex;align-items:center;gap:12px;padding:9px 15px;background:#111827;color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.2)}#ghpp-focusbar span{opacity:.7;font-size:12px}#ghpp-focusbar button{margin-left:auto;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:9px;padding:6px 10px;cursor:pointer}.ghpp-focus main,.ghpp-focus header,.ghpp-focus #gh-mobile-nav,.ghpp-focus #ghpp-tools{filter:none}.ghpp-focus main>section:not(.active){display:none!important}.ghpp-focus #gh-home-mode{display:none!important}.ghpp-focus main{padding-top:40px}.ghpp-file{justify-content:flex-start;font:inherit}@media(max-width:760px){#ghpp-tools{grid-template-columns:1fr;margin:12px 0}.ghpp-card{padding:16px;border-radius:18px}.ghpp-mini-stats{grid-template-columns:repeat(2,1fr)}.ghpp-dialog{border-radius:20px;padding:20px}.ghpp-toast{font-size:13px}}
@media(prefers-reduced-motion:reduce){.ghpp-progress i,.ghpp-challenge-bar i,.ghpp-toast{transition:none}}

/* DARK MODE V14: Premium/Smart Study cards must never keep the light #fff card background. */
html body.dark-mode #ghpp-tools .ghpp-card {
  --card-bg: #111d2b !important;
  background: linear-gradient(180deg, #142334 0%, #0d1825 100%) !important;
  color: #f2f7ff !important;
  border-color: rgba(110, 170, 225, .24) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .30) !important;
}
html body.dark-mode #ghpp-tools .ghpp-card-head h3,
html body.dark-mode #ghpp-tools .ghpp-card-head b,
html body.dark-mode #ghpp-tools .ghpp-card-head span,
html body.dark-mode #ghpp-tools .ghpp-task,
html body.dark-mode #ghpp-tools .ghpp-task b,
html body.dark-mode #ghpp-tools .ghpp-actions button,
html body.dark-mode #ghpp-tools .ghpp-file,
html body.dark-mode #ghpp-tools .ghpp-sync,
html body.dark-mode #ghpp-tools .ghpp-mini-stats b,
html body.dark-mode #ghpp-tools .ghpp-mini-stats span {
  color: #f2f7ff !important;
}
html body.dark-mode #ghpp-tools .ghpp-card-head span,
html body.dark-mode #ghpp-tools .ghpp-sync,
html body.dark-mode #ghpp-tools .ghpp-mini-stats span {
  color: #9eb2c6 !important;
}
html body.dark-mode #ghpp-tools .ghpp-task,
html body.dark-mode #ghpp-tools .ghpp-actions button,
html body.dark-mode #ghpp-tools .ghpp-file {
  background: linear-gradient(180deg, #1a2735 0%, #141f2c 100%) !important;
  border-color: rgba(112, 157, 199, .24) !important;
}
html body.dark-mode #ghpp-tools .ghpp-task:hover,
html body.dark-mode #ghpp-tools .ghpp-actions button:hover,
html body.dark-mode #ghpp-tools .ghpp-file:hover {
  background: #203247 !important;
  border-color: rgba(103, 181, 255, .48) !important;
}
html body.dark-mode #ghpp-tools .ghpp-mini-stats div {
  background: rgba(72, 111, 148, .18) !important;
  border: 1px solid rgba(110, 170, 225, .12) !important;
}
html body.dark-mode #ghpp-tools .ghpp-progress,
html body.dark-mode #ghpp-tools .ghpp-challenge-bar {
  background: #25384b !important;
}
html body.dark-mode #ghpp-tools .ghpp-progress i,
html body.dark-mode #ghpp-tools .ghpp-challenge-bar i {
  background: linear-gradient(90deg, #4da8ff, #78d0ff) !important;
}
html body.dark-mode #ghpp-tools .ghpp-card p,
html body.dark-mode #ghpp-tools .ghpp-card small {
  color: #b8c7d6 !important;
}
html body.dark-mode .ghpp-dialog {
  --card-bg: #111d2b !important;
  --text-color: #f2f7ff !important;
  background: linear-gradient(180deg, #142334 0%, #0d1825 100%) !important;
  color: #f2f7ff !important;
  border: 1px solid rgba(110, 170, 225, .24) !important;
}


/* Dark color-scheme support. */
html { color-scheme: light dark !important; }
html body.dark-mode,
html body.dark-mode #ghpp-tools,
html body.dark-mode #ghpp-tools * {
  color-scheme: dark !important;
}

