:root{--heim-bg:#0b1020;--heim-panel:#111a2d;--heim-card:#18233a;--heim-primary:#34d399;--heim-secondary:#60a5fa;--heim-accent:#7cf3ff;--heim-ink:#ffffff;--heim-border:#2a3553;--heim-shadow:0 10px 24px rgba(0,0,0,.25)}
#hani-quest-app{color:var(--heim-ink);background:linear-gradient(180deg,var(--heim-bg),#0c1326 55%,var(--heim-bg));padding:8px 0 28px;font-family:system-ui,-apple-system,Inter,Segoe UI,Roboto,Arial,sans-serif}
.hq-wrap{max-width:1024px;margin:0 auto;padding:8px 16px}
.hq-title{font-size:clamp(28px,4vw,38px);font-weight:900;margin:8px 0 6px;color:#fff!important}
.hq-panel h3,.hq-card h4,.hq-day h5,.hq-detail-title{color:#fff!important}
.hq-sub{opacity:.95;margin:0 0 20px}
.hq-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.hq-points{background:var(--heim-card);border:1px solid var(--heim-border);padding:6px 12px;border-radius:14px;font-weight:800;box-shadow:var(--heim-shadow)}
.hq-tabs{display:flex;gap:10px;flex-wrap:wrap}
.hq-tab{background:#0e1730;border:1px solid var(--heim-border);color:#dce6ff;padding:8px 14px;border-radius:16px;cursor:pointer;transition:.18s}
.hq-tab:hover{transform:translateY(-1px)}
.hq-tab.is-active{background:var(--heim-secondary);border-color:var(--heim-secondary);color:#0b1424;font-weight:900}
.hq-actions{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 18px}
.hq-btn{background:var(--heim-primary);color:#062214;border:none;border-radius:12px;padding:10px 16px;font-weight:900;cursor:pointer;box-shadow:var(--heim-shadow);transition:.18s}
.hq-btn.secondary{background:var(--heim-secondary);color:#071225}
.hq-btn.link{background:transparent;border:1px solid var(--heim-border);color:#e6f0ff}
.hq-btn[disabled]{opacity:.6;cursor:not-allowed}
.hq-panels{display:grid;gap:18px}
.hq-panel{background:var(--heim-panel);border:1px solid var(--heim-border);border-radius:16px;padding:16px;box-shadow:var(--heim-shadow)}
.hq-grid{display:grid;gap:14px}
@media(min-width:760px){.hq-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:980px){.hq-grid{grid-template-columns:repeat(3,1fr)}}
.hq-card{background:var(--heim-card);border:1px solid var(--heim-border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:118px;transition:.2s;box-shadow:var(--heim-shadow)}
.hq-card:hover{transform:translateY(-2px)}
.hq-meta{opacity:.9;font-size:13px}
.hq-chip{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(14,165,233,.18);border:1px solid rgba(14,165,233,.45);color:#dff3ff;font-weight:800;font-size:12px}
.hq-lock{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:#1c243b;border:1px solid #324269;color:#e4ecff;border-radius:999px;padding:2px 8px}
.hq-progress{height:10px;background:#0c1326;border:1px solid var(--heim-border);border-radius:999px;overflow:hidden;position:relative}
.hq-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--heim-primary),var(--heim-accent))}
.hq-progress b{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;color:#071225;background:#c9f9ff;border-radius:10px;padding:1px 6px;font-weight:900}
.hq-catbar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.hq-detail-head{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
.hq-days{display:grid;gap:12px}
@media(min-width:760px){.hq-days{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1060px){.hq-days{grid-template-columns:repeat(3,1fr)}}
.hq-day{background:#12203a;border:1px solid var(--heim-border);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px}
.hq-task{display:flex;gap:10px;align-items:flex-start;background:#0d1a30;border:1px solid #243152;border-radius:12px;padding:8px 10px;flex-direction:column}
.hq-task input[type="checkbox"]{transform:scale(1.2);margin-top:2px}
.hq-foot{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:6px}
.hq-badge{background:#0d2a1f;border:1px solid #1e6b4b;color:#b4ffe0;padding:4px 10px;border-radius:999px;font-weight:800;font-size:12px}
.hq-note{background:#0f213e;border:1px dashed #2e5ea3;color:#d6e9ff;border-radius:12px;padding:10px 12px}
.hq-tip{background:#0c1b33;border:1px solid #264a8a;color:#d9e7ff;border-radius:10px;padding:8px 10px;font-size:13px}
.hq-hidden{display:none !important}
.haniq-btn-learn{display:inline-block;background:var(--heim-primary);color:#081018!important;border:none;padding:.55rem .85rem;border-radius:12px;font-weight:800;cursor:pointer;text-decoration:none!important;box-shadow:0 2px 0 rgba(0,0,0,.2);transition:.05s ease;margin-top:.5rem}
.haniq-gear{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--heim-border);color:#dce6ff;border-radius:999px;padding:6px 10px;font-size:12px;text-decoration:none}
.haniq-gear:hover{filter:brightness(1.1)}