:root{--bg-dark:#000;--bg-light:#f5f5f7;--bg-white:#fff;--text-dark:#1d1d1f;--text-white:#fff;--text-secondary:#0000008f;--text-tertiary:#0000005c;--text-on-dark:#ffffffb8;--blue:#0071e3;--blue-dark-bg:#2997ff;--blue-link:#06c;--surface:#fff;--surface-dark-1:#272729;--divider:#0000001a;--divider-dark:#ffffff1f;--shadow-card:#00000038 3px 5px 30px 0px;--r-sm:5px;--r:8px;--r-md:12px;--r-pill:980px;--max-width:1250px;--color-bg:var(--bg-light);--color-surface:var(--surface);--color-border:var(--divider);--color-hover:#e8e8ed;--color-text:var(--text-dark);--color-text-muted:var(--text-secondary);--color-text-light:var(--text-tertiary);--color-primary:var(--blue);--color-primary-light:#e3f0fc;--color-primary-dark:#0055a5;--color-success:#1a8c4e;--color-success-light:#e6f4ed;--color-warning:#b45309;--color-warning-light:#fefce8;--color-danger:#cc1432;--color-danger-light:#fff0f2;--radius:var(--r);--radius-sm:var(--r-sm);--radius-lg:var(--r-md);--shadow:0 2px 12px #0000000f;--shadow-md:var(--shadow-card)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{color:var(--text-dark);background:var(--bg-dark);min-height:100vh;font-family:-apple-system,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:17px;line-height:1.6}.app-wrapper{width:100%;min-height:100vh;position:relative}.card{background:var(--surface);border-radius:var(--r)}.btn{border-radius:var(--r);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;font-family:inherit;font-size:17px;font-weight:400;text-decoration:none;transition:opacity .15s,background .15s,transform .1s;display:inline-flex}.btn:active{opacity:.82;transform:scale(.98)}.btn-primary{background:var(--blue);color:#fff;padding:14px 24px}.btn-primary:hover{background:#0077ed}.btn-dark{background:var(--text-dark);color:#fff;padding:14px 24px}.btn-pill{border:1px solid var(--blue-link);color:var(--blue-link);border-radius:var(--r-pill);background:0 0;padding:8px 20px;font-size:15px}.btn-pill:hover{text-decoration:underline}.btn-pill-dark{color:#fff;border-radius:var(--r-pill);background:0 0;border:1px solid #ffffff80;padding:8px 20px;font-size:15px}.btn-pill-dark:hover{border-color:#fff}.btn:disabled{cursor:not-allowed;opacity:1;transform:none;color:var(--text-tertiary)!important;background:#0000001f!important;border-color:#0000!important}.pill{border-radius:var(--r-pill);padding:3px 12px;font-size:12px;font-weight:500;line-height:1.5;display:inline-block}.pill-amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.pill-slate{background:var(--bg-light);border:1px solid var(--divider);color:var(--text-secondary);font-weight:400}.pill-primary{background:var(--color-primary-light);color:var(--blue)}.pill-outline-dark{color:#ffffffe0;background:0 0;border:1px solid #ffffff5c}