/* Volunteers Delight - Meditation Lite v1.4 Full - Gold Rounded */
:root{--vml-gold:#C9A86A;--vml-dark:#2d4a2d;--vml-sage:#e8f0e8;--vml-bg:#FFFBF5;--vml-text:#3D3529;--vml-muted:#8A7E6F;--vml-border:#E9DDD0;--vml-radius:16px}
.vml-wrapper{max-width:960px;margin:0 auto;font-family:"Noto Sans Thai",system-ui,sans-serif;color:var(--vml-text);line-height:1.7}
.vml-card{background:#fff;border:2px solid var(--vml-border);border-radius:var(--vml-radius);padding:20px;margin-bottom:16px;box-shadow:0 4px 12px rgba(61,53,41,0.06)}
.vml-card h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--vml-dark);display:flex;align-items:center;gap:8px}
.vml-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.vml-stat{background:#fff;border:2px solid var(--vml-border);border-radius:var(--vml-radius);padding:14px;text-align:center}
.vml-stat.highlight{border-color:var(--vml-gold);background:linear-gradient(135deg,#FFFBF5,#f6f0e6)}
.vml-stat-val{font-size:24px;font-weight:700;color:var(--vml-dark)}
.vml-stat-label{font-size:12px;color:var(--vml-muted)}
.vml-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.vml-level-num{font-size:18px;font-weight:700;color:var(--vml-dark)}
.vml-xp{font-size:14px;color:var(--vml-gold);font-weight:600;margin:4px 0}
.vml-progress{background:var(--vml-sage);height:10px;border-radius:20px;overflow:hidden;margin:8px 0}
.vml-fill{height:100%;background:linear-gradient(90deg,var(--vml-dark),var(--vml-gold));transition:width 0.3s}
.vml-fill.achieved{background:linear-gradient(90deg,#2e7d32,#66bb6a)}
.vml-progress-text,.vml-goal-text{font-size:12px;color:var(--vml-muted)}
.vml-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.vml-form-group{display:flex;flex-direction:column;gap:6px}
.vml-form-group label{font-size:13px;font-weight:600;color:var(--vml-dark)}
.vml-form-group input[type="date"],.vml-form-group input[type="text"],.vml-form-group input[type="number"],.vml-form-group select{padding:12px 14px;border:1.5px solid var(--vml-border);border-radius:12px;background:var(--vml-bg);font-size:14px;font-family:"Noto Sans Thai",sans-serif;transition:border 0.2s}
.vml-form-group input:focus,.vml-form-group select:focus{outline:none;border-color:var(--vml-gold);box-shadow:0 0 0 3px rgba(201,168,106,0.15)}
.vml-log-card{border-color:var(--vml-gold);border-width:2px;background:linear-gradient(135deg,#fff,#FFFBF5)}
.vml-chart{display:flex;align-items:flex-end;gap:8px;height:100px;padding:10px 0}
.vml-bar-wrap{flex:1;text-align:center}
.vml-bar{background:linear-gradient(to top,var(--vml-dark),var(--vml-gold));border-radius:6px 6px 0 0;min-height:4px}
.vml-bar-wrap span{font-size:11px;color:var(--vml-muted)}
.vml-badges{display:flex;flex-wrap:wrap;gap:8px}
.vml-badge{border:1px solid var(--vml-border);border-radius:12px;padding:6px 10px;font-size:12px;display:flex;align-items:center;gap:6px;opacity:0.4}
.vml-badge.earned{opacity:1;border-color:var(--vml-gold);background:#fff8e6}
.vml-table{width:100%;border-collapse:collapse;font-size:13px}
.vml-table th{text-align:left;border-bottom:2px solid var(--vml-border);padding:6px}
.vml-table td{padding:6px;border-bottom:1px solid #f0e6d8}
.vml-cert-card{border-color:var(--vml-gold);background:linear-gradient(135deg,#FFFBF5,#fbf3e6)}
#vml-log-msg,#vml-goal-msg{font-size:13px;margin-top:8px}
/* Timer */
.vml-timer-card{background:linear-gradient(135deg,#2d4a2d,#3a5a3a);color:#fff;border-color:#2d4a2d;text-align:center}
.vml-timer-card h3{color:#FFFBF5}
.vml-timer-display{font-size:48px;font-weight:700;letter-spacing:2px;margin:16px 0;font-variant-numeric:tabular-nums}
.vml-timer-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.vml-timer-btn{border:2px solid #C9A86A;background:transparent;color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:600}
.vml-timer-btn.primary{background:#C9A86A;color:#2d4a2d}
.vml-timer-presets{display:flex;gap:6px;justify-content:center;margin:12px 0;flex-wrap:wrap}
.vml-timer-presets button{border:1px solid rgba(255,255,255,0.3);background:rgba(255,255,255,0.1);color:#fff;padding:6px 12px;border-radius:12px;cursor:pointer;font-size:12px}
/* Leaderboard */
.vml-leaderboard{border:2px solid #C9A86A;border-radius:16px;overflow:hidden}
.vml-leaderboard-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #E9DDD0;background:#fff}
.vml-leaderboard-row.top1{background:linear-gradient(135deg,#fff8e6,#ffefc0);border-left:4px solid #FFD700}
.vml-leaderboard-row.top2{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-left:4px solid #C0C0C0}
.vml-leaderboard-row.top3{background:linear-gradient(135deg,#fdf2e9,#f5d6b8);border-left:4px solid #CD7F32}
.vml-rank{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:#e8f0e8;font-size:14px}
.vml-rank.gold{background:#FFD700;color:#3D3529}
.vml-rank.silver{background:#C0C0C0;color:#3D3529}
.vml-rank.bronze{background:#CD7F32;color:#fff}
/* Community widget */
.vml-community-card{background:linear-gradient(135deg,#FFFBF5,#f6f0e6);border:2px solid #C9A86A;text-align:center}
.vml-community-number{font-size:36px;font-weight:800;color:#2d4a2d}
.vml-community-label{font-size:13px;color:#8A7E6F}
/* Wall */
.vml-wall-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vml-wall-item{background:#fff;border:1.5px solid #E9DDD0;border-radius:12px;padding:12px;position:relative}
.vml-wall-item:before{content:"“";position:absolute;top:4px;left:8px;font-size:24px;color:#C9A86A;opacity:0.4}
.vml-wall-note{font-style:italic;color:#3D3529;margin:8px 0;font-size:14px}
.vml-wall-meta{font-size:11px;color:#8A7E6F;display:flex;justify-content:space-between}
@media(max-width:768px){.vml-stats-row{grid-template-columns:repeat(2,1fr)}.vml-grid{grid-template-columns:1fr}.vml-form-grid{grid-template-columns:1fr}.vml-wall-grid{grid-template-columns:1fr}}