.header-account{position:relative;display:flex;align-items:center}.header-account-button{display:grid;place-items:center;width:42px;height:42px;padding:9px;border:0;background:transparent;color:#173b2c;cursor:pointer}.header-account-button svg{display:block;width:22px;height:22px}.header-account-button:hover{background:#edf2eb;border-radius:50%}.header-account-popover[hidden]{display:none}.header-account-popover{position:absolute;z-index:1002;right:-48px;top:calc(100% + 10px);width:248px;background:#fffdf9;border:1px solid #e3ddd2;border-radius:10px;padding:19px;box-shadow:0 12px 35px #132d1e20;color:#183b29}.header-account-popover strong{display:block;font-size:16px}.header-account-popover p{margin:8px 0 16px;font-size:13px;line-height:1.5;color:#66766b}.header-account-popover a{display:block;text-align:center;padding:10px;border-radius:5px;font-size:13px;font-weight:600}.header-account-signin{background:#173e2b;color:white}.header-account-create{margin-top:7px;border:1px solid #dce5db;color:#173e2b}@media(max-width:700px){.header-account-button{width:38px;height:42px;padding:8px}.header-account-popover{right:-40px;width:min(248px,calc(100vw - 28px))}}
.header-account-popover{top:100%;overflow-wrap:anywhere}.header-account-popover .header-account-id{margin:9px 0;font-size:11px}.header-account-id span{font-size:11px;word-break:break-all}.header-account-points{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #ece7dd;padding:12px 0;font-size:13px}.header-account-logout{display:block;width:100%;border:0;background:none;color:#2c5840;padding:11px;text-decoration:underline;cursor:pointer}.header-account-popover .header-account-error:empty{display:none}
.header-account-popover .header-account-id{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;color:#66766b;font-size:13px}.header-account-id span{font-size:13px;word-break:normal}.header-account-id b{color:#244b35;font-size:13px;white-space:nowrap}
@media(max-width:700px){.header-account-popover{max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}.header-account-popover strong{overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.header-account-popover a,.header-account-popover .header-account-logout{min-height:44px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}}