.avatar-circle{width:120px;height:120px;border-radius:50%;background:#e0e0ff;display:flex;justify-content:center;align-items:center;font-size:3rem;margin:auto}.avatar-level{margin-top:.5rem;font-weight:700}.xp-bar-container{width:120px;height:12px;background:#ddd;border-radius:6px;margin:.5rem auto;overflow:hidden}.xp-bar-fill{height:100%;background:#4caf50;transition:width .5s ease}.avatar-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;min-height:400px}.stats-column{flex:1}.avatar-column{flex:0 0 150px;text-align:center}.skills-column{flex:1;display:flex;flex-direction:column;gap:1rem}.quest-page{max-width:800px;margin:auto;padding:1rem}.quest-section{background:#f0f0f0;border-radius:12px;padding:1rem;margin-bottom:1rem}.quest-section h3{margin-top:0}ul{list-style:none;padding-left:0}li{margin:.5rem 0}form{max-width:400px;padding:20px;background:#faf7f5;border-radius:8px;box-shadow:0 4px 10px #00000014;font-family:system-ui,sans-serif}label{display:block;margin-bottom:12px;color:#444;font-size:.9rem}input,select{width:100%;margin-top:4px;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:.9rem}input:focus,select:focus{outline:none;border-color:#c89b7b;background-color:#fff}select{margin-bottom:12px}.rewards{display:flex;gap:10px;margin-bottom:16px}.rewards select{flex:2}.rewards input{flex:1}button{width:100%;padding:10px;background:#c89b7b;color:#fff;border:none;border-radius:6px;font-size:.95rem;cursor:pointer}button:hover{background:#b28566}.card{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:16px;font-family:system-ui,sans-serif}.card ul{list-style:none;padding:14px;margin:0;background:#faf7f5;border-radius:8px;box-shadow:0 4px 10px #0000000f}.card h3{margin:0 0 12px;font-size:1rem;color:#6b4f3f;border-bottom:1px solid #e6ddd7;padding-bottom:6px}.card li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:.85rem;color:#444}.card li+li{border-top:1px dashed #e2d7cf}.card label{display:flex;align-items:center;gap:6px;flex:1;cursor:pointer}.card input[type=checkbox]{accent-color:#c89b7b}.card p{margin:0;font-size:.8rem;color:#888;min-width:40px;text-align:right}.card button{background:transparent;border:none;color:#b36a5e;font-size:.75rem;cursor:pointer}.card button:hover{text-decoration:underline}body{margin:0;font-family:system-ui,sans-serif;background:#f6f7fb;color:#333}.app{max-width:600px;margin:auto;padding:1.5rem}.card{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem}.nav{display:flex;gap:1rem;margin-bottom:1.5rem}.nav a{text-decoration:none;font-weight:700;color:#555}.nav a:hover{color:#000}