/* Account styles stay inside the panel; the map keeps its own design and state. */
#wk-account-panel{position:fixed;inset:0;z-index:12000;overflow:hidden;background:#fafbfa;color:#242a28;color-scheme:light}
#wk-account-panel[hidden]{display:none!important}
body.wk-profile-open .wekiwi-bottom-nav{z-index:12001!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
#account{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;box-sizing:border-box;max-width:480px;height:100%;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 14px) 26px calc(env(safe-area-inset-bottom,0px) + 100px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
#account *,#account *:before,#account *:after{box-sizing:border-box}
#account button,#account input,#account summary{-webkit-tap-highlight-color:transparent;font:inherit}
#account button,#account summary{touch-action:manipulation;cursor:pointer}
#account button:disabled{opacity:.5;cursor:wait}
#account button:focus-visible,#account summary:focus-visible{outline:2px solid #16c75a;outline-offset:3px}
#account svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#account .top{height:44px;display:flex;justify-content:flex-end;align-items:center;margin:0 0 42px}
#account .icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e7ebe8;border-radius:15px;background:#fff;color:#69716d}
#account h1{font-size:30px;line-height:1.17;letter-spacing:-.035em;font-weight:600;margin:0 0 12px;outline:0}
#account h2{font-size:15px;font-weight:550;margin:0 0 13px}
#account .intro{font-size:14px;font-weight:400;line-height:1.5;color:#7c8580;margin:0 0 34px}
#account .field{margin:0 0 18px;min-width:0}
#account label{display:block;font-size:12px;font-weight:450;color:#65716a;margin-bottom:8px}
#account .input-wrap{position:relative}
#account input{width:100%;height:51px;min-width:0;border:1px solid #e0e6e2;border-radius:14px;background:#fff;color:#242a28;padding:13px 15px;outline:0;font-size:16px;font-weight:400}
#account input::placeholder{font-size:14px;color:#a0a9a3;font-weight:350}
#account input:focus{border-color:#72ad87;box-shadow:0 0 0 3px #16c75a0b}
#account .input-wrap:has(.peek) input,#account .input-wrap:has(.field-help) input{padding-right:47px}
#account .input-wrap:has(.peek):has(.field-help) input{padding-right:80px}
#account input[type=date]{appearance:none;-webkit-appearance:none;line-height:24px;text-align:left}
#account input[type=date]::-webkit-date-and-time-value{text-align:left}
#account .peek{position:absolute;right:5px;top:5px;width:40px;height:41px;border:0;background:transparent;color:#8f8f8f;display:grid;place-items:center}
#account .input-wrap:has(.field-help) .peek{right:35px}
#account .peek[aria-pressed=true]{color:#8f8f8f}
#account .field-help{position:absolute;right:10px;top:15px;z-index:3}
#account .field-help summary{list-style:none;display:grid;place-items:center;width:21px;height:21px;border:1px solid #cbd3ce;border-radius:50%;color:#859189;font-size:12px;font-weight:450}
#account .field-help summary::-webkit-details-marker{display:none}
#account .field-help p{position:absolute;right:-5px;top:22px;width:245px;max-width:75vw;background:#fff;border:1px solid #e2e8e4;box-shadow:0 6px 25px #24382c14;border-radius:13px;padding:13px 15px;font-size:12px;line-height:1.6;color:#66756c;margin:6px 0}
#account .primary{width:100%;min-height:50px;border-radius:15px;padding:14px 18px;font-weight:550;font-size:15px;border:0;background:#16c75a;color:#fff;margin-top:9px;box-shadow:0 4px 12px #16c75a12}
#account .text,#account .done{background:none;border:0;color:#5e7065;padding:11px 0;font-size:13px;font-weight:400}
#account .done{font-size:14px}
#account .links{text-align:center;margin-top:8px}
#account .bottom{font-size:13px;font-weight:350;color:#89948c;text-align:center;line-height:1.5;margin:24px 0 0}
#account .bottom .text{color:#2a4535;margin-left:4px}
#account .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#account .message{font-size:13px;line-height:1.5;border-radius:13px;background:#f0f3f1;color:#65716a;padding:12px 14px;margin:0 0 20px;overflow-wrap:anywhere}
#account .message.error{color:#a14942;background:#fff0ed}
#account .message:empty{display:none}
#account .legal{font-size:11px;font-weight:350;line-height:1.65;text-align:center;color:#8c9690;max-width:330px;margin:46px auto 0;padding-bottom:4px}
#account .legal p{font-size:10px;font-weight:300;line-height:1.65;color:#a0a8a3;margin:9px 0 0}
#account .avatar{display:grid;place-items:center;color:#a3b0a7;width:76px;height:76px;border-radius:50%;object-fit:cover;background:#edf1ee;border:1px solid #e4eae6}
#account .hero{padding:0 0 12px}
#account .hero .avatar{margin-bottom:22px}
#account .handle{font-size:14px;color:#86918a;margin:0;overflow-wrap:anywhere}
#account .card,#account .settings-group{background:#fff;border:1px solid #e8ece9;border-radius:19px;margin:20px 0;padding:19px}
#account .info{font-size:13px;font-weight:350;line-height:1.6;color:#86918a;margin:0}
#account .kv{padding:12px 0;border-bottom:1px solid #f0f3f1;overflow-wrap:anywhere;font-size:14px}
#account .kv:last-child{border:0;padding-bottom:0}
#account .kv small{display:block;font-size:11px;color:#929d95;margin-bottom:5px}
#account[data-page=settings] .top{margin-bottom:15px}
#account[data-page=settings] h1{margin-bottom:28px}
#account .profile-row{width:100%;border:1px solid #e8ece9;background:#fff;border-radius:20px;padding:17px;display:flex;align-items:center;gap:14px;text-align:left;color:#242a28}
#account .profile-row .avatar{width:55px;height:55px;flex-shrink:0}
#account .profile-row strong{display:block;font-size:16px;line-height:1.3;font-weight:550;overflow-wrap:anywhere}
#account .profile-row small{display:block;font-size:11px;color:#929d95;line-height:1.5;margin-top:5px}
#account .chevron{font-size:25px;color:#b9c1bc;margin-left:auto}
#account .group-label{margin:28px 16px 8px;color:#929d95;font-size:11px}
#account .settings-group{padding:0 17px;margin:0 0 18px}
#account .setting-row{display:block;background:none;border:0;border-bottom:1px solid #eef1ef;padding:17px 0;min-height:53px;text-align:left;width:100%;font-size:14px;color:#424f47;font-weight:400}
#account .setting-row:last-child{border-bottom:0}
#account .danger{color:#b45d55}
#account[data-page=register] .top{margin-bottom:25px}
#account[data-page=register] h1{margin-bottom:28px}
@media(max-width:350px){#account{padding-left:19px;padding-right:19px}#account h1{font-size:27px}#account .row{gap:9px}}
@media(prefers-reduced-motion:no-preference){#account button{transition:background .15s,opacity .15s}#account .primary:active{background:#14b451}}

/* Quiet account controls and labels that remain available after typing. */
#account .top .back{margin-right:auto}
#account[data-page=login] #account-form .field{position:relative}
#account[data-page=login] #account-form .field>label{position:absolute;left:11px;top:0;z-index:2;transform:translateY(-50%);background:#fafbfa;padding:0 5px;margin:0;opacity:0;pointer-events:none;font-size:11px}
#account[data-page=login] #account-form .field:focus-within>label,#account[data-page=login] #account-form .field:has(input:not(:placeholder-shown))>label{opacity:1}
#account .legal-links{display:flex;justify-content:center;align-items:center;gap:4px 10px;flex-wrap:wrap}
#account .legal-links .text{font-size:10.5px;font-weight:350;color:#859087;padding:5px 0;text-decoration:underline;text-decoration-color:#d3dad5;text-underline-offset:3px}
@media(max-width:350px){#account[data-page=login] input::placeholder{font-size:12px}}

/* The product promise belongs to the welcome heading; legal links stay in prose. */
#account .legal{max-width:350px;margin-top:42px;text-align:left}
#account .legal p{font-size:11px;line-height:1.75;color:#8c9690;margin:0}
#account .legal .text{display:inline;padding:0;min-height:0;font-size:inherit;font-weight:inherit;color:#69756d;text-align:inherit;vertical-align:baseline;text-decoration:underline;text-decoration-color:#cdd5cf;text-underline-offset:3px}