:root{color:#35405a;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font-family:inherit}.app-shell{max-width:1480px;margin:0 auto;padding:4px 22px 20px}.topbar,.section-heading,.editor-heading,.form-actions,.task-card,.task-meta,.goal-tags,.goal-card>div:first-child{align-items:center;display:flex}.topbar,.section-heading{justify-content:space-between;gap:20px}.topbar{margin-bottom:4px}.topbar h1,.section-heading h2{color:#1b2232;margin:0}.topbar h1{letter-spacing:-.04em;font-size:36px}.eyebrow{color:#687089;letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:12px;font-weight:700}.primary-button,.secondary-button,.danger-button,.text-button,.icon-button,.check-button,.task-content{font:inherit;cursor:pointer}.primary-button{color:#fff;background:#3857d6;border:0;border-radius:10px;padding:11px 16px;font-weight:700}.primary-button:hover{background:#2d48bd}.primary-button span{margin-right:5px;font-size:20px;line-height:0}.secondary-button{color:#34405d;background:#fff;border:1px solid #d5d9e5;border-radius:9px;padding:10px 14px}.danger-button{color:#b4232c;background:0 0;border:0;padding:10px 0}.text-button{color:#3857d6;background:0 0;border:0;padding:8px 0;font-weight:700}.overview{gap:6px;margin-bottom:6px;display:flex}.stat-card{background:#eef2ff;border:1px solid #dde4ff;border-radius:8px;align-items:baseline;gap:6px;padding:4px 8px;display:flex}.stat-card span{color:#55617d;font-size:12px}.stat-card strong{color:#243876;font-size:18px}.workspace{grid-template-columns:minmax(220px,.42fr) minmax(0,2.58fr);align-items:start;gap:14px;display:grid}.task-area,.goals-panel{background:#fff;border:1px solid #e0e4ed;border-radius:12px;padding:14px}.section-heading{margin-bottom:10px}.section-heading h2{letter-spacing:-.025em;font-size:20px}.task-list{gap:10px;display:grid}.task-card{background:#fff;border:1px solid #e1e5ed;border-radius:10px;align-items:flex-start;gap:9px;padding:10px;transition:border-color .15s,box-shadow .15s}.task-card:hover,.task-card.is-active{border-color:#7c91e9;box-shadow:0 3px 14px #273d8b1a}.task-card.is-completed{opacity:.75;background:#f6f8fb}.task-card.is-overdue{background:#fff3f3;border-color:#d94a4a}.task-card.is-overdue .task-content strong,.task-card.is-overdue .task-meta{color:#a12b2b}.task-card.is-completed strong{text-decoration:line-through}.check-button{color:#fff;background:#fff;border:2px solid #a9b2c6;border-radius:50%;flex:0 0 22px;width:22px;height:22px;margin-top:2px;padding:0;font-size:13px;font-weight:800}.is-completed .check-button{background:#3f8c60;border-color:#3f8c60}.task-content{color:inherit;text-align:left;background:0 0;border:0;gap:5px;width:100%;min-width:0;padding:0;display:grid}.task-content strong{color:#242b3c;font-size:16px}.task-description{color:#70798e;line-clamp:1;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.task-meta,.goal-tags{color:#64708a;flex-wrap:wrap;gap:8px 14px;font-size:12px}.goal-tags em{color:#4053a8;background:#eef1ff;border-radius:99px;padding:3px 7px;font-size:11px;font-style:normal}.empty-state{color:#64708a;text-align:center;border:1px dashed #b8c2d9;border-radius:12px;padding:38px 24px}.empty-state h3{color:#263147;margin:10px 0 6px}.empty-state p{max-width:390px;margin:0 auto 18px}.empty-icon{color:#23834b;background:#e4faec;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:inline-flex}.editor-card,.goal-editor{background:#f7f8fc;border:1px solid #d8dfed;border-radius:12px;gap:14px;margin:0 0 18px;padding:18px;display:grid}.editor-heading{justify-content:space-between}.editor-heading h3,.goal-group h3{color:#2b3448;margin:0;font-size:15px}.icon-button{color:#56627c;background:0 0;border:0;font-size:24px;line-height:1}label{color:#49536b;gap:6px;font-size:13px;font-weight:700;display:grid}input,textarea,select{color:#222b3d;font:inherit;box-sizing:border-box;background:#fff;border:1px solid #cbd3e1;border-radius:8px;width:100%;padding:9px 10px;font-size:14px;font-weight:400}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#3857d6;outline:2px solid #3857d624}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-actions{justify-content:flex-end;gap:9px}.form-actions>span{flex:1}.goals-panel{position:sticky;top:20px}.goal-editor{margin-bottom:20px}.goal-group{border-top:1px solid #e8ebf1;padding:18px 0 4px}.goal-group h3{margin-bottom:12px}.goal-card{grid-template-columns:1fr auto;gap:7px 12px;margin-bottom:15px;display:grid}.goal-card>div:first-child{flex-wrap:wrap;align-items:baseline;gap:6px}.goal-card strong{color:#2b3448;font-size:14px}.goal-card span{color:#7a8498;font-size:12px}.goal-card b{color:#3857d6;font-size:13px}.progress-track{background:#e5e8f1;border-radius:99px;grid-column:1/-1;height:6px;overflow:hidden}.progress-track i{border-radius:inherit;background:#4d67d9;height:100%;display:block}.empty-goals{color:#7a8498;margin:0;font-size:14px}.completed-tasks{color:#59647a;margin-top:20px}.completed-tasks summary{cursor:pointer;margin-bottom:10px;font-size:14px;font-weight:700}.completed-tasks .task-card{margin-top:9px}@media (width<=800px){.app-shell{padding:22px 16px 40px}.workspace{grid-template-columns:1fr}.goals-panel{position:static}}@media (width<=520px){.topbar{flex-direction:column;align-items:flex-start}.topbar h1{font-size:32px}.overview{gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:22px}.task-area,.goals-panel{padding:16px}.form-grid{grid-template-columns:1fr}.form-actions{flex-wrap:wrap}.form-actions>span{display:none}}.auth-backdrop{z-index:30;background:#11182773;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.auth-dialog{background:#fff;border:1px solid #d8dfed;border-radius:14px;gap:14px;width:100%;max-width:390px;padding:20px;display:grid;box-shadow:0 18px 45px #0f172a40}.auth-note,.auth-message{color:#59647a;margin:0;font-size:14px;line-height:1.45}.auth-message{color:#344b9d;background:#eef2ff;border-radius:8px;padding:9px 10px}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.auth-tabs button{padding:9px 8px}.auth-form{gap:12px;display:grid}.auth-form small{color:#687089;font-size:11px;font-weight:400}.auth-form .primary-button,.auth-google{width:100%}.auth-divider{border-top:1px solid #e2e6ee;height:1px;margin:2px 0 0;position:relative}.auth-divider span{color:#7a8498;background:#fff;padding:0 8px;font-size:12px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.welcome-page{color:#172035;background:#f7f8ff;min-height:100vh;padding:0 5vw;overflow:hidden}.welcome-header{justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:24px 0;display:flex}.brand{color:#172035;letter-spacing:.12em;align-items:center;gap:9px;font-size:18px;font-weight:850;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;letter-spacing:0;background:#314cc7;border-radius:9px;justify-content:center;align-items:center;width:31px;height:31px;font-family:Georgia,serif;font-size:18px;font-style:italic;display:inline-flex}.welcome-login,.welcome-secondary{color:#273a88;cursor:pointer;font:inherit;background:0 0;border:0;padding:10px;font-weight:750}.welcome-login{border:1px solid #d9dff4;border-radius:9px;padding:9px 17px}.welcome-hero{grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);align-items:center;gap:50px;max-width:1180px;min-height:590px;margin:0 auto;padding:42px 0 68px;display:grid}.hero-kicker{color:#4058c5;letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:800}.hero-copy h1{color:#172035;letter-spacing:-.065em;max-width:670px;margin:0;font-size:clamp(44px,5.4vw,72px);line-height:.98}.hero-description{color:#5c6880;max-width:520px;margin:25px 0 29px;font-size:18px;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.welcome-primary{color:#fff;cursor:pointer;font:inherit;background:#314cc7;border:0;border-radius:11px;padding:14px 20px;font-weight:800;box-shadow:0 12px 24px #314cc733}.welcome-primary span{margin-left:8px;font-size:20px}.welcome-secondary{color:#31478f;border:1px solid #d9dff4;border-radius:11px;padding:13px 17px}.hero-note{color:#8791a7;margin:18px 0 0;font-size:13px}.hero-visual{height:400px;position:relative}.hero-orbit{border:1px solid #6277d62e;border-radius:50%;position:absolute}.orbit-one{width:380px;height:380px;top:10px;right:0}.orbit-two{width:290px;height:290px;top:55px;right:45px}.plan-card,.goal-float,.reminder-float{box-shadow:0 24px 55px #1f317024}.plan-card{z-index:2;background:#fff;border:1px solid #e4e8f6;border-radius:18px;gap:8px;width:315px;padding:19px;display:grid;position:absolute;top:34px;left:10px;transform:rotate(-3deg)}.plan-card-head{color:#7a8499;border-bottom:1px solid #edf0f8;justify-content:space-between;margin-bottom:3px;padding-bottom:12px;font-size:12px;display:flex}.plan-card-head b{color:#26304b}.plan-task{color:#35405a;background:#f8f9fd;border-radius:9px;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.plan-task i{border:1.5px solid #acb5cc;border-radius:50%;width:16px;height:16px}.plan-task.is-done{color:#8e96a7;text-decoration:line-through}.plan-task.is-done i{color:#fff;background:#56a578;border-color:#56a578;justify-content:center;align-items:center;font-size:10px;text-decoration:none;display:inline-flex}.plan-task small{color:#78839a;margin-left:auto;font-size:11px}.goal-float{z-index:3;background:#fff;border-radius:14px;gap:5px;width:204px;padding:15px;display:grid;position:absolute;top:0;right:6px;transform:rotate(5deg)}.goal-float>span,.goal-float small{color:#7b86a0;font-size:11px}.goal-float b{font-size:13px}.goal-float div{gap:3px;margin-top:5px;display:flex}.goal-float i{background:#dce1ed;border-radius:99px;width:27px;height:5px}.goal-float i:nth-child(-n+3){background:#6178dd}.reminder-float{color:#fff;z-index:4;background:#243b9d;border-radius:14px;align-items:center;gap:10px;padding:13px 16px;display:flex;position:absolute;bottom:4px;right:10px;transform:rotate(-2deg)}.reminder-float>span{background:#ffffff29;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.reminder-float b,.reminder-float small{font-size:12px;display:block}.reminder-float small{color:#cad4ff;margin-top:3px;font-size:10px}.benefits{border-top:1px solid #e0e5f2;grid-template-columns:repeat(3,1fr);gap:34px;max-width:1180px;margin:0 auto;padding:42px 0;display:grid}.benefits article{max-width:320px}.benefit-icon{color:#3954c9;background:#e8edff;border-radius:11px;justify-content:center;align-items:center;width:39px;height:39px;font-size:21px;display:inline-flex}.benefits h2{letter-spacing:-.02em;margin:14px 0 7px;font-size:17px}.benefits p{color:#667289;margin:0;font-size:14px;line-height:1.5}.welcome-footer{color:#7b859a;border-top:1px solid #e0e5f2;justify-content:space-between;max-width:1180px;margin:0 auto;padding:20px 0 28px;font-size:12px;display:flex}.welcome-footer button{color:#4057c1;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700}@media (width<=850px){.welcome-hero{grid-template-columns:1fr;min-height:0;padding:60px 0}.hero-visual{width:min(100%,480px);margin:auto}.benefits{grid-template-columns:1fr 1fr}}@media (width<=520px){.welcome-page{padding:0 22px}.welcome-header{padding:18px 0}.welcome-hero{gap:30px;padding:45px 0}.hero-copy h1{font-size:47px}.hero-description{font-size:16px}.hero-visual{transform-origin:0 0;width:114%;height:350px;transform:scale(.88)}.benefits{grid-template-columns:1fr;gap:26px;padding:32px 0}.welcome-footer{padding-bottom:22px}}.auth-account-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.delete-account-form{border-top:1px solid #e2e6ee;padding-top:14px}.delete-account-warning{color:#972b34;background:#fff1f1}.delete-account-form .danger-button{color:#fff;background:#b4232c;border-radius:9px;width:100%;padding:10px 14px;font-weight:700}.delete-account-form .secondary-button{width:100%}
