:root{color-scheme:dark;--bg:#090a0a;--card:#141616;--line:#292c2c;--text:#f4f4f2;--muted:#929696;--accent:#d7d8d5;--yellow:#f3c52b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#202323 0,#090a0a 37%);color:var(--text);font:15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:opacity .18s ease}.saving{opacity:.45}.shell{max-width:720px;margin:auto;padding:24px 18px 36px}.top,.section-head,.choice,.legend,.tabs{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:-.02em;display:flex;gap:10px;align-items:center}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid #555;border-radius:50%;color:#f4c62b}.icon-btn,.month-nav a{color:var(--text);text-decoration:none;border:1px solid var(--line);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:20px;transition:transform .2s,background .2s}.icon-btn:hover,.month-nav a:hover{transform:scale(1.08);background:#252827}.hero{padding:52px 4px 35px;display:flex;justify-content:space-between;align-items:center}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted);margin-bottom:7px}.hero h1{font-size:31px;line-height:1.05;margin:0 0 10px;letter-spacing:-.05em}.muted,small{color:var(--muted)}.hero-orb{font-size:52px;filter:drop-shadow(0 10px 24px #ebbf1638);animation:float 3s ease-in-out infinite}.tabs{gap:7px;padding:5px;background:#101212;border:1px solid var(--line);border-radius:16px;margin-bottom:16px}.tabs a{flex:1;text-align:center;padding:10px;color:var(--muted);text-decoration:none;border-radius:11px;transition:background .25s,color .25s,transform .25s}.tabs a:hover{transform:translateY(-2px)}.tabs a.active{background:#e9e9e7;color:#101111;font-weight:700}.card{background:linear-gradient(145deg,#171919,#101212);border:1px solid var(--line);border-radius:24px;padding:20px;margin-bottom:16px;box-shadow:0 12px 30px #0003;transition:transform .3s,border-color .3s}.card:hover{border-color:#454949}.section-head{margin-bottom:20px}.section-head h2{margin:0;font-size:22px;letter-spacing:-.04em}.status-dot{width:9px;height:9px;border-radius:50%;border:1px solid #535959}.status-dot.filled{background:#f2c431;box-shadow:0 0 14px #f2c431}.choice{border:1px solid var(--line);border-radius:17px;padding:14px 12px;margin-top:10px;gap:12px;transition:transform .2s,background .25s,border-color .25s}.choice:hover{transform:translateX(3px);border-color:#696d6c}.choice.selected{border-color:#8b8d89;background:#252727}.choice>span{font-size:25px}.choice div{flex:1}.choice strong,.choice small{display:block}.choice button{width:38px;height:38px;border-radius:50%;border:1px solid #6c706f;background:#303232;color:#fff;font-size:22px;transition:transform .2s}.choice button:hover{transform:scale(1.12)}.choice:first-of-type button{background:#e7e7e5;color:#111}.clear{background:none;border:0;color:var(--muted);padding:16px 0 0;cursor:pointer}.month-nav{display:flex;gap:8px}.month-nav a{width:32px;height:32px;font-size:18px}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekdays{color:var(--muted);font-size:11px;text-align:center;margin-bottom:8px}.calendar{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.calendar.visible{opacity:1;transform:none}.day{min-height:62px;border:1px solid #272a2a;border-radius:16px;color:var(--text);text-decoration:none;padding:8px 5px;text-align:center;transition:transform .2s,background .25s,border-color .25s}.day:hover{transform:translateY(-4px) scale(1.02);border-color:#a5a6a2}.day b{font-size:13px;font-weight:500}.day i{display:block;font-style:normal;font-size:17px;margin-top:7px}.day.today{outline:2px solid #ddd;outline-offset:-2px}.day.abstain{background:#2b2514;border-color:#8c7227}.day.done{background:#251b1b;border-color:#633d3d}.legend{justify-content:flex-start;gap:16px;margin-top:18px;color:var(--muted);font-size:12px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.legend i.abstain{background:#e3b72d}.legend i.done{background:#a86a6a}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{margin:0;padding:17px}.stat span,.stat small{display:block}.stat strong{font-size:34px;letter-spacing:-.06em;display:inline-block;margin:8px 3px 0 0}.stat small{display:inline-block}.achievement{display:flex;align-items:center;gap:15px;padding:15px 18px;background:#151817;border:1px solid #2b302d;border-radius:20px;opacity:.58;transition:opacity .4s,transform .4s,border-color .4s}.achievement.unlocked{opacity:1;border-color:#836e2d;animation:achievement-in .7s ease both}.achievement-banana{font-size:42px;animation:float 2.8s ease-in-out infinite}.achievement strong,.achievement small{display:block}.achievement strong{font-size:17px;margin-bottom:3px}@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(3deg)}}@keyframes achievement-in{0%{transform:scale(.94);box-shadow:0 0 0 #f3c52b00}60%{transform:scale(1.03);box-shadow:0 0 28px #f3c52b44}100%{transform:scale(1);box-shadow:none}}.reveal{animation:reveal .45s ease both}@keyframes reveal{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:460px){.shell{padding:18px 14px 28px}.hero{padding:38px 3px 28px}.hero h1{font-size:27px}.day{min-height:55px;padding:7px 2px}.day i{font-size:15px}.card{padding:16px;border-radius:20px}}