:where(.auth-document,.browser-security-shield){--auth-bg: #111315;--auth-field: #1a1d22;--auth-line: #333941;--auth-text: #f2f3f5;--auth-muted: #a2a8b2;--auth-focus: #91b7ff;--auth-danger: #f3a5a5;--auth-success: #9bd6b3;--auth-scrim: rgb(0 0 0 / .65);--auth-dialog-shadow: 0 1.5rem 5rem rgb(0 0 0 / .4);--auth-radius: 6px;--auth-control-height: 44px;--auth-space-xs: .375rem;--auth-space-sm: .75rem;--auth-space-md: 1rem;--auth-space-lg: 1.5rem;--auth-space-xl: 2rem;--auth-rail-width: 1120px;--auth-content-width: 448px;--auth-content-gap: 3rem;--auth-gutter: 1.5rem;--auth-brand-width: 152px;--auth-brand-gap: 2.25rem;--auth-bar-height: 3.75rem;--auth-bar-inset: 14px;--auth-anchor-reference: 44rem;--auth-anchor: max(var(--auth-content-gap), calc((100vh - var(--auth-anchor-reference)) / 2));--auth-modal-anchor: max(var(--auth-space-lg), calc((100vh - var(--auth-anchor-reference)) / 2));--auth-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;--auth-mono: "CodexMono", "CodexMono KR", ui-monospace, monospace;--auth-type-title: 2rem;--auth-type-title-compact: 1.75rem;--auth-type-section: 1.0625rem;--auth-type-body: .9375rem;--auth-type-label: .875rem;--auth-type-note: .8125rem;--auth-type-code: 1.125rem}@supports (height: 100svh){:where(.auth-document,.browser-security-shield){--auth-anchor: max(var(--auth-content-gap), calc((100svh - var(--auth-anchor-reference)) / 2));--auth-modal-anchor: max(var(--auth-space-lg), calc((100svh - var(--auth-anchor-reference)) / 2))}}html.auth-document{background:var(--auth-bg);color-scheme:dark}body.auth-page{--bg: var(--auth-bg);--panel: var(--auth-field);--line: var(--auth-line);--text: var(--auth-text);--muted: var(--auth-muted);--brand: var(--auth-focus);min-height:100vh;min-height:100dvh;height:auto;overflow-y:auto;background:var(--auth-bg);color:var(--auth-text);font:var(--auth-type-body)/1.6 var(--auth-font);-webkit-font-smoothing:antialiased}.auth-page *,.browser-security-shield *{box-sizing:border-box}.auth-page a{color:var(--auth-muted);text-decoration:none;text-underline-offset:.2em}@media(hover:hover){.auth-page a:hover{color:var(--auth-text);text-decoration:underline}}.auth-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:1fr auto}.auth-footer{width:min(100%,var(--auth-rail-width));margin-inline:auto;padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}.auth-brand{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--auth-text)}.auth-logo,.auth-wordmark{display:block;width:var(--auth-brand-width);height:auto;aspect-ratio:777 / 147;object-fit:contain}.auth-wordmark{background:currentColor;mask:url(/icons/monolex-white.svg) center / contain no-repeat;-webkit-mask:url(/icons/monolex-white.svg) center / contain no-repeat}.auth-title{margin:0;font:600 var(--auth-type-title)/1.2 var(--auth-font);letter-spacing:-.035em}.auth-description{margin:var(--auth-space-sm) 0 0;color:var(--auth-muted);line-height:1.65}.auth-field{display:grid;gap:.5rem;min-width:0}.auth-field:has(>input[hidden]){display:none}.auth-page label:not(:has(input[type=checkbox])){color:var(--auth-text);font-size:var(--auth-type-label);font-weight:500}:is(.auth-page,.browser-security-dialog) input:not([type=checkbox]):not([type=radio]){min-width:0;width:100%;min-height:var(--auth-control-height);padding:.6875rem .875rem;border:1px solid var(--auth-line);border-radius:var(--auth-radius);background:var(--auth-field);color:var(--auth-text);font:inherit;caret-color:var(--auth-text);transition:border-color .12s ease}:is(.auth-page,.browser-security-dialog) input::placeholder{color:var(--auth-muted);opacity:.7}:is(.auth-page,.browser-security-dialog) input:focus{border-color:var(--auth-focus)}:is(.auth-page,.browser-security-dialog) input:read-only{color:var(--auth-muted)}:is(.auth-page,.browser-security-dialog) input[aria-invalid=true]{border-color:var(--auth-danger)}.auth-page input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--auth-field) inset;-webkit-text-fill-color:var(--auth-text)}:is(.auth-page,.browser-security-dialog) button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--auth-control-height);max-width:100%;padding:.625rem 1rem;border:1px solid var(--auth-line);border-radius:var(--auth-radius);background:transparent;color:var(--auth-text);font:500 var(--auth-type-body)/1.4 var(--auth-font);text-align:center;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .12s ease,border-color .12s ease}:is(.auth-page,.browser-security-dialog) .auth-primary{background:var(--auth-text);color:var(--auth-bg);border-color:var(--auth-text)}@media(hover:hover){:is(.auth-page,.browser-security-dialog) button:hover:not(:disabled){background:var(--auth-field);border-color:var(--auth-muted)}:is(.auth-page,.browser-security-dialog) .auth-primary:hover:not(:disabled){background:var(--auth-muted);border-color:var(--auth-muted)}}:is(.auth-page,.browser-security-dialog) .auth-quiet{border-color:transparent;color:var(--auth-muted)}:is(.auth-page,.browser-security-dialog) .auth-danger{color:var(--auth-danger)}:is(.auth-page,.browser-security-dialog) button:disabled{opacity:.45;cursor:default}:is(.auth-page,.browser-security-dialog) [hidden]{display:none}:is(.auth-page,.browser-security-dialog) :is(button,input,a):focus-visible{outline:2px solid var(--auth-focus);outline-offset:3px;box-shadow:none}.auth-page input:is([type=checkbox],[type=radio]){flex:0 0 1rem;width:1rem;height:1rem;margin:.2rem 0 0;accent-color:var(--auth-focus)}.auth-page input:is([type=checkbox],[type=radio]):focus-visible{outline-offset:3px}.auth-note{margin:0;color:var(--auth-muted);font-size:var(--auth-type-note);line-height:1.6}.auth-page [role=status]{color:var(--auth-muted);overflow-wrap:anywhere}.auth-footer{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding-block:1.5rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom));font-size:var(--auth-type-note)}.login-footer{width:min(100%,var(--auth-content-width))}.login-wrap{width:min(100%,var(--auth-content-width));margin-inline:auto;padding:var(--auth-anchor) var(--auth-gutter) 4rem;align-self:start}:is(.login-wrap,.browser-security-dialog)>.auth-brand:not([hidden]){display:flex;width:fit-content;margin:0 0 var(--auth-brand-gap)}.login-form{display:grid;gap:1.25rem;margin-top:var(--auth-space-xl)}.login-passkey-method{display:grid;gap:.375rem}.login-email-method{display:grid;gap:.625rem}.login-email-method:has(>button[hidden]){display:none}.login-passkey{gap:.625rem}.login-passkey-icon{flex:none;width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transform-origin:34% 34%}.login-passkey-words{display:grid;justify-items:center;min-width:0}.login-passkey-words>*{grid-area:1 / 1;visibility:hidden}.login-passkey .login-passkey-words>*{display:inline-flex;align-items:center;justify-content:center;gap:.625rem}.login-passkey-method[data-state=ready] [data-when~=ready],.login-passkey-method[data-state=alternative] [data-when~=alternative],.login-passkey-method[data-state=waiting] [data-when~=waiting],.login-passkey-method[data-state=verifying] [data-when~=verifying],.login-passkey-method[data-state=unavailable] [data-when~=unavailable]{visibility:visible}.login-passkey-line{justify-items:center;text-align:center}.login-passkey-recommended{color:var(--auth-success);font-weight:600}:is(.auth-page) .login-passkey-cancel{position:relative;display:inline-flex;min-height:1.5rem;margin-left:.25rem;padding:0 .25rem;color:var(--auth-text);font-size:var(--auth-type-note);text-decoration:underline;text-underline-offset:.2em;vertical-align:baseline}.login-passkey-cancel[data-offered=no]{visibility:hidden}.login-passkey-cancel:after{content:"";position:absolute;inset:-.625rem -.5rem}:is(.auth-page) .login-passkey-method[data-state=unavailable] .login-passkey{color:var(--auth-muted)}:is(.auth-page) .login-passkey-method:is([data-state=waiting],[data-state=verifying]) .login-passkey:disabled{opacity:1;cursor:progress}@media(prefers-reduced-motion:no-preference){.login-passkey-method[data-state=waiting] [data-when~=waiting] .login-passkey-icon,.login-passkey-method[data-state=verifying] [data-when~=verifying] .login-passkey-icon{animation:auth-key-turn 1.4s ease-in-out infinite}}@keyframes auth-key-turn{0%,to{transform:rotate(0)}50%{transform:rotate(-24deg)}}.login-divider{display:flex;align-items:center;gap:1rem;color:var(--auth-muted);font-size:var(--auth-type-note)}.login-divider:before,.login-divider:after{content:"";height:1px;flex:1;background:var(--auth-line)}.login-keep{display:flex;align-items:center;gap:.625rem;min-height:var(--auth-control-height);color:var(--auth-muted);font-size:var(--auth-type-note);cursor:pointer}.login-keep-note{margin:-.875rem 0 0 1.625rem}.login-row{display:flex;flex-wrap:wrap;gap:var(--auth-space-sm)}.login-row .auth-primary{flex:1}.login-status{min-height:1.5rem;margin:var(--auth-space-lg) 0 0;font-size:var(--auth-type-label)}.login-status.danger{color:var(--auth-danger)}.login-status.ok{color:var(--auth-success)}:is(.auth-page,.browser-security-dialog) input.auth-code:not([type=checkbox]){font:500 var(--auth-type-code)/1.5 var(--auth-mono);letter-spacing:.12em}@media(pointer:coarse){:is(.auth-page,.browser-security-dialog) input:not([type=checkbox]):not([type=radio]):not(.auth-code){font-size:max(16px,1em)}}html{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}@media(display-mode:standalone){html{min-height:min(100lvh,calc(100% + env(safe-area-inset-top,0px)))}}@media(max-width:480px){:where(.auth-document,.browser-security-shield){--auth-content-gap: 2rem}.auth-title{font-size:var(--auth-type-title-compact)}.login-wrap{padding-bottom:3rem}.auth-footer{gap:1rem 1.25rem}}@media(max-height:600px){:where(.auth-document,.browser-security-shield){--auth-content-gap: .5rem}:is(.login-wrap,.browser-security-dialog)>.auth-brand:not([hidden]){margin-bottom:1rem}}@media(pointer:coarse){.auth-footer{row-gap:0}.auth-footer a{display:inline-flex;align-items:center;min-height:2.75rem}}@media(prefers-reduced-motion:reduce){:is(.auth-page,.browser-security-dialog) :is(button,input){transition:none}}.auth-symbols{position:absolute;width:0;height:0;overflow:hidden}.login-lifetimes{--lifetime-art-width: 64px;--lifetime-art-height: 41px;display:grid;grid-template-columns:minmax(0,1fr) 1.5rem minmax(0,1fr) 1.5rem minmax(0,1fr);align-items:start;padding:.75rem 0 .5rem;color:var(--auth-muted)}.lifetime-step{display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center}.lifetime-art,.lifetime-link{display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.lifetime-art{width:var(--lifetime-art-width);height:var(--lifetime-art-height);color:var(--auth-focus)}.lifetime-ground,.lifetime-ring-track{stroke:var(--auth-line)}.lifetime-link{width:100%;height:12px;margin-top:calc(var(--lifetime-art-height) * .478 - 6px);color:var(--auth-muted);opacity:.6}.lifetime-step :is(strong,span){max-width:100%;overflow-wrap:anywhere;hyphens:auto}.lifetime-step strong{margin-top:.375rem;color:var(--auth-text);font-size:var(--auth-type-note);font-weight:600;line-height:1.35}.lifetime-step span{margin-top:.125rem;font-size:var(--auth-type-note);line-height:1.4}.lifetime-art use[href="#shield"]{stroke-width:2}.lifetime-tab{stroke:transparent}.login-lifetimes[data-keep=tab] .lifetime-tab{stroke:currentColor}.lifetime-ring{stroke-dasharray:100 100;stroke-dashoffset:0}.lifetime-run{stroke:var(--auth-muted);stroke-width:1.25}@media(prefers-reduced-motion:no-preference){.login-lifetimes[data-span=timed][data-extend=on] .lifetime-ring{animation:lifetime-extend 7s linear infinite}.login-lifetimes[data-span=timed][data-extend=off] .lifetime-ring{animation:lifetime-fixed 8s linear infinite}.login-lifetimes[data-span=timed][data-extend=off] .lifetime-art use[href="#shield"]{animation:lifetime-lock 8s step-end infinite}.lifetime-run{animation:lifetime-run 2.4s steps(1,end) infinite}}@keyframes lifetime-extend{0%{stroke-dashoffset:0}40%{stroke-dashoffset:34}46%{stroke-dashoffset:0}86%{stroke-dashoffset:34}92%,to{stroke-dashoffset:0}}@keyframes lifetime-fixed{0%{stroke-dashoffset:0}80%,to{stroke-dashoffset:100}}@keyframes lifetime-lock{0%{opacity:1}80%{opacity:.4}}@keyframes lifetime-run{0%,to{stroke-dasharray:3 12}50%{stroke-dasharray:7 8}}@media(max-width:639px){:where(.auth-document,.browser-security-shield){--auth-gutter: var(--auth-bar-inset);--auth-brand-width: 6.25rem}.auth-document .login-wrap,.browser-security-shield:not(.is-confirmation) .browser-security-dialog{width:100%;padding-top:env(safe-area-inset-top,0px);padding-left:calc(env(safe-area-inset-left,0px) + var(--auth-gutter));padding-right:calc(env(safe-area-inset-right,0px) + var(--auth-gutter))}.auth-document .login-wrap>.auth-brand:not([hidden]),.browser-security-shield:not(.is-confirmation) .browser-security-dialog>.auth-brand:not([hidden]){align-items:center;height:var(--auth-bar-height);margin:0 0 .5rem}.auth-logo,.auth-wordmark{transform:translateY(-2px)}.auth-description{margin-top:.375rem}.login-form{gap:1rem;margin-top:1.25rem}.login-lifetimes{--lifetime-art-width: 56px;--lifetime-art-height: 36px;grid-template-columns:minmax(0,1fr) 1rem minmax(0,1fr) 1rem minmax(0,1fr)}.auth-document .login-footer{width:100%;padding-left:calc(env(safe-area-inset-left,0px) + var(--auth-gutter));padding-right:calc(env(safe-area-inset-right,0px) + var(--auth-gutter))}}@media(max-width:639px)and (max-height:560px){:where(.auth-document,.browser-security-shield){--auth-bar-height: 3rem}}.unlock-duration{display:grid;grid-template-columns:minmax(0,1fr);gap:.125rem;min-width:0;padding-block:.5rem .75rem;border-block:1px solid var(--auth-line)}.unlock-duration[hidden]{display:none}.unlock-duration-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.375rem var(--auth-space-md, 1rem);min-height:calc(var(--auth-control-height, 2.75rem) + .25rem)}.unlock-duration-label{flex:1 1 auto;min-width:0;color:var(--auth-text);font-size:var(--auth-type-label, .875rem);font-weight:500;line-height:1.4}.unlock-duration-field{position:relative;display:block;flex:0 1 auto;min-width:0;max-width:100%}.unlock-duration-field select{-webkit-appearance:none;appearance:none;display:block;width:auto;min-width:min(9.5rem,100%);max-width:100%;min-height:var(--auth-control-height, 2.75rem);margin:0;padding:.6875rem 2.5rem .6875rem .875rem;border:1px solid var(--auth-line);border-radius:var(--auth-radius, 6px);background:var(--auth-field);color:var(--auth-text);font:inherit;line-height:1.6;cursor:pointer;transition:border-color .12s ease}.unlock-duration-field:after{content:"";position:absolute;top:50%;right:.875rem;width:.75rem;height:.75rem;margin-top:-.375rem;background:var(--auth-muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none}.unlock-duration-field select:focus{border-color:var(--auth-focus);outline:none}.unlock-duration-field select:focus-visible{outline:2px solid var(--auth-focus);outline-offset:3px}@media(hover:hover){.unlock-duration-field select:hover:not(:disabled):not(:focus){border-color:var(--auth-muted)}}.unlock-duration-field select:disabled{opacity:.45;cursor:default}.unlock-duration-extend{display:flex;align-items:center;gap:.625rem;min-height:2rem;color:var(--auth-muted);font-size:var(--auth-type-note, .8125rem);font-weight:400;cursor:pointer}.unlock-duration-extend:has(input:disabled){cursor:default;opacity:.55}.unlock-duration-extend input{flex:0 0 1rem;width:1rem;height:1rem;min-height:0;margin:0;accent-color:var(--auth-focus)}.unlock-duration-extend input:focus-visible{outline:2px solid var(--auth-focus);outline-offset:3px}.unlock-duration-said{display:grid}.unlock-duration-result,.unlock-duration-risk{margin:0;font-size:var(--auth-type-note, .8125rem);line-height:1.6;overflow-wrap:anywhere}.unlock-duration-result{color:var(--auth-muted)}.unlock-duration-risk{margin-top:.25rem;color:var(--auth-text)}.unlock-duration-risk[hidden]{display:none}@media(pointer:coarse){.unlock-duration-field select{font-size:max(16px,1em)}.unlock-duration-extend{min-height:var(--auth-control-height, 2.75rem)}}@media(prefers-reduced-motion:reduce){.unlock-duration-field select{transition:none}}.browser-security-dialog .unlock-duration{margin:0 0 var(--auth-space-md, 1rem)}.browser-security-dialog .unlock-duration~.browser-security-email{margin-block:var(--auth-space-lg, 1.5rem) 0}.browser-security-dialog .unlock-duration~.browser-security-status{min-height:1.6em;margin:.75rem 0 0}.browser-security-dialog .unlock-duration~.browser-security-actions{margin-top:var(--auth-space-lg, 1.5rem)}.login-form .login-browser{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:.125rem;padding-block:.125rem .5rem;border-block:1px solid var(--auth-line)}.login-form .login-browser .login-keep{min-height:2.5rem}@media(pointer:coarse){.login-form .login-browser .login-keep{min-height:var(--auth-control-height, 2.75rem)}}.login-form .login-browser .login-keep-note{margin:-.375rem 0 0 1.625rem}.login-form .login-browser .unlock-duration{margin-top:.25rem;padding:0;border:0}.login-form>.login-status{margin:-.75rem 0 0}.login-form>.login-status:empty{display:none}.account-document .unlock-setting{display:grid;grid-template-columns:minmax(0,1fr) auto 110px;align-items:center;gap:.25rem var(--space-lg);padding:var(--space-md) 0 .75rem;border-bottom:1px solid var(--auth-line)}.account-document .unlock-setting>div>strong{display:block}.account-document .unlock-setting>div>span{display:block;font-size:var(--type-note);color:var(--auth-muted)}.account-document .unlock-setting>.unlock-duration-field{grid-column:2 / 4;justify-self:end}.account-document .unlock-setting .unlock-duration-field select{min-width:110px;min-height:var(--control);padding-block:.5rem;background:transparent;font-size:var(--type-note);line-height:1.4;border-radius:var(--curve-control, var(--radius))}.account-document .unlock-setting>.unlock-duration-extend,.account-document .unlock-setting>.unlock-duration-risk{grid-column:1 / -1}.account-document .unlock-setting>.unlock-duration-extend{margin-top:.25rem;font-size:var(--type-note)}.account-document .unlock-setting>.unlock-duration-risk{margin-top:0}@media(max-width:520px){.account-document .unlock-setting{grid-template-columns:minmax(0,1fr);gap:.5rem}.account-document .unlock-setting>.unlock-duration-field{grid-column:1;justify-self:start}}@media(pointer:coarse){.account-document .unlock-setting .unlock-duration-field select{font-size:16px}}
