/* Controls share the pinned desktop's design-platform tokens. */
:root{color-scheme:light dark;--dsw-font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Arial,sans-serif}
body{--surface:var(--dsw-alias-bg-base);--text:var(--dsw-alias-label-primary);--secondary:var(--dsw-alias-label-secondary);--input:var(--dsw-specific-selector);--border:var(--dsw-alias-border-l2);--button:var(--dsw-alias-label-primary);--on-button:var(--dsw-alias-label-primary-inverted);--danger:var(--dsw-static-red-500);margin:0;background:var(--surface);color:var(--text);font:14px/1.6 var(--dsw-font-family)}
*{box-sizing:border-box}[hidden]{display:none!important}
header,main,footer{width:min(1120px,calc(100% - 64px));margin:auto}
header{display:flex;align-items:center;justify-content:space-between;padding:24px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:23px;font-weight:600}
.brand img{width:30px;height:30px;object-fit:contain}
.brand-badge{font-size:12px;font-weight:500;color:var(--on-button);background:var(--text);padding:2px 7px;border-radius:2px;white-space:nowrap}
h1{font-size:24px;font-weight:600;line-height:1.4;margin:0 0 12px}h2{font-size:20px;font-weight:500;line-height:1.5;margin:0 0 8px}
.muted{color:var(--secondary);margin:0 0 14px}
form label{display:block;font-size:14px;margin:16px 0 8px}
input{display:block;width:100%;height:46px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;padding:0 14px}
input::placeholder{color:var(--dsw-alias-label-tertiary)}
input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--text);outline-offset:3px}
button{cursor:pointer;font:inherit}
.primary{display:block;width:100%;min-height:44px;border:0;border-radius:10px;background:var(--button);color:var(--on-button);font-weight:500;margin-top:26px;padding:10px 16px}
.primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-hover)}
.primary:disabled{opacity:.45;cursor:default}
.text-button{border:0;background:none;color:var(--secondary);padding:8px 0;font-size:14px}
.text-button:hover{color:var(--text)}
.error{color:var(--danger);font-size:13px;line-height:1.5;margin:12px 0 0;overflow-wrap:anywhere}
.error:empty{display:none}.caption{color:var(--secondary);font-size:13px;line-height:1.6;margin:10px 0}
a{color:var(--text)}
footer{display:flex;justify-content:space-between;color:var(--secondary);font-size:12px;border-top:1px solid var(--border);padding:16px 0 20px}
@media(prefers-reduced-motion:no-preference){button{transition:background-color .15s,color .15s}}