.hn-page{background:#f8f4ea;color:#1f2921}.hn-shell{max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top, 0px) + 8px) 20px calc(40px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:16px}.hn-nav{display:flex;align-items:center;gap:8px;min-height:48px}.hn-nav h1{margin:0;font-size:17px;font-weight:500}.hn-back{text-decoration:none;display:grid;place-items:center;width:44px;height:44px;margin-left:-12px;font-size:32px;font-weight:700;color:#124730}.hn-id{background:#124730;color:#fff;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:16px}.hn-id-top{display:flex;align-items:center;gap:14px}.hn-id-mark{width:56px;height:54px;object-fit:contain;flex-shrink:0}.hn-id-name{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.hn-id-name strong{font-size:22px;font-weight:700;color:#fff5d6}.hn-id-name span{font-size:12px;line-height:17px;color:#b9d3bd}.hn-id-valid{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.hn-id-valid small{font-size:12px;color:#a9c4ae}.hn-id-valid span{font-size:14px;font-weight:500;color:#fff5d6;white-space:nowrap}.hn-id hr{border:0;height:1px;background:rgba(255,255,255,.14);margin:0}.hn-id-bottom{display:flex;align-items:center;justify-content:space-between}.hn-id-bottom small{display:block;font-size:12px;color:#a9c4ae;margin-bottom:4px}.hn-id-bottom b{font-family:Inter,system-ui,sans-serif;font-size:17px;letter-spacing:.5px}.hn-pill{text-decoration:none;padding:8px 14px;border-radius:16px;background:rgba(255,255,255,.12);color:#fff5d6;font-size:13px;font-weight:500;min-height:36px;display:inline-flex;align-items:center}.hn-card{background:#fffef8;border:1px solid #e8e1cf;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:16px}.hn-card-head{display:flex;align-items:center;justify-content:space-between}.hn-card-head h2{margin:0;font-size:18px;font-weight:500}.hn-accent{font-size:13px;color:#2e875c}.hn-muted{font-size:13px;color:#667363}.hn-empty{align-items:flex-start;font-size:14px;color:#667363}.hn-levels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.hn-levels li{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:#8a9386}.hn-levels img{width:64px;height:64px;object-fit:contain;border-radius:50%;opacity:.38}.hn-levels li.is-next{color:#1f2921;font-weight:500}.hn-levels li.is-next img{opacity:1}.hn-levels em{font-style:normal;font-size:11px;color:#2e875c;background:#e5f5e5;border-radius:10px;padding:3px 8px}.hn-btn-primary:disabled{opacity:.6}.hn-btn-primary{box-sizing:border-box;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:24px;background:#124730;color:#fff;font-size:16px;font-weight:500;border:0}.hn-block{width:100%}.hn-btn-ghost{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid #e0dccd;background:transparent;color:#45524a;font-size:14px}.hn-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hn-badge{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:0;border-radius:16px;background:#f6f1e8;color:inherit}.hn-badge:disabled{cursor:default}.hn-badge img{width:78px;height:88px;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(60,48,28,.22))}.hn-badge img.is-locked{filter:grayscale(1) contrast(.85) brightness(1.08) drop-shadow(0 2px 3px rgba(60,48,28,.12));opacity:.62}.hn-badge strong{font-size:14px;font-weight:500}.hn-badge strong.is-dim{color:#8a9386}.hn-badge small{font-size:11px;color:#a3aa9c}.hn-badge small.is-date{color:#2e875c}.hn-badge-unknown{width:74px;height:84px;margin:2px 0;display:grid;place-items:center;font:700 26px/1 Inter,sans-serif;color:#b3a98f;background:#f1ecdf;clip-path:polygon(50% 1%,97% 26%,97% 74%,50% 99%,3% 74%,3% 26%)}