@import "https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap";:root{--muted:#9aa3b2;--maxw:1100px}body{color:#3a2f2f;background:#f5e6d3;flex-direction:column;align-items:center;padding:2rem;font-family:MedievalSharp,cursive;display:flex}h1{color:#b97c3b;text-shadow:1px 1px 2px #fff3e0;margin-bottom:.3rem}#monthHeader{color:#7c4b1d;margin-bottom:1rem;font-size:1.2rem}#habitTable{border-collapse:collapse;margin-top:1rem;position:relative;box-shadow:0 0 12px #0003}#habitTable th,#habitTable td{text-align:center;background:#fff2e0;border:1px solid #a88c70;min-width:28px;padding:.4rem .6rem;position:relative;overflow:visible}#habitTable th{background:#efd1b0}#habitTable td.done{background:#c7f0c7;transform:scale(1.05);box-shadow:0 0 6px #b2f0b2}#habitTable td.done:after{content:"✓";color:#2a4d2a;font-weight:700}#controls,#monthControls{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}button{color:#3a2f2f;cursor:pointer;background:#efd1b0;border:none;border-radius:12px;padding:.5rem 1rem;transition:transform .1s;box-shadow:2px 2px 4px #0003}button:hover{transform:scale(1.05)}.remove-btn{color:#a33;cursor:pointer;background:0 0;border:none;margin-left:8px;font-weight:700}#addHabitInput{color:#3a2f2f;background:#fff2e0;border:1px solid #a88c70;border-radius:12px;padding:.5rem}.habit-name{text-align:left;padding-left:.6rem;font-weight:700}.streak{color:#b97c3b;font-size:.8rem}progress{background-color:#d6a770;border-radius:12px;width:150px;height:14px;overflow:hidden}progress::-webkit-progress-bar{background-color:#d6a770;border-radius:12px}progress::-webkit-progress-value{background-color:#7cc67c;border-radius:12px}#leaderboard,#summaryPanel{background:#f3e0c2;border-radius:12px;width:320px;margin-top:2rem;padding:1rem 1.5rem;box-shadow:0 0 12px #0003}#leaderboard h2,#summaryPanel h2{text-align:center;color:#b97c3b;margin-bottom:.5rem}#leaderboard ol{margin:0;padding:0;list-style:none}#leaderboard li{background:#fff2e0;border-radius:8px;justify-content:space-between;align-items:center;margin:.3rem 0;padding:.4rem .6rem;display:flex}#leaderboard li:first-child{color:#3a2f2f;background:linear-gradient(90deg,#ffecb3,#ffd54f);font-weight:700;animation:2s infinite pulse;box-shadow:0 0 10px #ffecb355}@keyframes pulse{0%,to{box-shadow:0 0 10px #ffecb355}50%{box-shadow:0 0 20px #ffecb3aa}}.level-bar-container{background:#d6a770;border-radius:12px;width:150px;margin-top:2px;overflow:hidden}.level-bar{background:#7cc67c;border-radius:12px;width:0%;height:14px;transition:width .3s}#summaryPanel ul{margin:0;padding:0;list-style:none}#summaryPanel li{padding:4px 0;font-size:.95rem}.xp-float{color:#3b6b1f;opacity:0;pointer-events:none;text-shadow:0 0 4px #fff;font-size:.9rem;font-weight:700;animation:1.2s ease-out forwards floatUp;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes floatUp{0%{opacity:1;transform:translate(-50%,-20%)}to{opacity:0;transform:translate(-50%,-160%)}}footer{background:linear-gradient(#ffffff03,#ffffff01);border-radius:12px;justify-content:space-between;align-items:center;margin-top:60px;padding:26px;display:flex}.socials a{color:var(--muted);margin-left:10px;text-decoration:none}.wrap{max-width:var(--maxw);margin:36px auto;padding:0 20px}