/* velvet-comet: load after shared account.css. Integration contract: account-themes/STATUS.md. */
@font-face{font-family:AccountVelvetDisplay;src:url('assets/fonts/space-grotesk.ttf') format('truetype');font-weight:300 900;font-display:swap}
@font-face{font-family:AccountVelvetBody;src:url('assets/fonts/sora.ttf') format('truetype');font-weight:100 900;font-display:swap}
:is(.account-ui,.account-page){--ac-paper:#080b0e;--ac-panel:#111b21;--ac-text:#edf8f4;--ac-muted:#b2c6c8;--ac-line:#4b6369;--ac-accent:#c8f76e;--ac-on-accent:#101a10;--ac-soft:#1c3036;--ac-focus:#64e5ed;--ac-error:#ffd0d3;--ac-error-bg:#3f1b29;--ac-success:#bbefb7;--ac-success-bg:#13372c;--ac-radius:4px;--ac-display:AccountVelvetDisplay;--ac-body:AccountVelvetBody}

:is(.account-ui,.account-page){box-sizing:border-box;min-width:0;color:var(--ac-text);font-family:var(--ac-body),Arial,sans-serif;font-size:16px;line-height:1.75;background:var(--ac-paper);padding:40px;border-radius:var(--ac-radius);overflow-wrap:anywhere}
:is(.account-ui,.account-page) :is(*,*:before,*:after){box-sizing:border-box}
:is(.account-ui,.account-page) [hidden]{display:none!important}
:is(.account-ui,.account-page) .account-page{padding:0;background:transparent}
:is(.account-ui,.account-page) :is(h1,h2,h3){font-family:var(--ac-display),Georgia,serif;letter-spacing:var(--ac-title-tracking,-.025em);font-weight:var(--ac-heading-weight,500);line-height:1.12;color:inherit;margin:0 0 20px}
:is(.account-ui,.account-page) h1{font-size:clamp(36px,4.7vw,62px);max-width:22ch}
:is(.account-ui,.account-page) h2{font-size:32px}
:is(.account-ui,.account-page) h3{font-size:24px}
:is(.account-ui,.account-page) p{margin:0 0 18px;max-width:70ch}
:is(.account-ui,.account-page) a{color:inherit;text-decoration:underline;text-underline-offset:4px}
:is(.account-ui,.account-page) :is(button,input,select,textarea){font:inherit}
:is(.account-ui,.account-page) :is(button,select,label:has(input[type=checkbox])){cursor:pointer}
:is(.account-ui,.account-page) :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--ac-focus);outline-offset:4px}
:is(.account-ui,.account-page) :is(.account-shell,.ac-columns){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;width:100%;max-width:1200px;margin:28px auto 0;align-items:start}
:is(.account-ui,.account-page) :is(.account-shell,.ac-columns)>*{min-width:0;max-width:100%}
:is(.account-ui,.account-page) :is(.account-shell,.ac-columns)>:is(.account-card,.ac-panel):only-child{grid-column:1/-1}
:is(.account-ui,.account-page) :is(.account-card,.ac-panel){padding:30px;background:var(--ac-panel);color:var(--ac-text);border:1px solid var(--ac-line);border-radius:var(--ac-radius);min-width:0}
:is(.account-ui,.account-page) :is(.account-tabs,.ac-tabs){display:flex;flex-wrap:wrap;gap:8px;padding:0 0 18px;margin-bottom:26px;border-bottom:1px solid var(--ac-line)}
:is(.account-ui,.account-page) :is(.account-tabs,.ac-tabs) :is(button,a){display:inline-flex;align-items:center;justify-content:center;min-height:46px;min-width:44px;max-width:100%;padding:10px 18px;border:1px solid var(--ac-line);border-radius:var(--ac-control-radius,0);font-size:13px;font-weight:600;line-height:1.6;background:var(--ac-panel);color:var(--ac-text);text-decoration:none;white-space:normal}
:is(.account-ui,.account-page) :is(.account-tabs,.ac-tabs) :is([aria-selected=true],[aria-current=page],.active){background:var(--ac-accent);color:var(--ac-on-accent);border-color:var(--ac-accent)}
:is(.account-ui,.account-page) :is(.account-form,form){display:grid;gap:20px;max-width:640px;min-width:0}
:is(.account-ui,.account-page) :is(.account-form,form) :is(label,fieldset){min-width:0}
:is(.account-ui,.account-page) :is(.account-form,form) label{display:block;font-size:14px;line-height:1.65;font-weight:600}
:is(.account-ui,.account-page) :is(.account-form,form) fieldset{margin:0;padding:20px;border:1px solid var(--ac-line)}
:is(.account-ui,.account-page) :is(.account-form,form) legend{font-size:14px;padding:0 8px}
:is(.account-ui,.account-page) :is(:is(.account-form,form),:is(.account-settings,.ac-settings)) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){display:block;width:100%;max-width:100%;min-width:0;min-height:50px;margin-top:8px;padding:12px 14px;background:var(--ac-panel);border:1px solid var(--ac-line);border-radius:var(--ac-control-radius,0);color:var(--ac-text);font-size:16px;line-height:1.5;box-shadow:none}
:is(.account-ui,.account-page) textarea{resize:vertical;min-height:120px}
:is(.account-ui,.account-page) input::placeholder,:is(.account-ui,.account-page) textarea::placeholder{color:var(--ac-muted);opacity:1}
:is(.account-ui,.account-page) :is(input[type=checkbox],input[type=radio]){width:20px;height:20px;min-width:20px;min-height:20px;accent-color:var(--ac-accent);vertical-align:middle;margin:0 10px 0 0}
:is(.account-ui,.account-page) label:has(:is(input[type=checkbox],input[type=radio])){display:flex;align-items:flex-start;gap:10px;min-height:44px;font-size:13px;font-weight:400;padding:10px 0;line-height:1.7}
:is(.account-ui,.account-page) label:has(:is(input[type=checkbox],input[type=radio])) input{margin:2px 0 0;flex-shrink:0}
:is(.account-ui,.account-page) :is(small,:is(.account-help,.ac-hint),.account-muted){display:block;color:var(--ac-muted);font-size:13px;line-height:1.75;font-weight:400;margin-top:7px}
:is(.account-ui,.account-page) :is(button,:is(.account-button,.ac-button),:is(.account-actions,.ac-actions)>a,:is(.account-form,form) .button){min-height:46px;min-width:44px;max-width:100%;padding:12px 20px;border:1px solid var(--ac-accent);border-radius:var(--ac-control-radius,0);background:var(--ac-accent);color:var(--ac-on-accent);font-size:13px;font-weight:600;line-height:1.6;text-align:center;text-decoration:none;white-space:normal;transition:background .18s,border-color .18s,color .18s;cursor:pointer;touch-action:manipulation}
:is(.account-ui,.account-page) :is(button,:is(.account-button,.ac-button),:is(.account-actions,.ac-actions)>a):hover{box-shadow:inset 0 0 0 2px currentColor}
:is(.account-ui,.account-page) :is(.secondary,:is(.account-secondary,.ac-secondary),[data-variant=secondary]){background:transparent;color:var(--ac-text);border-color:var(--ac-line)}
:is(.account-ui,.account-page) :is(.account-actions,.ac-actions){display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
:is(.account-ui,.account-page) :is(.account-actions,.ac-actions)>a{display:inline-flex;align-items:center;justify-content:center}
:is(.account-ui,.account-page) :is(button,input,select,textarea):disabled,:is(.account-ui,.account-page) [aria-disabled=true]{opacity:.65;cursor:not-allowed;box-shadow:none}
:is(.account-ui,.account-page) :is(form,:is(.account-form,form),:is(.account-card,.ac-panel))[aria-busy=true]{border-color:var(--ac-focus)}
:is(.account-ui,.account-page) :is([aria-busy=true],.is-loading) button[type=submit]{cursor:progress}
:is(.account-ui,.account-page) :is(input,select,textarea)[aria-invalid=true]{border:2px solid var(--ac-error);background:var(--ac-error-bg)}
:is(.account-ui,.account-page) :is(.account-message,.ac-status,.ac-error){padding:16px 18px;border:1px solid var(--ac-line);border-left-width:4px;margin:20px 0;font-size:14px;line-height:1.75;background:var(--ac-soft);color:var(--ac-text);overflow-wrap:anywhere}
:is(.account-ui,.account-page) :is(.account-message,.ac-status,.ac-error):empty{display:none}
:is(.account-ui,.account-page) :is(.account-message,.ac-status,.ac-error):is([data-state=error],.is-error,[role=alert]){color:var(--ac-error);border-color:var(--ac-error);background:var(--ac-error-bg)}
:is(.account-ui,.account-page) :is(.account-message,.ac-status,.ac-error):is([data-state=success],.is-success){color:var(--ac-success);border-color:var(--ac-success);background:var(--ac-success-bg)}
:is(.account-ui,.account-page) :is(.account-message,.ac-status,.ac-error):is([data-state=loading],.is-loading){border-style:dashed}
:is(.account-ui,.account-page) :is(.is-danger,[data-variant=danger]){color:var(--ac-error);background:var(--ac-error-bg);border-color:var(--ac-error)}
:is(.account-ui,.account-page) :is(.account-stats,.ac-metrics){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;min-width:0}
:is(.account-ui,.account-page) :is(.account-stat,.ac-metric){padding:22px;min-width:0;border:1px solid var(--ac-line);background:var(--ac-panel);border-radius:var(--ac-radius)}
:is(.account-ui,.account-page) :is(.account-stat,.ac-metric) :is(strong,.account-stat-value){display:block;font-family:var(--ac-display),Georgia,serif;font-size:clamp(28px,3vw,42px);line-height:1.2;font-weight:var(--ac-heading-weight,500);font-variant-numeric:tabular-nums;margin-bottom:8px}
:is(.account-ui,.account-page) :is(.account-stat,.ac-metric) :is(span,dt,.account-stat-label){font-size:12px;line-height:1.65;color:var(--ac-muted)}
:is(.account-ui,.account-page) :is(.account-stat,.ac-metric) dd{margin:0}
:is(.account-ui,.account-page) :is(.account-table,.ac-table-wrap){display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable;font-size:14px;line-height:1.75;border:1px solid var(--ac-line);border-collapse:collapse}
:is(.account-ui,.account-page) :is(.account-table,.ac-table-wrap) table{width:100%;border-collapse:collapse;font-size:14px}
:is(.account-ui,.account-page) :is(.account-table,.ac-table-wrap) :is(th,td){text-align:left;vertical-align:top;padding:14px 18px;border-bottom:1px solid var(--ac-line);font-size:14px;line-height:1.7;min-width:112px}
:is(.account-ui,.account-page) :is(.account-table,.ac-table-wrap) th{background:var(--ac-soft);font-weight:600}
:is(.account-ui,.account-page) :is(.account-table,.ac-table-wrap) caption{text-align:left;padding:12px 18px;font-weight:600;caption-side:top}
:is(.account-ui,.account-page) :is(.account-table,.ac-table-wrap) tr:last-child td{border-bottom:0}
:is(.account-ui,.account-page) :is(.leaderboard,.ac-leaderboard){padding:0;margin:24px 0;list-style:none;border-top:1px solid var(--ac-line)}
:is(.account-ui,.account-page) .leaderboard-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 20px;min-width:0;padding:18px 0;border-bottom:1px solid var(--ac-line);font-size:14px;font-variant-numeric:tabular-nums}
:is(.account-ui,.account-page) .leaderboard-row>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
:is(.account-ui,.account-page) .leaderboard-row [aria-current=true]{font-weight:700}
:is(.account-ui,.account-page) :is(.account-settings,.ac-settings){padding-top:24px;margin-top:28px;border-top:1px solid var(--ac-line);min-width:0}
@media(max-width:1000px){:is(.account-ui,.account-page){padding:28px}:is(.account-ui,.account-page) :is(.account-shell,.ac-columns){gap:22px}:is(.account-ui,.account-page) :is(.account-card,.ac-panel){padding:24px}:is(.account-ui,.account-page) :is(.account-stats,.ac-metrics){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:is(.account-ui,.account-page) :is(.account-shell,.ac-columns){grid-template-columns:minmax(0,1fr)}:is(.account-ui,.account-page) :is(.account-shell,.ac-columns)>*{grid-column:auto!important}:is(.account-ui,.account-page) :is(.account-card,.ac-panel){padding:24px}}
@media(max-width:450px){:is(.account-ui,.account-page){padding:20px 16px}:is(.account-ui,.account-page) h1{font-size:36px;line-height:1.12}:is(.account-ui,.account-page) h2{font-size:28px}:is(.account-ui,.account-page) h3{font-size:23px}:is(.account-ui,.account-page) :is(.account-shell,.ac-columns){margin-top:22px;gap:20px}:is(.account-ui,.account-page) :is(.account-card,.ac-panel){padding:20px 16px}:is(.account-ui,.account-page) :is(.account-form,form){gap:18px}:is(.account-ui,.account-page) :is(.account-tabs,.ac-tabs){gap:8px}:is(.account-ui,.account-page) :is(.account-tabs,.ac-tabs) :is(button,a){flex:1 1 100px;padding:10px 12px}:is(.account-ui,.account-page) :is(.account-stats,.ac-metrics){grid-template-columns:minmax(0,1fr);gap:12px}:is(.account-ui,.account-page) :is(.account-stat,.ac-metric){padding:18px}:is(.account-ui,.account-page) :is(.account-stat,.ac-metric) :is(strong,.account-stat-value){font-size:34px}:is(.account-ui,.account-page) :is(.account-actions,.ac-actions){align-items:stretch}:is(.account-ui,.account-page) :is(.account-actions,.ac-actions)>*{flex:1 1 150px}:is(.account-ui,.account-page) :is(.account-table,.ac-table-wrap) :is(th,td){padding:12px}:is(.account-ui,.account-page) :is(.account-message,.ac-status,.ac-error){padding:14px;font-size:13px}}
@media(prefers-reduced-motion:reduce){:is(.account-ui,.account-page),:is(.account-ui,.account-page) *{scroll-behavior:auto;animation:none!important;transition:none!important}}
/* Technical club console: lime access controls, cyan data rules, dark panels. */
:is(.account-ui,.account-page){--ac-heading-weight:600;--ac-title-tracking:-.04em;border-left:3px solid #64e5ed;background:linear-gradient(135deg,#0b171c,#080b0e 70%)}
:is(.account-ui,.account-page) :is(.account-shell,.ac-columns){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
:is(.account-ui,.account-page) h1{color:#bff6f3}
:is(.account-ui,.account-page) :is(.account-card,.ac-panel){border-top:3px solid #64e5ed;background:linear-gradient(145deg,#16292f,#10191e);box-shadow:0 16px 35px #0004}
:is(.account-ui,.account-page) :is(.account-tabs,.ac-tabs){border-bottom-color:#64e5ed}
:is(.account-ui,.account-page) :is(.account-tabs,.ac-tabs) :is(button,a){text-transform:uppercase;letter-spacing:.08em;font-size:12px}
:is(.account-ui,.account-page) :is(.account-stat,.ac-metric){border-left:3px solid #64e5ed;background:#101b20}
:is(.account-ui,.account-page) :is(.account-stat,.ac-metric) :is(strong,.account-stat-value){color:#c8f76e}
:is(.account-ui,.account-page) :is(.account-table,.ac-table-wrap) th{color:#9bf4f1;background:#142b32}
:is(.account-ui,.account-page) .leaderboard-row{border-bottom-style:dashed}
@media(max-width:760px){:is(.account-ui,.account-page) :is(.account-shell,.ac-columns){grid-template-columns:minmax(0,1fr)}}

/* Aliases match the actual account-ui template (ac-* hooks), inspected after skeleton arrival. */
.account-ui{--ac-bg:var(--ac-panel);--ac-border:var(--ac-line)}
.account-ui .ac-header{gap:24px;align-items:flex-start;margin-bottom:28px}
.account-ui .ac-header>div{min-width:0}
.account-ui .ac-header h1{font-family:var(--ac-display),Georgia,serif;font-size:clamp(36px,4.7vw,62px);font-weight:var(--ac-heading-weight,500);line-height:1.1;letter-spacing:var(--ac-title-tracking,-.025em)}
.account-ui .ac-eyebrow{font-size:12px;line-height:1.7;letter-spacing:.1em}
.account-ui .ac-notice{font-size:13px;line-height:1.8;border-color:var(--ac-accent)}
.account-ui .ac-error{color:var(--ac-error);background:var(--ac-error-bg);border-color:var(--ac-error)}
.account-ui .ac-button.ac-secondary{background:transparent;color:var(--ac-text);border-color:var(--ac-line)}
.account-ui .ac-button.ac-danger{background:var(--ac-error-bg);color:var(--ac-error);border-color:var(--ac-error)}
.account-ui .ac-button:hover{filter:none}
.account-ui .ac-footer{border-top:1px solid var(--ac-line);padding-top:20px}
.account-ui .ac-footer a{min-height:44px;min-width:44px;font-size:13px}
.account-ui :is(.ac-header,.ac-section-heading){flex-wrap:wrap}
@media(max-width:450px){.account-ui .ac-header h1{font-size:36px}.account-ui .ac-header>.ac-button{width:100%}.account-ui .ac-section-heading>.ac-button{max-width:100%}}

/* Preserve native hidden controls, including future CSRF fields. */
:is(.account-ui,.account-page) input[type=hidden]{display:none!important}
