:root{color:#24232a;font-synthesis:none;--ink:#24232a;--muted:#8e8b96;--line:#ebe7ed;--paper:#fff;--cream:#fbf9f6;--lilac:#8b70e8;--lilac-soft:#eee8ff;--pink:#eab7cb;--pink-soft:#fae9f0;--peach:#f5d3b6;--peach-soft:#fff0e4;--mint:#cfe5d5;--mint-soft:#edf7ef;--blue:#cbdff0;--blue-soft:#edf5fb;--yellow:#f3e0a9;--shadow:0 12px 35px #372d4612;background:#f7f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{background:#f7f5f7;min-height:100%;margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}.loading-screen{min-height:100vh;color:var(--muted);background:linear-gradient(145deg,#faf8fb,#f4f1f8);place-items:center;gap:8px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-wrap{background:radial-gradient(circle at 20% 20%,#eee8ff 0,#0000 32%),radial-gradient(circle at 85% 80%,#fae5ed 0,#0000 30%),#f8f6f8;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #eee8ef;border-radius:34px;width:min(440px,100%);padding:36px;box-shadow:0 25px 70px #5041641a}.brand-mark,.logo,.mobile-logo{letter-spacing:-.07em;font-weight:900}.brand-mark{font-size:31px}.brand-mark span,.logo span,.mobile-logo span{color:var(--lilac)}.eyebrow,.sidebar-label{text-transform:uppercase;letter-spacing:.14em;color:#aaa5b0;font-size:10px}.auth-card h1{letter-spacing:-.05em;margin:8px 0 10px;font-size:35px;line-height:1.04}.auth-card>p:not(.eyebrow){color:#77737d;margin-bottom:25px;line-height:1.55}label{color:#77727e;gap:7px;margin-bottom:14px;font-size:12px;display:grid}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #e6e1e8;border-radius:16px;outline:none;padding:12px 14px;transition:all .18s}textarea{resize:vertical;min-height:130px}input:focus,select:focus,textarea:focus{border-color:#b7a5ef;box-shadow:0 0 0 4px #8b70e81c}.full{width:100%}.primary,.ghost,.icon-button,.text-button{border:0}.primary{color:#fff;background:#29272e;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 7px 18px #28262e1f}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #28262e29}.primary.small{padding:9px 12px;font-size:12px}.ghost{color:#4d4853;background:#f0edf3;border-radius:15px;align-items:center;gap:7px;padding:11px 14px;display:inline-flex}.icon-button{color:#fff;background:#29272e;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-button.soft{color:#5f5968;background:#eeeaf5}.link-button{color:#8063d2;background:0 0;border:0;width:100%;margin-top:13px}.error-box,.error-banner{color:#a34e5c;background:#fff0f1;border:1px solid #f1cbd2;border-radius:15px;margin:10px 0;padding:10px 12px;font-size:13px}.error-banner{justify-content:space-between;align-items:center;display:flex}.error-banner button{color:inherit;background:0 0;border:0}.app-shell{background:radial-gradient(circle at 82% 12%,#e5d7ff6b,#0000 28%),radial-gradient(circle at 65% 85%,#f9e0e94d,#0000 28%),#f7f5f7;grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border-right:1px solid #ece8ee;flex-direction:column;gap:18px;height:100vh;padding:27px 17px;display:flex;position:sticky;top:0}.logo{padding:0 13px 18px;font-size:30px}.sidebar-label{color:#aaa4ae;padding:4px 13px}.side-button{color:#85808c;text-align:left;background:0 0;border:0;border-radius:17px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-size:13px;transition:all .18s;display:flex}.side-button svg{width:18px;height:18px}.side-button:hover{color:#514b58;background:#f5f2f8}.side-button.active{color:#55428c;background:linear-gradient(135deg,#f0eaff,#f8eaf1);box-shadow:0 4px 13px #735ba014}.sidebar-bottom{gap:4px;margin-top:auto;display:grid}.main{min-width:0}.topbar{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f5f7d1;border-bottom:1px solid #e8e3ebe6;align-items:center;gap:18px;height:78px;padding:0 34px;display:flex;position:sticky;top:0}.mobile-logo{display:none}.search{background:#fff;border:1px solid #eee9ef;border-radius:18px;flex:1;align-items:center;gap:10px;max-width:660px;padding:0 14px;display:flex;box-shadow:0 5px 20px #46375009}.search svg{color:#a39ca8}.search input{background:0 0;border:0;padding:12px 0}.search input:focus{box-shadow:none}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.avatar{color:#554266;background:linear-gradient(145deg,#d8c8ff,#f2c8d9);border:3px solid #fff;border-radius:50%;place-items:center;width:39px;height:39px;font-weight:800;display:grid}.content{max-width:1500px;margin:0 auto;padding:34px}.welcome,.page-head,.calendar-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.welcome h1,.page-head h1,.calendar-toolbar h1{letter-spacing:-.06em;margin:5px 0 7px;font-size:42px}.welcome p,.page-head p{color:#8a8590;margin:0}.hero-actions{gap:9px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:19px;display:grid}.stat-card{min-height:132px;box-shadow:var(--shadow);border:1px solid #fffc;border-radius:26px;padding:19px;position:relative;overflow:hidden}.stat-card:after{content:"";background:#ffffff40;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-35px;right:-28px}.stat-card.pink{background:linear-gradient(145deg,#f8dce7,#f3c9db)}.stat-card.lavender{background:linear-gradient(145deg,#eee8ff,#dfd2fa)}.stat-card.yellow{background:linear-gradient(145deg,#faefc9,#f2dfab)}.stat-card.sage{background:linear-gradient(145deg,#e2f0e4,#cde5d4)}.stat-top{color:#68616d;justify-content:space-between;font-size:12px;display:flex}.stat-top svg{width:18px}.stat-card strong{letter-spacing:-.05em;margin-top:25px;font-size:36px;line-height:1;display:block}.home-grid{grid-template-columns:1.35fr .85fr;gap:17px;display:grid}.panel{box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #ece7ee;border-radius:27px;padding:21px}.panel.wide{grid-column:1/-1}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-title h2{letter-spacing:-.035em;margin:0;font-size:20px}.section-title p{color:#aaa4ad;margin:3px 0 0;font-size:12px}.text-button{color:#8569d0;background:0 0;font-size:12px}.timeline,.habit-list{gap:9px;display:grid}.task-line,.task-row-large{border-top:1px solid #f0edf2;align-items:center;gap:12px;padding:13px 6px;display:flex}.task-line:first-child,.task-row-large:first-child{border-top:0}.task-copy{flex:1;min-width:0}.task-copy b{font-size:14px;line-height:1.3;display:block}.task-copy small{color:#a19ba5;margin-top:4px;font-size:11px;display:block}.task-time{color:#96909a;font-size:12px}.check{color:#fff;background:#fff;border:1.5px solid #d1cbd4;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.check.checked{background:#8f79dc;border-color:#8f79dc}.upcoming{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.up-day{background:#f7f4f8;border:1px solid #eeeaf0;border-radius:18px;padding:14px}.up-day b{text-transform:capitalize;color:#948d99;font-size:12px;display:block}.up-day span{margin-top:7px;font-size:14px;display:block}.habit-mini{align-items:center;gap:11px;padding:9px 2px;display:flex}.habit-icon{border-radius:16px;flex:none;place-items:center;width:45px;height:45px;display:grid}.habit-icon.pink{color:#b45e83;background:#f9dce8}.habit-icon.lavender{color:#765bb5;background:#e5dcfa}.habit-icon.blue{color:#5982a2;background:#d9e9f6}.habit-icon.sage{color:#648d69;background:#dceede}.habit-icon.peach{color:#ae7654;background:#fae0cd}.habit-icon.yellow{color:#9b7b31;background:#f8e9bb}.habit-copy{flex:1;min-width:0}.habit-copy b{font-size:14px;display:block}.habit-copy small{color:#99939e;margin-top:3px;font-size:11px;display:block}.progress{background:#eeeaf1;border-radius:10px;height:6px;margin:7px 0;overflow:hidden}.progress i{background:linear-gradient(90deg,#aa8fe8,#e4aeca);border-radius:10px;height:100%;display:block}.round-done{color:#fff;background:#fff;border:1.5px solid #d7d1db;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.round-done.done{background:#89ad91;border-color:#89ad91}.add-progress{color:#625b68;background:#f0edf4;border:0;border-radius:50%;width:32px;height:32px;font-size:18px}.page-head{align-items:center}.page-head h1{margin-bottom:4px}.task-panel{padding:8px 18px}.task-row-large{min-height:66px}.priority{color:#756e79;background:#f0edf2;border-radius:10px;padding:6px 9px;font-size:10px}.priority.high{color:#a35370;background:#fae0e8}.priority.low{color:#587a5c;background:#dff0df}.more{color:#99929d;background:0 0;border:0}.habit-summary{color:#fff9fd;background:linear-gradient(135deg,#4c416b,#705b9c);border-radius:29px;justify-content:space-between;align-items:center;margin-bottom:17px;padding:25px 29px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #5b467d29}.habit-summary:after{content:"";background:#ffffff12;border-radius:50%;width:190px;height:190px;position:absolute;top:-85px;right:-65px}.habit-summary span{opacity:.78;font-size:12px}.habit-summary strong{letter-spacing:-.05em;margin:7px 0;font-size:45px;line-height:1.05;display:block}.habit-summary small{opacity:.78}.circle-progress{background:conic-gradient(#f1b7d0 var(--p),#ffffff24 0);border-radius:50%;place-items:center;width:92px;height:92px;font-size:20px;font-weight:800;display:grid;position:relative}.circle-progress:after{content:"";background:#55486f;border-radius:50%;width:68px;height:68px;position:absolute}.habit-card{background:#ffffffeb;border:1px solid #ece7ee;border-radius:24px;align-items:center;gap:13px;padding:15px;display:flex;box-shadow:0 6px 20px #3c32460b}.habit-icon.big{width:56px;height:56px}.habit-card .habit-copy{max-width:650px}.edit-round{color:#665e6d;background:#f0edf3;border:0;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.calendar-toolbar{align-items:center}.calendar-toolbar h1{text-transform:capitalize}.view-switch{background:#eeebf1;border-radius:15px;padding:4px;display:flex}.view-switch button{color:#79727f;background:0 0;border:0;border-radius:11px;padding:8px 13px}.view-switch button.active{color:#312d35;background:#fff;box-shadow:0 3px 10px #32283c14}.calendar-nav{align-items:center;gap:7px;display:flex}.today-btn{background:#fff;border:1px solid #e9e4eb;border-radius:13px;padding:9px 12px}.timeline-calendar{box-shadow:var(--shadow);background:#ffffffe0;border:1px solid #ebe6ed;border-radius:27px;overflow:auto}.timeline-days{grid-template-columns:repeat(7,minmax(150px,1fr));min-width:1050px;display:grid}.day-column{border-right:1px solid #f0edf2}.day-column:last-child{border-right:0}.day-header{text-align:center;border-bottom:1px solid #eeeaf0;height:68px;padding:11px}.day-header span{text-transform:capitalize;color:#9b95a0;font-size:11px;display:block}.day-header b{border-radius:50%;place-items:center;width:35px;height:35px;margin-top:3px;font-size:18px;display:inline-grid}.day-column.today .day-header b{color:#6549a7;background:#e9ddff}.day-events{position:relative}.hour-slot{border-bottom:1px solid #f2eef3;height:61px;padding:6px 6px 6px 48px;position:relative}.hour-slot>span{color:#aaa4ad;font-size:9px;position:absolute;top:7px;left:7px}.calendar-event{z-index:1;background:linear-gradient(135deg,#f5e7ee,#eee7fb);border-left:3px solid #c89dbb;border-radius:12px;margin-top:-1px;padding:7px 8px;position:relative;box-shadow:0 3px 9px #4637550d}.calendar-event b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.calendar-event small{color:#8b7484;font-size:9px}.month-wrap{box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #ebe6ed;border-radius:27px;padding:15px;overflow:auto}.weekday-row,.month-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:7px;min-width:850px;display:grid}.weekday-row{margin-bottom:7px}.weekday-row span{text-align:center;color:#9c96a1;font-size:11px}.month-grid{grid-auto-rows:minmax(105px,1fr)}.month-cell{background:#fff;border:1px solid #eeeaf0;border-radius:16px;padding:9px}.month-cell.today{background:#fbf9ff;box-shadow:inset 0 0 0 2px #c7b2f2}.month-cell>b{color:#77717c;font-size:11px}.month-event{white-space:nowrap;text-overflow:ellipsis;background:#f3e7ee;border-radius:9px;margin-top:6px;padding:6px 7px;font-size:9px;overflow:hidden}.calendar-note{color:#928b97;background:0 0;border:0;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:flex}.project-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.project-card{background:#ffffffe6;border:1px solid #ece7ee;border-radius:24px;gap:12px;padding:19px;display:flex;box-shadow:0 7px 22px #3c32460b}.project-dot{border-radius:50%;flex:none;width:14px;height:14px;margin-top:4px}.project-dot.pink{background:#e9abc4}.project-dot.lavender{background:#c5b1ec}.project-dot.blue{background:#a9cbe4}.project-dot.sage{background:#abcfae}.project-dot.yellow{background:#e8d084}.project-card h3{margin:0 0 6px}.project-card p{color:#958e99;margin:0;font-size:12px}.capture-card{box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #ece7ee;border-radius:27px;padding:27px}.capture-card h1{margin:5px 0 8px}.capture-card>p{color:#8f8993}.capture-actions{justify-content:flex-end;margin-top:10px;display:flex}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#372d4142;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff;border:1px solid #eee9f0;border-radius:29px;width:min(560px,100%);max-height:calc(100dvh - 36px);padding:21px;overflow-y:auto;box-shadow:0 30px 90px #32283c33}.modal-head{z-index:2;background:#fff;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;display:flex;position:sticky;top:-21px}.modal-head h2{letter-spacing:-.04em;margin:0;font-size:22px}.recurrence-box{background:linear-gradient(135deg,#f5f0ff,#fbf0f5);border:1px solid #eee7f5;border-radius:19px;margin-bottom:14px;padding:14px}.switch-row{background:#f5f1f7;border-radius:14px;align-items:center;gap:8px;padding:11px;display:flex}.switch-row input{width:17px;height:17px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mobile-nav{display:none}@media (width<=1050px){.app-shell{grid-template-columns:82px 1fr}.logo,.sidebar-label,.side-button span{display:none}.side-button{justify-content:center}.home-grid{grid-template-columns:1fr}.stats-grid,.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.app-shell{background:radial-gradient(circle at 15% 10%,#e9ddffa6,#0000 28%),radial-gradient(circle at 95% 80%,#fae0ea8c,#0000 30%),#f8f6f8;display:block}.sidebar{display:none}.mobile-logo{font-size:25px;display:block}.topbar{background:#f8f6f8db;height:67px;padding:0 15px}.content{padding:20px 14px 105px}.welcome,.page-head,.calendar-toolbar{flex-direction:column;align-items:flex-start;margin-bottom:20px}.welcome h1,.page-head h1,.calendar-toolbar h1{font-size:32px}.hero-actions{width:100%}.hero-actions button{flex:1}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{border-radius:21px;min-height:105px;padding:14px}.stat-card strong{margin-top:20px;font-size:28px}.home-grid{grid-template-columns:1fr;gap:12px}.panel{border-radius:24px;padding:17px}.upcoming,.project-grid{grid-template-columns:1fr}.page-head .primary{width:100%}.habit-summary{border-radius:25px;padding:21px}.habit-summary strong{font-size:38px}.circle-progress{width:76px;height:76px}.circle-progress:after{width:56px;height:56px}.habit-card{border-radius:22px;flex-wrap:wrap;align-items:flex-start;padding:14px}.habit-card .habit-copy{min-width:calc(100% - 74px)}.habit-card .primary{margin-left:68px}.view-switch{order:3;width:100%}.view-switch button{flex:1}.calendar-nav{margin-top:-8px;position:absolute;right:14px}.timeline-calendar{border-radius:22px}.timeline-days{grid-template-columns:1fr;min-width:0}.day-column{border-bottom:1px solid #eeeaf0;border-right:0}.day-column:not(:first-child){display:none}.month-wrap{border-radius:22px}.weekday-row,.month-grid{min-width:720px}.mobile-nav{z-index:15;color:#8d8792;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #eee9ef;border-radius:24px;grid-template-columns:repeat(5,1fr);padding:7px;display:grid;position:fixed;bottom:10px;left:10px;right:10px;box-shadow:0 15px 35px #3c324624}.mobile-nav button{color:inherit;background:0 0;border:0;border-radius:16px;place-items:center;gap:3px;padding:7px 2px;font-size:9px;display:grid}.mobile-nav button svg{width:19px;height:19px}.mobile-nav button.active{color:#7355ba;background:#f0e9ff}.mobile-nav button:last-child{color:#fff;background:#29272e;border-radius:18px}.form-grid{grid-template-columns:1fr}.modal-backdrop{align-items:start;padding:10px}.modal{border-radius:25px;width:100%;max-height:calc(100dvh - 20px);padding:18px}.modal-head{top:-18px}.modal input,.modal select,.modal textarea,.search input{font-size:16px!important}.top-actions .icon-button{width:35px;height:35px}.search{border-radius:17px}.avatar{width:36px;height:36px}.habit-mini{padding:10px 2px}.task-line{padding:13px 3px}.task-time{font-size:11px}}