.acct{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));background:var(--color-bg);color:var(--color-text);place-items:center;display:grid}.acct__card{border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,420px);box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:24px;display:flex}.acct__brand{align-items:center;gap:12px;display:flex}.acct__title{font-size:var(--text-lg);font-weight:700}.acct__h2{font-size:var(--text-md,1.0625rem);font-weight:700}.acct__intro,.acct__muted{color:var(--color-text-2);line-height:1.5}.acct__tabs{border-radius:var(--radius-sm);background:var(--color-surface-2);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.acct__tab{border-radius:var(--radius-sm);min-height:44px;color:var(--color-text-2);font:inherit;background:0 0;border:0;font-weight:600}.acct__tab[aria-selected=true]{background:var(--color-surface-3);color:var(--color-text)}.acct__providers{gap:8px;display:grid}.acct__or{text-align:center;color:var(--color-text-3);font-size:var(--text-sm)}.acct__field{font-size:var(--text-sm);flex-direction:column;gap:6px;font-weight:600;display:flex}.acct__field input{border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface-2);min-height:48px;color:var(--color-text);font:inherit;font-weight:400;font-size:max(16px, var(--text-input,16px));padding:10px 14px}.acct__field input:focus-visible,.acct__check input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.acct__field small{color:var(--color-text-3);font-weight:400}.acct__check{min-height:44px;font-size:var(--text-sm);align-items:flex-start;gap:10px;line-height:1.4;display:flex}.acct__check input{flex:none;width:22px;height:22px;margin-top:1px}.acct__error{color:var(--color-danger);font-size:var(--text-sm)}.acct__notice{border-radius:var(--radius-sm);background:var(--color-info-soft,var(--color-surface-2));font-size:var(--text-sm);padding:10px 12px;line-height:1.45}.acct__link{min-height:44px;color:var(--color-text-2);font:inherit;font-size:var(--text-sm);background:0 0;border:0;align-self:center;text-decoration:underline}.acct__legal{font-size:var(--text-xs);color:var(--color-text-3);text-align:center}.acct__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acct__section{border-top:1px solid var(--color-line);flex-direction:column;gap:10px;padding-top:14px;display:flex}.acct__grow{flex:200px}.acct__danger:not(:disabled){color:var(--color-danger);border-color:var(--color-danger-line,var(--color-danger))}.acct{padding:max(48px, env(safe-area-inset-top)) 20px max(48px, env(safe-area-inset-bottom));background:linear-gradient(var(--color-line) 1px, transparent 1px) 0 0 / 100% 96px, var(--color-bg);align-items:start}.acct__card{border:1px solid var(--color-line-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);gap:18px;padding:clamp(22px,4vw,34px)}.acct__card--wide{width:min(100%,920px)}.acct__brand{border-bottom:1px solid var(--color-line);padding-bottom:16px}.acct__title{letter-spacing:var(--tracking-tight);margin:0;font-size:clamp(24px,4vw,32px);line-height:1.08}.acct__h2{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);margin:0;line-height:1.2}.acct__intro{color:var(--color-text);font-size:var(--text-md)}.acct__muted{font-size:var(--text-sm)}.acct__tabs{border-bottom:1px solid var(--color-line-strong);background:0 0;border-radius:0;gap:0;padding:0}.acct__tab{border-radius:0;position:relative}.acct__tab[aria-selected=true]{color:var(--color-text);background:0 0}.acct__tab[aria-selected=true]:after{content:"";background:var(--color-accent);height:3px;position:absolute;bottom:-1px;left:12px;right:12px}.acct__providers{gap:10px}.acct__providers .btn{border:1px solid var(--color-line-strong);background:var(--color-surface-2);justify-content:flex-start;width:100%}.acct__providers .btn:before{border:1px solid var(--color-line-strong);width:24px;height:24px;color:var(--color-text);font-size:12px;font-weight:var(--weight-bold);border-radius:50%;place-items:center;margin-right:4px;display:grid}.acct__providers [data-provider=google]:before{content:"G"}.acct__providers [data-provider=apple]:before{content:"A"}.acct__or{align-items:center;gap:12px;display:flex}.acct__or:before,.acct__or:after{content:"";background:var(--color-line);flex:1;height:1px}.acct__field{color:var(--color-text-2);gap:8px}.acct__field input{border-color:var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-bg);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}.acct__field input:hover{border-color:color-mix(in srgb, var(--color-text-3) 65%, transparent)}.acct__field input:focus{border-color:var(--color-focus);background:var(--color-surface-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 16%, transparent);outline:none}.acct__check{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;padding:12px}.acct__check:has(input:checked){border-color:color-mix(in srgb, var(--color-accent) 55%, var(--color-line));background:var(--color-accent-soft)}.acct__check input{accent-color:var(--color-accent)}.acct__error,.acct__notice{border-radius:var(--radius-sm);padding:12px 14px;line-height:1.45}.acct__error{border-left:3px solid var(--color-danger);background:var(--color-danger-soft);color:var(--color-on-danger-soft)}.acct__notice{border-left:3px solid var(--color-info);background:var(--color-info-soft);color:var(--color-text)}.acct__link{color:var(--color-text-2);text-underline-offset:4px;cursor:pointer}.acct__legal a,.legal-links a{color:var(--color-text-2);text-underline-offset:3px}.acct__section{gap:16px;padding-top:24px}.acct__danger{align-self:flex-start}.acct__danger:not(:disabled){border:1px solid var(--color-danger-line);background:var(--color-danger-soft)}.acct .btn:disabled,.purchase .btn:disabled,.admin .btn:disabled{cursor:not-allowed;opacity:.42;background:var(--color-surface-2);color:var(--color-text-3);box-shadow:inset 0 0 0 1px var(--color-line);filter:saturate(.25);transform:none}.acct[aria-busy=true] .acct__card:after,.acct__card[aria-busy=true]:after{content:"";background:var(--color-accent);width:32px;height:3px;animation:acct-wait .9s var(--ease-in-out) infinite alternate;align-self:center}@keyframes acct-wait{0%{opacity:.45;transform:scaleX(.35)}to{opacity:1;transform:scaleX(1)}}.acct[data-screen=parent] .acct__card,.acct[data-screen=welcome] .acct__card,.acct[data-screen=fake-payment] .acct__card{margin-top:clamp(0px,8vh,72px)}.acct[data-screen=parent][data-state=pending] .acct__muted{border-left:3px solid var(--color-accent);background:var(--color-surface-2);padding:14px}.acct[data-screen=fake-payment] .acct__card{border-top:4px solid var(--color-accent)}.acct[data-screen=account]{background:var(--color-bg);padding-top:28px}.acct[data-screen=account] .acct__card--wide{width:min(100%,980px);box-shadow:none;background:0 0;border:0;border-radius:0;gap:28px;padding:0 24px}.acct__heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;display:flex}.acct__heading .acct__title{font-size:var(--text-xl)}.acct__heading .acct__muted{overflow-wrap:anywhere;margin:0}.acct[data-screen=account] .credit-wallet{border-top:0;padding-top:0}.acct[data-screen=account] .acct__settings{padding-top:12px;display:block}.acct__settings .acct__h2{font-size:var(--text-sm);color:var(--color-text-2)}.acct__settings-body{flex-direction:column;gap:16px;max-width:560px;padding-top:16px;display:flex}@media (max-width:640px){.acct[data-screen=account] .acct__card--wide{gap:22px;padding-inline:4px}}.doc[data-screen]{padding:max(32px, env(safe-area-inset-top)) 20px max(56px, env(safe-area-inset-bottom));background:var(--color-bg)}.doc[data-screen] .doc__inner{gap:20px;width:min(100%,760px);line-height:1.72}.doc[data-screen] h1{letter-spacing:var(--tracking-tight);margin:8px 0 4px;font-size:clamp(30px,6vw,44px)}.doc[data-screen] section{border-top:1px solid var(--color-line);padding-top:8px}.doc[data-screen] h2{color:var(--color-text);font-size:var(--text-xl);margin:14px 0 4px}.doc[data-screen] p,.doc[data-screen] li{color:var(--color-text-2)}.doc[data-screen] .draft-banner{box-shadow:var(--shadow-card);border-width:1px 1px 1px 4px;top:12px}.doc[data-screen=help-quality] ol{counter-reset:quality;padding:0;list-style:none}.doc[data-screen=help-quality] ol li{counter-increment:quality;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);min-height:72px;padding:16px 16px 16px 64px;position:relative}.doc[data-screen=help-quality] ol li:before{content:counter(quality, decimal-leading-zero);color:var(--color-accent);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;position:absolute;top:16px;left:16px}.msg--notice .help-link{color:var(--color-accent);text-underline-offset:4px}.admin[data-screen=admin]{gap:24px;max-width:1200px;padding:32px 24px 64px}.admin[data-screen=admin] .admin__head{border-bottom:1px solid var(--color-line-strong);padding-bottom:18px}.admin[data-screen=admin] .admin__head h1{letter-spacing:var(--tracking-tight);margin-right:auto;font-size:clamp(26px,4vw,38px)}.admin[data-screen=admin] .admin__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin[data-screen=admin] .admin__stat{border:1px solid var(--color-line);border-top:3px solid var(--color-surface-3);border-radius:var(--radius-sm);background:var(--color-surface);justify-content:space-between;min-height:132px;padding:18px}.admin[data-screen=admin] .admin__stat[data-warn]{border-top-color:var(--color-warn);background:color-mix(in srgb, var(--color-surface) 92%, var(--color-warn));outline:none}.admin[data-screen=admin] .admin__value{letter-spacing:var(--tracking-tight);font-size:clamp(22px,3vw,30px)}.admin[data-screen=admin] .admin__block{border:1px solid var(--color-line);border-radius:var(--radius-md);gap:16px;padding:20px}.admin[data-screen=admin] .admin__table{min-width:580px}.admin[data-screen=admin] .admin__table td{padding:10px 12px}.admin[data-screen=admin] .admin__user{border-top:1px solid var(--color-line);gap:16px;padding-top:16px}@media (max-width:640px){.acct{padding:max(20px, env(safe-area-inset-top)) 12px max(28px, env(safe-area-inset-bottom));background:var(--color-bg)}.acct__card{padding:20px 16px}.acct__card--wide{padding-inline:14px}.acct__row>.btn{flex:auto}.doc[data-screen]{padding-inline:16px}.admin[data-screen=admin]{padding:20px 14px 48px}}
