.account-sheet{--pg-chip:var(--canvas-fill);--pg-line:var(--canvas-line);--pg-card-line:var(--surface-edge);min-width:0;color:var(--ink);font:400 .9375rem/1.4 var(--font-ui);flex-direction:column;gap:12px;display:flex}.account-sheet :where(h1,h2,p,ul,ol){margin:0;padding:0}.account-sheet :where(ul,ol){list-style:none}.account-sheet :focus-visible{outline:var(--focus-ring);outline-offset:2px}.account-lead{color:var(--muted);font-size:.9375rem;line-height:1.45}.account-lead b{color:var(--ink);font-weight:600}.account-opens{flex-direction:column;display:flex}.account-opens>li{align-items:center;gap:12px;min-height:40px;font-size:.9375rem;display:flex}.account-opens svg{width:22px;height:22px;color:var(--focus);flex:none}.account-opens-head{color:var(--muted);font:600 .8125rem/1.2 var(--font-ui)}.account-soon{background:var(--pg-chip);text-align:left;border-radius:16px;flex-direction:column;gap:4px;padding:12px 16px 8px;display:flex}.account-today{text-align:left;flex-direction:column;align-items:stretch;gap:8px;display:flex}.account-today>.account-lead{margin:0}.account-field{flex-direction:column;gap:6px;display:flex}.account-field>span{color:var(--muted);font:600 .8125rem/1.2 var(--font-ui)}.account-field>input{box-sizing:border-box;background:var(--pg-chip);width:100%;min-height:44px;color:var(--ink);font:400 1rem/1.2 var(--font-ui);border:0;border-radius:14px;padding:0 12px}.account-field>input::placeholder{color:var(--muted)}.account-field>input:focus{outline:var(--focus-ring);outline-offset:2px}.account-consent{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;font-size:.875rem;line-height:1.4;display:flex}.account-consent>input{appearance:none;width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--muted);cursor:pointer;background:0 0;border-radius:7px;flex:none;margin:0}.account-consent>input:checked{background:var(--selection) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") center / 18px no-repeat;box-shadow:none}:root[data-theme=light] .account-consent>input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")}.account-consent>input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.account-consent>span{letter-spacing:0;text-transform:none;padding-top:2px;font-weight:400}.account-button{box-sizing:border-box;background:var(--selection);width:100%;min-height:44px;color:var(--on-selection);font:600 .9375rem/1.2 var(--font-ui);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.account-button:disabled,.account-button[aria-disabled=true]{opacity:.45;cursor:default}.account-button svg{width:20px;height:20px}.account-button[data-quiet]{background:var(--pg-chip);color:var(--ink)}.account-ghost{min-height:44px;color:var(--focus);font:600 .875rem/1.2 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;padding:0 10px;display:inline-flex}.account-ghost:disabled{color:var(--muted);cursor:default}.account-ghosts{justify-content:space-between;align-items:center;gap:8px;margin:0 -10px;display:flex}.account-note{color:var(--muted);text-align:center;font-size:.8125rem;line-height:1.4}.account-note a,.account-lead a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.account-status{color:var(--muted);font-size:.8125rem;line-height:1.4}.account-status.error{color:var(--danger)}.account-status:empty{display:none}.account-form{flex-direction:column;gap:12px;margin:0;display:flex}.account-code{gap:8px;display:flex}.account-code>input{box-sizing:border-box;background:var(--pg-chip);min-width:0;height:52px;color:var(--ink);font:600 1.625rem/1 var(--font-sport);font-variant-numeric:tabular-nums;text-align:center;border:0;border-radius:12px;flex:1;padding:0}.account-code>input:focus{outline:var(--focus-ring);outline-offset:2px}.account-code>input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--danger)}.account-code>input[data-selected]{background:var(--selection);color:var(--on-selection)}.account-field>small.account-hint{color:var(--muted);font:500 .8125rem/1.35 var(--font-ui)}.account-sent{text-align:center;flex-direction:column;align-items:stretch;gap:12px;display:flex}.account-sentmark{background:var(--selection);width:64px;height:64px;color:var(--on-selection);border-radius:50%;place-items:center;margin:4px auto 0;display:grid}.account-sentmark svg{width:32px;height:32px}.account-sent h2{font:700 1.3125rem/1.2 var(--font-ui)}.account-sent .account-lead{font-size:.9375rem}.account-code-step{text-align:left;align-items:stretch}.account-page :is(.account-sent,.account-note){text-align:left}.account-page .account-sentmark{margin-inline:0}.account-subtitle{font:700 1.3125rem/1.2 var(--font-ui)}.app-dialog.account-dialog{background:var(--surface);border:0;border-radius:24px;width:min(460px,100vw - 32px);box-shadow:0 24px 60px -16px #0000008c}.app-dialog.account-dialog:modal{margin:90px auto auto}.app-dialog.account-dialog .app-dialog-heading{border-bottom:0;min-height:56px;padding:8px 8px 0 20px}.app-dialog.account-dialog .app-dialog-heading h2{font:700 1.3125rem/1.2 var(--font-ui);letter-spacing:0}.app-dialog.account-dialog .dialog-close{background:var(--canvas-fill);border:0;border-radius:50%;font-size:1.5rem}.app-dialog.account-dialog .app-dialog-content{padding:4px 20px 20px}@media (max-width:600px){.app-dialog.account-dialog{border-radius:24px 24px 0 0;width:100vw;max-width:100vw;box-shadow:0 -14px 34px #0006}.app-dialog.account-dialog:modal{margin:auto 0 0}.app-dialog.account-dialog .app-dialog-heading:before{content:"";background:var(--canvas-line);border-radius:3px;width:38px;height:5px;margin-left:-19px;position:absolute;top:8px;left:50%}.app-dialog.account-dialog .app-dialog-heading{padding-top:16px;position:relative}.app-dialog.account-dialog .app-dialog-content{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.account-page{min-height:0}.account-page-body{width:100%;max-width:460px;margin:0 auto;padding:12px 20px 32px}.account-page-title{font:700 1.5rem/1.2 var(--font-ui);margin:0 0 12px}
