.skeleton-avatar{background:linear-gradient(90deg,#444 25%,#666 50%,#444 75%);border-radius:50%;width:56px;height:56px;margin-bottom:12px;animation:1.2s linear infinite shimmer}.skeleton-line{background:linear-gradient(90deg,#444 25%,#666 50%,#444 75%);border-radius:8px;height:16px;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}:root{--metal-bg:linear-gradient(135deg,#23272a 0%,#3a3f44 100%);--metal-surface:#3a3f44d9;--metal-accent:#b8b8b8;--metal-gold:gold;--metal-silver:silver;--metal-copper:#b87333;--metal-text:#e0e0e0;--metal-border:#6c6c6c;--metal-glass:#ffffff14;--metal-shadow:0 4px 24px 0 #0000002e}body{background:var(--metal-bg);color:var(--metal-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}button,input{background:var(--metal-surface);color:var(--metal-text);border:1px solid var(--metal-border);box-shadow:var(--metal-shadow);border-radius:10px;outline:none;margin:6px;padding:10px 20px;font-size:1rem;transition:box-shadow .2s,border-color .2s,background .2s}button:hover{box-shadow:0 0 16px var(--metal-gold);border-color:var(--metal-gold);background:linear-gradient(90deg,var(--metal-gold)0%,var(--metal-surface)100%);color:#23272a}.card{background:var(--metal-glass);border:1px solid var(--metal-border);box-shadow:var(--metal-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;margin:18px 0;padding:24px 20px;transition:box-shadow .2s,border-color .2s,transform .15s}.card:hover{box-shadow:0 8px 32px var(--metal-gold);border-color:var(--metal-gold);transform:translateY(-4px)scale(1.02)}button:active{transform:scale(.97)}h2,h3{color:var(--metal-gold);letter-spacing:1px;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-weight:700}a{color:var(--metal-copper);text-decoration:none;transition:color .2s}a:hover{color:var(--metal-gold)}