/* Account modal only. Canonical controls and type from the Spartan design page. */
#like-login-modal{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:calc(100% - 40px);max-width:420px;max-height:calc(100dvh - 40px);padding:0;border:1px solid #e4e4e1;border-radius:12px;background:#fff;color:#17181c;overflow:hidden;box-shadow:0 18px 70px #17181c24;font:400 14px/1.45 "SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
#like-login-modal::backdrop{background:#17181c66;backdrop-filter:blur(4px)}
#like-login-modal *,#like-login-modal *::before,#like-login-modal *::after{box-sizing:border-box}
#like-login-modal [hidden]{display:none!important}
#like-login-modal button,#like-login-modal input,#like-login-modal a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
#like-login-modal button{cursor:pointer}
#like-login-modal a{color:#17181c;text-decoration:none}
#like-login-modal a:hover{text-decoration:underline;text-underline-offset:3px}
#like-login-modal button:focus-visible,#like-login-modal a:focus-visible{outline:2px solid #817bfa;outline-offset:3px}
#like-login-modal button:disabled{cursor:wait;opacity:.55}
#like-login-modal .like-login-modal__surface{position:relative;max-height:calc(100dvh - 42px);padding:56px 28px 28px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#like-login-modal .like-login-modal__close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;padding:7px;border:0;border-radius:6px;background:#f2f2f0;color:#555}
#like-login-modal .like-login-modal__close svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
#like-login-modal .account-shell{display:block;width:100%;margin:0;padding:0;background:none;border:0;box-shadow:none}
#like-login-modal .account-heading{margin:0 0 24px;padding:0;text-align:left}
#like-login-modal .account-heading h1,#like-login-modal .account-heading h2{margin:0;font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.035em}
#like-login-modal .like-login-modal__intro{margin:12px 0 0;color:#777d88;font-size:14px;line-height:1.5}
#like-login-modal .account-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:40px;padding:9px 16px;border:1px solid #dededb;border-radius:24px;background:#fff;font-size:14px;line-height:20px}
#like-login-modal .account-google:hover{background:#f5f5f3;border-color:#ccc}
#like-login-modal .account-google svg{display:block;width:18px;height:18px;flex:none;stroke:none}
#like-login-modal .account-divider{display:flex;align-items:center;gap:12px;margin:22px 0;color:#777d88;font-size:12px}
#like-login-modal .account-divider::before,#like-login-modal .account-divider::after{content:"";height:1px;background:#e4e4e1;flex:1}
#like-login-modal .account-form{display:flex;flex-direction:column;gap:16px;margin:0}
#like-login-modal .account-field{display:flex;flex-direction:column;gap:7px;min-width:0}
#like-login-modal .account-profile{margin:0}
#like-login-modal .account-shell:not([data-mode="signup"]) .account-profile{display:none}
#like-login-modal .account-field label{color:#383b42;font-size:14px;line-height:20px}
#like-login-modal .account-field input{width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid #dededb;border-radius:8px;background:#fff;font-size:14px;line-height:20px;outline:none;box-shadow:none}
#like-login-modal .account-field input::placeholder{color:#9297a0;opacity:1}
#like-login-modal .account-field input:focus{border-color:#817bfa;box-shadow:0 0 0 2px #817bfa20}
#like-login-modal .account-field input[aria-invalid="true"],#like-login-modal .account-field.is-invalid input{border-color:#b13b3b}
#like-login-modal .account-field__label{display:flex;align-items:center;justify-content:space-between;gap:8px}
#like-login-modal [data-like-forgot-password]{padding:0;border:0;background:none;color:#777d88;font-size:12px;line-height:20px}
#like-login-modal [data-like-forgot-password]:hover{color:#17181c;text-decoration:underline}
#like-login-modal .account-shell[data-mode="signup"] [data-like-forgot-password]{display:none}
#like-login-modal .account-password{position:relative}
#like-login-modal .account-password input{padding-right:42px}
#like-login-modal [data-like-password-toggle]{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:32px;height:32px;padding:7px;border:0;border-radius:6px;background:none;color:#777d88}
#like-login-modal [data-like-password-toggle]:hover{background:#f2f2f0}
#like-login-modal [data-like-password-toggle] svg{display:block;width:18px;height:18px}
#like-login-modal .account-field>small,#like-login-modal .account-password-strength small{color:#777d88;font-size:12px;line-height:1.5}
#like-login-modal .account-password-strength{display:flex;flex-direction:column;gap:7px;padding-top:4px}
#like-login-modal .account-password-strength__head{display:flex;justify-content:space-between;gap:10px;color:#777d88;font-size:12px}
#like-login-modal .account-password-strength__head strong{font-weight:400;color:#383b42}
#like-login-modal .account-password-strength__meter{display:flex;gap:4px}
#like-login-modal .account-password-strength__meter i{flex:1;height:3px;border-radius:2px;background:#e4e4e1}
#like-login-modal [data-level="1"] .account-password-strength__meter i:nth-child(-n+1),#like-login-modal [data-level="2"] .account-password-strength__meter i:nth-child(-n+2){background:#b66b4f}
#like-login-modal [data-level="3"] .account-password-strength__meter i:nth-child(-n+3),#like-login-modal [data-level="4"] .account-password-strength__meter i{background:#6e805d}
#like-login-modal .account-submit{width:100%;min-height:40px;margin-top:4px;padding:9px 16px;border:1px solid #17181c;border-radius:24px;background:#17181c;color:#fff;font-size:14px;line-height:20px}
#like-login-modal .account-submit:hover{background:#303238}
#like-login-modal .account-secondary{text-align:center;font-size:14px;line-height:20px}
#like-login-modal .account-secondary[aria-disabled="true"]{pointer-events:none;opacity:.55}
#like-login-modal .account-message{margin:0;color:#b13b3b;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#like-login-modal .account-message:empty{display:none}
#like-login-modal .account-message.is-success{color:#527245}
#like-login-modal .account-legal{margin:24px 0 0;color:#777d88;font-size:12px;line-height:1.6}
#like-login-modal .account-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
body.like-login-open{overflow:hidden}
@media(max-width:480px){#like-login-modal{max-height:calc(var(--like-modal-vvh,100dvh) - 24px);width:calc(100% - 24px)}#like-login-modal .like-login-modal__surface{max-height:calc(var(--like-modal-vvh,100dvh) - 26px);padding:54px 22px 24px}#like-login-modal .account-field input{font-size:16px}#like-login-modal .account-heading :is(h1,h2){font-size:28px}}