html:has(.hub),html:has(.hub-theme),body:has(>.hub),body:has(>.hub-theme){background:var(--app-bg)}.hub,.hub-theme{--bg: var(--app-bg);--fg: var(--text);--fg-muted: var(--text-muted);--rule: var(--border);--ok: #22c55e;--danger: #ef4444;background:var(--app-bg);color:var(--text)}.htitle{font-family:var(--font-display);text-transform:uppercase;font-weight:700;line-height:.95;font-size:clamp(2.4rem,8vw,3.4rem);letter-spacing:.01em}.htitle .dot,.htitle .go{color:var(--accent)}.hsub{color:var(--text-muted);font-size:var(--fs-small);margin-top:.4rem}.hlabel{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:600;color:var(--text-muted)}.hlabel--accent{color:var(--accent)}.hnum{font-family:var(--font-display);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.hnum--accent{color:var(--accent)}.hback{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem;color:var(--accent);text-decoration:none;margin-bottom:.9rem}.hcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);padding:1.1rem 1.15rem}.hcard--accent{border-color:var(--accent)}.hcard--soft{background:var(--surface-2)}.hgrid{display:grid;gap:.85rem}.hgrid--2{grid-template-columns:1fr 1fr}.hdivider{width:1px;align-self:stretch;background:var(--border)}.hrule{border:0;border-top:1px solid var(--border);margin:.9rem 0}.hicon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-input);color:var(--accent)}.hicon--lg{width:56px;height:56px}.hicon--round{border-radius:50%}.hub .btn,.hub-theme .btn{border-radius:var(--r-btn);min-height:48px;letter-spacing:.1em;border-color:var(--border-strong);color:var(--text)}.hub .btn:hover,.hub-theme .btn:hover{background:var(--surface-2);color:var(--text)}.hub .btn--accent,.hub-theme .btn--accent{border-color:var(--accent);color:var(--accent)}.hub .btn--accent:hover,.hub-theme .btn--accent:hover{background:#2fc7d41f;color:var(--accent)}.btn--teal{background:var(--accent);color:#05262a;border-color:var(--accent)}.hub .btn--teal:hover,.hub-theme .btn--teal:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:#05262a}.btn--ghost{border-color:transparent;color:var(--accent)}.hub .btn--ghost:hover{background:transparent;text-decoration:underline}.btn--small{min-height:38px}.btn--icon{gap:.6em}.hub .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}.hub .card--flat{border-color:var(--border)}.hub .btn--solid{background:var(--accent);color:#05262a;border-color:var(--accent)}.hub .btn--solid:hover{background:var(--accent-soft);border-color:var(--accent-soft);color:#05262a}.hub table.kp th{border-bottom-color:var(--border-strong);color:var(--text-muted)}.hub table.kp td{border-bottom-color:var(--border)}.hub .eyebrow{color:var(--text-muted)}.hub .chip--solid{background:var(--accent);color:#05262a;border-color:var(--accent)}.hub .muted{color:var(--text-muted)}.hstars{display:inline-flex;gap:.2rem}.hstars button{background:none;border:0;padding:.5rem .35rem;color:var(--text-faint);cursor:pointer;line-height:0;min-height:44px;display:grid;place-items:center}.hstars button.is-on,.hstars .is-on{color:var(--accent)}.hstars button.is-on svg{fill:var(--accent)}.hub .field label,.hub-theme .field label{color:var(--text);letter-spacing:.16em}.hub .field input,.hub .field textarea,.hub .field select,.hub-theme .field input,.hub-theme .field textarea,.hub-theme .field select{background-color:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-input);min-height:48px;color:var(--text)}.hub .field input:focus-visible,.hub-theme .field input:focus-visible,.hub .field textarea:focus-visible,.hub-theme .field textarea:focus-visible{outline:none;border-color:var(--accent)}.hub .field input::placeholder,.hub-theme .field input::placeholder{color:var(--text-faint)}.hub.hub input:not([type=checkbox]):not([type=radio]),.hub.hub select,.hub.hub textarea,.hub-theme.hub-theme input:not([type=checkbox]):not([type=radio]),.hub-theme.hub-theme select,.hub-theme.hub-theme textarea{background-color:var(--surface);border-color:var(--border-strong);color:var(--text);border-radius:var(--r-input)}.hub input::placeholder,.hub textarea::placeholder{color:var(--text-faint)}.hub input[type=checkbox],.hub input[type=radio]{accent-color:var(--accent)}.hub.hub select,.hub-theme.hub-theme select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23f2f5f4' stroke-width='1.5'/%3E%3C/svg%3E")}.hub input[type=date]::-webkit-calendar-picker-indicator,.hub input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.7)}.hub .chip{border-radius:var(--r-sm);border-color:var(--border-strong);color:var(--text-muted)}.hub .chip--accent{color:var(--accent);border-color:#2fc7d473}.hchips{display:flex;flex-wrap:wrap;gap:.5rem}.hchip{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;padding:.45rem .85rem;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:transparent;color:var(--text);cursor:pointer}.hchip.is-on{background:var(--accent);color:#05262a;border-color:var(--accent)}.hpills{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem}.hpill{display:grid;justify-items:center;gap:.1rem;padding:.6rem .2rem;border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer}.hpill small{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.hpill b{font-family:var(--font-display);font-size:1.45rem;font-weight:700;line-height:1}.hpill.is-on{background:var(--accent);border-color:var(--accent);color:#05262a}.hpill.is-on small{color:#05262a;opacity:.75}.hseg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden}.hseg button{background:transparent;border:0;color:var(--text);cursor:pointer;min-height:44px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.hseg button+button{border-left:1px solid var(--border-strong)}.hseg button.is-on{background:var(--accent);color:#05262a}.hstepper{display:grid;grid-template-columns:48px 1fr 48px;border:1px solid var(--border-strong);border-radius:var(--r-sm);overflow:hidden}.hstepper button{background:transparent;border:0;color:var(--text);min-height:48px;font-size:1.3rem;cursor:pointer}.hstepper button:hover{background:var(--surface-2)}.hstepper output{display:grid;place-items:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;border-inline:1px solid var(--border-strong)}.hswitch{position:relative;width:48px;height:28px;flex-shrink:0}.hswitch input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}.hswitch__track{position:absolute;inset:0;border-radius:999px;background:var(--border-strong);transition:background var(--transition)}.hswitch__track:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--text);transition:transform var(--transition)}.hswitch input:checked+.hswitch__track{background:var(--accent)}.hswitch input:checked+.hswitch__track:after{transform:translate(20px);background:#05262a}.hring{position:relative;width:var(--size, 96px);height:var(--size, 96px);flex-shrink:0}.hring__track{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--pct, 0) * 1%),var(--surface-2) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--w, 9px)),#000 calc(100% - var(--w, 9px) + 1px));mask:radial-gradient(farthest-side,transparent calc(100% - var(--w, 9px)),#000 calc(100% - var(--w, 9px) + 1px))}.hring__label{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:var(--font-display);font-weight:700;line-height:1}.hring__label small{font-size:.55em;color:var(--text-muted);font-weight:500}.hbar{height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.hbar__fill{height:100%;width:calc(var(--pct, 0) * 1%);background:var(--accent);border-radius:999px}.hstat{display:grid;gap:.25rem}.hstat .hnum{font-size:clamp(2rem,9vw,2.8rem)}.hstat .hlabel{font-size:.7rem}.hstat__meta{font-size:var(--fs-tiny);color:var(--text-muted)}.hex{--hex-size: 72px;width:var(--hex-size);height:var(--hex-size);display:grid;place-items:center;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--surface-2);color:var(--text-faint);font-family:var(--font-display);font-weight:700;font-size:1.5rem;position:relative}.hex:before{content:"";position:absolute;inset:2px;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:var(--surface);z-index:0}.hex>*{position:relative;z-index:1}.hex.is-earned{background:var(--accent);color:var(--accent)}.hex.is-earned:before{background:#0f1a1b}.hbadge{display:grid;justify-items:center;gap:.35rem;text-align:center}.hbadge__lbl{font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.hbadge.is-earned .hbadge__lbl{color:var(--accent)}.hlist{display:grid}.hrow{display:flex;align-items:center;gap:.9rem;padding:.85rem .25rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--border)}.hrow:last-child{border-bottom:0}.hrow__body{flex:1;min-width:0}.hrow__title{font-weight:600;font-size:.95rem}.hrow__sub{font-size:var(--fs-tiny);color:var(--text-muted);margin-top:.1rem}.hrow__end{color:var(--text-muted);display:inline-flex;align-items:center;gap:.4rem}.hrow__end.accent{color:var(--accent)}.hempty{text-align:center;padding:2.5rem 1rem;display:grid;justify-items:center;gap:.75rem}.hempty>.icon{width:56px;height:56px;color:var(--text-muted)}.hempty h2{font-size:clamp(1.6rem,6vw,2.1rem)}.hempty p{color:var(--text-muted);max-width:30ch;font-size:var(--fs-small)}.hempty__actions{display:grid;gap:.5rem;width:100%;max-width:20rem;margin-top:.5rem}.hinfo{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--r-input);background:var(--surface);font-size:var(--fs-small);color:var(--text-muted)}.hinfo .icon{color:var(--accent);margin-top:.1rem}.hinfo--warn{border-color:#facc1566}.hinfo--warn .icon{color:var(--warn)}.hinfo--danger{border-color:#ef444466}.hinfo--danger .icon{color:var(--danger)}.htabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-bottom:1px solid var(--border);margin-bottom:1rem}.htabs a,.htabs button{background:none;border:0;padding:.75rem .25rem;text-align:center;cursor:pointer;text-decoration:none;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px}.htabs .is-on{color:var(--accent);border-bottom-color:var(--accent)}.htoast{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:.6rem;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--r-input);padding:.7rem 1rem;font-size:var(--fs-small);color:var(--text);box-shadow:0 12px 30px -10px #000000b3;animation:htoast-in .28s ease}.htoast .icon{color:var(--accent)}@keyframes htoast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.hsection{margin-top:1.4rem}.hsection__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.hsection__link{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;color:var(--accent);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.hkv{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-small)}.hkv .icon{color:var(--accent)}.hglow{text-shadow:0 0 24px rgba(47,199,212,.35)}.sheet{position:fixed;inset:0;z-index:100}.sheet__backdrop{position:absolute;inset:0;background:#000000b3}.sheet__panel{position:absolute;bottom:0;left:0;right:0;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-bottom:0;border-radius:20px 20px 0 0;padding:1.25rem var(--gutter) calc(1.25rem + env(safe-area-inset-bottom));max-width:32rem;margin-inline:auto;display:grid;gap:.9rem;max-height:85vh;overflow-y:auto}.sheet__panel:before{content:"";width:40px;height:4px;border-radius:2px;background:var(--border-strong);margin:-.3rem auto 0}.sheet__title{font-size:clamp(1.6rem,6vw,2rem)}.sheet__pay{display:grid;gap:.5rem}.sheet__opt{display:flex;align-items:center;gap:.7rem;border:1px solid var(--border-strong);border-radius:var(--r-input);padding:.8rem 1rem;cursor:pointer;background:var(--surface-2)}.sheet__opt input{accent-color:var(--accent)}.sheet__opt:has(input:checked){border-color:var(--accent)}.sheet__btns{display:grid;gap:.5rem}.hub .notice{border-radius:var(--r-input);background:var(--surface-2);border-color:var(--border)}.hub .lead{font-size:1rem;color:var(--text-muted)}@media(min-width:860px){.sheet__panel{bottom:auto;top:50%;transform:translateY(-50%);border-radius:20px;border-bottom:1px solid var(--border-strong)}}.hpills--scroll{display:flex;grid-auto-flow:unset;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-snap-type:x proximity}.hpills--scroll::-webkit-scrollbar{display:none}.hpills--scroll .hpill{flex:0 0 4.4rem;scroll-snap-align:start}.halert{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.halert__body{flex:1;min-width:12rem}.halert__title{font-family:var(--font-display);text-transform:uppercase;font-size:1.25rem;line-height:1.05;margin:.15rem 0}.halert__text{font-size:var(--fs-small);color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.htoast{animation:none}}