*,:before,:after{box-sizing:border-box}html{background:var(--n-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-width:280px;height:100dvh;color:var(--n-text);background:var(--n-bg);font:400 14px/1.5 var(--n-sans);-webkit-font-smoothing:antialiased;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);column-gap:16px;margin:0;padding:12px;display:grid;overflow:hidden}body:before{content:"";border:1px solid var(--n-line);border-radius:var(--n-radius);background:var(--n-panel);grid-area:1/1/4}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}[hidden]{display:none!important}::selection{color:var(--n-text);background:#46523d}:focus-visible{outline:2px solid var(--n-accent);outline-offset:4px}.auth-icons{width:0;height:0;position:absolute;overflow:hidden}.auth-skip{z-index:20;background:var(--n-primary);color:var(--n-on-primary);border-radius:8px;padding:12px 18px;position:fixed;top:12px;left:16px;transform:translateY(-180%)}.auth-skip:focus{transform:none}.auth-header{grid-area:1/1;justify-content:space-between;align-items:center;gap:24px;padding:18px 24px 0 28px;display:flex}.auth-brand{padding:4px 2px;font-size:36px}.auth-language{border:1px solid var(--n-line);min-height:36px;color:var(--n-text-2);letter-spacing:.04em;border-radius:999px;align-items:center;gap:8px;padding:0 12px 0 9px;font-size:12px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.auth-language:hover{border-color:var(--n-line-strong);background:var(--n-raised)}.auth-flag{stroke:none;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #ebece538}.auth-layout{scrollbar-width:thin;flex-direction:column;grid-area:2/1;min-height:0;padding:0 clamp(24px,4vw,64px);display:flex;overflow-y:auto;container-type:size}.auth-panel:has(.auth-message:not([hidden])){--message-room:76px}.auth-panel:has(.auth-field-error:not(:empty)){--error-room:64px}body:not([data-mode=login]) .auth-panel{--step-room:56px}.auth-panel{--fit:clamp(0px, (100cqh - 420px - var(--message-room,0px) - var(--error-room,0px) - var(--step-room,0px)) / 260, 1px);width:100%;max-width:420px;padding-block:calc(8px + 32 * var(--fit));flex:none;margin:auto}.auth-heading{margin-bottom:calc(14px + 18 * var(--fit))}.auth-heading h1{font:400 clamp(40px, 3.4vw, 54px)/1.08 var(--n-display);font-size:min(clamp(40px, 3.4vw, 54px), calc(32px + 22 * var(--fit)));letter-spacing:-.02em;text-wrap:balance;margin:0}.auth-subtitle{margin:calc(6px + 8 * var(--fit)) 0 0;color:var(--n-muted);font-size:15px;line-height:1.7}.auth-form{gap:calc(10px + 10 * var(--fit));flex-direction:column;margin:0;display:flex}.auth-field{min-width:0}.auth-input-wrap{height:calc(44px + 10 * var(--fit));border:1px solid var(--n-line-strong);background:var(--n-surface);border-radius:14px;align-items:center;gap:12px;padding:0 18px;transition:border-color .15s,box-shadow .15s;display:flex}.auth-input-wrap:hover{border-color:var(--n-accent)}.auth-input-wrap:focus-within{border-color:var(--n-accent);box-shadow:0 0 0 3px #a7b99b1c}.auth-input-wrap:has(input[aria-invalid=true]){border-color:var(--n-danger)}.auth-input-wrap input{min-width:0;height:100%;color:var(--n-text);text-overflow:ellipsis;caret-color:var(--n-accent);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:16px}.auth-input-wrap input::placeholder{color:var(--n-faint);opacity:1}.auth-input-wrap input:-webkit-autofill{-webkit-text-fill-color:var(--n-text);caret-color:var(--n-text);box-shadow:0 0 0 1000px var(--n-surface) inset}.auth-input-wrap label{color:var(--n-text-2);cursor:text;flex:none;font-size:13px;font-weight:500;transition:color .15s}.auth-input-wrap input:not(:placeholder-shown)+label{color:var(--n-faint)}.auth-password-toggle{width:44px;height:44px;color:var(--n-muted);background:0 0;border:0;border-radius:50%;flex:0 0 44px;place-items:center;margin-right:-12px;padding:0;display:grid}.auth-password-toggle:hover{color:var(--n-text)}.auth-password-toggle svg{width:17px;height:17px}.auth-field-error{color:#e0afa0;margin:8px 0 0;font-size:13px;line-height:1.5}.auth-field-error:empty{display:none}.auth-forgot{margin:calc(6px + 6 * var(--fit)) 0 0 auto;color:var(--n-muted);font-size:12px;display:table}.auth-forgot:hover{color:var(--n-text);text-underline-offset:3px;text-decoration:underline}.auth-submit{width:100%;min-height:48px;color:var(--n-on-primary);background:var(--n-primary);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:background-color .18s;display:flex}.auth-submit:hover:not(:disabled){background:var(--n-primary-hover)}.auth-submit:active:not(:disabled){background:var(--n-accent)}.auth-submit:disabled{opacity:.75}.btn-loader{border:2px solid;border-color:currentColor currentColor #0000 #0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite auth-spin}.auth-google{border:1px solid var(--n-line-strong);width:100%;min-height:48px;color:var(--n-text);background:var(--n-surface);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:12px 22px;font-size:14px;font-weight:600;transition:border-color .18s,background-color .18s;display:flex}.auth-google:hover{background:var(--n-raised);border-color:#ebece557}.auth-google-logo{stroke:none;width:18px;height:18px}.auth-or{margin:calc(10px + 12 * var(--fit)) 0;color:var(--n-muted);align-items:center;gap:14px;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--n-line);flex:1;height:1px}.auth-signup{margin:calc(10px + 16 * var(--fit)) 0 0;color:var(--n-muted);flex-wrap:wrap;gap:4px 6px;font-size:13px;display:flex}.auth-signup a{color:var(--n-text);text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline #ebece540;text-decoration:underline #ebece540}.auth-signup a:hover{text-decoration-color:currentColor}body[data-mode=login] [data-only=signup],body[data-mode=signup] [data-only=login]{display:none!important}.auth-terms{margin:calc(8px + 6 * var(--fit)) 0 0;color:var(--n-faint);text-align:center;font-size:12px;line-height:1.5}.auth-terms a,.auth-check a{color:var(--n-text-2);text-underline-offset:3px;-webkit-text-decoration:underline #ebece540;text-decoration:underline #ebece540}.auth-terms a:hover,.auth-check a:hover{color:var(--n-text);text-decoration-color:currentColor}.auth-check{color:var(--n-muted);cursor:pointer;align-items:flex-start;gap:10px;font-size:12.5px;line-height:1.55;display:flex}.auth-check input{width:17px;height:17px;accent-color:var(--n-primary);cursor:pointer;flex:none;margin:1px 0 0}.auth-check:has(input[aria-invalid=true]){color:#e0afa0}.auth-offers{gap:calc(8px + 8 * var(--fit));flex-direction:column;margin:0;display:flex}.auth-billing{border:1px solid var(--n-line);background:var(--n-surface);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-billing label,.auth-plan{cursor:pointer;position:relative}.auth-billing input,.auth-plan input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.auth-billing span{min-height:36px;color:var(--n-muted);border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s;display:flex}.auth-billing em{color:var(--n-accent);font-size:11px;font-style:normal}.auth-billing input:checked+span{color:var(--n-text);background:var(--n-raised);box-shadow:inset 0 0 0 1px var(--n-line-strong)}.auth-billing input:focus-visible+span{outline:2px solid var(--n-accent);outline-offset:2px}.auth-plans{grid-template-columns:1fr 1fr;gap:10px;display:grid}.auth-plan{min-width:0;padding:calc(9px + 5 * var(--fit)) 14px;border:1px solid var(--n-line-strong);background:var(--n-surface);border-radius:14px;flex-direction:column;gap:1px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.auth-plan:hover{border-color:#ebece557}.auth-plan:has(input:checked){border-color:var(--n-accent);background:var(--n-raised);box-shadow:0 0 0 3px #a7b99b1c}.auth-plan:has(input:focus-visible){outline:2px solid var(--n-accent);outline-offset:3px}.auth-plan-name{font-size:13px;font-weight:600}.auth-plan-price{font:400 22px/1.25 var(--n-display);white-space:nowrap}.auth-plan-detail,.auth-plan-adds{color:var(--n-muted);font-size:12px;line-height:1.45}.auth-plan-adds{color:var(--n-text-2)}.auth-offers-closed{color:var(--n-text-2);border-color:var(--n-line-strong);background:var(--n-surface);margin:0}.auth-account{text-align:center;justify-content:center}.auth-account strong{color:var(--n-text-2);overflow-wrap:anywhere;font-weight:500}body[data-mode=offers] .auth-layout{overflow:hidden}body[data-mode=offers] .auth-panel{flex-direction:column;justify-content:safe center;max-width:460px;height:min(100%,610px);min-height:0;padding-block:12px;display:flex}body[data-mode=offers] .auth-heading{flex:none;margin-bottom:22px}body[data-mode=offers] .auth-heading h1{font-size:clamp(30px,3.2vw,44px)}body[data-mode=offers] .auth-subtitle{margin-top:8px;font-size:13px}body[data-mode=offers] .auth-account{flex:none;margin-top:16px;font-size:11px}body[data-mode=offers] .auth-message{flex:none;margin-bottom:10px;padding:8px 12px;font-size:12px;line-height:1.4}.auth-offers{gap:20px;min-height:0}.auth-purchase-progress{color:var(--n-faint);flex:none;justify-content:space-between;gap:12px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.auth-purchase-progress li{align-items:center;gap:7px;transition:color .25s;display:flex}.auth-purchase-progress li>span{border:1px solid var(--n-line-strong);border-radius:50%;place-items:center;width:23px;height:23px;transition:background-color .25s,border-color .25s,color .25s,transform .3s;display:grid}.auth-purchase-progress [aria-current=step]{color:var(--n-text)}.auth-purchase-progress [aria-current=step]>span{color:var(--n-on-primary);background:var(--n-primary);border-color:var(--n-primary);transform:scale(1.06)}.auth-purchase-progress [data-complete=true]{color:var(--n-accent)}.auth-purchase-body{isolation:isolate;align-items:start;min-height:0;display:grid;position:relative}.auth-purchase-step{flex-direction:column;grid-area:1/1;gap:16px;min-width:0;display:flex;position:relative}.auth-purchase-step[data-leaving]{pointer-events:none;position:absolute;inset:0 0 auto}.auth-purchase-step .auth-plan{gap:5px;padding:18px 14px}.auth-purchase-step .auth-plan-price{font-size:28px}.auth-purchase-step .drake-payment-note,.auth-purchase-step .drake-payment-unavailable{margin:0}.auth-purchase-step .drake-payment-methods{grid-template-columns:1fr 1fr}.auth-purchase-step .drake-payment-methods label{padding:14px 12px;display:block;position:relative}.auth-purchase-step .drake-payment-methods input{margin:0;position:absolute;top:14px;right:10px}.auth-purchase-step .drake-payment-methods strong{padding-right:20px}.auth-purchase-step .drake-payment-methods small{margin-top:8px;line-height:1.5}.auth-order-summary{border:1px solid var(--n-line-strong);background:var(--n-surface);border-radius:14px;padding:16px}.auth-order-summary>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.auth-order-summary strong{white-space:nowrap;font-size:24px;font-weight:500}.auth-order-summary p{color:var(--n-muted);margin:4px 0 0;font-size:12px}.auth-purchase-actions{flex:none;align-items:center;gap:12px;display:flex}.auth-purchase-actions .auth-submit{flex:1;width:auto;margin:0}.auth-purchase-back{border:1px solid var(--n-line-strong);min-height:48px;color:var(--n-text-2);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;display:inline-flex}.auth-purchase-back:hover{background:var(--n-raised)}.auth-purchase-actions button:disabled{cursor:not-allowed}@container (max-height:560px){body[data-mode=offers] .auth-panel{padding-block:6px}body[data-mode=offers] .auth-heading{margin-bottom:12px}body[data-mode=offers] .auth-account{margin-top:8px}.auth-offers{gap:12px}.auth-purchase-step{gap:10px}.auth-purchase-step .auth-plan{padding-block:12px}.auth-order-summary{padding:12px}.auth-purchase-step .auth-check{font-size:12px;line-height:1.4}}@container (max-height:440px){body[data-mode=offers] .auth-account{display:none}body[data-mode=offers] .auth-heading h1{font-size:28px}.auth-offers,.auth-purchase-step{gap:8px}.auth-order-summary{padding:8px 12px}.auth-order-summary strong{font-size:20px}}.auth-footer{color:var(--n-muted);flex-wrap:wrap;grid-area:3/1;justify-content:center;align-items:center;gap:12px;padding:16px 24px 20px;font-size:12px;display:flex}.auth-footer>span{color:#596151}.auth-footer a:hover{color:var(--n-text)}.auth-message{margin:0 0 calc(10px + 10 * var(--fit));overflow-wrap:anywhere;border:1px solid;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.6}.auth-message-error{color:#e0b4a5;background:#e0b4a50b;border-color:#e0b4a530}.auth-message-success{color:#c6d9b7;background:#c6d9b70b;border-color:#c6d9b730}.auth-artwork{border:1px solid var(--n-line);border-radius:var(--n-radius);min-height:0;color:var(--n-text);background:var(--n-bg);isolation:isolate;grid-area:1/2/4;padding:48px;display:flex;position:relative;overflow:hidden}.auth-artwork-image{pointer-events:none;position:absolute;inset:0}.auth-artwork-image img{object-fit:cover;object-position:center 60%;width:100%;height:100%;display:block}.auth-artwork:after{content:"";pointer-events:none;background:linear-gradient(#0e130d20,#0000 44%,#0e130d4d);position:absolute;inset:0}.auth-artwork-content{z-index:1;flex-direction:column;justify-content:space-between;gap:40px;width:100%;display:flex;position:relative}.auth-artwork h2{max-width:620px;font:400 clamp(46px, 3.6vw + 12px, 74px)/1.04 var(--n-display);letter-spacing:-.015em;text-wrap:balance;text-shadow:0 1px 24px #00000040;margin:0;padding-top:clamp(16px,5vh,48px)}.auth-artwork h2 em{color:var(--n-primary);font-style:normal}.auth-artwork-link{border:1px solid var(--n-line-strong);max-width:100%;min-height:48px;color:var(--n-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#181c18c7;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin-bottom:0;padding:0 22px;font-size:14px;font-weight:500;transition:border-color .18s,background-color .18s;display:inline-flex}.auth-artwork-link:hover{border-color:var(--n-accent);background:var(--n-raised)}.auth-cookie{border:1px solid var(--n-line);border-radius:var(--n-radius);color:var(--n-muted);background:var(--n-surface);grid-area:4/1/auto/-1;justify-content:center;align-items:center;gap:20px;margin-top:12px;padding:10px 24px;display:flex}.auth-cookie p{margin:0;font-size:12px;line-height:1.6}.auth-cookie a{color:var(--n-text-2);text-underline-offset:3px;text-decoration:underline}.auth-cookie button{background:var(--n-primary);min-height:40px;color:var(--n-on-primary);border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:8px 18px;font-size:12px;font-weight:600}.auth-cookie button:hover{background:var(--n-primary-hover)}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (max-height:760px){.auth-header{padding-top:10px}.auth-footer{padding-block:8px 12px}.auth-cookie{margin-top:8px;padding-block:6px}}@container (max-height:420px){.auth-subtitle{display:none}}@container (max-height:500px){body:not([data-mode=login]) .auth-subtitle{display:none}}@container (max-height:600px){body[data-mode=offers] .auth-subtitle{display:none}}@media (max-width:1023px){body{background:0 0;grid-template-columns:minmax(0,1fr)}body:before{background:#141813e0}.auth-artwork{z-index:-1;border:0;border-radius:0;padding:0;position:fixed;inset:0}.auth-artwork-content{display:none}}@media (max-width:600px){body{padding:8px}.auth-header{padding:12px 16px 0 20px}.auth-brand{font-size:34px}.auth-layout{padding-inline:20px}.auth-input-wrap{gap:12px;padding:0 16px}.auth-input-wrap label{font-size:13px}.auth-cookie{gap:12px;margin-top:8px;padding:8px 16px}.auth-cookie button{min-height:44px}}@media (max-width:480px){.auth-input-wrap{height:calc(54px + 12 * var(--fit));gap:8px;padding-top:18px;position:relative}.auth-input-wrap label{font-size:11px;position:absolute;top:8px;left:16px}}@media (max-width:360px){.auth-layout{padding-inline:16px}.auth-cookie{align-items:flex-start}}@media (max-height:500px) and (min-width:600px){body[data-mode=offers]{grid-template-columns:minmax(0,1fr)}body[data-mode=offers] .auth-header{padding:0 16px}body[data-mode=offers] .auth-brand{padding:0;font-size:26px}body[data-mode=offers] .auth-language{min-height:28px}body[data-mode=offers] .auth-artwork{display:none}body[data-mode=offers] .auth-panel{max-width:740px;padding-block:4px}body[data-mode=offers] .auth-heading{margin-bottom:6px}body[data-mode=offers] .auth-heading h1{font-size:27px}body[data-mode=offers] .auth-footer{padding-block:4px}body[data-mode=offers] .auth-purchase-progress{max-width:440px}body[data-mode=offers] .auth-purchase-actions{justify-content:flex-end}body[data-mode=offers] .auth-purchase-actions .auth-submit{flex:0 300px}body[data-mode=offers] [data-offers-step=plan]{grid-template-columns:.65fr 1.35fr;align-items:center;gap:20px;display:grid}body[data-mode=offers] [data-offers-step=payment],body[data-mode=offers] [data-offers-step=confirm]{grid-template-columns:1fr 1fr;align-content:center;gap:8px 24px;display:grid}body[data-mode=offers] [data-offers-step=payment] .drake-payment-methods,body[data-mode=offers] .auth-order-summary{grid-area:1/1/span 4;align-self:center}body[data-mode=offers] .auth-purchase-step>.drake-payment-note,body[data-mode=offers] .auth-purchase-step>.drake-payment-unavailable,body[data-mode=offers] .auth-purchase-step>.auth-check{grid-column:2}}@media (max-width:720px){.auth-forgot,.auth-signup a,.auth-footer a,.auth-legal a{position:relative}.auth-forgot:after,.auth-signup a:after,.auth-footer a:after{content:"";position:absolute;inset:-12px -6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-reduce-motion=true] *,html[data-reduce-motion=true] :before,html[data-reduce-motion=true] :after{transition:none!important;animation:none!important}@media (forced-colors:active){.auth-submit,.auth-google,.auth-input-wrap,.auth-cookie button{border-color:buttontext}.auth-language,.auth-artwork-link{border-color:linktext}}