.auth{display:flex;flex-direction:column}.auth-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:clamp(22px,calc(22px + 18 * var(--mk-t)),40px)}.auth-main{flex:1;display:flex;flex-direction:column;padding-top:clamp(28px,calc(28px + 12 * var(--mk-t)),40px)}.auth-h1{font-size:clamp(50px,calc(50px + 38 * var(--mk-t)),88px);line-height:1.02;color:var(--mk-ink);text-wrap:balance;outline:none}.auth-h1--back{line-height:1.04;text-wrap:initial}.auth-pencil{display:inline-block;margin-top:14px;font-style:italic;font-size:.5em;line-height:1.2;color:var(--mk-pencil)}.auth-sub{margin-top:clamp(16px,calc(16px + 10 * var(--mk-t)),26px);max-width:520px;font-size:clamp(19px,calc(19px + 6 * var(--mk-t)),25px);line-height:1.5;color:var(--mk-ink-muted)}.auth-sub--back{font-size:clamp(19px,calc(19px + 4 * var(--mk-t)),23px)}.auth-address{font-style:italic;color:var(--mk-ink);overflow-wrap:anywhere}.auth-note{font-size:clamp(16px,calc(16px + 2 * var(--mk-t)),18px)}.auth-note-cell{margin-top:34px;padding-bottom:40px}.auth-panel{margin-top:36px;display:flex;flex-direction:column;gap:18px;width:100%;max-width:440px}.auth-form{display:flex;flex-direction:column;gap:18px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-label{font-family:var(--font-sans);font-size:13px;color:var(--mk-ink-muted)}.auth-input{box-sizing:border-box;width:100%;height:54px;padding:0 18px;border-radius:12px;border:1px solid var(--mk-line);background:var(--mk-illus-raised);font-family:var(--font-sans);font-size:16px;color:var(--mk-ink);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.auth-input::placeholder{color:var(--mk-placeholder)}.auth-input:focus-visible,.auth-input:focus{border-color:var(--mk-ink);box-shadow:var(--mk-focus)}.auth-input[aria-invalid=true]{border-color:var(--mk-pencil)}.auth-input--code{letter-spacing:.3em}.mk .auth-primary{align-self:stretch;justify-content:center;min-height:56px;padding:0 24px;font-size:21px;border:0;cursor:pointer}.mk .auth-primary:disabled{opacity:.7;cursor:progress}.mk .auth-primary--held:disabled{opacity:.5;cursor:not-allowed}.auth-primary:focus-visible,.auth-google:focus-visible,.auth-inline:focus-visible{outline:2px solid var(--mk-pencil);outline-offset:4px}.auth-helper{font-family:var(--font-sans);font-size:13px;line-height:1.5;color:var(--mk-ink-quiet)}.auth-inline{padding:0;border:0;background:none;font:inherit;color:var(--mk-ink-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.auth-inline:hover{color:var(--mk-pencil)}.auth-or{margin-top:24px;display:flex;align-items:center;gap:14px;font-family:var(--font-sans);font-size:12px;letter-spacing:.16em;color:var(--mk-ink-quiet)}.auth-or span{flex:1;height:1px;background:var(--mk-line)}.auth-google{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:12px;height:54px;border-radius:999px;border:1px solid var(--mk-line-control);background:var(--mk-illus-raised);color:var(--mk-ink);font-family:var(--font-sans);font-size:15px;font-weight:500;cursor:pointer;transition:border-color .2s ease}.auth-google:hover{border-color:var(--mk-ink)}.auth-consent{display:flex;align-items:flex-start;cursor:pointer;font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--mk-ink)}.auth-consent__box{position:relative;flex:0 0 auto;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:44px;height:44px;margin:-10px 0 -10px -12px;padding:0;border:0;background:transparent;cursor:pointer}.auth-consent__box:before{content:"";position:absolute;left:12px;top:12px;width:20px;height:20px;box-sizing:border-box;border:1.5px solid var(--mk-ink-muted);border-radius:5px;background:var(--mk-illus-raised);transition:background .15s ease,border-color .15s ease}.auth-consent__box:hover:before{border-color:var(--mk-ink)}.auth-consent__box:focus-visible{outline:none}.auth-consent__box:focus-visible:before{border-color:var(--mk-ink);box-shadow:var(--mk-focus)}.auth-consent__box:checked:before{border-color:var(--mk-ink);background:var(--mk-ink)}.auth-consent__box:checked:after{content:"";position:absolute;left:19px;top:15px;width:6px;height:11px;box-sizing:border-box;border:solid var(--mk-illus-raised);border-width:0 2px 2px 0;transform:rotate(45deg)}.auth-consent__text a{color:var(--mk-ink);text-decoration:underline;text-underline-offset:2px}.auth-consent__text a:hover{color:var(--mk-pencil)}.auth-google:disabled{opacity:.5;cursor:not-allowed}.auth-google:disabled:hover{border-color:var(--mk-line)}.auth-terms{margin-top:28px;font-family:var(--font-sans);font-size:12px;line-height:1.55;color:var(--mk-ink-quiet)}.auth-terms a,.auth-footer a{color:var(--mk-ink-muted);text-decoration:underline;text-underline-offset:2px}.auth-terms a:hover,.auth-footer a:hover,.auth-corner a:hover{color:var(--mk-pencil)}.auth-live:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.auth-message{padding:12px 16px;border-left:2px solid var(--mk-pencil);background:var(--mk-illus-raised);border-radius:0 10px 10px 0;font-family:var(--font-sans);font-size:15px;line-height:1.5;color:var(--mk-ink)}.auth-message--status{border-left-color:var(--mk-ink-muted)}.auth-corner{font-family:var(--font-sans);font-size:14px;color:var(--mk-ink-muted)}.auth-corner a{color:var(--mk-ink);border-bottom:1px solid currentColor;padding-bottom:1px}.auth-corner-wide{display:none}.auth-corner-narrow{margin-top:26px}.auth-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:24px;padding-bottom:36px;font-family:var(--font-sans);font-size:13px;color:var(--mk-ink-quiet)}@media (min-width: 900px){.auth-corner-wide{display:block}.auth-corner-narrow{display:none}.auth-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:24px;align-items:start}.auth-copy,.auth-panel{padding-top:clamp(32px,16.7dvh,150px)}.auth-copy{grid-column:1 / span 7;grid-row:1}.auth-panel{grid-column:8 / span 5;grid-row:1 / span 2;margin-top:0}.auth-note-cell{grid-column:1 / span 7;grid-row:2;margin-top:64px}}@media (max-width: 639px){.auth-label,.auth-helper,.auth-or,.auth-terms,.auth-corner,.auth-footer,.auth-message,.auth-google{font-size:16px}}@media (pointer: coarse){.auth-inline,.auth-terms a,.auth-consent__text a,.auth-footer a,.auth-corner a{position:relative}.auth-inline:after,.auth-terms a:after,.auth-consent__text a:after,.auth-footer a:after,.auth-corner a:after{content:"";position:absolute;left:50%;top:50%;width:100%;min-width:44px;height:44px;transform:translate(-50%,-50%)}}
