/* GENERATED by scripts/home-build.mjs from styles.css and index.html's #acctModal. Do not edit it:
   node scripts/home-build.mjs           rebuilds it (and home.html's generated regions)
   node scripts/home-build.mjs --check   proves it current (demo/home-sync-check.mjs runs the same)
   It is every styles.css rule that can reach the account card, scoped to #acctModal with :where() so each keeps
   its own specificity and nothing here can match the landing page; what the card inherits from the recorder's
   html and body is declared on #acctModal first, as the BLACK colorway has it. Keyframes are renamed acct-*;
   the fonts come from home.css's own "Archivo" and "DREC Mono" faces. */
/* what the card inherits in the recorder: the browser's own values, then html's and body's rules as the BLACK colorway has them */
:where(#acctModal){font-style:normal;font-variant:normal;font-weight:400;font-stretch:100%;font-size:medium;line-height:normal;font-feature-settings:normal;font-variation-settings:normal;font-kerning:auto;font-optical-sizing:auto;font-size-adjust:none;letter-spacing:normal;word-spacing:normal;text-align:start;text-align-last:auto;text-indent:0;text-transform:none;text-shadow:none;text-rendering:auto;white-space:normal;text-wrap:wrap;word-break:normal;overflow-wrap:normal;hyphens:manual;line-break:auto;text-underline-offset:auto;text-underline-position:auto;text-decoration-skip-ink:auto;direction:ltr;writing-mode:horizontal-tb;visibility:visible;cursor:auto;pointer-events:auto;caret-color:auto;accent-color:auto;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;-webkit-text-fill-color:currentcolor}
:where(#acctModal){-webkit-tap-highlight-color:transparent}
:where(#acctModal){--accent:#e2440e;--accent-ink:#fff;--bg:#e6e7e8;--face-lo:#c3c6c8;--face-edge:rgba(255,255,255,.85);--metal-btn:linear-gradient(180deg,#e3e5e6 0%,#cfd2d4 55%,#c2c5c7 100%);--ink:#2b2e30;--ink-soft:#54585b;--ink-faint:#8b8f92;--line:rgba(20,22,24,.16);--line-strong:rgba(20,22,24,.30);--panel:#f0f1f1;--panel-edge:#fbfbfc;--panel-shadow:0 0 0 1px rgba(0,0,0,.08),0 1px 1px rgba(0,0,0,.02),0 8px 16px -4px rgba(0,0,0,.06),0 24px 32px -8px rgba(0,0,0,.08);--font-ui:"Archivo","Hiragino Sans","Yu Gothic","Meiryo",system-ui,sans-serif;--font-mono:"DREC Mono","Cascadia Mono","Hiragino Sans","Yu Gothic","Meiryo",monospace;--ease-out:cubic-bezier(.22,1,.36,1);--ease-in:cubic-bezier(.4,0,1,1);--dur-fast:.15s;--dur:.25s;--r-panel:18px;--r-control:10px;--r-chip:6px;--elev-ring:rgba(0,0,0,.42);--elev-1:inset 0 1px 0 var(--face-edge),0 1px 1px rgba(0,0,0,.30),0 2px 6px -1px rgba(0,0,0,.28);--elev-3:inset 0 1px 0 var(--panel-edge),0 0 0 1px var(--elev-ring),0 4px 12px rgba(0,0,0,.30),0 34px 80px -16px rgba(0,0,0,.66);--elev-press:inset 0 2px 5px rgba(0,0,0,.34),inset 0 -1px 0 rgba(255,255,255,.05),0 1px 0 var(--face-edge);--scrim:color-mix(in srgb,var(--bg) 62%,transparent);--scrim-fx:blur(20px) saturate(1.1);--spring-settle:linear(0,0.0246,0.0843,0.1629,0.2497,0.3376,0.4221,0.5008,0.5721,0.6358,0.6918,0.7405,0.7824,0.8183,0.8487,0.8745,0.8961,0.9142,0.9294,0.9419,0.9524,0.961,0.9681,0.9739,0.9787,0.9827,0.9859,0.9886,0.9907,0.9925,0.9939,0.9951,1);--spring-sheet:linear(0,0.024,0.0845,0.1675,0.2622,0.3608,0.4575,0.5486,0.6317,0.7055,0.7697,0.8243,0.8698,0.907,0.9369,0.9603,0.9782,0.9915,1.0011,1.0076,1.0118,1.0141,1.0151,1.0151,1.0144,1.0132,1.0119,1.0104,1.0089,1.0075,1.0062,1.005,1);--spring-key:linear(0,0.0239,0.0845,0.1674,0.2621,0.3606,0.4573,0.5484,0.6315,0.7054,0.7695,0.8241,0.8697,0.9069,0.9368,0.9602,0.9781,0.9915,1.001,1.0076,1.0117,1.0141,1.0151,1.0151,1.0144,1.0133,1.0119,1.0104,1.0089,1.0075,1.0062,1.005,1);--dur-sheet:356ms;--dur-key:261ms;--dur-press:60ms;--dur-exit:220ms;--focus:var(--accent)}
@supports not (transition-timing-function:linear(0,1)){
:where(#acctModal){--spring-settle:var(--ease-out);--spring-sheet:var(--ease-out);--spring-key:var(--ease-out)}
}
@media (prefers-reduced-motion:reduce){
:where(#acctModal){--spring-settle:var(--ease-out);--spring-sheet:var(--ease-out);--spring-key:var(--ease-out)}
}
:where(#acctModal){--bg:#0a0b0c;--face-lo:#141617;--face-edge:rgba(255,255,255,.14);--metal-btn:linear-gradient(180deg,#2b2d2f 0%,#1d1f21 55%,#161819 100%);--ink:#d5d7d8;--ink-soft:#b4b7b9;--ink-faint:#9fa2a4;--line:rgba(235,237,238,.13);--line-strong:rgba(235,237,238,.26);--panel:#111213;--panel-edge:#1b1d1e}
:where(#acctModal){--engrave:0 -1px 0 rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.10)}
:where(#acctModal){--panel-shadow:0 0 0 1px rgba(255,255,255,.08),0 7px 32px rgba(0,0,0,.35)}
@media (prefers-contrast: more){
:where(#acctModal){--ink-faint:var(--ink-soft)}
}
:where(#acctModal){color-scheme:dark}
:where(#acctModal){--accent-text:var(--accent);--bad:#e5484d}
:where(#acctModal){--accent-text:#df673e;--bad:#e26266}
:where(#acctModal){--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--fs-fine:clamp(11px,10.4px + .12vw,12px)}
:where(#acctModal){--cap-primary:linear-gradient(180deg,color-mix(in srgb,var(--accent) 82%,#fff) 0%,var(--accent) 42%,color-mix(in srgb,var(--accent) 84%,#000) 100%);--cap-primary-edge:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(0,0,0,.26),0 1px 1px rgba(0,0,0,.30),0 3px 8px -2px color-mix(in srgb,var(--accent) 45%,rgba(0,0,0,.4))}
@media (min-resolution:2dppx){
:where(#acctModal){--engrave:0 -.5px 0 rgba(0,0,0,.55),0 .5px 0 rgba(255,255,255,.10)}
}
:where(#acctModal){--pop:color-mix(in srgb,var(--panel) 96.5%,#fff);--pop-edge:color-mix(in srgb,var(--panel) 91%,#fff);--pop-line:color-mix(in srgb,var(--line) 55%,transparent)}
:where(#acctModal){font-family:var(--font-ui);color:var(--ink);-webkit-font-smoothing:antialiased}
/* the card's own rules, in styles.css order, each with its styles.css specificity */
:where(#acctModal)::selection,:where(#acctModal) ::selection{background:var(--accent);color:var(--accent-ink)}
*:where(#acctModal),:where(#acctModal) *{box-sizing:border-box;margin:0;padding:0}
[hidden]:where(#acctModal),:where(#acctModal) [hidden]{display:none!important}
:where(#acctModal) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:where(#acctModal) button,:where(#acctModal) [role="button"],:where(#acctModal) [role="slider"],:where(#acctModal) [role="tab"]{user-select:none;-webkit-user-select:none;touch-action:manipulation}
.help:where(#acctModal){position:fixed;inset:0;z-index:65;display:flex;flex-direction:column;align-items:center;padding:20px;background:color-mix(in srgb,var(--face-lo) 72%,transparent);backdrop-filter:blur(18px) saturate(.8);-webkit-backdrop-filter:blur(18px) saturate(.8);animation:acct-alarmIn .28s var(--ease-out);overflow-y:auto;-webkit-overflow-scrolling:touch}
.help:where(#acctModal)>.am-card{margin-block:auto;flex:0 0 auto}
.help.is-out:where(#acctModal){animation:acct-alarmOut .25s var(--ease-out) forwards}
:where(#acctModal) .help-close{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;color:var(--ink-faint);font-size:12px}
:where(#acctModal) .help-close:hover{color:var(--ink)}
@media (prefers-reduced-motion:reduce){
*:where(#acctModal),:where(#acctModal) *,*:where(#acctModal)::before,:where(#acctModal) *::before,*:where(#acctModal)::after,:where(#acctModal) *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
.help:where(#acctModal),:where(#acctModal) .am-card,:where(#acctModal) .am-step{transition-duration:.2s!important;animation-duration:.2s!important}
}
.modal:where(#acctModal){z-index:70;padding:16px}
:where(#acctModal) .am-card{position:relative;width:min(400px,100%);padding:32px 28px 24px;border-radius:22px;display:grid;align-items:start;overflow:hidden;background:var(--panel);border:1px solid var(--line-strong);box-shadow:0 34px 80px rgba(0,0,0,.55),inset 0 1px 0 var(--panel-edge);animation:acct-amRise .42s var(--ease-out) both}
@media (prefers-reduced-motion:reduce){
:where(#acctModal) .am-card{animation:none}
}
:where(#acctModal) .am-title,:where(#acctModal) .am-btn b{text-shadow:var(--engrave)}
:where(#acctModal) .am-step{grid-area:1/1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);filter:blur(3px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),filter .3s var(--ease-out),visibility 0s linear .3s}
:where(#acctModal) .am-step.is-on{opacity:1;visibility:visible;transform:none;filter:none;transition-delay:0s}
:where(#acctModal) .am-logo{width:56px;height:56px;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
:where(#acctModal) .am-title{margin:0;font-weight:800;letter-spacing:.14em;font-size:20px;color:var(--ink)}
:where(#acctModal) .am-body{margin:0;font-size:14px;line-height:1.6;color:var(--ink-soft);max-width:32ch}
:where(#acctModal) .am-body b{color:var(--ink)}
:where(#acctModal) .am-stack{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}
:where(#acctModal) .am-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--ink);border:1px solid var(--line-strong);background:var(--metal-btn);cursor:pointer;transition:transform .15s var(--ease-out),filter .15s}
:where(#acctModal) .am-btn:hover{filter:brightness(1.06)}
:where(#acctModal) .am-btn:active{transform:scale(.985)}
:where(#acctModal) .am-btn.is-go{background:var(--accent);color:var(--accent-ink);border-color:transparent}
:where(#acctModal) .am-btn.is-apple{background:#000;color:#fff;border-color:#000}
:where(#acctModal) .am-btn.is-google{background:#fff;color:#1f1f1f;border-color:#dadce0}
:where(#acctModal) .am-btn svg{width:18px;height:18px;flex:none}
:where(#acctModal) .am-btn.is-apple svg{width:12px;height:44px;margin-block:-2px}
:where(#acctModal) .am-btn small{font-weight:700;letter-spacing:.12em;font-size:9px;opacity:.8;margin-left:2px}
:where(#acctModal) .am-btn.is-plan b{white-space:nowrap}
@media (max-width:520px){
:where(#acctModal) .am-btn.is-plan{flex-direction:column;gap:3px;padding:10px 12px;line-height:1.25}
:where(#acctModal) .am-btn.is-plan small{margin-left:0;text-align:center}
}
:where(#acctModal) .am-or{display:flex;align-items:center;gap:10px;width:100%;margin:14px 0 10px}
:where(#acctModal) .am-or::before,:where(#acctModal) .am-or::after{content:"";flex:1;height:1px;background:var(--line)}
:where(#acctModal) .am-or span{font-family:var(--font-mono);font-size:9px;letter-spacing:.22em;color:var(--ink-faint)}
:where(#acctModal) .am-google-host{display:flex;justify-content:center;min-height:0}
:where(#acctModal) .am-later{background:none;border:0;font-size:12px;letter-spacing:.08em;color:var(--ink-soft);padding:6px 10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
:where(#acctModal) .am-later:hover{color:var(--ink)}
:where(#acctModal) .am-back{position:absolute;left:12px;top:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--ink-soft);padding:8px 10px;border-radius:8px}
:where(#acctModal) .am-back:hover{color:var(--ink)}
:where(#acctModal) .am-card:has(.am-step[data-step="plans"].is-on){width:min(580px,100%);padding:30px 26px 20px}
:where(#acctModal) .am-step[data-step="plans"]{gap:12px}
:where(#acctModal) .am-opens{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:460px}
:where(#acctModal) .am-opens li{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.12em;color:var(--ink-soft);padding:4px 8px;border-radius:5px;background:var(--panel-edge);box-shadow:inset 0 0 0 1px var(--line)}
:where(#acctModal) .am-plans{flex-direction:row;justify-content:center;max-width:none;width:auto;gap:12px}
:where(#acctModal) .am-plans .am-btn{width:auto;min-width:210px;flex:0 1 240px}
:where(#acctModal) .am-plans .am-btn.is-plan{flex-direction:column;gap:3px;padding:11px 12px;line-height:1.25;text-align:center}
:where(#acctModal) .am-plans .am-btn.is-plan small{margin-left:0;text-align:center}
:where(#acctModal) .am-step[data-step="plans"] .am-body{max-width:42ch}
:where(#acctModal) .am-secondary{gap:6px;margin-top:2px}
@media (max-width:560px){
:where(#acctModal) .am-plans{flex-direction:column;width:100%;max-width:320px}
:where(#acctModal) .am-plans .am-btn{width:100%;flex:none;min-width:0}
}
:where(#acctModal) .am-card:has(.am-plans.is-three):has(.am-step[data-step="plans"].is-on){width:min(660px,100%)}
@media (min-width:561px){
:where(#acctModal) .am-plans.is-three .am-btn{min-width:0;flex:1 1 0}
}
:where(#acctModal) .am-btn.is-plan{position:relative}
:where(#acctModal) .am-save{position:absolute;top:0;right:12px;transform:translateY(-50%);padding:3px 7px;border-radius:var(--r-chip);font:800 9px/1 var(--font-mono);letter-spacing:.14em;color:var(--panel);background:var(--ink);box-shadow:var(--elev-1);white-space:nowrap;pointer-events:none}
:where(#acctModal) .am-nb{white-space:nowrap}
@media (max-width:560px){
:where(#acctModal) .am-plans.is-three{gap:12px}
}
:where(#acctModal) .am-step[data-step="plans"] .am-msg:empty{display:none}
:where(#acctModal) .am-terms{display:grid;gap:2px;margin-top:2px;max-width:480px}
:where(#acctModal) .wish{display:grid;gap:6px;width:100%;max-width:420px;margin:6px auto 2px;text-align:left}
:where(#acctModal) .wish[hidden]{display:none}
:where(#acctModal) .wish-q{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--ink-soft)}
:where(#acctModal) .wish-row{display:flex;gap:6px;min-width:0}
:where(#acctModal) .wish-in{flex:1;min-width:0;min-height:36px;padding:0 12px;border-radius:10px;font:500 13px/1.2 var(--font-ui);color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
:where(#acctModal) .wish-go{min-height:36px;padding:0 14px;border-radius:10px;font-size:11px;font-weight:800;letter-spacing:.14em;cursor:pointer;color:var(--accent);background:transparent;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent)}
:where(#acctModal) .wish-go:disabled{opacity:.5}
:where(#acctModal) .wish-fine{font-size:11px;line-height:1.45;color:var(--ink-faint)}
@media (pointer:coarse){
:where(#acctModal) .wish-in,:where(#acctModal) .wish-go{min-height:44px}
}
:where(#acctModal) .wish-open{display:none}
@media (max-width:720px){
:where(#acctModal) #wishPlans{margin:2px auto 0;gap:6px}
:where(#acctModal) #wishPlans:not(.is-open) .wish-q,:where(#acctModal) #wishPlans:not(.is-open) .wish-row,:where(#acctModal) #wishPlans:not(.is-open) .wish-fine{display:none}
:where(#acctModal) #wishPlans:not(.is-open) .wish-open{display:block;position:relative;justify-self:center;padding:2px 6px;border:0;background:none;cursor:pointer;font-size:10px;font-weight:800;letter-spacing:.16em;line-height:12px;color:var(--ink-soft)}
:where(#acctModal) #wishPlans:not(.is-open) .wish-open::before{content:"";position:absolute;inset:-14px -8px}
}
:where(#acctModal) .am-terms p{margin:0;font-size:11.5px;letter-spacing:0;line-height:1.45;color:var(--ink-soft);text-align:center}
:where(#acctModal) .am-need{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin:2px 0 4px}
:where(#acctModal) .am-need span{width:100%;text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--ink-faint)}
:where(#acctModal) .am-fine{margin:4px 0 0;font-size:11px;line-height:1.5;color:var(--ink-faint);max-width:34ch}
:where(#acctModal) .am-fine a{color:var(--ink-soft)}
:where(#acctModal) .am-form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:300px}
:where(#acctModal) .am-in{font:inherit;font-size:15px;padding:13px 14px;border-radius:12px;border:1px solid var(--line-strong);background:var(--panel-edge);color:var(--ink);text-align:center;width:100%}
:where(#acctModal) .am-in:focus{outline:2px solid var(--accent);outline-offset:1px}
:where(#acctModal) .am-code{font-family:var(--font-mono);font-size:26px;letter-spacing:.42em;text-indent:.42em;padding:12px}
:where(#acctModal) .am-msg{margin:0;min-height:1.2em;font-size:12px;line-height:1.4;color:var(--accent-text)}
:where(#acctModal) .am-check{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:30px;font-weight:800;animation:acct-amPop .5s var(--ease-out)}
.modal.is-busy:where(#acctModal) .am-btn{opacity:.6;pointer-events:none}
:where(#acctModal) .am-card{animation:acct-cardIn var(--dur) var(--ease-out) both}
.help.is-out:where(#acctModal) .am-card{animation:acct-cardOut var(--dur-fast) var(--ease-out) forwards}
.help.is-out:where(#acctModal){animation-duration:.2s}
:where([tabindex]):focus-visible:where(#acctModal),:where(#acctModal) :where(button,[role="button"],[role="slider"],[role="tab"],[role="switch"],a,input,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px}
:where(#acctModal) .am-later,:where(#acctModal) .help-close,:where(#acctModal) .am-back{transition:transform var(--dur-fast) var(--ease-out),color .18s,border-color .18s,background-color .18s,box-shadow .18s}
:where(#acctModal) .am-later:active,:where(#acctModal) .help-close:active,:where(#acctModal) .am-back:active{transform:scale(.97)}
@supports (-webkit-touch-callout:none){
:where(#acctModal) input{font-size:max(16px,1em)}
}
:where(#acctModal) .am-in{font-size:16px}
:where(#acctModal) .am-card{box-shadow:var(--panel-shadow),inset 0 1px 0 var(--panel-edge)}
:where(#acctModal) .am-card{border-radius:18px}
:where(#acctModal) .am-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--accent)}
:where(#acctModal) .am-title{text-wrap:balance}
:where(#acctModal) .am-body,:where(#acctModal) .am-fine{text-wrap:pretty}
:where(#acctModal) .am-title{letter-spacing:.11em}
.help.is-out:where(#acctModal) *{pointer-events:none!important}
@media (prefers-reduced-transparency: reduce){
.help:where(#acctModal){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.help:where(#acctModal){background:var(--bg)}
.help:where(#acctModal)::before{background:var(--bg);opacity:.96}
}
@media (prefers-contrast: more){
.help:where(#acctModal){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:var(--bg);border:2px solid var(--ink)}
:where(#acctModal) a{text-decoration:underline}
}
*:where(#acctModal),:where(#acctModal) *{scrollbar-width:thin}
:is(div)[tabindex="-1"]:focus-visible:where(#acctModal),:where(#acctModal) :is(div,section,form,ol,ul)[tabindex="-1"]:focus-visible{outline:none}
:where(#acctModal) .am-card{grid-template-columns:minmax(0,1fr)}
@media (max-width:480px){
#acctModal .am-step>.am-title:first-child{padding-inline:32px}
}
:where(#acctModal) .am-google-host{max-width:100%}
:where(#acctModal) .am-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;max-width:480px}
:where(#acctModal) .am-timeline li{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 6px;border-radius:8px;background:var(--panel-edge);box-shadow:inset 0 0 0 1px var(--line);text-align:center}
:where(#acctModal) .am-timeline b{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--accent-text)}
:where(#acctModal) .am-timeline span{font-size:var(--fs-fine);line-height:1.3;color:var(--ink-soft)}
@media (max-width:420px){
:where(#acctModal) .am-timeline{gap:4px}
:where(#acctModal) .am-timeline li{padding:6px 4px}
}
@media (max-height:760px){
:where(#acctModal) .am-card:has(.am-step[data-step="plans"].is-on){padding:22px 18px 16px}
:where(#acctModal) .am-step[data-step="plans"]{gap:9px}
:where(#acctModal) .am-step[data-step="plans"] .am-title{font-size:18px}
:where(#acctModal) .am-step[data-step="plans"] .am-body{font-size:13px;line-height:1.45}
:where(#acctModal) .am-opens{gap:4px}
:where(#acctModal) .am-opens li{padding:3px 7px}
:where(#acctModal) .am-plans{gap:8px}
:where(#acctModal) .am-plans .am-btn.is-plan{padding:8px 12px;min-height:46px}
:where(#acctModal) .am-need{margin:0}
:where(#acctModal) .am-terms p{line-height:1.35}
}
.help:where(#acctModal){top:var(--overlay-view-top,0px);bottom:auto;height:var(--overlay-view-height,100dvh);box-sizing:border-box}
.help:where(#acctModal)>.am-card{max-height:100%;overflow-y:auto;overscroll-behavior:contain}
:where(#acctModal) .am-title{text-wrap:balance}
.help:where(#acctModal){padding:max(20px,calc(8px + var(--safe-t))) max(20px,calc(8px + var(--safe-r))) max(20px,calc(8px + var(--safe-b))) max(20px,calc(8px + var(--safe-l)))}
.modal:where(#acctModal){padding:max(16px,calc(8px + var(--safe-t))) max(16px,calc(8px + var(--safe-r))) max(16px,calc(8px + var(--safe-b))) max(16px,calc(8px + var(--safe-l)))}
:where(#acctModal) .am-terms p,:where(#acctModal) .am-fine{font-size:var(--fs-fine)}
@media (pointer:coarse){
:where(#acctModal) .help-close,:where(#acctModal) .am-back{min-width:44px;min-height:44px}
:where(#acctModal) .help-close{right:4px;top:4px}
:where(#acctModal) .am-back{left:6px;top:6px}
:where(#acctModal) .am-later{min-height:44px}
:where(#acctModal) .am-need .am-later{padding:0 14px}
}
.is-undo:not(.load-x):where(#acctModal),:where(#acctModal) .is-undo:not(.load-x){position:relative}
.is-said.is-bad:where(#acctModal),:where(#acctModal) .is-said.is-bad{color:var(--bad)!important}
:where(#acctModal) .ico{display:block;flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
:where(#acctModal) .ico *{vector-effect:non-scaling-stroke}
:where(#acctModal) .help-close{display:inline-grid;place-items:center;font-size:0}
:where(#acctModal) .help-close .ico{width:14px;height:14px}
:where(#acctModal) .am-check .ico{width:30px;height:30px;stroke-width:2.25}
:where(#acctModal) .am-back{display:inline-flex;align-items:center;gap:4px}
:where(#acctModal) .am-back .ico{width:12px;height:12px}
:where(#acctModal) .am-card{border-radius:var(--r-panel);border:0;box-shadow:var(--elev-3)}
.help:where(#acctModal){background:var(--scrim);-webkit-backdrop-filter:var(--scrim-fx);backdrop-filter:var(--scrim-fx)}
:where(#acctModal) .am-btn,:where(#acctModal) .am-in{border-radius:var(--r-control)}
:where(#acctModal) .am-btn.is-go{background:var(--cap-primary);color:var(--accent-ink);border:0;box-shadow:var(--cap-primary-edge);text-shadow:none}
:where(#acctModal) .am-btn{background:var(--metal-btn);color:var(--ink);border:0;box-shadow:var(--elev-1)}
:where(#acctModal) .am-btn.is-apple{background:linear-gradient(180deg,#2a2a2c,#000 60%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 1px rgba(0,0,0,.4),0 3px 8px -2px rgba(0,0,0,.45)}
:where(#acctModal) .am-btn.is-google{background:linear-gradient(180deg,#fff,#f1f3f4);color:#1f1f1f;box-shadow:inset 0 0 0 1px #dadce0,0 1px 1px rgba(0,0,0,.12),0 3px 8px -2px rgba(0,0,0,.18)}
:where(#acctModal) .am-later{text-decoration:none}
:where(#acctModal) .am-later:hover{color:var(--ink)}
:where(#acctModal) .am-btn{transition:transform var(--dur-key) var(--spring-key),box-shadow var(--dur-key) var(--spring-settle),color .18s,background-color .18s,filter .18s}
:where(#acctModal) :is(.am-btn,.empty button):active{transform:translateY(1px) scale(.975);transition-duration:var(--dur-press);transition-timing-function:var(--ease-out)}
:where(#acctModal) .am-btn:active{box-shadow:var(--elev-press)}
:where(#acctModal) .am-title,:where(#acctModal) .am-btn.is-go b{text-shadow:none}
:where(#acctModal) .am-btn:not(.is-go):not(.is-apple):not(.is-google) b{text-shadow:var(--engrave)}
:where(#acctModal) .am-opens{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;max-width:420px;width:100%;justify-content:stretch}
:where(#acctModal) .am-opens li{display:flex;align-items:center;gap:8px;padding:0;background:none;box-shadow:none;border-radius:0;font-family:var(--font-ui);font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--ink-soft);text-align:left}
:where(#acctModal) .am-opens li::before{content:"";flex:none;width:12px;height:12px;background:var(--accent-text);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='3.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 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
:where(#acctModal) .am-timeline{position:relative;gap:0;padding-top:4px}
:where(#acctModal) .am-timeline::before{content:"";position:absolute;left:16.6%;right:16.6%;top:9px;height:2px;border-radius:1px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 35%,var(--line-strong)))}
:where(#acctModal) .am-timeline li{background:none;box-shadow:none;padding:16px 4px 0;border-radius:0}
:where(#acctModal) .am-timeline li::before{content:"";position:absolute;top:1px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--panel),0 0 10px color-mix(in srgb,var(--accent) 60%,transparent)}
:where(#acctModal) .am-timeline li:nth-child(n+2)::before{background:color-mix(in srgb,var(--accent) 55%,var(--panel));box-shadow:0 0 0 3px var(--panel)}
:where(#acctModal) .am-need{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:340px}
:where(#acctModal) .am-need span{grid-column:1/-1}
:where(#acctModal) .am-need .am-later{background:var(--metal-btn);color:var(--ink);box-shadow:var(--elev-1);border-radius:var(--r-control);font-family:var(--font-ui);font-weight:800;letter-spacing:.14em;font-size:11px;padding:10px 6px;min-height:44px}
:where(#acctModal) .am-terms{max-width:460px;text-align:left}
:where(#acctModal) .am-terms p{text-align:left}
.help:where(#acctModal){animation:acct-veilIn var(--dur-sheet) var(--ease-out)}
.help.is-out:where(#acctModal){animation:acct-veilOut var(--dur-exit) var(--ease-in) forwards}
@media (min-width:721px){
:where(#acctModal) .am-card{animation:acct-cardRise var(--dur-sheet) var(--spring-sheet) backwards}
.help.is-out:where(#acctModal) .am-card{animation:acct-cardFall var(--dur-exit) var(--ease-in) forwards}
}
.is-dragging:where(#acctModal),:where(#acctModal) .is-dragging{transition:none!important}
@media (prefers-reduced-motion:reduce){
.help:where(#acctModal),.help.is-out:where(#acctModal){animation-duration:.2s!important}
:where(#acctModal) .am-card,.help.is-out:where(#acctModal) .am-card{animation:none!important}
}
:where(#acctModal) .am-in{border:0;background:color-mix(in srgb,var(--panel) 72%,#000 28%);box-shadow:inset 0 1px 3px rgba(0,0,0,.40),0 1px 0 color-mix(in srgb,var(--panel-edge) 80%,transparent)}
:where(#acctModal) .am-in:focus{outline:none;border:0;box-shadow:inset 0 1px 3px rgba(0,0,0,.40),0 0 0 2px var(--accent)}
@media (max-width:420px){
:where(#acctModal) .am-opens li{font-size:10.5px;letter-spacing:.05em;gap:7px}
}
@media (prefers-reduced-transparency:reduce){
.help:where(#acctModal){background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (prefers-contrast:more){
:where(#acctModal) .am-btn,:where(#acctModal) .am-in{border:1px solid var(--ink-soft)}
}
@media (forced-colors:active){
:where(#acctModal) .am-btn,:where(#acctModal) .am-card{border:1px solid ButtonText}
}
@media (prefers-contrast:more){
.help:where(#acctModal){background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}
}
:where(#acctModal) .am-timeline.is-tape{display:block;position:relative;min-height:84px;padding:0;gap:0}
:where(#acctModal) .am-timeline.is-tape::before{left:0;right:0;top:6px;height:8px;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 9px,color-mix(in srgb,var(--panel) 45%,transparent) 9px 10px),linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff),color-mix(in srgb,var(--accent) 70%,#000));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 1px 2px rgba(0,0,0,.25)}
:where(#acctModal) .am-timeline.is-tape li{position:absolute;top:0;left:calc(var(--at) * 100%);width:max-content;max-width:34%;transform:translateX(-50%);padding:22px 0 0;align-items:center;text-align:center}
:where(#acctModal) .am-timeline.is-tape li:first-child{transform:none;align-items:flex-start;text-align:left}
:where(#acctModal) .am-timeline.is-tape li:last-child{left:auto;right:0;transform:none;align-items:flex-end;text-align:right}
:where(#acctModal) .am-timeline.is-tape li::before{top:5px;left:0;margin-left:0}
:where(#acctModal) .am-timeline.is-tape li:not(:first-child):not(:last-child)::before{left:50%;margin-left:-5px}
:where(#acctModal) .am-timeline.is-tape li:last-child::before{left:auto;right:0}
:where(#acctModal) .am-timeline.is-tape em{font-style:normal;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--ink-soft)}
:where(#acctModal) .am-timeline.is-tape li:first-child,:where(#acctModal) .am-timeline.is-tape li:last-child{max-width:29%}
:where(#acctModal) .am-timeline.is-tape li:not(:first-child):not(:last-child){max-width:max(48px,calc(min(var(--at) - .29,.71 - var(--at)) * 200% - 16px))}
:where(#acctModal) .am-btn.is-plan{flex-direction:column;gap:3px;padding:10px 14px;line-height:1.25}
:where(#acctModal) .am-btn.is-plan small{margin-left:0;text-align:center}
:where(#acctModal) .am-card{animation:acct-amFade .22s var(--ease-out) both;transition:none}
.help.is-out:where(#acctModal) .am-card{animation:acct-amFadeOut .18s var(--ease-in) forwards}
@media (min-width:721px){
:where(#acctModal) .am-card{animation:acct-amFade .22s var(--ease-out) both}
.help.is-out:where(#acctModal) .am-card{animation:acct-amFadeOut .18s var(--ease-in) forwards}
}
:where(#acctModal) .am-step{transform:none;filter:none;transition:opacity .18s var(--ease-out),visibility 0s linear .18s}
:where(#acctModal) .am-step.is-on{transition-delay:0s}
@media (prefers-reduced-motion:reduce){
:where(#acctModal) .am-card,.help.is-out:where(#acctModal) .am-card{animation:none!important}
}
:where(#acctModal) :is(.am-card){--panel:var(--pop);--panel-edge:var(--pop-edge);--line:var(--pop-line);--step:color-mix(in srgb,var(--ink) 5%,var(--panel));--step-on:color-mix(in srgb,var(--ink) 11%,var(--panel))}
:where(#acctModal)[id="acctModal"][id="acctModal"] :is(.am-card){--step-edge:inset 0 1px 0 color-mix(in srgb,var(--panel-edge) 70%,transparent),0 1px 0 rgba(0,0,0,.22)}
/* the keyframes those rules name, renamed acct-* */
@keyframes acct-alarmIn{from{opacity:0}to{opacity:1}}
@keyframes acct-alarmOut{from{opacity:1}to{opacity:0}}
@keyframes acct-amRise{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}
@keyframes acct-amPop{0%{transform:scale(.4);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes acct-cardIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes acct-cardOut{to{opacity:0;transform:translateY(-10px) scale(.98);filter:blur(4px)}}
@keyframes acct-veilIn{from{opacity:var(--veil-in,0)}to{opacity:1}}
@keyframes acct-veilOut{from{opacity:var(--veil-from,1)}to{opacity:0}}
@keyframes acct-cardRise{from{opacity:var(--rise-o,0);transform:var(--rise-t,translateY(14px) scale(.965))}to{opacity:1;transform:none}}
@keyframes acct-cardFall{from{opacity:var(--card-o,1);transform:var(--drag-from,none)}to{opacity:0;transform:translateY(10px) scale(.975)}}
@keyframes acct-amFade{from{opacity:0}to{opacity:1}}
@keyframes acct-amFadeOut{from{opacity:1}to{opacity:0}}