:root,[data-theme="dark"]{--bg:#0a0b12;--panel:#12141e;--panel2:#191c29;--text:#f3f2f7;--muted:#8c91a7;--line:#252938;--orange:#ff9966;--pink:#f76d9b;--purple:#a889ff;--green:#68d9b0;--shadow:0 20px 70px #0000002b}
[data-theme="light"]{--bg:#f7f8fc;--panel:#fff;--panel2:#f0f1f8;--text:#191a24;--muted:#687087;--line:#e2e5ef;--orange:#eb7044;--pink:#df4e82;--purple:#7455dc;--green:#28a87b;--shadow:0 20px 60px #5d5e711c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 84% 2%,#37235133,transparent 28rem),var(--bg);color:var(--text);font:14px "DM Sans",sans-serif;min-height:100vh;transition:.3s}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:1160px;margin:auto;padding:0 28px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font:bold 20px "Space Grotesk"}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--orange),var(--pink));box-shadow:0 6px 18px #f76d9b44}.topbar-actions{display:flex;gap:12px;align-items:center}.icon-button,.avatar{border:1px solid var(--line);background:var(--panel);color:var(--text);width:38px;height:38px;border-radius:12px}.icon-button{font-size:19px}.avatar{background:linear-gradient(135deg,#7e6adf,#e66f9d);border:0;color:white;font-size:11px;font-weight:bold}.hero{display:flex;align-items:center;justify-content:space-between;padding:72px 0 52px}.eyebrow{margin:0 0 10px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.live-dot{display:inline-block;width:7px;height:7px;margin-right:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #68d9b01c}.hero h1{font:700 clamp(42px,7vw,76px)/.98 "Space Grotesk";letter-spacing:-.065em;margin:0 0 20px}.gradient-text{background:linear-gradient(100deg,var(--orange),var(--pink) 58%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{color:var(--muted);font-size:16px;margin:0;max-width:430px}.hero-orb{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#ffcc9d,var(--pink) 32%,#7654d4 78%);box-shadow:0 0 0 20px #f76d9b08,0 0 80px #f76d9b3b;transform:rotate(-12deg)}.hero-orb span{font-size:54px;color:#fff9;animation:float 3s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px) rotate(12deg)}}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;box-shadow:var(--shadow)}.stat-card-primary{background:linear-gradient(135deg,#2b1d2d,var(--panel));border-color:#71415a}.stat-icon{font-size:22px;grid-row:span 2}.stat-icon.purple{color:var(--purple)}.stat-icon.green{color:var(--green)}.stat-label{color:var(--muted);font-size:12px;margin:0 0 4px}.stat-value{font:700 27px "Space Grotesk";margin:0}.stat-value small{font:500 12px "DM Sans";color:var(--muted)}.stat-trend,.stat-caption{grid-column:2;color:var(--green);font-size:11px}.stat-caption{color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:68px 0 20px}.section-heading h2{font:600 24px "Space Grotesk";letter-spacing:-.03em;margin:0}.button{border:0;border-radius:11px;padding:11px 15px;font-weight:700;color:var(--text);transition:.2s}.button:hover{transform:translateY(-2px);filter:brightness(1.1)}.button-primary{color:white;background:linear-gradient(110deg,var(--orange),var(--pink));box-shadow:0 8px 22px #f76d9b2e}.button-primary span{font-size:18px;margin-right:4px}.streak-list{display:grid;gap:11px}.empty-add{margin-top:16px}.streak-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:16px 19px;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:.25s}.streak-card:hover{border-color:#8a70db66;transform:translateX(3px)}.streak-emoji{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--panel2);font-size:22px}.streak-title{font-weight:700;margin:0 0 8px}.streak-subtitle{color:var(--muted);font-size:12px;margin:0}.streak-bar{height:5px;max-width:200px;background:var(--panel2);border-radius:10px;overflow:hidden;margin-top:9px}.streak-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--pink))}.tier{display:inline-flex;align-items:center;gap:5px;margin-left:8px;padding:4px 8px;border-radius:20px;background:#a889ff18;color:var(--purple);font-size:10px;font-weight:700}.check-button{width:46px;height:46px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:transparent;font-size:22px;transition:.2s}.check-button:hover{border-color:var(--green);color:var(--green)}.check-button.checked{background:linear-gradient(135deg,var(--green),#49b9ce);border-color:transparent;color:#09211b;box-shadow:0 5px 18px #68d9b044}.delete-button{opacity:0;border:0;background:none;color:var(--muted);font-size:18px}.streak-card:hover .delete-button{opacity:1}.empty-state{text-align:center;padding:52px 20px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.activity-heading{margin-top:76px}.activity-total{font-size:12px;color:var(--muted)}.activity-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:22px 24px}.activity-meta,.activity-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.legend{display:inline-block;width:12px;height:12px;border-radius:3px;margin:0 3px;vertical-align:-2px}.level-0{background:var(--panel2)}.level-1{background:#355d57}.level-2{background:#3da783}.level-3{background:#65d7ac}.level-4{background:#c3f6db}.heatmap-wrap{display:flex;gap:10px;margin:18px 0 14px}.weekday-labels{display:flex;flex-direction:column;justify-content:space-around;color:var(--muted);font-size:9px;padding:4px 0}.heatmap{display:grid;grid-template-rows:repeat(7,12px);grid-auto-flow:column;grid-auto-columns:12px;gap:4px;overflow:hidden;flex:1}.cell{border-radius:3px;background:var(--panel2);transition:.2s}.cell:hover{outline:2px solid var(--text);outline-offset:1px}.cell.level-1{background:#355d57}.cell.level-2{background:#3da783}.cell.level-3{background:#65d7ac}.cell.level-4{background:#c3f6db}.activity-footer{border-top:1px solid var(--line);padding-top:15px}.activity-footer span:last-child{color:var(--green)}.tool-row{display:flex;justify-content:space-between;align-items:center;margin:58px 0 28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-row p{margin:3px 0;color:var(--muted)}.tool-actions{display:flex;gap:9px}.button-ghost{border:1px solid var(--line);background:var(--panel);font-size:12px}.button-ghost:hover{border-color:var(--purple)}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;padding:20px 0 34px}.modal-backdrop{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:#05060bcc;backdrop-filter:blur(8px);padding:20px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(100%,440px);padding:32px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 30px 100px #0008}.modal h2{font:600 28px "Space Grotesk";margin:0 0 25px}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;color:var(--muted);font-size:25px}.modal label{display:block;color:var(--muted);font-size:12px;font-weight:600;margin:17px 0 8px}.modal input[type=text]{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;background:var(--panel2);color:var(--text);outline:none}.modal input[type=text]:focus{border-color:var(--purple)}.icon-picker{display:flex;gap:8px}.icon-picker button{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);font-size:19px}.icon-picker button.selected{border-color:var(--pink);background:#f76d9b1c}.button-wide{width:100%;margin-top:25px}.toast{position:fixed;bottom:24px;left:50%;z-index:10;transform:translate(-50%,20px);padding:12px 18px;border-radius:12px;background:var(--text);color:var(--bg);font-weight:700;font-size:12px;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.confetti{position:fixed;inset:0;pointer-events:none;z-index:20;overflow:hidden}.confetti i{position:absolute;width:8px;height:15px;top:45%;animation:fall 1.2s ease-out forwards}@keyframes fall{to{transform:translate(var(--x),var(--y)) rotate(720deg);opacity:0}}@media(max-width:700px){.app-shell{padding:0 17px}.hero{padding:52px 0 38px}.hero-orb{width:90px;height:90px}.hero-orb span{font-size:28px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.section-heading{margin-top:48px;align-items:start;gap:15px}.section-heading h2{font-size:20px}.button{white-space:nowrap}.streak-card{grid-template-columns:auto 1fr auto;gap:10px;padding:13px}.delete-button{display:none}.tier{margin-left:3px}.activity-card{padding:17px 13px}.heatmap{grid-auto-columns:10px;grid-template-rows:repeat(7,10px);gap:3px}.tool-row{display:block}.tool-actions{margin-top:16px}.tool-actions .button{flex:1}footer{display:block}footer span{display:block;margin-top:8px}.hero h1{font-size:46px}}