:root{--red:#f23a2f;--red-deep:#d62a20;--red-light:#fceeec;--red-border:#f6cfc9;--dark:#23252f;--dark2:#2e3140;--purple:#5e5ce6;--green:#2bb24e;--bg:#f4f3ef;--card:#fff;--card2:#f8f7f3;--text:#20222a;--text2:#6e7079;--text3:#a7a9b1;--border:#14141e14;--border2:#14141e0d;--muted:#eceae4;--dot:#d4d2ca;--sheet:#fff;--radius:20px;--tab-h:74px;--tab-bg:#ffffffd9;--shadow:0 4px 18px #28261e0f, inset 0 1px 0 #ffffffb3;--shadow-lg:0 14px 38px #28261e1f;--glow-1:#f23a2f0f;--glow-2:#5e5ce60d}body.dark{--red:#ff453a;--red-deep:#ff6b61;--red-light:#ff453a24;--red-border:#ff453a52;--dark:#20222c;--dark2:#2a2d38;--green:#34c759;--bg:#1a1c23;--card:#232631;--card2:#2b2e3a;--text:#edeef2;--text2:#989aa6;--text3:#5c5e6a;--border:#ffffff13;--border2:#ffffff0f;--muted:#2b2e3a;--dot:#424551;--sheet:#232631;--tab-bg:#1a1c23d1;--shadow:0 8px 26px #00000061, inset 0 1px 0 #ffffff0a;--shadow-lg:0 16px 44px #00000080;--glow-1:#ff453a21;--glow-2:#5e5ce61f}html{background:#e8e6df;min-height:100%}html.dark{background:#121319}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--text);max-width:430px;min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;transition:background .3s;position:relative;overflow-x:hidden}@media (min-width:481px){body{box-shadow:0 0 0 1px var(--border), 0 24px 70px #00000047}}.screen{min-height:100vh;padding-bottom:var(--tab-h);animation:.42s cubic-bezier(.2,.85,.25,1) screenIn}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:none}}.top-nav{background:var(--dark);z-index:10;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:52px 18px 16px;display:flex;position:sticky;top:0}.top-nav.light{background:var(--dark);padding:52px 18px 16px}.nav-title{color:#fff;letter-spacing:-.02em;z-index:1;font-size:21px;font-weight:800;position:relative}.nav-sub{color:#ffffff73;margin-top:3px;font-size:12px;font-weight:500}.nav-icons{gap:14px;display:flex}.nav-icons i{color:#fff;cursor:pointer;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:21px;transition:transform .15s,background .15s;display:flex}.nav-icons i:active{background:#ffffff2e;transform:scale(.88)}.nav-back{color:#fff;cursor:pointer;z-index:1;background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:22px;text-decoration:none;transition:transform .15s;display:flex;position:relative}.nav-back:active{transform:scale(.88)}.dash-nav{background:linear-gradient(135deg, var(--dark), var(--dark2));padding:52px 18px 18px;position:relative;overflow:hidden}.dash-nav:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff453a61,#0000 68%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-40px}.dash-nav:after{content:"";pointer-events:none;background:radial-gradient(circle,#5e5ce62e,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-60px;left:30%}.dash-nav-left{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.dash-logo{background:linear-gradient(140deg, var(--red), var(--red-deep));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex;box-shadow:0 7px 20px #ff453a6b,inset 0 1px #ffffff40}.dash-brand{color:#fff;letter-spacing:-.025em;font-size:18.5px;font-weight:800}.dash-nav .nav-icons{z-index:1;position:relative}.content{padding:0 0 8px}.login-screen{position:relative;overflow:hidden}.login-screen:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(620px circle at 50% 16%, var(--glow-1), transparent 58%), radial-gradient(520px circle at 10% 88%, var(--glow-2), transparent 60%), radial-gradient(440px circle at 92% 72%, var(--glow-1), transparent 62%);position:absolute;inset:0}.login-screen:after{content:"";border:1px solid var(--border);z-index:0;pointer-events:none;opacity:.6;width:300px;height:300px;box-shadow:0 0 0 40px var(--border2);border-radius:50%;margin:-150px 0 0 -150px;position:absolute;top:17%;left:50%}.login-screen .login-wrap{z-index:1;position:relative}.dash-hero{background:linear-gradient(155deg, var(--card2), var(--card));border:1px solid var(--border);box-shadow:var(--shadow);border-radius:26px;align-items:center;gap:20px;margin:16px 16px 4px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.hero-ring{flex-shrink:0;width:116px;height:116px;position:relative}.ring-svg{width:116px;height:116px;transform:rotate(-90deg)}.ring-track{fill:none;stroke:var(--muted);stroke-width:11px}.ring-prog{fill:none;stroke:var(--red);stroke-width:11px;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7px;filter:drop-shadow(0 0 5px #ff453a8c);transition:stroke-dashoffset .95s cubic-bezier(.2,.85,.25,1)}.ring-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring-pct{letter-spacing:-.04em;color:var(--text);font-size:31px;font-weight:800;line-height:1}.ring-sub{color:var(--text2);text-transform:uppercase;letter-spacing:.4px;margin-top:3px;font-size:10.5px;font-weight:600}.hero-side{flex:1;min-width:0}.hero-streak{align-items:baseline;gap:9px;display:flex}.hero-fire{font-size:30px;line-height:1}.hero-side .streak-num{letter-spacing:-.04em;color:var(--text);font-size:44px;font-weight:800;line-height:.9}.hero-streak-label{color:var(--text2);margin-top:6px;font-size:12.5px;font-weight:500}.hero-badge{background:var(--red-light);color:var(--red);border:1px solid var(--red-border);border-radius:20px;align-items:center;margin-top:14px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.section-label{color:var(--text2);text-transform:uppercase;letter-spacing:.9px;padding:20px 18px 8px;font-size:11.5px;font-weight:700}.habit-card{background:var(--card);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);border-radius:22px;margin:0 16px 12px;transition:transform .16s cubic-bezier(.2,.85,.25,1),box-shadow .16s;overflow:hidden}.habit-card:active{transform:scale(.975)}.habit-header{align-items:center;gap:12px;padding:15px 16px 10px;display:flex}.habit-icon{width:42px;height:42px;box-shadow:inset 0 0 0 1px var(--border);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.habit-meta{flex:1;min-width:0}.habit-name{color:var(--text);letter-spacing:-.01em;font-size:15.5px;font-weight:700}.habit-streak-label{color:var(--text2);margin-top:3px;font-size:12px;font-weight:500}.check-btn{cursor:pointer;border:2.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .16s cubic-bezier(.2,.85,.25,1);display:flex}.check-btn:active{transform:scale(.85)}.check-btn.done{background:var(--green);border-color:var(--green);animation:.42s cubic-bezier(.2,1.5,.4,1) checkPop;box-shadow:0 5px 16px #30d1586b}.check-btn.done i{color:#fff;font-size:19px}.check-btn.pending{border-color:var(--dot);background:0 0}.check-btn.pending i{color:var(--dot);font-size:18px}@keyframes checkPop{0%{transform:scale(.55)}55%{transform:scale(1.18)}to{transform:scale(1)}}.mini-cal{padding:0 12px 13px}.cal-dow{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;display:grid}.cal-dow span{color:var(--text3);text-align:center;text-transform:uppercase;padding:2px 0;font-size:9px;font-weight:700}.cal-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-cell{aspect-ratio:1;background:var(--card2);border:1px solid var(--border2);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cal-cell.done{background:var(--red-light);border-color:var(--red-border)}.cal-cell.today{border:2px solid var(--red)!important}.cal-cell.future{opacity:.32}.cell-day{color:var(--text3);font-size:7px;font-weight:600;line-height:1;position:absolute;top:3px;left:4px}.cell-x{margin-top:3px;font-size:15px;font-weight:900;line-height:1;animation:.4s cubic-bezier(.2,1.6,.4,1) xPop}.cell-dot{background:var(--dot);border-radius:50%;width:4px;height:4px;margin-top:3px}@keyframes xPop{0%{opacity:0;transform:scale(0)rotate(-30deg)}60%{transform:scale(1.25)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}body.dark .cell-x,body.dark .x-lg{text-shadow:0 0 11px}.fab-btn{background:linear-gradient(135deg, var(--red), var(--red-deep));cursor:pointer;border-radius:20px;align-items:center;gap:12px;margin:8px 16px 12px;padding:16px 18px;text-decoration:none;transition:transform .15s;display:flex;box-shadow:0 8px 22px #ff3b3057}.fab-btn:active{transform:scale(.97)}.fab-btn i{color:#fff;font-size:21px}.fab-btn span{color:#fff;flex:1;font-size:15px;font-weight:700}.fab-btn .chevron-icon{color:#fff9;flex:0;font-size:18px}.tab-bar{border-top:1px solid var(--border);background:var(--tab-bg);z-index:100;width:100%;max-width:430px;height:var(--tab-h);padding-bottom:env(safe-area-inset-bottom,8px);-webkit-backdrop-filter:saturate(180%)blur(22px);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{cursor:pointer;color:inherit;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;text-decoration:none;display:flex;position:relative}.tab-item i{color:var(--text3);font-size:23px;transition:transform .2s,color .15s}.tab-item span{color:var(--text3);font-size:10px;font-weight:600;transition:color .15s}.tab-item:active i{transform:scale(.85)}.tab-item.active i{color:var(--red);transform:translateY(-1px)}.tab-item.active span{color:var(--red)}.tab-item.active:before{content:"";background:var(--red);border-radius:0 0 4px 4px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.detail-hero{background:linear-gradient(135deg, var(--dark), var(--dark2));border-bottom:1px solid var(--border);padding:52px 18px 20px;position:relative;overflow:hidden}.detail-hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--hero-glow,#ff453a) 42%, transparent), transparent 68%);pointer-events:none;border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-40px}.detail-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#5e5ce62e,#0000 70%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-60px;left:30%}.detail-hero-top{z-index:1;align-items:center;gap:12px;margin-bottom:18px;display:flex;position:relative}.detail-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex;box-shadow:inset 0 0 0 1px #ffffff1a}.detail-name{color:#fff;letter-spacing:-.01em;font-size:18px;font-weight:700}.detail-freq{color:#ffffff80;margin-top:3px;font-size:12.5px;font-weight:500}.detail-hero-top .action-btn{cursor:pointer;color:#fff;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;transition:transform .15s;display:flex}.detail-hero-top .action-btn:active{transform:scale(.88)}.detail-hero-top .action-btn.delete{color:var(--red-deep)}.detail-stats{z-index:1;grid-template-columns:1fr 1fr 1fr;gap:9px;display:grid;position:relative}.d-stat{background:#ffffff12;border:1px solid #ffffff0f;border-radius:14px;padding:12px 13px}.d-stat-val{color:#fff;letter-spacing:-.02em;font-size:21px;font-weight:800}.d-stat-label{color:#ffffff80;margin-top:3px;font-size:10px;font-weight:500}.full-cal-wrap{padding:18px 16px}.month-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.month-nav-btn{background:var(--card);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow);border-radius:11px;justify-content:center;align-items:center;transition:transform .15s;display:flex}.month-nav-btn:active{transform:scale(.9)}.month-nav-btn i{color:var(--text2);font-size:19px}.month-title{color:var(--text);letter-spacing:-.01em;font-size:17px;font-weight:800}.full-cal-dow{grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:5px;display:grid}.full-cal-dow span{color:var(--text3);text-align:center;text-transform:uppercase;padding:2px 0;font-size:9.5px;font-weight:700}.full-cal-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.full-cell{background:var(--card2);border:1px solid var(--border2);cursor:pointer;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;height:46px;transition:transform .12s;display:flex;position:relative}.full-cell:active{transform:scale(.9)}.full-cell.done{background:var(--red-light);border-color:var(--red-border)}.full-cell.today{border:2px solid var(--red)!important}.full-cell.future{opacity:.28;cursor:default}.full-cell.empty{cursor:default;background:0 0;border-color:#0000}.full-cell .day-num{color:var(--text3);font-size:9px;font-weight:600;position:absolute;top:4px;left:5px}.full-cell .x-lg{color:var(--red);margin-top:5px;font-size:23px;font-weight:900;animation:.4s cubic-bezier(.2,1.6,.4,1) xPop}.legend{border-top:1px solid var(--border);flex-wrap:wrap;gap:16px;margin-top:18px;padding-top:16px;display:flex}.legend-item{align-items:center;gap:7px;display:flex}.legend-box{border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:900;display:flex}.legend-text{color:var(--text2);font-size:12.5px;font-weight:500}.add-wrap{padding:18px 16px}.form-group{margin-bottom:20px}.form-label{color:var(--text2);text-transform:uppercase;letter-spacing:.6px;margin-bottom:9px;font-size:11.5px;font-weight:700;display:block}.form-input{background:var(--card);border:1.5px solid var(--border);width:100%;color:var(--text);-webkit-appearance:none;border-radius:14px;outline:none;padding:14px 16px;font-size:16px;font-weight:500;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--red);box-shadow:0 0 0 4px var(--red-light)}.tmpl-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;gap:9px;padding:2px 0 6px;display:flex;overflow-x:auto}.tmpl-scroll:active{cursor:grabbing}.tmpl-scroll::-webkit-scrollbar{display:none}.tmpl-chip{background:var(--card);border:1.5px solid var(--border);cursor:pointer;box-shadow:var(--shadow);border-radius:14px;flex-shrink:0;align-items:center;gap:8px;padding:9px 14px 9px 10px;transition:transform .14s,border-color .14s;display:flex}.tmpl-chip:active{transform:scale(.95)}.tmpl-chip .tmpl-ic{border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.tmpl-chip span{color:var(--text);white-space:nowrap;font-size:13.5px;font-weight:600}.icon-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.icon-opt{aspect-ratio:1;border:1.5px solid var(--border);background:var(--card);cursor:pointer;border-radius:13px;justify-content:center;align-items:center;font-size:21px;transition:all .15s;display:flex}.icon-opt:active{transform:scale(.9)}.icon-opt.sel{border-color:var(--red);background:var(--red-light);transform:scale(1.05)}.color-row{flex-wrap:wrap;gap:12px;display:flex}.color-opt{cursor:pointer;width:34px;height:34px;box-shadow:inset 0 0 0 1px var(--border);border:3px solid #0000;border-radius:50%;transition:all .15s}.color-opt:active{transform:scale(.88)}.color-opt.sel{border-color:var(--text);transform:scale(1.12)}.save-btn{background:linear-gradient(135deg, var(--red), var(--red-deep));color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:700;transition:transform .15s;box-shadow:0 8px 22px #ff3b3057}.save-btn:active{transform:scale(.98)}.delete-btn{width:100%;color:var(--red);border:1.5px solid var(--red-border);cursor:pointer;background:0 0;border-radius:16px;margin-top:10px;padding:13px;font-size:14.5px;font-weight:600}.report-wrap{padding:16px}.period-tabs{background:var(--muted);border-radius:14px;gap:4px;margin-bottom:18px;padding:4px;display:flex}.p-tab{text-align:center;color:var(--text2);cursor:pointer;border-radius:11px;flex:1;padding:9px 4px;font-size:13.5px;font-weight:600;transition:all .18s}.p-tab.active{background:var(--red);color:#fff;box-shadow:0 4px 12px #ff3b304d}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:15px 16px}.stat-card-val{color:var(--text);letter-spacing:-.03em;font-size:26px;font-weight:800}.stat-card-val.red{color:var(--red)}.stat-card-lbl{color:var(--text2);margin-top:4px;font-size:11.5px;font-weight:500}.bar-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.bar-name{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:84px;font-size:12.5px;font-weight:500;overflow:hidden}.bar-track{background:var(--muted);border-radius:8px;flex:1;height:24px;overflow:hidden}.bar-fill{border-radius:8px;align-items:center;height:100%;padding-left:9px;transition:width .7s cubic-bezier(.2,.85,.25,1);display:flex}.bar-fill span{color:#fff;font-size:10.5px;font-weight:700}.heatmap-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:6px;display:grid}.heat-cell{aspect-ratio:1;border-radius:6px;justify-content:center;align-items:center;font-size:8.5px;font-weight:700;display:flex}.share-btn{background:var(--dark);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-lg);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding:16px;font-size:15px;font-weight:700;transition:transform .15s;display:flex}.share-btn:active{transform:scale(.98)}.share-btn i{font-size:20px}.login-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:32px 28px 0;display:flex}.login-logo{background:linear-gradient(140deg, var(--red), var(--red-deep));border-radius:24px;justify-content:center;align-items:center;width:84px;height:84px;margin-bottom:22px;font-size:42px;display:flex;box-shadow:0 14px 38px #ff3b3066}.login-title{color:var(--text);text-align:center;letter-spacing:-.03em;font-size:27px;font-weight:800}.login-sub{color:var(--text2);text-align:center;margin-top:10px;margin-bottom:44px;font-size:14.5px;font-weight:500;line-height:1.55}.login-btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:11px;padding:16px;font-size:15.5px;font-weight:700;transition:transform .15s;display:flex}.login-btn:active{transform:scale(.98)}.login-btn.google{background:var(--card);color:var(--text);border:1.5px solid var(--border);box-shadow:var(--shadow)}.login-btn.email{background:linear-gradient(135deg, var(--red), var(--red-deep));color:#fff;box-shadow:0 8px 22px #ff3b3057}.login-divider{align-items:center;gap:12px;width:100%;margin:16px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--border);flex:1;height:1px}.login-divider span{color:var(--text2);font-size:12.5px;font-weight:500}.login-note{color:var(--text3);text-align:center;margin-top:26px;font-size:11.5px;line-height:1.6}.login-skip{color:var(--red);cursor:pointer;text-align:center;margin-top:18px;font-size:14px;font-weight:700;text-decoration:none;display:block}.onb-wrap{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.onb-track{flex:1;transition:transform .45s cubic-bezier(.2,.85,.25,1);display:flex}.onb-slide{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:100%;padding:48px 36px;display:flex}.onb-visual{justify-content:center;align-items:center;width:210px;height:210px;margin-bottom:44px;display:flex;position:relative}.onb-title{letter-spacing:-.03em;color:var(--text);margin-bottom:14px;font-size:27px;font-weight:800}.onb-text{color:var(--text2);max-width:300px;font-size:15.5px;font-weight:500;line-height:1.6}.onb-footer{padding:0 36px 52px}.onb-dots{justify-content:center;gap:8px;margin-bottom:26px;display:flex}.onb-dot{background:var(--dot);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s}.onb-dot.active{background:var(--red);width:26px}.onb-btn{background:linear-gradient(135deg, var(--red), var(--red-deep));color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:transform .15s;box-shadow:0 8px 22px #ff3b3057}.onb-btn:active{transform:scale(.98)}.onb-skip{text-align:center;color:var(--text2);cursor:pointer;margin-top:16px;font-size:13.5px;font-weight:600}.onb-cards{flex-direction:column;gap:12px;width:100%;display:flex}.onb-fakecard{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.onb-fakecard .fc-ic{border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.onb-fakecard .fc-bar{background:var(--muted);border-radius:5px;flex:1;height:8px}.onb-fakecard .fc-check{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.onb-calgrid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.onb-calcell{aspect-ratio:1;background:var(--card);border:1px solid var(--border);border-radius:13px;justify-content:center;align-items:center;font-size:26px;font-weight:900;display:flex}.onb-calcell.x{background:var(--red-light);border-color:var(--red-border);color:var(--red)}body.dark .onb-calcell.x{text-shadow:0 0 12px var(--red)}.onb-bigring{width:200px;height:200px;position:relative}.onb-bigring svg{width:200px;height:200px;transform:rotate(-90deg)}.overlay{z-index:200;-webkit-backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.overlay.show{animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-sheet{background:var(--sheet);border-top:1px solid var(--border);border-radius:28px 28px 0 0;width:100%;max-width:430px;padding:22px 22px 42px;animation:.3s cubic-bezier(.2,.85,.25,1) slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.overlay-title{text-align:center;letter-spacing:-.02em;margin-bottom:6px;font-size:17px;font-weight:800}.overlay-sub{color:var(--text2);text-align:center;margin-bottom:22px;font-size:12.5px;font-weight:500}.share-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.share-app{cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:7px;padding:8px 4px;transition:background .15s;display:flex}.share-app:active{background:var(--muted)}.share-app-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex}.share-app span{color:var(--text2);text-align:center;font-size:11px;font-weight:600}.overlay-close{border:1.5px solid var(--border);width:100%;color:var(--text2);cursor:pointer;background:0 0;border-radius:14px;margin-top:18px;padding:14px;font-size:14.5px;font-weight:600}.report-card{box-shadow:var(--shadow-lg);background:linear-gradient(155deg,#1f1f2c,#14141c);border-radius:22px;margin-bottom:18px;padding:22px}.rc-header{align-items:center;gap:11px;margin-bottom:18px;display:flex}.rc-logo{background:linear-gradient(140deg,#ff453a,#ff6b61);border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;display:flex}.rc-title{color:#fff;font-size:15px;font-weight:800}.rc-period{color:#ffffff73;margin-top:1px;font-size:11.5px}.rc-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px;display:grid}.rc-stat{background:#ffffff0f;border-radius:13px;padding:12px}.rc-stat-val{color:#fff;letter-spacing:-.02em;font-size:20px;font-weight:800}.rc-stat-lbl{color:#ffffff73;margin-top:3px;font-size:9px}.rc-bars{flex-direction:column;gap:7px;display:flex}.rc-bar-row{align-items:center;gap:9px;display:flex}.rc-bar-name{color:#fff9;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:76px;font-size:11px;overflow:hidden}.rc-bar-track{background:#ffffff14;border-radius:6px;flex:1;height:18px;overflow:hidden}.rc-bar-fill{border-radius:6px;align-items:center;height:100%;padding-left:7px;display:flex}.rc-bar-fill span{color:#fff;font-size:9.5px;font-weight:700}.rc-footer{color:#ffffff59;text-align:center;margin-top:16px;font-size:10.5px;font-weight:500}.toast{background:var(--dark);color:#fff;z-index:300;opacity:0;white-space:nowrap;box-shadow:var(--shadow-lg);border:1px solid var(--border);pointer-events:none;border-radius:22px;padding:12px 22px;font-size:13.5px;font-weight:600;transition:opacity .3s,transform .3s;position:fixed;bottom:90px;left:50%;transform:translate(-50%)translateY(10px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.streak-pop{background:linear-gradient(135deg, var(--red), var(--red-deep));color:#fff;z-index:500;pointer-events:none;opacity:0;white-space:nowrap;letter-spacing:-.02em;border-radius:26px;padding:18px 28px;font-size:21px;font-weight:800;position:fixed;top:36%;left:50%;transform:translate(-50%,-50%)scale(.4);box-shadow:0 16px 48px #ff3b308c}.streak-pop.show{animation:1.9s cubic-bezier(.2,.9,.3,1) forwards popBadge}@keyframes popBadge{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}14%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}28%{transform:translate(-50%,-50%)scale(1)}82%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-62%)scale(.95)}}.confetti-piece{z-index:480;pointer-events:none;will-change:transform;width:9px;height:14px;position:fixed}.toggle{flex-shrink:0;width:48px;height:28px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--dot);cursor:pointer;border-radius:28px;transition:background .25s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000040}.toggle input:checked+.toggle-slider{background:var(--red)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.empty-state{text-align:center;color:var(--text2);padding:48px 36px;font-size:14.5px;font-weight:500;line-height:1.6}.empty-state .emoji{margin-bottom:14px;font-size:52px}.empty-state strong{color:var(--text);margin-bottom:7px;font-size:17px;font-weight:800;display:block}.prof-card{background:var(--dark);box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:22px;align-items:center;gap:15px;margin:16px 16px 0;padding:18px;display:flex}.prof-avatar{background:linear-gradient(140deg, var(--red), var(--red-deep));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:25px;display:flex}.prof-stat-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:15px 16px}.prof-stat-card .v{letter-spacing:-.03em;font-size:25px;font-weight:800}.prof-stat-card .l{color:var(--text2);margin-top:4px;font-size:11.5px;font-weight:500}.settings-group{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;margin:0 16px;overflow:hidden}.settings-row{align-items:center;gap:13px;padding:15px 16px;display:flex}.settings-row i.lead{color:var(--text2);width:24px;font-size:21px}.settings-row span.lbl{flex:1;font-size:14.5px;font-weight:500}.loading-spinner{justify-content:center;align-items:center;min-height:200px;display:flex}.loading-spinner:after{content:"";border:3px solid var(--muted);border-top-color:var(--red);border-radius:50%;width:32px;height:32px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.magic-link-form{width:100%;margin-top:8px}.magic-link-form input{background:var(--card);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:14px;outline:none;margin-bottom:11px;padding:14px 16px;font-size:16px;font-weight:500}.magic-link-form input:focus{border-color:var(--red);box-shadow:0 0 0 4px var(--red-light)}.migration-dialog{z-index:250;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.migration-card{background:var(--sheet);text-align:center;width:90%;max-width:340px;box-shadow:var(--shadow-lg);border-radius:22px;padding:28px 24px}.migration-card h3{margin-bottom:8px;font-size:18px;font-weight:800}.migration-card p{color:var(--text2);margin-bottom:20px;font-size:14px;line-height:1.5}.migration-card button{cursor:pointer;border:none;border-radius:14px;width:100%;margin-bottom:8px;padding:14px;font-size:15px;font-weight:700}.migration-card .btn-primary{background:linear-gradient(135deg, var(--red), var(--red-deep));color:#fff}.migration-card .btn-secondary{color:var(--text2);border:1.5px solid var(--border);background:0 0}.quote-banner{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;margin:14px 16px 0;padding:16px 18px 16px 20px;position:relative;overflow:hidden}.quote-banner .quote-mark{color:var(--red);opacity:.13;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,Times New Roman,serif;font-size:64px;line-height:1;position:absolute;top:2px;right:16px}.quote-inner{transition:opacity .4s}.quote-inner.fade{opacity:0}.quote-text{color:var(--text);font-size:14px;font-style:italic;font-weight:500;line-height:1.55}.quote-author{color:var(--red);margin-top:8px;font-size:12px;font-weight:700}.intro-overlay{z-index:300;background:var(--bg);opacity:0;pointer-events:none;flex-direction:column;transition:opacity .25s;display:flex;position:fixed;inset:0}.intro-overlay.show{opacity:1;pointer-events:auto}.intro-top{justify-content:flex-end;padding:18px 20px 0;display:flex}.intro-skip{cursor:pointer;color:var(--text2);background:0 0;border:none;padding:6px 4px;font-size:13.5px;font-weight:600}.intro-slide{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 36px 0;display:flex}.intro-emoji{margin-bottom:26px;font-size:76px;line-height:1}.intro-title{letter-spacing:-.02em;color:var(--text);margin-bottom:14px;font-size:24px;font-weight:800;line-height:1.25}.intro-body{color:var(--text2);max-width:320px;font-size:15px;line-height:1.65}.intro-footer{padding:0 24px calc(28px + env(safe-area-inset-bottom))}.intro-dots{justify-content:center;gap:8px;margin-bottom:22px;display:flex}.intro-dot{background:var(--dot);border-radius:50%;width:8px;height:8px;transition:all .25s}.intro-dot.active{background:var(--red);border-radius:4px;width:22px}.intro-btn{cursor:pointer;background:linear-gradient(140deg, var(--red), var(--red-deep));color:#fff;width:100%;box-shadow:var(--shadow);border:none;border-radius:15px;padding:16px;font-size:15px;font-weight:700}.tour-layer{z-index:350;pointer-events:none;position:fixed;inset:0}.tour-ring{pointer-events:none;border-radius:16px;transition:top .3s,left .3s,width .3s,height .3s;position:fixed;box-shadow:0 0 0 3px #ffffffeb,0 0 0 9999px #0000009e}.tour-tip{z-index:351;pointer-events:auto;background:var(--sheet);max-width:380px;box-shadow:var(--shadow-lg);border:1px solid var(--border);border-radius:16px;margin:0 auto;padding:16px 18px;position:fixed;left:18px;right:18px}.tour-tip-text{color:var(--text);font-size:14px;font-weight:500;line-height:1.55}.tour-tip-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.tour-skip-btn{cursor:pointer;color:var(--text2);background:0 0;border:none;padding:6px 2px;font-size:13px;font-weight:600}.tour-next-btn{background:linear-gradient(140deg, var(--red), var(--red-deep));color:#fff;cursor:pointer;border:none;border-radius:11px;padding:10px 18px;font-size:13.5px;font-weight:700}