*{margin:0;padding:0;box-sizing:border-box}body{background:#c7c9cb;min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#0a0a0a}.app-bg{min-height:100vh;display:flex;align-items:stretch;justify-content:center;padding:28px 16px}.card{width:100%;max-width:480px;background:#eceff3;border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,0.12);padding-bottom:28px;min-height:calc(100vh - 56px);display:flex;flex-direction:column}.top-actions{display:flex;justify-content:flex-end;padding:12px 16px}.icon-btn{width:36px;height:36px;border:1px solid rgba(0,0,0,0.15);background:#fff;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.profile{display:flex;align-items:center;flex-direction:column;text-align:center;padding:8px 24px 16px}.avatar{width:96px;height:96px;border-radius:9999px;background:#dedede}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:9999px}.name{font-weight:700;margin-top:12px;font-size:22px}.tagline{margin-top:4px;color:#5a5a5a;font-size:14px}.links{padding:16px;display:grid;gap:12px}.link-item{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:#fff;color:inherit;border-radius:12px;border:1px solid rgba(0,0,0,0.1);padding:16px;transition:transform .06s ease,box-shadow .12s ease}.link-item:hover{-ms-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.08)}.footer-links{display:flex;justify-content:center;gap:10px;color:#5a5a5a;font-size:12px;margin-top:auto;padding-top:18px}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{text-decoration:underline}.qr-desktop{display:none}@media (min-width:1022px){.qr-desktop{display:block;position:fixed;bottom:20px;right:20px;z-index:1000}.qr-content{text-align:center}.qr-content h3{font-size:14px;font-weight:500;color:#0a0a0a;margin-bottom:-10px}.qr-content img{width:140px;height:140px}}.modal-dialog{position:fixed;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;background:rgba(0,0,0,0.5);border:none;padding:0;margin:0;z-index:1000;display:none;align-items:center;justify-content:center}.modal-dialog[open]{display:flex}.modal-dialog::backdrop{background:rgba(0,0,0,0.5)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.15);max-width:90vw;max-height:90vh;width:100%;max-width:500px;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #e5e5e5}.modal-header h3{font-size:18px;font-weight:600;color:#0a0a0a;margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:#666;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.modal-close:hover{background:#f5f5f5;color:#333}.modal-close:active{-ms-transform:scale(0.95);transform:scale(0.95)}.modal-body{padding:20px 24px 24px;overflow-y:auto;flex:1}.modal-body p{margin:0;line-height:1.6;color:#333;font-size:14px}.modal-dialog[open]{animation:modalFadeIn 0.2s ease-out}.modal-content{animation:modalSlideIn 0.2s ease-out}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalSlideIn{from{transform:scale(0.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}