:root{color-scheme:light;--bg:#f4f7fb;--card:#fff;--text:#172033;--muted:#64748b;--primary:#2563eb;--danger:#dc2626;--border:#dbe3ef}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:280px;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}button,input{font:inherit}input{min-width:0;width:100%;border:1px solid var(--border);border-radius:8px;padding:11px 12px;background:#fff;color:var(--text)}button{min-height:42px;border:0;border-radius:8px;padding:10px 14px;background:var(--primary);color:#fff;cursor:pointer;font-weight:600}button:hover{filter:brightness(.94)}button:focus-visible,input:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}.danger{background:var(--danger)}.secondary{background:#64748b}.auth-card,.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:clamp(18px,4vw,28px);box-shadow:0 10px 30px #1e293b12}.auth-card{width:min(440px,calc(100% - 28px));margin:8vh auto}.auth-wide{width:min(500px,calc(100% - 28px))}h1{font-size:clamp(22px,4vw,28px);margin:0 0 20px}h2{font-size:clamp(17px,3vw,20px)}label{display:grid;gap:7px;margin:14px 0;font-weight:600}.muted{color:var(--muted)}.message{min-height:20px}.success{color:#15803d}.error{color:var(--danger)}.hidden{display:none!important}.full{width:100%}.auth-switch{text-align:center;color:var(--muted);margin:18px 0 0}.link-button{display:inline;min-height:auto;padding:0;border:0;background:transparent;color:var(--primary)}.link-button:hover{filter:none;text-decoration:underline}.container{width:min(900px,100%);margin:clamp(18px,4vw,34px) auto;padding:0 clamp(12px,3vw,20px)}.panel{margin-bottom:18px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.page-title h1{margin-bottom:0}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.profile-grid div{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:14px;min-width:0}.profile-grid b{display:block;margin-bottom:3px}.profile-grid span{word-break:break-word}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}@media(max-width:650px){.profile-grid{grid-template-columns:1fr}.container{padding:0 10px}.actions button{flex:1 1 100%}}@media(max-width:420px){.auth-card{width:calc(100% - 16px);margin:8px auto;border-radius:10px}.page-title{align-items:stretch;flex-direction:column}.page-title button{width:100%}.container{padding:0 8px}}
