.welcome-page{background:radial-gradient(circle at 82% 22%,#ce3dae17,#0000 28rem),radial-gradient(circle at 52% 70%,#69e89c14,#0000 34rem),#080c0a;min-height:100vh;padding:24px clamp(20px,5vw,72px) 60px;position:relative;overflow:hidden}.welcome-page:before{content:"";background:linear-gradient(90deg,#0000,#69e89c8c,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.welcome-nav{z-index:5;justify-content:space-between;align-items:center;width:min(1240px,100%);margin:auto;display:flex;position:relative}.welcome-brand{align-items:center;gap:12px;display:flex}.welcome-brand>img{border:1px solid rgb(var(--accent-rgb) / .5);object-fit:cover;border-radius:16px;width:54px;height:54px;box-shadow:0 0 30px #c941ad1f}.welcome-brand span,.welcome-brand strong,.welcome-brand small{display:block}.welcome-brand strong{font-size:14px;line-height:1.15}.welcome-brand small{color:var(--green);letter-spacing:.09em;text-transform:uppercase;margin-top:5px;font-size:9px;font-weight:800}.welcome-nav>button{border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff06;border-radius:14px;height:44px;padding:0 19px;font-weight:700;transition:all .18s}.welcome-nav>button:hover{border-color:var(--border-strong);transform:translateY(-2px)}.welcome-hero{z-index:2;grid-template-columns:minmax(0,1fr) minmax(440px,.78fr);align-items:center;gap:clamp(42px,7vw,100px);width:min(1240px,100%);min-height:690px;margin:40px auto 70px;display:grid;position:relative}.welcome-copy{padding:70px 0}.welcome-badge{color:var(--green);letter-spacing:.08em;text-transform:uppercase;background:#69e89c12;border:1px solid #69e89c42;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:800;display:inline-flex}.welcome-copy h1{letter-spacing:-.055em;max-width:760px;margin:28px 0 0;font-size:clamp(64px,7.1vw,104px);line-height:.88}.welcome-copy h1 em{color:var(--green);font-style:normal}.welcome-copy>p{color:#aebbb4;max-width:650px;margin:30px 0 0;font-size:18px;line-height:1.7}.welcome-actions{align-items:center;gap:20px;margin-top:36px;display:flex}.welcome-login{background:var(--green);color:#06150d;cursor:pointer;border:0;border-radius:17px;justify-content:center;align-items:center;gap:10px;height:58px;padding:0 24px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 18px 55px #36d47733}.welcome-login:hover{background:#7cf0ab;transform:translateY(-3px)}.welcome-actions>span{color:#91a098;align-items:center;gap:7px;font-size:12px;display:flex}.welcome-proof{border-top:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;margin-top:52px;padding-top:26px;display:grid}.welcome-proof strong,.welcome-proof span{display:block}.welcome-proof strong{font-size:18px}.welcome-proof span{color:#87958e;margin-top:5px;font-size:11px}.welcome-visual{min-height:620px;position:relative}.welcome-photo{background:#101612;border:1px solid #ffffff21;border-radius:36px;position:absolute;inset:0;overflow:hidden;box-shadow:0 50px 130px #0000007a}.welcome-photo img{object-fit:cover;object-position:53% center;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.8,.2,1)}.welcome-visual:hover .welcome-photo img{transform:scale(1.035)}.welcome-features{z-index:2;grid-template-columns:repeat(3,1fr);gap:12px;width:min(1240px,100%);margin:auto;display:grid;position:relative}.welcome-story{z-index:2;background:radial-gradient(circle at 90% 20%,#c636a71a,#0000 23rem),linear-gradient(135deg,#69e89c14,#0f1511f0);border:1px solid #ffffff1a;border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:min(1240px,100%);margin:90px auto 20px;padding:clamp(34px,5vw,60px);display:grid;position:relative;overflow:hidden}.welcome-story:after{content:"";border:1px solid #69e89c14;border-radius:50%;width:28rem;height:28rem;position:absolute;bottom:-11rem;right:-8rem}.story-heading{align-items:flex-start;gap:18px;display:flex}.story-icon{width:52px;height:52px;color:var(--green);background:#69e89c1c;border-radius:17px;flex:0 0 52px;place-items:center;display:grid}.story-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(34px,4vw,56px);line-height:1}.story-content{z-index:1;border:1px solid var(--border);background:#0509074d;border-radius:22px;padding:26px;position:relative}.story-content>svg{color:var(--green)}.story-body{max-height:210px;transition:max-height 1.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.story-body:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0a0f0c 88%);height:105px;transition:opacity .65s;position:absolute;bottom:0;left:0;right:0}.story-body.expanded:after{opacity:0}.story-content p{color:#c0cbc5;margin:18px 0 0;font-size:17px;line-height:1.75;transition:opacity .7s,transform .9s cubic-bezier(.22,1,.36,1)}.story-body:not(.expanded) .story-text p:nth-child(n+4){opacity:0;transform:translateY(10px)}.story-body.expanded .story-text p:nth-child(4){transition-delay:.18s}.story-body.expanded .story-text p:nth-child(5){transition-delay:.3s}.story-body.expanded .story-text p:nth-child(6){transition-delay:.42s}.story-body.expanded .story-text p:nth-child(7){transition-delay:.54s}.story-body.expanded .story-text p:nth-child(8){transition-delay:.66s}.story-body.expanded .story-text p:nth-child(9){transition-delay:.78s}.story-content{transition:border-color .9s,box-shadow 1.2s}.story-expanded .story-content{border-color:#69e89c33;box-shadow:0 22px 70px #0003}.story-toggle{z-index:2;color:var(--green);font:inherit;cursor:pointer;background:#69e89c1a;border:1px solid #69e89c47;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:18px;padding:11px 17px;font-size:13px;font-weight:800;transition:transform .18s,border-color .18s,background .18s;display:inline-flex;position:relative}.story-toggle:hover{background:#69e89c29;border-color:#69e89c8c;transform:translateY(-2px)}.story-toggle svg{transition:transform .65s cubic-bezier(.22,1,.36,1)}.story-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.welcome-story.story-expanded{align-items:start}.story-content span{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-top:20px;font-size:11px;font-weight:800;display:block}.welcome-features article{border:1px solid var(--border);background:#121815b3;border-radius:22px;padding:25px;transition:all .18s}.welcome-features article:hover{border-color:var(--border-strong);transform:translateY(-4px)}.welcome-features svg{color:var(--green)}.welcome-features strong,.welcome-features span{display:block}.welcome-features strong{margin-top:20px}.welcome-features span{color:#96a49d;margin-top:8px;font-size:12px;line-height:1.55}@media (width<=1000px){.welcome-hero{grid-template-columns:1fr}.welcome-copy{padding-bottom:10px}.welcome-visual{width:min(560px,100%);margin:auto}}@media (width<=700px){.welcome-page{padding-inline:18px}.welcome-hero{min-height:auto;margin-top:28px}.welcome-copy h1{font-size:clamp(54px,17vw,76px)}.welcome-actions{flex-direction:column;align-items:stretch}.welcome-login{width:100%}.welcome-proof,.welcome-features{grid-template-columns:1fr}.welcome-story{grid-template-columns:1fr;gap:30px;margin-top:50px}.welcome-visual{min-height:520px}.welcome-photo{inset-inline:0}}.auth-page{background:radial-gradient(circle at 18% 22%,#cb3ead14,#0000 25rem),radial-gradient(circle at 85% 78%,#4aea9314,#0000 28rem),#080c0a;place-items:center;min-height:100vh;padding:72px 28px 40px;display:grid;position:relative;overflow:hidden}.auth-back-btn{z-index:3;border:1px solid var(--border);color:#c9d3ce;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1310b8;border-radius:13px;align-items:center;gap:9px;height:44px;padding:0 15px;font-size:14px;font-weight:650;transition:all .18s;display:inline-flex;position:absolute;top:28px;left:32px}.auth-back-btn:hover{color:#fff;border-color:#69e89c4d;transform:translateY(-2px)}.auth-shell{z-index:1;background:#101612;border:1px solid #ffffff1c;border-radius:34px;grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);width:min(1040px,100%);min-height:660px;display:grid;position:relative;overflow:hidden;box-shadow:0 45px 140px #00000085}.auth-cover{background:#060a08;min-height:660px;position:relative;overflow:hidden}.auth-cover>img{object-fit:cover;object-position:53% center;filter:saturate(.92)contrast(1.05);width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.auth-shell:hover .auth-cover>img{transform:scale(1.035)}.auth-cover-shade{background:linear-gradient(#0508060d 32%,#050806eb 100%),linear-gradient(90deg,#0000 72%,#0a0f0c40);position:absolute;inset:0}.auth-cover-copy{position:absolute;bottom:38px;left:36px;right:36px}.auth-cover-copy>span{color:#75efa7;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.auth-cover-copy strong{letter-spacing:-.045em;margin-top:12px;font-size:clamp(40px,4vw,58px);line-height:.94;display:block}.auth-cover-copy p{color:#c0cbc5;max-width:360px;margin:18px 0 0;font-size:14px;line-height:1.6}.auth-panel{background:radial-gradient(circle at 90% 10%,#69e89c12,#0000 20rem),#101612;flex-direction:column;justify-content:center;padding:clamp(42px,6vw,72px);display:flex}.auth-brand-mobile{display:none}.auth-kicker{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.auth-title{color:#f7faf8;letter-spacing:-.045em;max-width:520px;margin:16px 0 0;font-size:clamp(40px,4.6vw,60px);font-weight:750;line-height:1}.auth-subtitle{color:#a8b5ae;max-width:520px;margin:20px 0 30px;font-size:16px;line-height:1.7}.telegram-btn,.open-telegram-btn,.copy-code-btn{cursor:pointer;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;font-size:15px;font-weight:750;text-decoration:none;transition:all .18s;display:inline-flex}.telegram-btn,.open-telegram-btn{color:#fff;background:#2aabee;border:0;box-shadow:0 14px 38px #2aabee2e}.telegram-btn:hover,.open-telegram-btn:hover,.copy-code-btn:hover{transform:translateY(-2px)}.auth-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.auth-steps span{border:1px solid var(--border);color:#a9b5af;border-radius:14px;align-items:center;gap:9px;min-height:76px;padding:12px;font-size:11px;line-height:1.4;display:flex}.auth-steps b{width:25px;height:25px;color:var(--green);background:#69e89c1a;border-radius:8px;flex:0 0 25px;place-items:center;display:grid}.auth-error{color:#ffabab;background:#ff7f7f14;border:1px solid #ff7f7f38;border-radius:14px;margin-bottom:18px;padding:13px 15px;font-size:13px}.telegram-code{color:#78f0a9;letter-spacing:.18em;text-align:center;cursor:text;-webkit-user-select:all;user-select:all;background:#0000002e;border:1px solid #69e89c38;border-radius:18px;padding:20px;font-size:38px;font-weight:800}.copy-code-btn{border:1px solid var(--border);color:#fff;background:#ffffff06;margin-top:10px}.open-telegram-btn{margin-top:10px}.get-new-code{color:#9ca9a2;cursor:pointer;background:0 0;border:0;align-self:center;margin-top:18px;font-size:13px}.get-new-code:hover{color:var(--green)}.auth-loading-overlay{z-index:20;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050806db;place-content:center;gap:18px;display:grid;position:fixed;inset:0}.auth-loader{border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;width:52px;height:52px;margin:auto;animation:.7s linear infinite spin}.auth-loading-overlay p{color:#bdc7c2;font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=850px){.auth-page{padding:84px 18px 28px}.auth-shell{width:min(560px,100%);min-height:auto;display:block}.auth-cover{display:none}.auth-panel{padding:34px 26px}.auth-brand-mobile{align-items:center;gap:12px;margin-bottom:42px;font-size:14px;font-weight:750;display:flex}.auth-brand-mobile img{border:1px solid rgb(var(--accent-rgb) / .46);object-fit:cover;border-radius:16px;width:54px;height:54px}}@media (width<=520px){.auth-back-btn{top:20px;left:18px}.auth-title{font-size:38px}.auth-subtitle{font-size:14px}.auth-steps{grid-template-columns:1fr}.auth-steps span{min-height:50px}}.sidebar{z-index:20;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080c0ad6;flex-direction:column;flex:0 0 252px;justify-content:space-between;width:252px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:13px;padding:4px;text-decoration:none;display:flex}.brand-copy{color:var(--text);text-decoration:none}.brand-mark{border:1px solid rgb(var(--accent-rgb) / .52);width:64px;height:64px;box-shadow:0 0 24px rgb(var(--accent-rgb) / .16), inset 0 0 0 2px #00000059;background:#15110f;border-radius:18px;flex:0 0 64px;display:block;overflow:hidden}.brand-mark img{object-fit:cover;object-position:center 30%;width:100%;height:100%;transform:scale(1.03)}.brand strong,.brand small{display:block}.brand strong{letter-spacing:-.01em;max-width:142px;font-size:14px;line-height:1.15}.brand small{color:var(--green);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:9px;font-weight:700}.sidebar-nav{flex-direction:column;gap:6px;margin-top:48px;display:flex}.theme-picker{border:1px solid var(--border);color:var(--muted);background:#ffffff06;border-radius:15px;align-items:center;gap:10px;margin-top:22px;padding:12px 14px;display:flex}.theme-picker>div{flex-wrap:wrap;gap:7px;display:flex}.theme-dot{cursor:pointer;border:2px solid #ffffff2e;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .16s,box-shadow .16s}.theme-dot:hover,.theme-dot.active{transform:translateY(-2px);box-shadow:0 0 0 3px #ffffff14}.nav-item{height:50px;color:var(--muted);border:1px solid #0000;border-radius:15px;align-items:center;gap:13px;padding:0 15px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.nav-item span,.logout-btn span,.brand strong,.brand small{transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s}.nav-item:hover{background:var(--surface-soft);color:var(--text)}.nav-item:hover span,.logout-btn:hover span,.brand-copy:hover strong{transform:translateY(-2px)}.nav-item.active{border-color:rgb(var(--accent-rgb) / .2);background:rgb(var(--accent-rgb) / .1);color:var(--green)}.logout-btn{border:1px solid var(--border);height:48px;color:var(--muted);cursor:pointer;background:0 0;border-radius:15px;align-items:center;gap:12px;padding:0 15px;display:flex}.logout-btn:hover{border-color:rgb(var(--accent-rgb) / .24);background:rgb(var(--accent-rgb) / .08);color:var(--green)}@media (width<=820px){.sidebar{border:1px solid var(--border);background:#0c110ef0;border-radius:22px;width:auto;height:72px;padding:8px;position:fixed;inset:auto 12px 12px;box-shadow:0 18px 50px #0000006b}.sidebar-main{width:100%}.brand,.theme-picker{display:none}.sidebar-nav{grid-template-columns:repeat(5,1fr);gap:2px;margin:0;display:grid}.nav-item{border-radius:15px;flex-direction:column;justify-content:center;gap:4px;height:54px;padding:0;font-size:9px}.logout-btn,.sidebar-nav .nav-item:nth-child(n+6){display:none}}.habit-card{border:1px solid var(--border);background:radial-gradient(circle at 88% 12%, rgb(var(--accent-rgb) / .1), transparent 13rem), linear-gradient(145deg, #141b17f2, #0d120ff2);min-width:0;box-shadow:0 22px 55px #0003, 0 0 42px rgb(var(--accent-rgb) / .035);border-radius:26px;padding:24px;transition:all .18s;position:relative;overflow:hidden}.habit-card.entering{animation:.52s cubic-bezier(.16,1,.3,1) habit-enter}.habit-card.removing{pointer-events:none;animation:.38s cubic-bezier(.4,0,1,1) forwards habit-remove}.habit-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff09,#0000);width:55%;height:260%;transition:left .65s;position:absolute;top:-120%;left:-40%;transform:rotate(20deg)}.habit-card:hover{border-color:rgb(var(--accent-rgb) / .24);transform:translateY(-3px)}.habit-card:hover:before{left:125%}.habit-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.habit-eyebrow{color:var(--green);letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800}.habit-card h3{overflow-wrap:anywhere;letter-spacing:-.02em;margin:0;font-size:24px;line-height:1.15;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s}.habit-status{border:1px solid rgb(var(--accent-rgb) / .34);background:radial-gradient(circle at 35% 25%, rgb(var(--accent-rgb) / .22), transparent 45%), linear-gradient(145deg, rgb(var(--accent-rgb) / .18), #ffffff06);width:40px;height:40px;color:var(--green);box-shadow:0 10px 30px rgb(var(--accent-rgb) / .11);border-radius:13px;flex:none;place-items:center;transition:transform .22s,box-shadow .22s;display:grid}.habit-status:hover{box-shadow:0 14px 34px rgb(var(--accent-rgb) / .18);transform:translateY(-3px)rotate(-4deg)}.habit-progress{margin-top:34px}.habit-days,.habit-duration{letter-spacing:-.045em;font-size:72px;font-weight:800;line-height:.92;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.habit-duration{letter-spacing:-.03em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(30px,4vw,44px)}.habit-days-label{color:var(--muted);margin-top:9px;font-size:12px}.habit-meta-grid{grid-template-columns:1fr 1.25fr;gap:8px;margin-top:26px;display:grid}.habit-meta{background:#ffffff06;border:1px solid #ffffff0f;border-radius:15px;grid-template-columns:auto 1fr;gap:7px 8px;padding:12px;display:grid}.habit-meta svg{color:var(--muted)}.habit-meta span{color:var(--muted);font-size:10px}.habit-meta strong{grid-column:1/-1;font-size:13px}.habit-actions{gap:8px;margin-top:14px;display:flex}.habit-card:hover h3,.habit-card:hover .habit-days,.habit-card:hover .habit-duration{transform:translateY(-3px)}.relapse-btn,.delete-btn{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:44px;font-weight:700;display:inline-flex}.relapse-btn{color:var(--danger);flex:1}.relapse-btn,.delete-btn{transition:transform .18s,background .18s,border-color .18s}.relapse-btn:hover{background:#ff7f7f1a;border-color:#ff7f7f4d;transform:translateY(-2px);box-shadow:0 0 28px #ff5b5b29}.delete-btn{width:44px;color:var(--danger)}.delete-btn:hover{background:#ff7f7f14;transform:translateY(-2px)}@keyframes habit-enter{0%{opacity:0;filter:blur(7px);transform:translateY(28px)scale(.93)}60%{transform:translateY(-4px)scale(1.01)}}@keyframes habit-remove{to{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.88)}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030604c7;place-items:center;padding:20px;animation:.16s overlay-in;display:grid;position:fixed;inset:0}.habit-modal,.delete-modal{border:1px solid var(--border);background:#111713;border-radius:28px;width:min(500px,100%);padding:32px;animation:.18s modal-in;position:relative;box-shadow:0 40px 120px #00000094}.modal-close{border:1px solid var(--border);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.modal-icon,.delete-icon{background:rgb(var(--accent-rgb) / .1);width:48px;height:48px;color:var(--green);border-radius:16px;place-items:center;margin-bottom:22px;display:grid}.modal-title,.delete-modal h2{letter-spacing:-.05em;margin:0;font-size:36px;line-height:1}.modal-subtitle,.delete-modal p{color:var(--muted);margin:14px 0 28px;font-size:14px;line-height:1.65}.modal-field{margin-top:22px}.modal-field label{color:#b3beb8;margin-bottom:9px;font-size:12px;font-weight:700;display:block}.modal-field input{border:1px solid var(--border);width:100%;height:54px;color:var(--text);background:#ffffff09;border-radius:15px;outline:none;padding:0 16px;transition:all .16s}.modal-field input:focus{border-color:rgb(var(--accent-rgb) / .45);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .07)}.suggestions{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.suggestion-item{border:1px solid var(--border);min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:11px}.suggestion-item:hover{border-color:var(--border-strong);color:var(--green)}.date-input-wrap{position:relative}.date-input-wrap svg{color:var(--muted);pointer-events:none;position:absolute;top:18px;left:16px}.date-input-wrap input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding-left:44px}.modal-actions,.delete-actions{gap:10px;margin-top:28px;display:flex}.cancel-btn,.create-btn,.confirm-delete-btn{border:1px solid var(--border);cursor:pointer;border-radius:15px;flex:1;height:50px;font-size:13px;font-weight:800}.logout-modal-icon{background:rgb(var(--accent-rgb) / .1);width:48px;height:48px;color:var(--green);border-radius:16px;place-items:center;margin-bottom:22px;display:grid}.confirm-logout-btn{border:1px solid rgb(var(--accent-rgb) / .24);background:rgb(var(--accent-rgb) / .14);height:50px;color:var(--green);cursor:pointer;border-radius:15px;flex:1;font-size:13px;font-weight:800;transition:all .18s}.confirm-logout-btn:hover{background:rgb(var(--accent-rgb) / .2);transform:translateY(-2px)}.cancel-btn{color:var(--muted);background:0 0}.create-btn{background:var(--green);color:#06150d;border-color:#0000}.create-btn:disabled{opacity:.42;cursor:not-allowed}.delete-icon{color:var(--danger);background:#ff7f7f1a}.confirm-delete-btn{color:#fff;background:#e86161;border-color:#0000}@keyframes overlay-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@media (width<=540px){.habit-modal,.delete-modal{border-radius:24px;padding:26px 20px}}.relapse-modal-backdrop{z-index:110;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030504cc;place-items:center;padding:20px;animation:.18s both relapse-backdrop-in;display:grid;position:fixed;inset:0}.relapse-modal{text-align:center;background:radial-gradient(circle at 50% 0,#e8616129,#0000 16rem),#111713;border:1px solid #ff7e7e40;border-radius:28px;width:min(470px,100%);padding:32px;animation:.42s cubic-bezier(.16,1,.3,1) both relapse-modal-in;position:relative;overflow:hidden;box-shadow:0 36px 110px #0000009e,0 0 70px #e8616114}.relapse-modal-close{z-index:1;border:1px solid var(--border);width:38px;height:38px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:12px;place-items:center;display:grid;position:absolute;top:16px;right:16px}.relapse-animation{place-items:center;width:116px;height:116px;margin:2px auto 22px;display:grid;position:relative}.relapse-animation:before{content:"";background:#e8616124;border-radius:50%;width:76px;height:76px;animation:2.4s ease-in-out infinite relapse-core-breathe;position:absolute;box-shadow:0 0 42px #e861613d}.relapse-pulse-ring{opacity:0;border:1px solid #ff84847a;border-radius:50%;width:76px;height:76px;animation:2.4s cubic-bezier(.2,.65,.3,1) infinite relapse-wave;position:absolute}.relapse-pulse-ring-one{animation-delay:.15s}.relapse-pulse-ring-two{animation-delay:1.15s}.relapse-animation-icon{color:#fff;background:linear-gradient(145deg,#ff8585,#d84e4e);border-radius:50%;place-items:center;width:62px;height:62px;animation:.6s cubic-bezier(.16,1,.3,1) .1s both relapse-icon-in;display:grid;position:relative;box-shadow:inset 0 1px #ffffff47}.relapse-modal-kicker{color:#ff9393;letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:850}.relapse-modal h2{letter-spacing:-.045em;margin:8px 0 0;font-size:34px}.relapse-modal p{color:var(--muted);margin:14px auto 0;font-size:14px;line-height:1.65}.relapse-modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.relapse-cancel-btn,.relapse-confirm-btn{min-height:50px;font:inherit;cursor:pointer;border-radius:15px;padding:10px 14px;font-size:13px;font-weight:800;transition:transform .18s,background .18s,border-color .18s}.relapse-cancel-btn{border:1px solid var(--border);color:#c8d2cd;background:#ffffff09}.relapse-confirm-btn{color:#fff;background:linear-gradient(135deg,#f27676,#d94f4f);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;display:inline-flex;box-shadow:0 12px 30px #e8616138}.relapse-cancel-btn:hover:not(:disabled),.relapse-confirm-btn:hover:not(:disabled){transform:translateY(-2px)}.relapse-cancel-btn:hover:not(:disabled){border-color:var(--border-strong)}.relapse-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff8585,#e45a5a)}.relapse-modal button:disabled{opacity:.55;cursor:wait}.relapse-modal button:focus-visible{outline-offset:3px;outline:3px solid #ff7e7e47}.is-spinning{animation:.8s linear infinite relapse-spin}@keyframes relapse-backdrop-in{0%{opacity:0}}@keyframes relapse-modal-in{0%{opacity:0;transform:translateY(24px)scale(.92)}}@keyframes relapse-spin{to{transform:rotate(360deg)}}@keyframes relapse-wave{0%{opacity:0;transform:scale(.78)}18%{opacity:.62}75%,to{opacity:0;transform:scale(1.52)}}@keyframes relapse-core-breathe{50%{transform:scale(1.07);box-shadow:0 0 58px #e861614d}}@keyframes relapse-icon-in{0%{opacity:0;transform:translateY(8px)scale(.72)}65%{transform:translateY(-2px)scale(1.05)}}@media (width<=520px){.relapse-modal-backdrop{align-items:end;padding:10px}.relapse-modal{border-radius:24px;padding:28px 18px 18px}.relapse-modal h2{font-size:29px}.relapse-modal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.relapse-modal-backdrop,.relapse-modal,.relapse-animation:before,.relapse-pulse-ring,.relapse-animation-icon{animation:none}}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:36px;padding:16px 0 42px;display:flex}.dashboard-hero h1{letter-spacing:-.045em;max-width:760px;margin:0;font-size:clamp(48px,6.6vw,92px);line-height:.94;transition:transform .26s cubic-bezier(.2,.8,.2,1),text-shadow .26s}.dashboard-hero h1:hover{text-shadow:0 12px 38px rgb(var(--accent-rgb) / .1);transform:translateY(-5px)}.dashboard-hero p{max-width:620px;color:var(--muted);margin:24px 0 0;line-height:1.7;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s}.dashboard-hero p:hover{color:#b9c8c0;transform:translateY(-3px)}.dashboard-hero-actions{flex:none;align-items:center;gap:14px;display:flex}.donate-button{color:#1d1305;cursor:pointer;min-height:54px;font:inherit;white-space:nowrap;background:linear-gradient(135deg,#ffe08a 0%,#f5b84b 52%,#ff8f70 100%);border:1px solid #ffe396b8;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:900;line-height:1.2;transition:all .18s;display:inline-flex;box-shadow:0 16px 42px #f5b84b4d,inset 0 1px #ffffff85}.donate-button:hover{filter:saturate(1.08);border-color:#ffefbcf2;transform:translateY(-3px);box-shadow:0 20px 52px #f5b84b6b,inset 0 1px #ffffff9e}.donate-button svg{stroke-width:2.4px;flex:none}.donate-button:focus-visible,.donate-modal-close:focus-visible,.donate-link-button:focus-visible{outline:3px solid rgb(var(--accent-rgb) / .38);outline-offset:3px}.add-btn{background:var(--green);color:#06150d;cursor:pointer;height:54px;box-shadow:0 14px 38px rgb(var(--accent-rgb) / .2);border:0;border-radius:16px;flex:none;justify-content:center;align-items:center;gap:9px;padding:0 22px;font-size:14px;font-weight:800;transition:all .18s;display:inline-flex}.add-btn:hover{background:var(--green-strong);transform:translateY(-2px)}.overview-grid{grid-template-columns:1fr 1fr 1.65fr;gap:14px;margin-bottom:58px;display:grid}.overview-card,.overview-message{border:1px solid var(--border);background:var(--surface);min-height:148px;box-shadow:var(--shadow);border-radius:24px;padding:22px;animation:.48s both content-rise;position:relative;overflow:hidden}.overview-grid>:nth-child(2){animation-delay:70ms}.overview-grid>:nth-child(3){animation-delay:.14s}.overview-card>svg{color:var(--green)}.overview-card span,.overview-message span{color:var(--muted);margin-top:22px;font-size:12px;display:block}.overview-card span,.overview-card strong,.overview-message p,.section-heading h2{transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s}.overview-card:hover span,.overview-card:hover strong,.overview-message:hover p,.section-heading:hover h2{transform:translateY(-3px)}.overview-card strong{letter-spacing:-.04em;margin-top:6px;font-size:32px;display:block}.overview-card .duration-value{overflow-wrap:anywhere;font-size:clamp(20px,2.3vw,30px);line-height:1.12}.overview-card small{color:var(--muted);font-size:13px}.overview-accent{border-color:var(--border-strong);background:linear-gradient(145deg, rgb(var(--accent-rgb) / .15), #121815c7)}.overview-message{background:radial-gradient(circle at 92% 12%, rgb(var(--accent-rgb) / .12), transparent 13rem), linear-gradient(135deg, rgb(var(--accent-rgb) / .08), #101713)}.overview-message p{max-width:370px;margin:8px 38px 0 0;font-size:18px;font-weight:700;line-height:1.4}.overview-message svg{color:var(--green);position:absolute;bottom:22px;right:22px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:32px}.section-count{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);border-radius:12px;place-items:center;font-size:13px;display:grid}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;display:grid}.cards-grid>:nth-child(2){animation-delay:60ms}.cards-grid>:nth-child(3){animation-delay:.12s}.cards-grid>:nth-child(4){animation-delay:.18s}.dashboard-empty{border:1px dashed rgb(var(--accent-rgb) / .28);background:rgb(var(--accent-rgb) / .025);width:100%;min-height:150px;color:var(--muted);border-radius:28px;align-items:center;gap:18px;padding:28px;display:flex}.dashboard-empty strong{color:var(--text);font-size:20px;display:block}.dashboard-empty div>span{color:#a9b6af;margin-top:6px;font-size:14px;display:block}.empty-icon{background:rgb(var(--accent-rgb) / .12);width:58px;height:58px;color:var(--green);border-radius:17px;flex:0 0 58px;place-items:center;display:grid}.empty-add-btn{background:var(--green);color:#07160e;cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:8px;height:48px;margin-left:auto;padding:0 18px;font-size:14px;font-weight:750;transition:all .18s;display:inline-flex}.empty-add-btn:hover{background:var(--green-strong);transform:translateY(-2px)}.donate-modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050807b8;place-items:center;padding:22px;animation:.16s donate-fade-in;display:grid;position:fixed;inset:0}.donate-modal{border:1px solid var(--border-strong);background:radial-gradient(circle at 12% 0%, rgb(var(--accent-rgb) / .14), transparent 12rem), var(--surface);border-radius:24px;width:min(440px,100%);max-height:min(740px,100vh - 44px);padding:28px;animation:.18s donate-modal-in;position:relative;overflow-y:auto;box-shadow:0 30px 90px #00000075}.donate-modal-close{border:1px solid var(--border);width:38px;height:38px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:12px;place-items:center;transition:all .18s;display:inline-grid;position:absolute;top:16px;right:16px}.donate-modal-close:hover{border-color:var(--border-strong);background:#ffffff14}.donate-modal-header{padding-right:42px}.donate-modal-header h2{margin:0;font-size:25px;line-height:1.15}.donate-modal-header p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.55}.donate-qr-frame{aspect-ratio:1;border:1px solid var(--border);background:#fff;border-radius:18px;place-items:center;width:min(250px,100%);margin:22px auto 18px;padding:14px;display:grid}.donate-qr-frame img{object-fit:contain;width:100%;height:100%;display:block}.donate-qr-caption{color:#c6d2cc;text-align:center;margin:0 auto 12px;font-size:14px;line-height:1.45}.donate-purpose-list{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:18px;display:grid}.donate-purpose-list span{border:1px solid var(--border);color:#c6d2cc;text-align:center;background:#ffffff09;border-radius:12px;place-items:center;min-height:44px;padding:8px;font-size:12px;font-weight:750;line-height:1.2;display:grid}.donate-safety-text{color:var(--muted);text-align:center;margin:0;font-size:14px;line-height:1.55}.donate-link-button{background:var(--green-strong);color:#06110c;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:50px;margin-top:22px;font-weight:800;text-decoration:none;transition:all .18s;display:inline-flex}.donate-link-button:hover{filter:brightness(1.05);transform:translateY(-2px)}@keyframes donate-fade-in{0%{opacity:0}}@keyframes donate-modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@media (width<=1040px){.overview-grid{grid-template-columns:1fr 1fr}.overview-message{grid-column:1/-1}}@media (width<=700px){.dashboard-hero,.dashboard-hero-actions{flex-direction:column;align-items:stretch}.donate-button{white-space:normal;width:100%}.add-btn{width:100%}.overview-grid{grid-template-columns:1fr 1fr;margin-bottom:42px}.overview-message{grid-column:1/-1}.dashboard-empty{flex-direction:column;align-items:flex-start}.empty-add-btn{width:100%;margin:8px 0 0}.donate-modal-backdrop{padding:14px}.donate-modal{border-radius:20px;padding:24px 18px 20px}.donate-modal-header h2{font-size:22px}.donate-qr-frame{width:min(225px,100%)}.donate-purpose-list{grid-template-columns:1fr}}.habits-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.search-box{border:1px solid var(--border);background:var(--surface);color:#aebbb4;border-radius:15px;flex:none;align-items:center;gap:10px;width:min(310px,100%);height:50px;padding:0 15px;transition:all .18s;display:flex}.search-box:focus-within{border-color:rgb(var(--accent-rgb) / .36);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .06)}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:15px}.search-box input::placeholder{color:#87958e}.habits-overview{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px;display:grid}.habits-overview article{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:32px 1fr;align-content:center;min-height:116px;padding:20px;transition:all .18s;display:grid}.habits-overview>:nth-child(2){animation-delay:70ms}.habits-overview>:nth-child(3){animation-delay:.14s}.habits-overview article{animation:.44s both content-rise}.habits-overview article:hover{border-color:var(--border-strong);transform:translateY(-3px)}.habits-overview svg{color:var(--green)}.habits-overview span{color:var(--muted);font-size:11px}.habits-overview strong{grid-column:1/-1;margin-top:10px;font-size:25px}.habits-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.habit-box{border:1px solid var(--border);background:radial-gradient(circle at 90% 0%, rgb(var(--accent-rgb) / .07), transparent 12rem), var(--surface);border-radius:24px;min-height:330px;padding:24px;transition:all .22s;animation:.48s both content-rise;position:relative;overflow:hidden}.habits-grid>:nth-child(2){animation-delay:60ms}.habits-grid>:nth-child(3){animation-delay:.12s}.habits-grid>:nth-child(4){animation-delay:.18s}.habit-box:after{border:1px solid rgb(var(--accent-rgb) / .08);content:"";border-radius:50%;width:150px;height:150px;position:absolute;bottom:-70px;right:-60px}.habit-box:hover{border-color:var(--border-strong);transform:translateY(-6px);box-shadow:0 25px 70px #0000003d}.habit-box-label{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.habit-box h2{letter-spacing:-.02em;min-height:56px;margin:12px 0 24px;font-size:25px}.habit-days-big,.habit-duration-big{letter-spacing:-.06em;font-size:76px;font-weight:800;line-height:.9}.habit-duration-big{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(28px,4vw,44px);line-height:1.05}.habit-days-text{color:var(--muted);margin-top:9px;font-size:12px}.habit-mini-progress{background:#ffffff0f;border-radius:999px;height:5px;margin-top:18px;overflow:hidden}.habit-mini-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--green-strong), rgb(var(--accent-rgb) / .6));height:100%;animation:.85s cubic-bezier(.2,.8,.2,1) progress-grow;display:block}.habit-stats{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;margin-top:25px;padding-top:16px;display:grid}.habit-stats span,.habit-stats strong{display:block}.habit-stats span{color:#9ba9a2;font-size:10px}.habit-stats strong{margin-top:6px;font-size:13px}@keyframes progress-grow{0%{width:0}}@media (width<=700px){.habits-header{flex-direction:column;align-items:stretch}.search-box{width:100%}.habits-overview{grid-template-columns:1fr}}.history-page{max-width:1080px}.history-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.history-count{border:1px solid var(--border);color:var(--muted);background:#ffffff06;border-radius:999px;flex:none;padding:9px 13px;font-size:11px}.history-summary{grid-template-columns:1fr 1fr 1.5fr;gap:12px;margin-bottom:30px;display:grid}.history-summary article{border:1px solid var(--border);background:var(--surface);border-radius:20px;align-items:center;gap:14px;min-height:104px;padding:18px;transition:all .18s;animation:.42s both content-rise;display:flex}.history-summary>:nth-child(2){animation-delay:70ms}.history-summary>:nth-child(3){animation-delay:.14s}.timeline>:nth-child(2){animation-delay:60ms}.timeline>:nth-child(3){animation-delay:.12s}.timeline>:nth-child(4){animation-delay:.18s}.history-summary article:hover{border-color:var(--border-strong);transform:translateY(-3px)}.history-summary-icon{background:rgb(var(--accent-rgb) / .1);width:42px;height:42px;color:var(--green);border-radius:14px;flex:0 0 42px;place-items:center;display:grid}.history-summary-icon.warning{color:var(--danger);background:#ff7f7f1a}.history-summary span,.history-summary strong{display:block}.history-summary div>span{color:var(--muted);font-size:10px}.history-summary strong{margin-top:5px;font-size:20px}.history-latest strong{font-size:14px}.history-library{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.history-folders{flex-direction:column;gap:8px;max-height:calc(100vh - 48px);padding-right:4px;display:flex;position:sticky;top:24px;overflow:auto}.history-folder{border:1px solid var(--border);width:100%;min-height:66px;color:var(--text);cursor:pointer;text-align:left;background:#ffffff09;border-radius:16px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:11px;transition:all .18s;display:grid}.history-folder:hover,.history-folder.active{border-color:var(--border-strong);background:rgb(var(--accent-rgb) / .1);transform:translateY(-2px)}.history-folder-icon{width:42px;height:42px;color:var(--green);background:#ffffff0f;border-radius:13px;place-items:center;display:grid}.history-folder strong,.history-folder small{min-width:0;display:block}.history-folder strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.history-folder small{color:var(--muted);margin-top:3px;font-size:10px}.history-folder-view{min-width:0}.history-folder-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px;padding:0 2px;display:flex}.history-folder-head span,.history-folder-head small{color:var(--muted);font-size:10px}.history-folder-head strong{overflow-wrap:anywhere;margin-top:4px;font-size:22px;display:block}.timeline{flex-direction:column;gap:12px;display:flex;position:relative}.timeline:before{background:linear-gradient(var(--danger), #ffffff0a);content:"";width:1px;position:absolute;top:32px;bottom:32px;left:30px}.timeline-card{border:1px solid var(--border);background:linear-gradient(90deg, #ff7f7f12, transparent 28%), var(--surface);border-radius:22px;grid-template-columns:58px 1fr auto;align-items:center;gap:16px;min-height:116px;padding:18px 22px 18px 12px;transition:all .2s;animation:.46s both content-rise;display:grid;position:relative;overflow:hidden}.timeline-card:hover{border-color:#ff7f7f47;transform:translate(5px);box-shadow:0 0 34px #ff5b5b14}.timeline-icon{z-index:1;width:48px;height:48px;color:var(--danger);background:#192019;border:1px solid #ff7f7f47;border-radius:16px;place-items:center;display:grid;box-shadow:0 12px 32px #00000040}.event-type{color:var(--danger);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.event-title{margin-top:5px;font-size:20px;font-weight:750}.timeline-card p{color:var(--muted);margin:6px 0 0;font-size:12px}.event-date{border:1px solid var(--border);color:#a8b5ae;border-radius:11px;padding:8px 11px;font-size:10px}@media (width<=760px){.history-header{flex-direction:column;align-items:flex-start}.history-summary,.history-library{grid-template-columns:1fr}.history-folders{grid-auto-columns:minmax(210px,74vw);grid-auto-flow:column;max-height:none;padding:0 0 4px;display:grid;position:static;overflow-x:auto}.history-folder{min-height:62px}.timeline-card{grid-template-columns:58px 1fr}.event-date{grid-column:2;justify-self:start}}.stats-page{max-width:1080px}.stats-header{margin-bottom:34px}.streak-card{border:1px solid rgb(var(--accent-rgb) / .25);background:radial-gradient(circle at 78% 28%, rgb(var(--accent-rgb) / .13), transparent 19rem), radial-gradient(circle at 100% 100%, rgb(var(--accent-rgb) / .08), transparent 20rem), linear-gradient(135deg, rgb(var(--accent-rgb) / .11), #101713f5);min-height:300px;box-shadow:0 0 64px rgb(var(--accent-rgb) / .08);border-radius:30px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:36px 44px;display:flex;position:relative;overflow:hidden}.streak-card:before{border:1px solid rgb(var(--accent-rgb) / .07);content:"";border-radius:50%;width:25rem;height:25rem;position:absolute;bottom:-10rem;right:-7rem}.streak-label{color:var(--green);letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.streak-number,.streak-duration{letter-spacing:-.075em;margin-top:28px;font-size:104px;font-weight:800;line-height:.76}.streak-duration{letter-spacing:-.05em;max-width:560px;font-size:clamp(44px,6vw,76px);line-height:.98}.streak-duration .duration-lines{gap:0}.streak-days{color:#c1ccc6;margin-top:18px;font-size:17px}.streak-copy p{max-width:420px;color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.6}.streak-ring{background:conic-gradient(var(--green) var(--progress), #ffffff0e 0);width:190px;height:190px;box-shadow:0 0 70px rgb(var(--accent-rgb) / .09);border-radius:50%;flex:0 0 190px;place-items:center;animation:.7s ring-in;display:grid;position:relative}.streak-ring:before{border:1px solid var(--border);content:"";background:#101713;border-radius:50%;width:148px;height:148px;position:absolute}.streak-ring>div{z-index:1;text-align:center}.streak-ring strong,.streak-ring span{display:block}.streak-ring strong{font-size:35px}.stats-row{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;min-height:160px;padding:20px;transition:all .19s;animation:.44s both content-rise}.stats-row>:nth-child(2){animation-delay:60ms}.stats-row>:nth-child(3){animation-delay:.12s}.stats-row>:nth-child(4){animation-delay:.18s}.metric-card:hover{border-color:var(--border-strong);transform:translateY(-4px);box-shadow:0 22px 60px #0003}.metric-card svg{color:var(--green)}.metric-card span{min-height:32px;color:var(--muted);margin-top:18px;font-size:11px;line-height:1.4;display:block}.metric-card h3{letter-spacing:-.04em;overflow-wrap:anywhere;margin:8px 0 0;font-size:clamp(24px,2.8vw,38px);line-height:1.05}.metric-card h3 .duration-lines,.goal-card-modern h2 .duration-lines{gap:0}.goal-card-modern{border:1px solid var(--border);background:var(--surface);border-radius:22px;grid-template-columns:1fr auto;align-items:center;padding:25px;display:grid;position:relative}.goal-title{color:var(--green);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.goal-card-modern h2{margin:8px 0 3px;font-size:30px}.goal-card-modern p{color:var(--muted);margin:0;font-size:12px}.goal-card-modern>strong{font-size:26px}.goal-progress-modern{background:#ffffff0f;border-radius:999px;grid-column:1/-1;height:8px;margin-top:20px;overflow:hidden}.goal-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--green-strong), rgb(var(--accent-rgb) / .55));height:100%;animation:.9s progress-grow}.stats-insights{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.stats-insights article,.insight-link{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:22px;grid-template-columns:48px 1fr 20px;align-items:center;gap:14px;padding:20px;text-decoration:none;transition:all .18s;display:grid}.stats-insights article:hover,.insight-link:hover{border-color:var(--border-strong);transform:translateY(-3px)}.insight-icon{background:rgb(var(--accent-rgb) / .1);width:48px;height:48px;color:var(--green);border-radius:15px;place-items:center;display:grid}.insight-icon.purple{background:rgb(var(--accent-rgb) / .1);color:var(--green)}.stats-insights small,.stats-insights strong,.stats-insights p{display:block}.stats-insights small{color:var(--muted);font-size:10px}.stats-insights strong{margin-top:4px;font-size:14px}.stats-insights p{color:#829087;margin:5px 0 0;font-size:10px;line-height:1.5}.stats-insights article>svg,.insight-link>svg{color:var(--muted)}@keyframes ring-in{0%{opacity:0;transform:rotate(-25deg)scale(.8)}}@media (width<=850px){.stats-row{grid-template-columns:1fr 1fr}.stats-insights{grid-template-columns:1fr}}@media (width<=600px){.streak-card{flex-direction:column;align-items:flex-start;gap:34px;padding:28px}.streak-ring{flex-basis:150px;align-self:center;width:150px;height:150px}.streak-ring:before{width:116px;height:116px}.stats-row{grid-template-columns:1fr 1fr}}.profile-page{max-width:1080px}.profile-notice{border:1px solid rgb(var(--accent-rgb) / .2);background:rgb(var(--accent-rgb) / .07);color:var(--green);border-radius:15px;margin-bottom:14px;padding:13px 16px;font-size:12px}.profile-loading-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:28px;align-content:center;place-items:center;gap:12px;min-height:330px;display:grid}.profile-loading-card span{color:var(--muted);font-size:12px}.profile-loading-pulse{border:1px solid rgb(var(--accent-rgb) / .22);background:rgb(var(--accent-rgb) / .1);border-radius:18px;width:54px;height:54px;margin-bottom:8px;animation:1.2s ease-in-out infinite profile-pulse}@keyframes profile-pulse{50%{box-shadow:0 0 35px rgb(var(--accent-rgb) / .18);transform:scale(1.08)}}.profile-hero{border:1px solid rgb(var(--accent-rgb) / .2);background:radial-gradient(circle at 80% 0%, rgb(var(--accent-rgb) / .1), transparent 22rem), linear-gradient(135deg, rgb(var(--accent-rgb) / .11), #101713f0);border-radius:30px;align-items:center;gap:24px;min-height:230px;padding:34px;display:flex;position:relative;overflow:hidden}.profile-avatar{border:2px solid rgb(var(--accent-rgb) / .52);width:120px;height:120px;box-shadow:0 25px 60px #00000059, 0 0 28px rgb(var(--accent-rgb) / .16);border-radius:30px;flex:0 0 120px;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-identity h1{letter-spacing:-.045em;margin:0;font-size:clamp(42px,6vw,68px);line-height:.95}.profile-identity p{color:#a9b6af;margin:12px 0 0}.profile-verified{border:1px solid rgb(var(--accent-rgb) / .2);background:rgb(var(--accent-rgb) / .08);color:var(--green);border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:30px;right:30px}.profile-grid{grid-template-columns:1.35fr repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.profile-grid article{border:1px solid var(--border);background:var(--surface);border-radius:22px;min-height:170px;padding:22px;transition:all .18s}.profile-grid article:hover{border-color:var(--border-strong);transform:translateY(-4px)}.profile-grid svg{color:var(--green)}.profile-grid span,.profile-grid strong,.profile-grid small{display:block}.profile-grid article>span:not(.profile-card-icon){color:var(--muted);margin-top:28px;font-size:11px}.profile-grid strong{margin-top:7px;font-size:25px}.profile-grid small{color:#7f8e86;margin-top:8px;font-size:10px}.profile-main-card{background:linear-gradient(145deg, rgb(var(--accent-rgb) / .12), var(--surface))!important}.profile-card-icon{background:rgb(var(--accent-rgb) / .1);border-radius:14px;place-items:center;width:42px;height:42px;display:grid!important}.profile-activity{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.profile-activity>div{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:22px}.profile-activity span{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.profile-activity span svg{color:var(--green)}.profile-activity strong{margin-top:10px;font-size:15px;display:block}@media (width<=900px){.profile-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.profile-hero{flex-direction:column;align-items:flex-start}.profile-verified{position:static}.profile-grid,.profile-activity{grid-template-columns:1fr}}.admin-page{width:min(1180px,100%);margin:auto}.admin-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:34px;display:flex}.admin-search{border:1px solid var(--border);background:var(--surface);width:min(330px,100%);height:50px;color:var(--muted);border-radius:15px;flex:none;align-items:center;gap:10px;padding:0 15px;display:flex}.admin-search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.admin-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.admin-summary article{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:20px}.admin-summary svg{color:var(--green)}.admin-summary span,.admin-summary strong{display:block}.admin-summary span{color:var(--muted);margin-top:18px;font-size:12px}.admin-summary strong{margin-top:5px;font-size:28px}.admin-users{flex-direction:column;gap:10px;display:flex}.admin-user-card{border:1px solid var(--border);background:var(--surface);border-radius:20px;grid-template-columns:52px minmax(170px,1fr) minmax(420px,1.7fr) auto;align-items:center;gap:16px;padding:16px;transition:all .18s;display:grid}.admin-user-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.admin-user-card.blocked{background:linear-gradient(90deg, #ff7f7f0e, transparent 34%), var(--surface);border-color:#ff7f7f38}.admin-user-avatar-link,.admin-user-main a,.admin-user-data{color:inherit;text-decoration:none}.admin-avatar{border:1px solid rgb(var(--accent-rgb) / .22);background:rgb(var(--accent-rgb) / .1);width:52px;height:52px;color:var(--green);border-radius:16px;place-items:center;font-size:20px;font-weight:800;display:grid;overflow:hidden}.admin-avatar img{object-fit:cover;width:100%;height:100%}.admin-avatar.large{border-radius:22px;width:78px;height:78px;font-size:30px}.admin-user-main strong,.admin-user-main span{display:block}.admin-user-main span{color:var(--muted);margin-top:5px;font-size:12px}.admin-user-main a{align-items:center;gap:5px;display:inline-flex}.admin-user-main a:hover{color:var(--green)}.admin-user-main em,.admin-status{width:fit-content;color:var(--danger);text-transform:uppercase;background:#ff7f7f17;border:1px solid #ff7f7f47;border-radius:999px;margin-top:8px;padding:4px 8px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.admin-block-reason{color:#ffb3b3;max-width:280px;margin-top:7px;font-size:11px;line-height:1.45;display:block}.admin-block-reason.detail{max-width:520px}.admin-user-data{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.admin-user-data>span{color:var(--muted);font-size:10px}.admin-user-data strong{color:#e9efec;text-overflow:ellipsis;margin-top:5px;font-size:11px;display:block;overflow:hidden}.admin-user-actions,.user-detail-actions{align-items:center;gap:8px;display:flex}.admin-user-actions{justify-content:flex-end}.admin-action-btn{border:1px solid var(--border);min-width:118px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:800;transition:all .16s;display:inline-flex}.admin-action-btn:disabled{opacity:.55;cursor:wait}.admin-action-btn.block{color:var(--danger);border-color:#ff7f7f3d}.admin-action-btn.unblock{border-color:rgb(var(--accent-rgb) / .24);color:var(--green)}.admin-action-btn.delete{min-width:92px;color:var(--danger);border-color:#ff7f7f33}.admin-action-btn:hover:not(:disabled){transform:translateY(-2px)}.admin-action-btn.block:hover:not(:disabled),.admin-action-btn.delete:hover:not(:disabled){background:#ff7f7f14}.admin-action-btn.unblock:hover:not(:disabled){background:rgb(var(--accent-rgb) / .08)}.admin-modal-overlay{z-index:150;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030604c7;place-items:center;padding:20px;animation:.16s overlay-in;display:grid;position:fixed;inset:0}.admin-modal{border:1px solid var(--border);background:radial-gradient(circle at 92% 0%, rgb(var(--accent-rgb) / .12), transparent 16rem), #111713;border-radius:28px;width:min(520px,100%);padding:30px;animation:.18s modal-in;position:relative;overflow:hidden;box-shadow:0 40px 120px #00000094}.admin-modal-close{border:1px solid var(--border);width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;place-items:center;display:grid;position:absolute;top:18px;right:18px}.admin-modal-icon{border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.admin-modal-icon.block,.admin-modal-icon.delete{color:var(--danger);background:#ff7f7f1a;border:1px solid #ff7f7f38}.admin-modal-kicker{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800;display:block}.admin-modal h2{letter-spacing:-.04em;margin:9px 0 0;font-size:34px;line-height:1}.admin-modal p{color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.65}.admin-modal-field{margin-top:22px;display:block}.admin-modal-field span{color:#b3beb8;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.admin-modal-field textarea{resize:vertical;border:1px solid var(--border);width:100%;min-height:112px;color:var(--text);background:#ffffff09;border-radius:16px;outline:none;padding:14px;line-height:1.5}.admin-modal-field textarea:focus{border-color:rgb(var(--accent-rgb) / .45);box-shadow:0 0 0 4px rgb(var(--accent-rgb) / .07)}.admin-modal-error{color:#ffb3b3;background:#ff7f7f14;border:1px solid #ff7f7f3d;border-radius:14px;margin-top:18px;padding:12px 14px;font-size:12px;line-height:1.45}.admin-modal-actions{gap:10px;margin-top:26px;display:flex}.admin-modal-cancel,.admin-modal-confirm{border:1px solid var(--border);cursor:pointer;border-radius:15px;flex:1;height:50px;font-size:13px;font-weight:800;transition:all .17s}.admin-modal-cancel{color:var(--muted);background:0 0}.admin-modal-confirm.block,.admin-modal-confirm.delete{color:#fff;background:#e86161;border-color:#0000}.admin-modal-confirm:disabled{opacity:.45;cursor:not-allowed}.admin-modal-cancel:hover:not(:disabled),.admin-modal-confirm:hover:not(:disabled){transform:translateY(-2px)}.admin-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:32px;font-size:13px;text-decoration:none;display:inline-flex}.user-details-header{align-items:center;gap:18px;margin-bottom:30px;display:flex}.user-details-header.blocked{background:#ff7f7f0a;border:1px solid #ff7f7f38;border-radius:24px;padding:18px}.user-details-header h1{letter-spacing:-.04em;margin:0;font-size:clamp(38px,5vw,64px)}.user-details-header p{color:var(--muted);margin:7px 0 0}.user-details-header p a{color:var(--muted);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.user-details-header p a:hover{color:var(--green)}.user-detail-actions{margin-left:auto}.user-details-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.user-details-grid article,.device-card,.admin-habits article{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:20px}.user-details-grid svg,.device-card svg,.admin-habits svg{color:var(--green)}.user-details-grid span,.user-details-grid strong{display:block}.user-details-grid span{color:var(--muted);margin-top:18px;font-size:11px}.user-details-grid strong{overflow-wrap:anywhere;margin-top:6px;font-size:14px}.device-card{align-items:flex-start;gap:14px;margin-top:12px;display:flex}.device-card span,.device-card strong{display:block}.device-card span{color:var(--muted);font-size:11px}.device-card strong{overflow-wrap:anywhere;margin-top:7px;font-size:12px;line-height:1.6}.admin-section-title{justify-content:space-between;align-items:flex-end;margin:44px 0 18px;display:flex}.admin-section-title h2{margin:0;font-size:28px}.admin-section-title>span{border:1px solid var(--border);width:36px;height:36px;color:var(--muted);border-radius:12px;place-items:center;display:grid}.admin-habits{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.admin-habits strong,.admin-habits span{display:block}.admin-habits strong{margin-top:18px}.admin-habits span{color:var(--muted);margin-top:6px;font-size:12px}@media (width<=1050px){.admin-user-card{grid-template-columns:52px 1fr auto}.admin-user-data{grid-column:1/-1}.admin-user-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=760px){.admin-header{flex-direction:column;align-items:stretch}.admin-search{width:100%}.admin-summary,.user-details-grid{grid-template-columns:1fr}.user-details-header{flex-direction:column;align-items:flex-start}.user-detail-actions{width:100%;margin-left:0}.admin-user-data{grid-template-columns:1fr 1fr}.admin-user-actions,.user-detail-actions{flex-direction:column;align-items:stretch}.admin-action-btn{width:100%}}:root{color:#f5f7f6;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#090d0b;--surface:#121815d1;--surface-strong:#121915;--surface-soft:#ffffff0b;--border:#ffffff17;--border-strong:#79ffaf40;--text:#f5f7f6;--muted:#91a098;--green:#69e89c;--green-strong:#36d477;--green-dark:#092a18;--accent-rgb:105 232 156;--danger:#ff7f7f;--warning:#f4cb69;--shadow:0 24px 80px #00000047;background:#090d0b;font-family:Segoe UI,Arial Nova,Arial,sans-serif}:root[data-theme=red]{--accent-rgb:255 107 107;--border-strong:#ff6b6b4d;--green:#ff6b6b;--green-strong:#ef4444;--green-dark:#2c0c0c}:root[data-theme=orange]{--accent-rgb:255 159 67;--border-strong:#ff9f434d;--green:#ff9f43;--green-strong:#f97316;--green-dark:#2d1608}:root[data-theme=yellow]{--accent-rgb:247 209 84;--border-strong:#f7d1544d;--green:#f7d154;--green-strong:#eab308;--green-dark:#271f07}:root[data-theme=blue]{--accent-rgb:95 168 255;--border-strong:#5fa8ff4d;--green:#5fa8ff;--green-strong:#3b82f6;--green-dark:#081a33}:root[data-theme=indigo]{--accent-rgb:143 140 255;--border-strong:#8f8cff52;--green:#8f8cff;--green-strong:#6366f1;--green-dark:#111136}:root[data-theme=violet]{--accent-rgb:215 119 255;--border-strong:#d777ff52;--green:#d777ff;--green-strong:#a855f7;--green-dark:#24102f}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(circle at 78% 2%, rgb(var(--accent-rgb) / .12), transparent 25rem), radial-gradient(circle at 15% 90%, rgb(var(--accent-rgb) / .07), transparent 28rem), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-size:16px;font-weight:400;line-height:1.5}.duration-lines{flex-direction:column;align-items:flex-start;gap:.04em;display:flex}.duration-lines span{display:block}#root{background:0 0;min-height:100vh}.route-stage{transform-origin:50% 46%;min-height:100vh;animation:.44s cubic-bezier(.16,1,.3,1) both route-enter}body.app-is-leaving .route-stage{pointer-events:none;animation:.26s cubic-bezier(.55,0,.45,1) both route-leave}button,input,textarea,select{font:inherit}h1,h2,h3,strong,button{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Arial Nova,Segoe UI,Arial,sans-serif;font-weight:700}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:3px}::selection{color:#06140c;background:var(--green)}.layout{min-height:100vh;display:flex}.page-content,.dashboard{flex:1;min-width:0;padding:48px clamp(28px,5vw,72px)}.page-content>div,.dashboard>*{width:min(1180px,100%);margin-inline:auto}.page-content>div{animation:.52s cubic-bezier(.16,1,.3,1) page-arrive}.page-kicker{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800;display:block}.page-title{letter-spacing:-.035em;margin:0;font-size:clamp(42px,6vw,72px);line-height:.98}.page-description{color:#aebbb4;max-width:610px;margin-top:18px;font-size:17px;line-height:1.7}.empty-state{min-height:280px;color:var(--muted);text-align:center;background:#ffffff06;border:1px dashed #ffffff21;border-radius:28px;place-items:center;padding:40px;display:grid}.loading-state{color:var(--muted);padding:32px 0}@keyframes page-arrive{0%{opacity:0;filter:blur(5px);transform:translateY(14px)}}@keyframes route-enter{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes route-leave{to{opacity:0;filter:blur(7px);transform:translateY(-12px)scale(.99)}}@keyframes content-rise{0%{opacity:0;transform:translateY(16px)}}.app-toast{z-index:200;border:1px solid rgb(var(--accent-rgb) / .24);color:#eaf2ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1712f2;border-radius:18px;grid-template-columns:38px 1fr 30px;align-items:center;gap:10px;min-width:300px;max-width:420px;padding:12px;font-size:13px;animation:.36s cubic-bezier(.2,.9,.2,1) toast-in;display:grid;position:fixed;bottom:28px;right:28px;box-shadow:0 24px 70px #00000070}.toast-icon{background:rgb(var(--accent-rgb) / .1);width:38px;height:38px;color:var(--green);border-radius:12px;place-items:center;display:grid}.app-toast button{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(18px)scale(.96)}}@media (width<=820px){.layout{display:block}.page-content,.dashboard{padding:32px 20px 112px}.app-toast{min-width:0;bottom:100px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=820px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{font-size:15px}.page-content,.dashboard{width:100%;padding:28px 16px calc(104px + env(safe-area-inset-bottom))}.page-title,.dashboard-hero h1,.profile-identity h1,.user-details-header h1{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(34px,12vw,48px);line-height:1}.page-description,.dashboard-hero p{margin-top:14px;font-size:14px;line-height:1.55}.empty-state{border-radius:22px;min-height:210px;padding:28px 18px}.sidebar{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border-radius:20px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:6px;height:72px;padding:8px;display:grid;left:10px}.sidebar-main{min-width:0}.sidebar-nav{scrollbar-width:none;scroll-snap-type:x proximity;gap:4px;display:flex;overflow:auto hidden}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav .nav-item:nth-child(n+6),.logout-btn{display:inline-flex}.nav-item{scroll-snap-align:start;white-space:nowrap;flex:0 0 64px;width:64px;height:54px}.nav-item svg{flex:none}.nav-item span{text-overflow:ellipsis;max-width:58px;overflow:hidden}.logout-btn{border-radius:15px;justify-content:center;width:44px;height:54px;padding:0}.logout-btn span{display:none}.app-toast{bottom:calc(94px + env(safe-area-inset-bottom))}}@media (width<=700px){.dashboard-hero,.habits-header,.history-header,.admin-header{gap:18px;margin-bottom:22px}.dashboard-hero{padding:4px 0 26px}.dashboard-hero-actions,.modal-actions,.delete-actions,.admin-modal-actions{flex-direction:column;align-items:stretch}.donate-button,.add-btn,.cancel-btn,.create-btn,.confirm-delete-btn,.admin-modal-cancel,.admin-modal-confirm{width:100%;min-width:0}.overview-grid,.habits-overview,.history-summary,.stats-row,.stats-insights,.profile-grid,.profile-activity,.admin-summary,.user-details-grid{grid-template-columns:1fr;gap:10px}.overview-card,.overview-message,.habits-overview article,.history-summary article,.metric-card,.profile-grid article,.admin-summary article{border-radius:18px;min-height:104px;padding:18px}.overview-message p{max-width:none;margin-right:44px;font-size:15px}.cards-grid,.habits-grid,.admin-habits{grid-template-columns:minmax(0,1fr);gap:12px}.habit-card,.habit-box,.goal-card-modern,.profile-hero,.timeline-card,.admin-user-card,.device-card{border-radius:20px}.habit-card,.habit-box{min-height:0;padding:20px}.habit-card-head{gap:12px}.habit-card h3,.habit-box h2{min-height:0;font-size:21px}.habit-progress{margin-top:26px}.habit-duration,.habit-duration-big{letter-spacing:-.015em;font-size:clamp(25px,9vw,36px);line-height:1.08}.habit-meta-grid,.habit-stats{grid-template-columns:1fr}.habit-actions{align-items:stretch}.relapse-btn{min-width:0;padding-inline:10px}.history-library{grid-template-columns:1fr;gap:14px}.history-folders{scrollbar-width:none;grid-auto-columns:minmax(190px,78vw);grid-auto-flow:column;max-height:none;padding-bottom:4px;display:grid;position:static;overflow:auto hidden}.history-folders::-webkit-scrollbar{display:none}.history-folder{min-height:62px}.timeline{gap:10px}.timeline:before{left:24px}.timeline-card{grid-template-columns:48px minmax(0,1fr);gap:12px;min-height:0;padding:14px}.timeline-icon{border-radius:14px;width:42px;height:42px}.event-title{overflow-wrap:anywhere;font-size:18px}.event-date{white-space:normal;grid-column:2;justify-self:start}.streak-card{border-radius:22px;min-height:0;padding:24px 18px}.streak-duration{letter-spacing:-.02em;font-size:clamp(34px,12vw,48px);line-height:1.02}.streak-ring{flex-basis:132px;width:132px;height:132px}.streak-ring:before{width:102px;height:102px}.streak-ring strong{font-size:28px}.goal-card-modern{grid-template-columns:1fr;gap:12px;padding:20px}.goal-card-modern>strong{font-size:22px}.stats-insights article,.insight-link{grid-template-columns:42px minmax(0,1fr) 18px;padding:16px}.insight-icon{border-radius:14px;width:42px;height:42px}.profile-hero{min-height:0;padding:24px 20px}.profile-avatar{border-radius:24px;flex-basis:92px;width:92px;height:92px}.profile-verified{white-space:normal;max-width:100%}.admin-user-card{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px}.admin-avatar{border-radius:14px;width:44px;height:44px}.admin-user-main,.admin-user-data,.admin-user-actions{grid-column:1/-1;min-width:0}.admin-user-data{grid-template-columns:1fr}.admin-user-main strong,.admin-user-main span,.admin-user-data strong{overflow-wrap:anywhere;white-space:normal}.admin-section-title{align-items:flex-start;gap:14px}.device-card{grid-template-columns:28px minmax(0,1fr);display:grid}.search-box,.admin-search{flex:0 auto;width:100%}}@media (width<=430px){.page-content,.dashboard{padding-inline:14px}.page-kicker,.habit-eyebrow,.habit-box-label,.event-type,.goal-title,.admin-modal-kicker{letter-spacing:.08em}.section-heading{align-items:flex-start;gap:12px}.section-heading h2,.history-folder-head strong,.admin-section-title h2{font-size:24px}.donate-purpose-list{grid-template-columns:1fr}.modal-overlay,.admin-modal-overlay,.donate-modal-backdrop{align-items:end;padding:10px}.habit-modal,.delete-modal,.admin-modal,.donate-modal{border-radius:22px;width:100%;max-height:calc(100dvh - 20px);padding:24px 18px 18px;overflow-y:auto}.modal-title,.delete-modal h2,.admin-modal h2{padding-right:42px;font-size:29px;line-height:1.05}.modal-subtitle,.delete-modal p,.admin-modal p{margin-bottom:20px;font-size:13px}.modal-field input{height:50px}.suggestion-item{flex:auto}.app-toast{grid-template-columns:34px minmax(0,1fr) 30px;gap:8px;padding:10px;font-size:12px}}