#acct,#acct-auth{--bad:#a3261b;--on-bad:#fff}
@media (prefers-color-scheme:dark){#acct,#acct-auth{--bad:#ff9d8f;--on-bad:#1d0f0c}}
#acct>*,#acct-auth>*{max-width:none}
#acct p,#acct-auth p{max-width:68ch}#acct .actions,#acct .acct-row,#acct-auth .actions{max-width:none}
#acct .acct-ways,#acct .acct-steps,#acct .acct-confirm,#acct .acct-inbox,#acct .acct-codecard,#acct .acct-warn,#acct .acct-more{max-width:60rem}
#acct.acct-toasting{padding-bottom:calc(var(--toast-h,4rem) + 3rem)}
#acct :is(button,a,input,summary,h2,[tabindex]){scroll-margin-bottom:calc(var(--toast-h,4rem) + 2rem)}
#acct .panel,#acct-auth .panel{margin:0 0 1.4rem}
#acct h2[tabindex]:focus,#acct-auth h2[tabindex]:focus,#acct .panel[tabindex]:focus{outline:none}
#acct input{min-height:var(--target);padding:.45rem .75rem;border-width:var(--bw);border-color:var(--line);border-radius:.8rem}
#acct .btn--sm,#acct-auth .btn--sm{min-height:40px;padding:.35rem 1rem;font-size:.95rem}
#acct .btn--danger{--b:var(--bad);--f:var(--on-bad)}
#acct .btn[disabled]{cursor:default}#acct .btn.is-wait{cursor:progress}#acct .btn.is-wait .pg{width:1.5rem;height:auto;flex:none}
#acct .btn.is-done{--b:var(--sun);--f:var(--on-sun)}
.acct-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem}.acct-row label{flex-basis:100%;font-weight:700}.acct-row input{flex:1 1 12rem}
.acct-toast{position:fixed;z-index:70;inset-inline:1rem;bottom:max(1rem,env(safe-area-inset-bottom));margin-inline:auto;width:fit-content;max-width:min(36rem,calc(100vw - 2rem));display:flex;align-items:center;gap:.6rem;padding:.55rem .5rem .55rem .8rem;background:var(--surface);color:var(--text);border:var(--bw) solid var(--line);border-radius:1.2rem;box-shadow:var(--lift-sm);opacity:0;transform:translateY(calc(100% + 2rem));pointer-events:none}
.acct-toast.is-on{opacity:1;transform:none;pointer-events:auto}
.acct-toast[data-kind=ok]{background:var(--p-leaf)}
.acct-toast[data-kind=bad]{border-color:var(--bad);box-shadow:4px 4px 0 var(--bad)}
[dir=rtl] .acct-toast{box-shadow:var(--lift-sm-rtl)}[dir=rtl] .acct-toast[data-kind=bad]{box-shadow:-4px 4px 0 var(--bad)}
.acct-toast__i{flex:none;display:grid;place-items:center;width:2.2rem;height:2.2rem;color:var(--leaf)}.acct-toast__i .pg{width:2.1rem;height:auto}
.acct-toast__i b{display:none;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--bad);color:var(--on-bad);font:800 1.1rem/1 var(--font-text)}
.acct-toast[data-kind=bad] .acct-toast__i .pg{display:none}.acct-toast[data-kind=bad] .acct-toast__i b{display:grid}
.acct-toast__m{margin:0;font-weight:700;line-height:1.35}
.acct-toast__x{flex:none;min-width:var(--target);min-height:var(--target);border:0;border-radius:999px;background:none;color:inherit;font:400 1.6rem/1 var(--font-text);cursor:pointer}
.acct-toast__a{flex:none;min-height:40px;padding:0 1rem;border:2px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font:700 .95rem/1 var(--font-text);cursor:pointer}
.acct-loading{display:grid;place-items:center;min-height:18rem;color:var(--paw)}.acct-loading .pg{width:4.5rem;height:auto}
.acct-doors{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));align-items:stretch;margin-bottom:1.4rem}
#acct .acct-doors .panel{margin:0}
.acct-door p{max-width:46ch}.acct-auto{display:grid;gap:.35rem;max-width:22rem}.acct-auto label{font-weight:700}
.acct-ticks{list-style:none;padding:0!important;margin:.25rem 0 1rem;display:grid;gap:.5rem}
.acct-ticks li{margin:0!important;display:flex;gap:.6rem;align-items:flex-start}
.acct-ticks li::before,.acct-step.is-done .acct-step__i,.acct-tile.is-ok a::after{content:"";flex:none;background:var(--sun) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.6l2.9 2.9 6.1-7' fill='none' stroke='%2316211b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/68% no-repeat}
.acct-ticks li::before{width:1.3rem;height:1.3rem;margin-top:.12rem;border-radius:50%;border:2px solid var(--line)}
.acct-what summary{padding-block:.6rem}
.acct-more{max-width:44rem}
.acct-moment{display:flex;gap:clamp(.9rem,2.5vw,1.4rem);align-items:center}
.acct-moment__mark{flex:none;display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;background:var(--sun);color:var(--on-sun);border:var(--bw) solid var(--line)}
.acct-moment__mark .pg{width:2.7rem;height:auto}
#acct .acct-moment h2,#acct-auth .acct-moment h2{margin:0 0 .35rem}.acct-moment p{margin:0 0 .5rem}.acct-moment p:last-child{margin-bottom:0}
#acct-gone{background:var(--p-leaf)}
.acct-welcome{background:var(--p-leaf);display:flow-root}
.acct-mango{float:inline-end;width:clamp(92px,12vw,150px);height:auto;margin:-.4rem 0 .4rem 1rem}
[dir=rtl] .acct-mango{margin:-.4rem 1rem .4rem 0}
#acct .acct-welcome h2{font-size:var(--s2);margin:0 0 .6rem}
.acct-lede{font-size:var(--s1);line-height:1.45;max-width:40ch}
.acct-synced{font-weight:700}
#acct .acct-welcome h3{margin:1.2rem 0 .6rem;clear:inline-end}
.acct-steps{list-style:none;padding:0!important;margin:0 0 1rem;display:grid;gap:.6rem;clear:both}
.acct-step{margin:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.75rem 1rem;background:var(--surface);border:2px solid var(--line);border-radius:1rem}
.acct-step__i{flex:none;width:1.7rem;height:1.7rem;border-radius:50%;border:2px dashed var(--line)}
.acct-step.is-done .acct-step__i{border-style:solid}
.acct-step__t{flex:1 1 14rem;display:grid;gap:.1rem}.acct-step__t span{color:var(--muted);font-size:var(--s-1)}
.acct-done,.acct-new{background:var(--sun);color:var(--on-sun)}.acct-new{margin-inline-start:.5rem;vertical-align:middle}
.acct-notices{background:var(--p-sun)}
.acct-notices .notice{background:none;border:0;border-inline-start:4px solid var(--line);border-radius:0;padding:.15rem 0;padding-inline-start:.9rem;margin:.6rem 0}
.acct-tiles{list-style:none;padding:0!important;margin:0 0 .4rem;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,9.5rem),1fr))}
.acct-tile{margin:0!important}
.acct-tile a{position:relative;display:grid;align-content:start;gap:.2rem;height:100%;padding:.8rem 1rem .9rem;border:2px solid var(--line);border-radius:1rem;background:var(--surface);color:var(--text);text-decoration:none}
.acct-tile a:hover{background:var(--p-sun)}
.acct-tile__k{padding-inline-end:1.6rem;font-size:var(--s-1);font-weight:700;color:var(--muted)}
.acct-tile__v{font:800 clamp(1.1rem,1rem + .6vw,1.4rem)/1.15 var(--font-display)}
.acct-tile.is-todo .acct-tile__v{color:var(--hand)}
.acct-tile__s{font-size:var(--s-1);color:var(--muted);overflow-wrap:anywhere}
.acct-tile.is-ok a::after,.acct-tile.is-todo a::after{position:absolute;top:.75rem;inset-inline-end:.75rem;width:1.25rem;height:1.25rem;border-radius:50%;border:2px solid var(--line)}
.acct-tile.is-todo a::after{content:"";border-style:dashed}
.acct-confirm{flex-basis:100%;margin-top:.4rem;padding:.85rem 1rem;border:2px solid var(--line);border-radius:.9rem;background:var(--p-sun)}
.acct-confirm--danger{background:var(--surface);border-color:var(--bad)}
.acct-confirm>p,.acct-confirm>h3{margin:0 0 .5rem}.acct-confirm .actions{margin:.4rem 0 0}.acct-confirm ul{margin:0 0 .6rem}
#acct-soa{margin-top:0}
.acct-danger{border-color:var(--bad)!important}
.acct-count{display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;padding:0 .5rem;margin-inline-start:.35rem;border-radius:999px;border:2px solid var(--line);background:var(--sun);color:var(--on-sun);font:800 .95rem/1 var(--font-text);vertical-align:.15em}
.acct-count:empty{display:none}
.acct-empty{display:flex;align-items:center;gap:1rem}.acct-empty .empty-paw{margin:0;width:3.4rem;flex:none}.acct-empty p{margin:0}
.acct-favs{list-style:none;padding:0!important;margin:.25rem 0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}
.acct-fav{margin:0!important;display:flex;align-items:center;gap:.75rem;padding:.45rem .45rem .45rem .5rem;border:2px solid var(--line);border-radius:1.1rem;background:var(--surface)}
.acct-fav__ph{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid var(--line);background:var(--photo-bg);color:var(--logo)}
.acct-fav__ph img{width:100%;height:100%;object-fit:cover}.acct-fav__ph .pg{width:62%;height:auto}
.acct-fav__t{flex:1;min-width:0;display:grid}.acct-fav__t a{font-weight:800;overflow-wrap:anywhere}
.acct-fav__d{font-size:var(--s-1);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acct-fav__x{flex:none;width:var(--target);height:var(--target);border:2px solid transparent;border-radius:50%;background:none;color:var(--muted);font:400 1.5rem/1 var(--font-text);cursor:pointer}
.acct-fav__x:hover{border-color:var(--line);color:var(--text)}
.acct-ways{list-style:none;padding:0!important;margin:.25rem 0 .4rem;display:grid;gap:.6rem}
.acct-way{margin:0!important;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem;padding:.7rem .8rem;border:2px solid var(--line);border-radius:1rem;background:var(--surface)}
.acct-way__i,.acct-inbox__i{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;border:2px solid var(--line);background:var(--p-sky)}
.acct-way__i::before,.acct-inbox__i::before{content:"";width:58%;height:58%;background:var(--text);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.acct-way--passkey .acct-way__i{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='7.5' cy='12' r='4.2' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3Cpath d='M11.7 12H21m-3 0v3.4M15 12v2.4' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}.acct-way--email .acct-way__i,.acct-inbox__i{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2.8' y='5.2' width='18.4' height='13.6' rx='2.6' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3Cpath d='M3.8 7l8.2 6.2L20.2 7' fill='none' stroke='%23000' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.acct-way--google .acct-way__i::before{content:"G";width:auto;height:auto;background:none;-webkit-mask:none;mask:none;font:800 1.1rem/1 var(--font-text)}
.acct-way__t{flex:1 1 12rem;min-width:0;display:grid;gap:.1rem}.acct-way__t b{overflow-wrap:anywhere}.acct-way__s{font-size:var(--s-1);color:var(--muted)}
.acct-inbox{display:flex;gap:1rem;align-items:flex-start;margin-bottom:.6rem}
.acct-inbox .acct-inbox__i{width:3.4rem;height:3.4rem;border-radius:1rem;border-width:var(--bw);background:var(--p-sun)}
.acct-inbox--sm .acct-inbox__i{width:2.6rem;height:2.6rem}
#acct .acct-inbox h2{margin:0 0 .35rem}#acct .acct-inbox h3{margin:0 0 .35rem}
.acct-addr{overflow-wrap:anywhere}
#acct-ecode{flex:0 1 9em;font:700 1.25rem/1 var(--font-mono);letter-spacing:.25em}
.acct-warn{padding:.7rem .95rem;border:2px solid var(--line);border-radius:.9rem;background:var(--p-sun);font-weight:700}
.acct-codecard{display:grid;justify-items:start;gap:.3rem;padding:1rem 1.25rem;border:var(--bw) dashed var(--line);border-radius:1rem;background:var(--surface)}
.acct-code__l{font-size:var(--s-1);font-weight:700;color:var(--muted)}
#acct .acct-codecard code{font:700 clamp(1.05rem,.9rem + 1.3vw,1.65rem)/1.35 var(--font-mono);letter-spacing:.05em;word-break:normal;overflow-wrap:anywhere}
#acct input[aria-invalid=true]{border-color:var(--bad);box-shadow:3px 3px 0 var(--bad)}
#acct input[aria-invalid=true]:focus-visible{outline-color:var(--bad)}
.acct-field-err{display:flex;gap:.5rem;align-items:flex-start;margin:.1rem 0 .6rem;color:var(--bad);font-weight:700}
.acct-field-err::before{content:"!";flex:none;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;background:var(--bad);color:var(--on-bad);font:800 .85rem/1 var(--font-text)}
.acct-code__g{white-space:nowrap}
.acct-allset{display:flex;gap:.6rem;align-items:center;font-weight:800;font-size:var(--s1)}
.acct-allset__i{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid var(--line);background:var(--sun);color:var(--on-sun)}.acct-allset__i .pg{width:1.5rem;height:auto}
.acct-recok{display:flex;gap:.7rem;align-items:center}
.acct-recok__i{flex:none;display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid var(--line);background:var(--sun);color:var(--on-sun)}.acct-recok__i .pg{width:1.5rem;height:auto}
.acct-msg{font-weight:700}.acct-msg:empty{display:none}
.acct-msg[data-bad="1"]{padding:.85rem 1rem;border:2px solid var(--bad);border-radius:1rem;background:var(--surface)}
.acct-auth{min-height:8rem}
.acct-moment--card{padding:clamp(18px,2.6vw,30px);background:var(--p-leaf);border:var(--bw) solid var(--line);border-radius:var(--r);box-shadow:var(--lift);margin-bottom:1.4rem}
[dir=rtl] .acct-moment--card{box-shadow:var(--lift-rtl)}
.acct-hazel{flex:none;width:clamp(70px,9vw,100px);height:auto;align-self:flex-end}
.acct-flash{position:relative;isolation:isolate}
@media (prefers-reduced-motion:no-preference){
.acct-toast{transition:transform .34s cubic-bezier(.2,.7,.3,1),opacity .22s ease}
.acct-pop .pg__fill{animation:pg-in .25s ease-out backwards}
.acct-pop .pg__fill .toe{animation:pg-squish 1.15s cubic-bezier(.3,0,.25,1) var(--d) 1 backwards}
.acct-pop .pg__fill .heart{animation:pg-pad 1.15s cubic-bezier(.3,0,.25,1) 1 backwards}
.acct-wait .toe{animation:pg-spread 1.9s cubic-bezier(.3,.1,.3,1) 1 backwards}.acct-wait .heart{animation:pg-spread-pad 1.9s cubic-bezier(.3,.1,.3,1) 1 backwards}
.acct-loading .paw{animation:pg-knead 1.6s cubic-bezier(.35,0,.3,1) .15s 1 backwards}
.acct-flash::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--sun);opacity:0;pointer-events:none;animation:acct-glow 1.6s ease-out 1}
.acct-tile a{transition:transform .12s ease}.acct-tile a:hover{transform:translateY(-2px)}
}
@keyframes acct-glow{0%{opacity:.55}100%{opacity:0}}
@media (max-width:29.99rem){#acct .acct-codecard code{display:grid;grid-template-columns:repeat(2,max-content);gap:.15rem 1.1rem;font-size:1.45rem;letter-spacing:.08em}.acct-code__dash{display:none}
.acct-moment{align-items:flex-start}.acct-moment--card{flex-direction:column}.acct-hazel{width:64px;align-self:flex-start}
.acct-way__i{width:2.1rem;height:2.1rem}.acct-way{padding:.7rem}.acct-inbox .acct-inbox__i{width:2.8rem;height:2.8rem}.acct-moment__mark{width:3.4rem;height:3.4rem}.acct-moment__mark .pg{width:2.1rem}.acct-toast{bottom:max(.6rem,env(safe-area-inset-bottom))}}
@media print{.acct-toast,.acct-save{display:none!important}body.acct-print *{visibility:hidden!important}body.acct-print .acct-codecard,body.acct-print .acct-codecard *{visibility:visible!important}
body.acct-print .acct-codecard{position:fixed;top:2cm;left:2cm;border:2px dashed #000;color:#000;background:#fff}}