.ref-welcome-banner{border:1px solid color-mix(in srgb, #047857 28%, var(--line,#e2e8f0));background:linear-gradient(145deg,#e1ede5 0%,#f1f5f2 55%,#fffdf8 100%);border-radius:16px;gap:.85rem;margin:0 0 1.15rem;padding:1.1rem 1.15rem 1.2rem;display:grid;box-shadow:0 8px 24px #04785714}.ref-welcome-banner--compact{margin-bottom:.85rem;padding:.9rem 1rem}.ref-welcome-banner__head{align-items:flex-start;gap:.75rem;display:flex}.ref-welcome-banner__emoji{font-size:1.55rem;line-height:1}.ref-welcome-banner__title{color:#064e3b;font-size:1.05rem;font-weight:750;line-height:1.35;display:block}.ref-welcome-banner__lead{color:var(--muted,#64748b);margin:.25rem 0 0;font-size:.875rem;line-height:1.5}.ref-welcome-banner__progress{gap:.4rem;display:grid}.ref-welcome-banner__progress-meta,.ref-pending-reward__meta{color:#0f766e;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.82rem;font-weight:600;display:flex}.ref-welcome-banner__remain{color:var(--muted,#64748b);font-weight:500}.ref-welcome-banner__bar{background:#c7dbde;border-radius:999px;height:.55rem;overflow:hidden}.ref-welcome-banner__bar>i{border-radius:inherit;background:linear-gradient(90deg,#047857,#0e7490);height:100%;transition:width .35s;display:block}.ref-welcome-banner__checklist{color:var(--muted,#64748b);margin:0;padding:0 0 0 1.1rem;font-size:.8rem;line-height:1.5}.ref-welcome-banner__checklist li+li{margin-top:.2rem}.ref-welcome-banner__cta{color:#fff;background:#047857;border-radius:999px;justify-self:start;align-items:center;padding:.55rem 1rem;font-size:.875rem;font-weight:650;text-decoration:none;display:inline-flex}.ref-welcome-banner__cta:hover{background:#065f46}.ref-pending-reward{border:1px dashed color-mix(in srgb, #b45309 45%, var(--line,#e2e8f0));background:#fef8dd;border-radius:16px;margin:0 0 1.25rem;padding:1.15rem 1.2rem;position:relative}.ref-pending-reward__badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#b45309;border-radius:999px;margin-bottom:.45rem;padding:.15rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.ref-pending-reward__title{color:#78350f;margin:0 0 .35rem;font-size:1.05rem;font-weight:750}.ref-pending-reward__copy{color:#92400e;margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.ref-pending-reward__link{color:#047857;margin-top:.75rem;font-size:.875rem;font-weight:650;text-decoration:none;display:inline-block}.ref-pending-reward__link:hover{text-decoration:underline}.ref-chapter-hint{border:1px solid color-mix(in srgb, #047857 22%, var(--line,#e2e8f0));background:color-mix(in srgb, #047857 8%, var(--surface,#fff));color:#065f46;border-radius:10px;margin:.45rem 0 0;padding:.55rem .75rem;font-size:.8rem;line-height:1.45}.ref-chapter-hint--ok{color:#047857;background:#cceadf;border-color:#04785766;font-weight:600}.ref-welcome-modal{z-index:160;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.ref-welcome-modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a6b;position:absolute;inset:0}.ref-welcome-modal__panel{background:#fffdf8;border:1px solid #abccca;border-radius:20px;width:min(100%,22.5rem);padding:1.4rem 1.3rem 1.2rem;position:relative;box-shadow:0 24px 60px #00000047}.ref-welcome-modal__close{width:2rem;height:2rem;color:var(--muted,#64748b);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;font-size:.95rem;line-height:1;display:inline-grid;position:absolute;top:.7rem;right:.7rem}.ref-welcome-modal__close:hover,.ref-welcome-modal__close:focus-visible{background:color-mix(in srgb, var(--ink,#14231c) 7%, transparent);color:var(--ink,#14231c);outline:none}.ref-welcome-modal__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#047857;margin:0 2.1rem .7rem 0;font-size:.72rem;font-weight:700}.ref-welcome-modal__panel h2{color:#064e3b;margin:0 0 .55rem;font-size:1.2rem;line-height:1.35}.ref-welcome-modal__msg{color:var(--muted,#64748b);margin:0 0 1.15rem;font-size:.92rem;line-height:1.55}.ref-welcome-modal__actions{align-items:stretch;gap:.55rem;display:flex}.ref-welcome-modal__actions .btn-primary,.ref-welcome-modal__actions .btn-ghost{min-width:0;min-height:2.65rem;font:inherit;cursor:pointer;box-sizing:border-box;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;padding:.55rem .9rem;font-size:.88rem;font-weight:650;text-decoration:none;display:inline-flex}.ref-welcome-modal__actions .btn-primary{color:#fff;background:#047857;border:1px solid #047857}.ref-welcome-modal__actions .btn-ghost{color:#047857;border:1px solid color-mix(in srgb, #047857 42%, var(--line,#e2e8f0));background:0 0}.ref-welcome-modal__actions .btn-ghost:hover,.ref-welcome-modal__actions .btn-ghost:focus-visible{background:#04785714}html[data-theme=dark] .ref-welcome-banner{background:linear-gradient(145deg, color-mix(in srgb, #047857 22%, var(--surface)) 0%, var(--surface) 100%);border-color:color-mix(in srgb, #2dd4bf 28%, var(--border-subtle,#23342e))}html[data-theme=dark] .ref-welcome-banner__title,html[data-theme=dark] .ref-welcome-modal__panel h2{color:#99f6e4}html[data-theme=dark] .ref-pending-reward{background:color-mix(in srgb, #b45309 18%, var(--surface));border-color:color-mix(in srgb, #fbbf24 35%, var(--border-subtle,#23342e))}html[data-theme=dark] .ref-pending-reward__title{color:#fde68a}html[data-theme=dark] .ref-pending-reward__copy{color:#fcd34d}html[data-theme=dark] .ref-welcome-modal__panel{background:var(--surface-elevated,#16221e);border-color:var(--border-subtle,#23342e)}html[data-theme=dark] .ref-welcome-modal__close:hover,html[data-theme=dark] .ref-welcome-modal__close:focus-visible{color:var(--ink,#e8f0ec);background:#ffffff14}html[data-theme=dark] .ref-welcome-modal__actions .btn-ghost{color:#99f6e4;border-color:color-mix(in srgb, #2dd4bf 40%, var(--border-subtle,#23342e))}