:root{--ink:#252333;--muted:#777487;--line:#e9e6f1;--surface:rgba(255,255,255,0.88);--violet:#7667e8;--violet-soft:#eeeafd;--shadow:0 18px 52px rgba(52,45,95,0.09);color-scheme:light}*{box-sizing:border-box}html{background:#f8f7fb;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 74% -8%,rgba(220,214,255,.68),transparent 34rem),radial-gradient(circle at 8% 96%,rgba(255,223,226,.42),transparent 30rem),#f8f7fb;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flow-app{min-height:100vh}.desktop-sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:246px;flex-direction:column;border-right:1px solid rgba(230,226,240,.92);background:rgba(250,249,252,.88);padding:26px 20px 22px;backdrop-filter:blur(22px)}.new-brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px}.new-brand>span{display:grid;width:36px;height:36px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#8879f1,#6656d9);box-shadow:0 9px 20px rgba(118,103,232,.26);color:white}.new-brand svg{width:18px}.new-brand small,.new-brand strong{display:block}.new-brand strong{font-size:17px;letter-spacing:-.04em}.new-brand small{margin-top:2px;color:#9994a3;font-size:10px}.area-nav,.primary-nav{display:grid;gap:5px}.area-nav button,.primary-nav button{display:flex;width:100%;align-items:center;gap:11px;border:0;border-radius:13px;background:transparent;padding:11px 12px;color:#706c7c;cursor:pointer;text-align:left}.primary-nav button svg{width:18px}.area-nav button.active,.area-nav button:hover,.primary-nav button.active,.primary-nav button:hover{background:white;box-shadow:0 7px 20px rgba(61,54,99,.07);color:var(--ink)}.area-nav button.active,.primary-nav button.active{font-weight:700}.area-nav button i{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;color:white;font-style:normal}.area-nav button i svg{width:14px}.desktop-sidebar .sidebar-label{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:17px 10px 8px;border-top:1px solid var(--line)}.desktop-sidebar .sidebar-label button{display:grid;width:25px;height:25px;place-items:center;border:0;border-radius:8px;background:transparent;cursor:pointer;color:#918c9b}.desktop-sidebar .sidebar-label button svg{width:14px}.desktop-sidebar .sidebar-tip{position:relative;min-height:108px;margin-top:auto;padding:15px 88px 15px 15px}.desktop-sidebar .sidebar-tip img{position:absolute;right:2px;bottom:-7px;width:88px;height:112px}.desktop-sidebar .sidebar-tip p{margin:0;color:#6f687d;font-size:12px;line-height:1.45}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 25px;font-size:19px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;width:35px;height:35px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#8879f1,#6656d9);box-shadow:0 9px 20px rgba(118,103,232,.26);color:white}.sidebar-areas,.sidebar-nav{display:grid;gap:5px}.sidebar-add,.sidebar-area,.sidebar-nav button{display:flex;width:100%;align-items:center;gap:11px;border:0;border-radius:13px;background:transparent;padding:11px 12px;color:#6f6b7b;cursor:pointer;text-align:left;transition:.16s ease}.sidebar-add:hover,.sidebar-area.active,.sidebar-area:hover,.sidebar-nav button.active,.sidebar-nav button:hover{background:white;box-shadow:0 7px 20px rgba(61,54,99,.07);color:var(--ink)}.sidebar-area.active,.sidebar-nav button.active{font-weight:700}.sidebar-separator{height:1px;margin:19px 8px;background:var(--line)}.sidebar-label{padding:0 10px 8px;color:#9b97a5;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.area-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 10%,transparent)}.sidebar-add{color:#908b9d}.sidebar-spacer{flex:1}.sidebar-tip{overflow:hidden;border:1px solid #e7e1fa;border-radius:18px;background:linear-gradient(145deg,#f0ecff,#fff);padding:15px}.sidebar-tip span,.sidebar-tip strong{display:block}.sidebar-tip strong{margin-bottom:5px;font-size:13px}.sidebar-tip span{color:var(--muted);font-size:12px;line-height:1.45}.flow-main{width:min(1120px,calc(100% - 246px));min-height:100vh;margin-left:246px;padding:30px clamp(34px,5vw,74px) 90px}.flow-topbar,.standalone-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.flow-topbar>div>span,.standalone-view>header>div>span{display:block;margin-bottom:5px;color:#9691a3;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.profile-bubble{position:relative;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:15px;background:white;cursor:pointer;font-size:12px;font-weight:700}.profile-bubble i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid white;border-radius:50%;background:#38a889}.area-header-actions{display:flex;align-items:center;gap:6px}.area-header-actions>button:not(.profile-bubble){display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.82);color:#817b8b;cursor:pointer;transition:.16s ease}.area-header-actions>button:not(.profile-bubble):hover{border-color:#d8d1ed;background:white;color:var(--violet);transform:translateY(-1px)}.area-header-actions>button.danger:hover{border-color:#f0cbd0;background:#fff3f4;color:#d85f6d}.area-header-actions svg{width:15px}.eyebrow{margin:0 0 5px;color:#9691a3;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.flow-topbar h1,.standalone-header h1{margin:0;font-size:clamp(27px,3vw,36px);line-height:1.05;letter-spacing:-.055em}.header-actions,.topbar-actions{display:flex;align-items:center;gap:9px}.icon-button,.primary-button,.soft-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.82)}.icon-button:hover,.primary-button:hover,.soft-button:hover{transform:translateY(-1px)}.primary-button{min-height:43px;border-radius:14px;background:linear-gradient(135deg,#8171ec,#6c5ddc);padding:0 17px;box-shadow:0 10px 24px rgba(110,94,222,.23);color:white;font-weight:700}.soft-button{min-height:40px;border:1px solid var(--line);border-radius:13px;background:white;padding:0 14px;color:#625e6d;font-weight:660}.text-button{background:transparent;color:var(--violet);font-size:13px;font-weight:700}.calendar-card{border:1px solid rgba(231,227,240,.9);border-radius:25px;background:var(--surface);padding:20px 21px 17px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.calendar-head>button{display:grid;width:31px;height:31px;place-items:center;border:0;border-radius:10px;background:#f5f3f9;cursor:pointer}.calendar-head>button svg{width:15px}.calendar-head>strong{font-size:13px;text-transform:lowercase}.calendar-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;text-transform:capitalize}.calendar-arrows{display:flex;gap:5px}.calendar-arrows button{display:grid;width:31px;height:31px;place-items:center;border:0;border-radius:10px;background:#f5f3f9;cursor:pointer}.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.calendar-day,.calendar-days>button{position:relative;display:grid;min-height:77px;justify-items:center;align-content:center;gap:5px;border:1px solid transparent;border-radius:17px;background:transparent;cursor:pointer;transition:.16s ease}.calendar-days>button:hover{background:#f8f6fc}.calendar-days>button.selected{border-color:#d9d2fb;background:#f0edff}.calendar-days>button.today:after{position:absolute;top:8px;right:10px;width:5px;height:5px;border-radius:50%;background:var(--violet);content:""}.calendar-days>button>span{color:#9893a3;font-size:10px;font-weight:700;text-transform:uppercase}.calendar-days>button>strong{font-size:18px}.day-dots{display:flex;min-height:6px;gap:3px}.day-dots i{width:5px;height:5px;border-radius:50%}.calendar-day:hover{background:#f8f6fc}.calendar-day.active{border-color:color-mix(in srgb,var(--area-color,var(--violet)) 28%,white);background:color-mix(in srgb,var(--area-color,var(--violet)) 11%,white)}.calendar-day.today:after{position:absolute;top:8px;right:10px;width:5px;height:5px;border-radius:50%;background:var(--area-color,var(--violet));content:""}.calendar-weekday{color:#9893a3;font-size:10px;font-weight:700;text-transform:uppercase}.calendar-number{font-size:18px;font-weight:700}.calendar-dots{display:flex;min-height:6px;gap:3px}.calendar-dot{width:5px;height:5px;border-radius:50%}.progress-row{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:12px;margin:14px 0 23px}.next-summary,.progress-widget{min-height:110px;border:1px solid rgba(233,230,241,.94);border-radius:21px;background:rgba(255,255,255,.76);padding:15px}.progress-widget{display:flex;align-items:center;gap:13px}.progress-ring{width:70px;height:70px;place-items:center;background:conic-gradient(var(--ring-color) calc(var(--progress) * 1%),#ece9f2 0)}.progress-ring,.ring{position:relative;display:grid;flex:0 0 auto;border-radius:50%}.ring{width:68px;height:68px;place-items:center}.ring:after{position:absolute;width:52px;height:52px;border-radius:50%;background:white;content:""}.ring span{position:relative;z-index:1;font-size:14px;font-weight:800}.progress-widget>div:last-child small,.progress-widget>div:last-child strong{display:block}.progress-widget>div:last-child strong{margin-bottom:4px;font-size:13px}.progress-widget>div:last-child small{color:var(--muted);font-size:10px}.progress-ring:after{position:absolute;width:54px;height:54px;border-radius:50%;background:white;content:""}.progress-ring span{position:relative;z-index:1;font-size:15px;font-weight:800}.progress-copy span,.progress-copy strong{display:block}.progress-copy span{margin-bottom:4px;color:var(--muted);font-size:11px}.progress-copy strong{font-size:14px;line-height:1.2}.next-summary{display:flex;align-items:center;gap:13px;background:linear-gradient(135deg,#f0edff,#fff7f5)}.next-summary>small,.next-summary>span,.next-summary>strong{display:block}.next-summary>span{color:var(--muted);font-size:11px}.next-summary>strong{color:var(--violet);font-size:33px;letter-spacing:-.05em}.next-summary>small{max-width:105px;color:var(--muted);font-size:11px;line-height:1.35}.next-summary-icon{display:grid;width:43px;height:43px;flex:0 0 auto;place-items:center;border-radius:15px;background:white;color:var(--violet);box-shadow:0 8px 20px rgba(92,75,170,.1)}.next-summary small,.next-summary span,.next-summary strong{display:block}.next-summary small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.next-summary strong{overflow:hidden;max-width:240px;margin:4px 0 2px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.next-summary span{color:var(--muted);font-size:11px}.pinned-row{display:flex;gap:8px;margin:-5px 0 23px;overflow-x:auto;scrollbar-width:none}.pinned-row>a{display:flex;min-width:205px;flex:0 0 auto;align-items:center;gap:9px;border:1px solid #e4e0ec;border-radius:16px;background:white;padding:10px 12px}.pinned-row>a .link-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:#eaf5ed;color:#3b9965}.pinned-row>a svg{width:14px}.pinned-row>a>span:nth-child(2){min-width:0;flex:1}.pinned-row>a small,.pinned-row>a strong{display:block}.pinned-row>a strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pinned-row>a small{margin-top:2px;color:var(--muted);font-size:9px}.pinned-row>button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;border:1px dashed #d9d3e4;border-radius:15px;background:transparent;padding:0 13px;color:#817c8b;cursor:pointer;font-size:11px}.pinned-row>button svg{width:14px}.pinned-row::-webkit-scrollbar{display:none}.pinned-link{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;border:1px solid #e6e2ee;border-radius:999px;background:rgba(255,255,255,.84);padding:8px 12px;color:#5e596a;font-size:12px;font-weight:650}.tasks-section{min-height:240px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.section-heading h2{margin:0;font-size:18px;letter-spacing:-.025em}.section-heading>div>span{color:#9994a3;font-size:10px;font-weight:700;letter-spacing:.1em}.section-heading h1{margin:4px 0 0;font-size:19px;letter-spacing:-.03em}.add-task-inline,.primary-action{display:inline-flex;min-height:41px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:13px;background:linear-gradient(135deg,#8171ec,#6c5ddc);padding:0 15px;box-shadow:0 9px 21px rgba(110,94,222,.21);color:white;cursor:pointer;font-size:12px;font-weight:700}.add-task-inline svg,.primary-action svg{width:16px}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.task-list{display:grid;gap:9px}.task-card{position:relative;display:flex;align-items:center;gap:14px;overflow:hidden;border:1px solid rgba(232,228,239,.96);border-radius:19px;background:rgba(255,255,255,.88);padding:14px 15px;box-shadow:0 8px 26px rgba(55,47,91,.045);transition:.18s ease;--task-color:#7667e8}.task-card .task-check{color:transparent}.task-card .task-check:hover{color:white}.task-card .task-check svg{width:16px}.task-title{display:flex;align-items:center;gap:8px;min-width:0}.task-title i{width:7px;height:7px;flex:0 0 auto;border-radius:50%}.task-title h3{overflow:hidden;margin:0;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.task-title em{flex:0 0 auto;border-radius:99px;background:#fff0f1;padding:3px 6px;color:#c85b67;font-size:9px;font-style:normal;font-weight:700}.task-copy>p{margin:7px 0 0;color:var(--muted);font-size:11px}.task-card>.area-pill{margin-left:3px}.task-more svg{width:15px}.task-card:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--task-color);content:""}.task-card:hover{border-color:color-mix(in srgb,var(--task-color) 22%,#e8e4ef);transform:translateY(-1px)}.task-card.evaporating{animation:evaporate .48s cubic-bezier(.4,0,.2,1) forwards}@keyframes evaporate{35%{filter:blur(0);opacity:.85;transform:translateY(-5px) scale(.985)}to{max-height:0;margin:-5px 0;padding-top:0;padding-bottom:0;filter:blur(9px);opacity:0;transform:translateY(-22px) scale(.95)}}.task-check{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:2px solid color-mix(in srgb,var(--task-color) 55%,#dad7e1);border-radius:11px;background:color-mix(in srgb,var(--task-color) 7%,white);color:white;cursor:pointer}.task-check:hover{background:var(--task-color)}.task-copy{min-width:0;flex:1}.task-title-row{display:flex;align-items:center;gap:7px}.task-copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px 11px;margin-top:6px;color:#8a8694;font-size:11px}.task-meta a,.task-meta span{display:inline-flex;align-items:center;gap:4px}.area-pill{border-radius:99px;background:color-mix(in srgb,var(--pill-color) 12%,white);padding:4px 8px;color:color-mix(in srgb,var(--pill-color) 78%,#342f42);font-size:10px;font-weight:700}.task-overdue{color:#d25a68!important;font-weight:680}.task-more{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:0;border-radius:11px;background:transparent;color:#a29daa;cursor:pointer}.task-more:hover{background:#f4f2f7}.empty-day{display:grid;min-height:235px;place-items:center;border:1px dashed #ddd8e8;border-radius:23px;background:rgba(255,255,255,.42);padding:28px;text-align:center;grid-template-columns:auto 1fr auto;min-height:105px;justify-items:start;gap:15px;text-align:left}.empty-check{display:grid;width:43px;height:43px;place-items:center;border-radius:14px;background:#eaf7f1;color:#38a889}.empty-check svg{width:20px}.empty-day h3{margin:0 0 4px}.empty-day p{margin:0}.empty-day>button{border:1px solid var(--line);border-radius:11px;background:white;padding:9px 12px;cursor:pointer;font-size:11px}.empty-day-icon{display:grid;width:54px;height:54px;margin:0 auto 12px;place-items:center;border-radius:18px;background:var(--violet-soft);color:var(--violet)}.empty-day h3{margin:0 0 6px;font-size:16px}.empty-day p{max-width:310px;margin:0 0 15px;color:var(--muted);font-size:13px;line-height:1.5}.completed-tasks{margin-top:14px}.completed-tasks summary{color:#8b8796;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px}.completed-tasks summary svg{width:13px}.completed-tasks>button{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;padding:10px 3px;color:#918d9a;cursor:pointer;text-align:left}.completed-tasks>button>span{display:grid;width:22px;height:22px;place-items:center;border-radius:8px;color:white}.completed-tasks>button svg{width:12px}.completed-tasks>button small{margin-left:auto;color:var(--violet)}.add-resource>span{flex:1}.add-resource small,.add-resource strong{display:block}.add-resource strong{margin-bottom:3px;color:#5d5868;font-size:12px}.add-resource small{font-size:10px}.add-resource>svg{width:17px}.completed-row{display:flex;align-items:center;gap:10px;padding:11px 3px;color:#918d9a;font-size:13px;text-decoration:line-through}.completed-row button{margin-left:auto;border:0;background:transparent;color:var(--violet);cursor:pointer;font-size:11px;text-decoration:none}.add-resource{display:flex;width:100%;align-items:center;gap:11px;margin-top:17px;border:1px dashed #dcd7e7;border-radius:17px;background:rgba(255,255,255,.38);padding:13px 15px;color:#85818f;cursor:pointer;text-align:left}.standalone-view{max-width:950px}.standalone-view>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:23px}.standalone-view>header h1{margin:0;font-size:32px;letter-spacing:-.05em}.standalone-view>header p{max-width:570px;margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.standalone-header p{max-width:600px;margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.goal-card{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.84);padding:20px;box-shadow:var(--shadow)}.goal-top{display:flex;align-items:center;justify-content:space-between}.goal-top>span{color:var(--muted);font-size:10px}.goal-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:14px}.goal-icon svg{width:20px}.goal-card>h2{min-height:44px;margin:14px 0;font-size:17px;line-height:1.3}.goal-card .goal-progress{display:flex;align-items:center;gap:11px}.goal-card .goal-progress>div{height:7px;flex:1;overflow:hidden;border-radius:99px;background:#eeeaf2}.goal-card .goal-progress i{display:block;height:100%;border-radius:inherit}.goal-card .goal-progress strong{min-width:35px;font-size:12px}.milestone-list{display:grid;gap:7px}.milestone-list button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:3px 0;color:#5f5a68;cursor:pointer;text-align:left;font-size:12px}.milestone-list button>span{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border:1.5px solid;border-radius:7px;color:white}.milestone-list button svg{width:11px}.milestone-list button.done{color:#96919e;text-decoration:line-through}.goal-next{display:flex;width:100%;align-items:center;justify-content:flex-end;gap:5px;margin-top:15px;border:0;background:transparent;color:var(--violet);cursor:pointer;font-size:11px;font-weight:700}.goal-next svg{width:14px}.empty-goals{display:grid;min-height:320px;place-items:center;align-content:center;border:1px dashed #dcd7e7;border-radius:24px;padding:28px;text-align:center}.empty-goals h2{margin:11px 0 5px}.empty-goals p{max-width:280px;margin:0 0 14px;color:var(--muted);font-size:12px}.goal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.goal-head h2{margin:0 0 5px;font-size:17px}.goal-head span{color:var(--muted);font-size:11px}.goal-percent{color:var(--goal-color);font-size:19px;font-weight:800}.goal-progress{height:8px;margin:17px 0;overflow:hidden;border-radius:99px;background:#eeeaf2}.goal-progress span{display:block;width:var(--goal-progress);height:100%;border-radius:inherit;background:var(--goal-color);transition:width .24s ease}.milestones{display:grid;gap:8px}.milestone{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:4px 0;color:#5e5a68;cursor:pointer;text-align:left}.milestone-box{display:grid;width:21px;height:21px;place-items:center;border:1.5px solid #d8d4df;border-radius:7px}.milestone.done{color:#9c98a3;text-decoration:line-through}.milestone.done .milestone-box{border-color:var(--goal-color);background:var(--goal-color);color:white}.overview-hero{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:27px;border:1px solid #e5e0f4;border-radius:27px;background:linear-gradient(135deg,#ece8ff,#fffafa);padding:25px;box-shadow:var(--shadow)}.big-ring{position:relative;display:grid;width:126px;height:126px;flex:0 0 auto;place-items:center;border-radius:50%}.big-ring:after{position:absolute;width:94px;height:94px;border-radius:50%;background:white;content:""}.big-ring>span{position:relative;z-index:1;text-align:center}.big-ring small,.big-ring strong{display:block}.big-ring strong{font-size:23px}.big-ring small{color:var(--muted);font-size:9px}.overview-hero>div:last-child>span{color:#9691a3;font-size:10px;font-weight:700;letter-spacing:.1em}.area-stats{margin-top:23px}.area-stats>article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:12px 3px}.area-stats>article>i{display:grid;width:40px;height:40px;place-items:center;border-radius:13px}.area-stats>article>i svg{width:18px}.area-stats>article>div{display:grid;grid-template-columns:110px 1fr 100px;align-items:center;gap:12px}.area-stats>article>div>span{height:7px;overflow:hidden;border-radius:99px;background:#ece9f1}.area-stats>article b{display:block;height:100%;border-radius:inherit}.area-stats>article small{color:var(--muted);font-size:10px;text-align:right}.overview-goals{display:grid;gap:10px;margin-top:18px;border:1px solid var(--line);border-radius:22px;background:white;padding:18px}.overview-goals>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.overview-goals>div:first-child{padding-bottom:10px;border-bottom:1px solid var(--line)}.overview-goals span{color:#9994a3;font-size:10px;letter-spacing:.1em}.overview-goals h2{margin:0;font-size:15px}.overview-goals strong{font-size:12px}.overview-goals small{color:var(--violet);font-weight:700}.overview-ring{width:126px;height:126px}.overview-ring:after{width:94px;height:94px}.overview-ring span{font-size:25px}.overview-hero h2{margin:0 0 8px;font-size:23px;letter-spacing:-.035em}.overview-hero p{max-width:570px;margin:0;color:var(--muted);font-size:13px;line-height:1.55}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0}.stat-card{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.78);padding:17px}.stat-card span,.stat-card strong{display:block}.stat-card span{margin-bottom:6px;color:var(--muted);font-size:11px}.stat-card strong{font-size:24px}.area-progress-list{display:grid;gap:10px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.76);padding:20px}.area-progress-row{display:grid;grid-template-columns:130px 1fr 45px;align-items:center;gap:14px;font-size:12px}.area-progress-row strong{display:flex;align-items:center;gap:8px}.area-progress-track{height:7px;overflow:hidden;border-radius:99px;background:#eeeaf2}.area-progress-track span{display:block;width:var(--area-progress);height:100%;border-radius:inherit;background:var(--area-color)}.settings-list{display:grid;gap:12px}.settings-group{margin-bottom:17px}.settings-group>h2{margin:0 0 8px;color:#8b8695;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.setting-row{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.82);padding:15px}.setting-icon{display:grid;width:39px;height:39px;flex:0 0 auto;place-items:center;border-radius:13px;background:#eeeafd;color:var(--violet)}.setting-icon.coral{background:#fff0f1;color:#e06774}.setting-icon.green{background:#eaf7f1;color:#389c79}.setting-icon svg{width:18px}.setting-row>div{flex:1}.setting-row small,.setting-row strong{display:block}.setting-row strong{margin-bottom:4px;font-size:13px}.setting-row small{color:var(--muted);font-size:10px;line-height:1.4}.setting-row button,.setting-row select{border:1px solid var(--line);border-radius:11px;background:white;padding:9px 11px;cursor:pointer;font-size:11px}.setting-row button:disabled{cursor:default;opacity:.55}.danger-zone .setting-row button{color:#c65361}.settings-note{color:#96919e!important;font-size:10px!important}.settings-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.8);padding:18px 19px}.settings-card h2{margin:0 0 5px;font-size:15px}.settings-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.settings-card select{min-width:145px;border:1px solid var(--line);border-radius:12px;background:white;padding:10px 12px}.danger-button{border-color:#f0d9dc;color:#c65361}.mascot-wrap{position:fixed;right:22px;bottom:24px;z-index:45}.mascot-button{position:relative;display:grid;width:78px;height:78px;place-items:end center;overflow:visible;border:1px solid #ded8f2;border-radius:27px;background:linear-gradient(145deg,#f3efff,#fff);box-shadow:0 16px 35px rgba(71,54,145,.2);cursor:pointer}.mascot-button img{width:73px;height:87px;object-position:bottom;transform:translateY(5px)}.mascot-pulse{position:absolute;top:-3px;right:-2px;width:15px;height:15px;border:3px solid white;border-radius:50%;background:#f06f7c}.mascot-bubble{position:absolute;right:66px;bottom:57px;width:max-content;max-width:245px;border:1px solid #e4dff1;border-radius:17px 17px 4px 17px;background:white;padding:10px 12px;box-shadow:0 13px 30px rgba(61,50,108,.12);font-size:11px;line-height:1.4}.assistant-panel{background:rgba(255,255,255,.97)}.assistant-panel,.mascot-panel{position:absolute;right:0;bottom:91px;width:315px;border:1px solid #e1dbee;border-radius:23px;padding:18px;box-shadow:0 24px 65px rgba(49,38,99,.2);backdrop-filter:blur(22px)}.mascot-panel{background:rgba(255,255,255,.98)}.panel-close{position:absolute;top:12px;right:12px;display:grid;width:27px;height:27px;place-items:center;border:0;border-radius:9px;background:#f2eff6;cursor:pointer}.panel-close svg{width:14px}.assistant-label{color:var(--violet);font-size:9px;font-weight:700;letter-spacing:.1em}.mascot-panel h3{margin:6px 30px 11px 0;font-size:17px}.mascot-panel>p{color:var(--muted);font-size:12px;line-height:1.45}.assistant-task{display:flex;width:100%;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;background:#faf9fc;padding:10px;cursor:pointer;text-align:left}.assistant-task>i{width:8px;height:8px;flex:0 0 auto;border-radius:50%}.assistant-task>span{min-width:0;flex:1}.assistant-task small,.assistant-task strong{display:block}.assistant-task strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.assistant-task small{margin-top:3px;color:var(--muted);font-size:9px}.assistant-task svg{width:14px}.assistant-add{display:flex;width:100%;align-items:center;justify-content:center;gap:7px;margin-top:9px;border:0;border-radius:13px;background:var(--violet);padding:10px;color:white;cursor:pointer;font-size:11px;font-weight:700}.assistant-add svg{width:14px}.assistant-suggestions{display:flex;gap:6px;margin-top:8px}.assistant-suggestions button{flex:1;border:0;border-radius:10px;background:#f2eff7;padding:8px;color:#746e7f;cursor:pointer;font-size:9px}.assistant-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.assistant-head strong{display:flex;align-items:center;gap:7px}.assistant-head button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:9px;background:#f4f2f7;cursor:pointer}.assistant-panel p{margin:0 0 14px;color:#666170;font-size:13px;line-height:1.5}.assistant-actions{display:flex;gap:8px}.assistant-actions button{flex:1}.mobile-navigation{display:none}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;overflow-y:auto;background:rgba(35,30,52,.34);padding:20px;backdrop-filter:blur(7px)}.flow-modal{width:min(560px,100%);max-height:min(820px,calc(100vh - 40px));overflow-y:auto;border:1px solid rgba(255,255,255,.7);border-radius:27px;background:#fbfafd;padding:23px;box-shadow:0 30px 90px rgba(34,27,65,.25);position:relative}.flow-modal>.modal-close{position:absolute;top:15px;right:15px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:11px;background:#efecf4;cursor:pointer}.flow-modal>.modal-close svg{width:16px}.flow-modal>span{display:block;margin-bottom:5px;color:var(--violet);font-size:9px;font-weight:700;letter-spacing:.12em}.flow-modal>h2{margin:0 45px 20px 0;font-size:21px;letter-spacing:-.035em}.flow-modal form{display:grid;gap:14px}.flow-modal label{display:grid;gap:6px;color:#706b79;font-size:11px;font-weight:680}.flow-modal input,.flow-modal select,.flow-modal textarea{width:100%;border:1px solid #e0dce8;border-radius:12px;outline:none;background:white;padding:10px 11px;color:var(--ink);font-weight:450}.flow-modal textarea{min-height:70px;resize:vertical}.flow-modal input:focus,.flow-modal select:focus,.flow-modal textarea:focus{border-color:#aa9ff0;box-shadow:0 0 0 3px rgba(118,103,232,.1)}.large-input input{padding:14px 13px;font-size:15px}.modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.flow-modal fieldset{margin:0;border:0;padding:0}.flow-modal legend{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#706b79;font-size:11px;font-weight:680}.flow-modal label>svg,.flow-modal legend svg{width:13px}.until-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;margin-top:10px}.until-row>div{display:flex;gap:4px;padding-bottom:1px}.until-row>div button{border:1px solid var(--line);border-radius:9px;background:white;padding:9px 7px;cursor:pointer;font-size:9px}.color-picker button{background:var(--swatch,#7667e8)}.steps-editor{display:grid;gap:7px}.modal-hint{margin:0;border-radius:11px;background:#f2effd;padding:10px;color:#706982;font-size:10px;line-height:1.45}.modal-submit{min-height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,#8171ec,#6c5ddc);box-shadow:0 10px 24px rgba(110,94,222,.22);color:white;cursor:pointer;font-weight:700}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-head h2{margin:0;font-size:21px;letter-spacing:-.035em}.modal-head button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:11px;background:#f0edf4;cursor:pointer}.flow-form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px}.field-label,.field>span{color:#716d7c;font-size:11px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid #e1ddea;border-radius:13px;outline:none;background:white;padding:11px 12px;color:var(--ink);transition:.15s ease}.field textarea{min-height:78px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#aa9ff0;box-shadow:0 0 0 3px rgba(118,103,232,.1)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-radius:14px;background:#efecf4;padding:4px}.segmented button{border:0;border-radius:10px;background:transparent;padding:9px 7px;color:#777281;cursor:pointer;font-size:11px;font-weight:680}.segmented button.active{background:white;box-shadow:0 3px 11px rgba(53,44,91,.08);color:var(--ink)}.color-picker,.icon-picker,.weekday-picker{display:flex;flex-wrap:wrap;gap:7px}.weekday-picker button{width:39px;height:35px;border:1px solid #ded9e7;border-radius:11px;background:white;cursor:pointer;font-size:11px}.weekday-picker button.active{border-color:var(--violet);background:var(--violet-soft);color:var(--violet);font-weight:700}.color-picker button{width:34px;height:34px;border:4px solid white;border-radius:12px;background:var(--swatch);box-shadow:0 0 0 1px #ddd8e5;cursor:pointer}.color-picker button.active{box-shadow:0 0 0 2px var(--swatch)}.icon-picker button{display:grid;width:38px;height:38px;place-items:center;border:1px solid #e1ddea;border-radius:12px;background:white;cursor:pointer}.icon-picker button.active{border-color:var(--violet);background:var(--violet-soft);color:var(--violet)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.form-actions .primary-button{min-width:140px}@media (max-width:980px){.progress-row{grid-template-columns:1fr 1fr}.next-summary{grid-column:1/-1;min-height:82px}.goals-grid{grid-template-columns:1fr}}@media (max-width:760px){body{background:radial-gradient(circle at 95% -5%,rgba(220,214,255,.72),transparent 24rem),#f8f7fb}.desktop-sidebar{display:none}.flow-main{width:100%;margin:0;padding:max(18px,env(safe-area-inset-top)) 15px calc(176px + env(safe-area-inset-bottom))}.flow-topbar,.standalone-header{margin-bottom:17px}.flow-topbar h1,.standalone-header h1{font-size:27px}.header-actions .primary-button span,.topbar-actions .primary-button span{display:none}.header-actions .primary-button,.topbar-actions .primary-button{width:42px;padding:0}.calendar-card{border-radius:22px;padding:16px 12px 13px}.calendar-head{padding:0 4px;margin-bottom:9px}.calendar-day,.calendar-days>button{min-height:65px;gap:4px;border-radius:15px}.calendar-days>button.today:after{top:6px;right:7px}.calendar-days>button>strong{font-size:16px}.calendar-day.today:after{top:6px;right:7px}.calendar-number{font-size:16px}.progress-row{grid-template-columns:1fr 1fr;gap:9px;margin:11px 0 20px}.progress-widget{min-height:94px;gap:10px;padding:12px}.progress-ring{width:59px;height:59px}.ring{width:57px;height:57px}.ring:after{width:44px;height:44px}.ring span{font-size:12px}.progress-ring:after{width:45px;height:45px}.progress-ring span{font-size:13px}.progress-copy strong{font-size:12px}.next-summary{grid-column:1/-1;min-height:75px}.next-summary strong{max-width:calc(100vw - 135px)}.task-card{gap:11px;border-radius:18px;padding:13px 12px}.task-copy strong{font-size:13px}.task-meta{gap:6px 8px}.standalone-header{align-items:center}.standalone-header p{display:none}.standalone-view>header{align-items:center}.standalone-view>header h1{font-size:27px}.standalone-view>header p{display:none}.overview-hero{grid-template-columns:1fr;justify-items:center;gap:16px;padding:22px;text-align:center}.overview-ring{width:112px;height:112px}.overview-ring:after{width:84px;height:84px}.overview-stats{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:14px 10px;text-align:center}.stat-card strong{font-size:20px}.area-progress-row{grid-template-columns:95px 1fr 35px;gap:9px}.settings-card{align-items:flex-start;flex-direction:column}.settings-card button,.settings-card select{width:100%}.mascot-wrap{right:12px;bottom:calc(138px + env(safe-area-inset-bottom))}.mascot-button{width:62px;height:62px;border-radius:22px}.mascot-button img{width:60px;height:72px}.mascot-bubble{right:51px;bottom:49px;max-width:min(220px,calc(100vw - 100px))}.assistant-panel,.mascot-panel{position:fixed;right:12px;bottom:calc(210px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}.mobile-navigation{position:fixed;inset:auto 0 0;z-index:40;display:block;border-top:1px solid rgba(224,220,232,.95);background:rgba(251,250,253,.94);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -12px 35px rgba(55,47,89,.09);backdrop-filter:blur(24px)}.mobile-area-tabs{display:flex;height:52px;align-items:center;gap:4px;overflow-x:auto;border-bottom:1px solid #eeeaf2;padding:7px 10px;scrollbar-width:none}.mobile-area-tabs>button{display:inline-flex;height:37px;flex:0 0 auto;align-items:center;gap:6px;border:0;border-radius:12px;background:transparent;padding:0 10px;color:#85808f;cursor:pointer;font-size:11px;font-weight:680}.mobile-area-tabs>button.active{background:white;box-shadow:0 5px 15px rgba(64,53,105,.1);color:var(--ink)}.mobile-area-tabs>button i{width:7px;height:7px;border-radius:50%}.mobile-area-tabs::-webkit-scrollbar{display:none}.mobile-area-add,.mobile-area-tab{display:inline-flex;height:37px;flex:0 0 auto;align-items:center;gap:6px;border:0;border-radius:12px;background:transparent;padding:0 10px;color:#85808f;cursor:pointer;font-size:11px;font-weight:680}.mobile-area-tab.active{background:white;box-shadow:0 5px 15px rgba(64,53,105,.1);color:var(--ink)}.mobile-area-tab .area-dot{width:7px;height:7px}.mobile-main-tabs,.mobile-navigation>nav{position:relative;display:grid;height:67px;grid-template-columns:1fr 1fr 70px 1fr 1fr;align-items:center;padding:0 6px}.mobile-navigation>nav>button:not(.mobile-add){display:grid;justify-items:center;gap:3px;border:0;background:transparent;color:#918c99;cursor:pointer;font-size:9px}.mobile-navigation>nav>button:not(.mobile-add).active{color:var(--violet);font-weight:700}.mobile-navigation>nav svg{width:20px}.mobile-navigation .mobile-add{display:grid;width:51px;height:51px;place-self:center;place-items:center;border:4px solid #fbfafd;border-radius:18px;background:linear-gradient(145deg,#8373ec,#6857d9);box-shadow:0 9px 22px rgba(108,88,218,.31);color:white;cursor:pointer;transform:translateY(-13px)}.mobile-main-tab{display:grid;justify-items:center;gap:3px;border:0;background:transparent;color:#918c99;cursor:pointer;font-size:9px}.mobile-main-tab.active{color:var(--violet);font-weight:700}.mobile-add-task{display:grid;width:51px;height:51px;place-self:center;place-items:center;border:4px solid #fbfafd;border-radius:18px;background:linear-gradient(145deg,#8373ec,#6857d9);box-shadow:0 9px 22px rgba(108,88,218,.31);color:white;cursor:pointer;transform:translateY(-13px)}.modal-backdrop{align-items:end;padding:0}.flow-modal{width:100%;max-height:91vh;border-radius:27px 27px 0 0;padding:20px 17px calc(19px + env(safe-area-inset-bottom))}.form-grid,.modal-grid,.until-row{grid-template-columns:1fr}.empty-day{grid-template-columns:auto 1fr}.empty-day>button{grid-column:2}.task-card>.area-pill{display:none}.area-stats>article>div{grid-template-columns:85px 1fr}.area-stats>article small{grid-column:1/-1;text-align:left}}@media (max-width:380px){.flow-main{padding-right:11px;padding-left:11px}.calendar-days{gap:3px}.calendar-day{min-height:61px}.progress-widget{flex-direction:column;text-align:center}.progress-row{align-items:stretch}}body:after,body:before{position:fixed;z-index:0;width:34rem;height:34rem;border-radius:50%;content:"";filter:blur(88px);opacity:.26;pointer-events:none}body:before{top:-18rem;right:-8rem;background:#c9c2ff;animation:ambientFloat 18s ease-in-out infinite alternate}body:after{bottom:-22rem;left:18%;background:#ffd8da;animation:ambientFloat 22s ease-in-out -7s infinite alternate-reverse}.flow-app{position:relative;z-index:1;isolation:isolate}a,button,select,summary{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .22s ease,opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.add-resource:active,.pinned-row>a:active,button:active{transform:scale(.97);transition-duration:80ms}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid rgba(118,103,232,.22);outline-offset:3px}.desktop-sidebar{animation:sidebarReveal .62s cubic-bezier(.2,.8,.2,1) both}.new-brand>span{animation:brandBreathe 4.5s ease-in-out infinite}.area-nav button,.primary-nav button{position:relative;overflow:hidden}.area-nav button:after,.primary-nav button:after{position:absolute;inset:8px auto 8px 0;width:3px;border-radius:0 4px 4px 0;background:var(--violet);content:"";opacity:0;transform:scaleY(.25);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1)}.area-nav button.active:after,.primary-nav button.active:after{opacity:1;transform:scaleY(1)}.area-nav button:hover i,.primary-nav button:hover svg{transform:translateY(-1px) rotate(-4deg) scale(1.07)}.area-nav button i,.primary-nav button svg{transition:transform .24s cubic-bezier(.2,.8,.2,1)}.flow-main>*{animation:viewReveal .52s cubic-bezier(.2,.75,.2,1) both}.flow-main>:nth-child(2){animation-delay:45ms}.flow-main>:nth-child(3){animation-delay:90ms}.flow-main>:nth-child(4){animation-delay:135ms}.flow-main>:nth-child(5){animation-delay:.18s}.add-resource,.area-stats>article,.calendar-card,.goal-card,.next-summary,.overview-goals,.overview-hero,.progress-widget,.setting-row{will-change:transform}.calendar-card:hover,.goal-card:hover,.next-summary:hover,.overview-goals:hover,.progress-widget:hover,.setting-row:hover{border-color:rgba(118,103,232,.2);box-shadow:0 22px 60px rgba(52,45,95,.1);transform:translateY(-2px)}.calendar-days>button{transition:color .18s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.calendar-days>button:hover{transform:translateY(-3px)}.calendar-days>button.selected{box-shadow:0 9px 22px rgba(118,103,232,.13);animation:daySelect .36s cubic-bezier(.2,.8,.2,1) both}.day-dots i{animation:dotPulse 2.3s ease-in-out infinite}.day-dots i:nth-child(2){animation-delay:.28s}.day-dots i:nth-child(3){animation-delay:.56s}.big-ring,.ring{animation:ringReveal .72s cubic-bezier(.15,.8,.2,1) both}.progress-widget:hover .ring{transform:rotate(5deg) scale(1.04)}.task-card{animation:taskReveal .43s cubic-bezier(.2,.8,.2,1) both}.task-card:nth-child(2){animation-delay:45ms}.task-card:nth-child(3){animation-delay:90ms}.task-card:nth-child(4){animation-delay:135ms}.task-card:hover{box-shadow:0 14px 36px rgba(55,47,91,.08);transform:translateY(-3px) scale(1.002)}.task-card:before{transition:width .22s ease}.task-card:hover:before{width:6px}.task-check{transition:color .16s ease,background .18s ease,border-color .18s ease,box-shadow .2s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.task-check:hover{box-shadow:0 7px 18px color-mix(in srgb,var(--task-color) 30%,transparent);transform:rotate(-4deg) scale(1.08)}.task-check:active{transform:rotate(0) scale(.88)}.add-task-inline:hover,.assistant-add:hover,.modal-submit:hover,.primary-action:hover{box-shadow:0 14px 30px rgba(110,94,222,.3);transform:translateY(-2px) scale(1.01)}.add-resource:hover,.pinned-row>a:hover,.pinned-row>button:hover{border-color:rgba(118,103,232,.3);background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(61,54,99,.08);transform:translateY(-2px)}.area-stats b,.goal-progress i{transform-origin:left;animation:progressGrow .9s cubic-bezier(.2,.8,.2,1) both}.milestone-list button:hover{color:var(--violet);transform:translateX(4px)}.modal-backdrop{animation:backdropIn .22s ease both}.flow-modal{animation:modalIn .36s cubic-bezier(.16,1,.3,1) both}.desktop-sidebar .sidebar-tip img,.mascot-button{image-rendering:pixelated}.desktop-sidebar .sidebar-tip img{right:8px;width:68px;height:68px;animation:pixelIdle 2.8s steps(2) infinite}.desktop-sidebar .sidebar-tip{min-height:92px;overflow:visible;border:0;background:transparent;padding:15px 86px 15px 8px;box-shadow:none}.mascot-button{width:72px;height:72px;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 62%,rgba(255,255,255,.92),transparent 57%),linear-gradient(145deg,#f0edff,#fff)}.mascot-button img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated;transform:none;animation:pixelIdle 2.8s steps(2) infinite}.mascot-button:hover{border-color:rgba(118,103,232,.38);box-shadow:0 20px 42px rgba(71,54,145,.24)}.mascot-bubble{animation:bubbleIn .38s cubic-bezier(.16,1,.3,1) both}.mascot-panel{transform-origin:right bottom;animation:assistantIn .36s cubic-bezier(.16,1,.3,1) both}@media (min-width:761px){.flow-main{width:calc(100% - 246px);margin-left:246px;padding:30px clamp(34px,3.4vw,66px) 100px}.flow-main,.standalone-view{max-width:none}.view-today .pinned-row,.view-today .tasks-section{width:100%}.view-plan .goals-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.view-overview .overview-hero{min-height:190px}}@media (min-width:1500px){.desktop-sidebar{width:260px;padding-right:22px;padding-left:22px}.flow-main{width:calc(100% - 260px);margin-left:260px;padding-right:72px;padding-left:72px}.flow-topbar h1,.standalone-view>header h1{font-size:38px}.calendar-card{padding:22px 24px 19px}.calendar-days>button{min-height:83px}.task-card{min-height:77px;padding-right:18px;padding-left:18px}}@media (max-width:760px){.flow-main>*{animation-duration:.42s}.calendar-card:hover,.goal-card:hover,.next-summary:hover,.overview-goals:hover,.progress-widget:hover,.setting-row:hover,.task-card:hover{transform:none}.mascot-button{width:60px;height:60px;border-radius:20px}.mascot-button img{width:45px;height:45px}.mobile-navigation{animation:mobileNavIn .52s cubic-bezier(.16,1,.3,1) both}.mobile-navigation>nav>button.active svg{animation:navPop .28s cubic-bezier(.2,.8,.2,1) both}}@keyframes ambientFloat{0%{transform:translate3d(-3%,-2%,0) scale(.95)}to{transform:translate3d(6%,5%,0) scale(1.08)}}@keyframes sidebarReveal{0%{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}@keyframes brandBreathe{0%,to{box-shadow:0 9px 20px rgba(118,103,232,.24);transform:rotate(0deg)}50%{box-shadow:0 12px 28px rgba(118,103,232,.36);transform:rotate(3deg)}}@keyframes viewReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes daySelect{0%{transform:scale(.94)}70%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes dotPulse{0%,to{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.28)}}@keyframes ringReveal{0%{opacity:0;transform:rotate(-55deg) scale(.78)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes taskReveal{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progressGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pixelIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes mascotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(7px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes assistantIn{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mobileNavIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes navPop{0%{transform:scale(.8)}70%{transform:scale(1.14)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.desktop-sidebar .sidebar-tip img{right:4px;bottom:8px;width:76px;height:76px;object-fit:contain;object-position:center;filter:drop-shadow(0 10px 12px rgba(72,56,108,.16))}.desktop-sidebar .sidebar-tip p{color:#777183}.pinned-link-card{display:flex;min-width:270px;flex:0 0 auto;align-items:center;overflow:hidden;border:1px solid #e4e0ec;border-radius:16px;background:white;transition:border-color .18s ease,box-shadow .22s ease,transform .22s ease}.pinned-link-card:hover{border-color:rgba(118,103,232,.3);box-shadow:0 12px 30px rgba(61,54,99,.08);transform:translateY(-2px)}.pinned-link-card>a{display:flex;min-width:0;flex:1;align-items:center;gap:9px;padding:10px 8px 10px 12px}.pinned-link-card>a .link-icon{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:11px;background:#eaf5ed;color:#3b9965}.pinned-link-card>a .link-icon svg,.pinned-link-card>a>svg{width:14px}.pinned-link-card>a>span:nth-child(2){min-width:0;flex:1}.pinned-link-card>a small,.pinned-link-card>a strong{display:block}.pinned-link-card>a strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.pinned-link-card>a small{margin-top:2px;color:var(--muted);font-size:9px}.pinned-link-actions,.task-actions{display:flex;align-items:center;gap:3px}.pinned-link-actions{padding-right:8px}.completed-row-actions>button:not(.completed-restore),.pinned-link-actions button,.task-actions button{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border:0;border-radius:10px;background:transparent;color:#938e9e;cursor:pointer}.completed-row-actions>button:not(.completed-restore):hover,.pinned-link-actions button:hover,.task-actions button:hover{background:#f1eef8;color:var(--violet);transform:translateY(-1px)}.completed-row-actions>button.danger:hover,.pinned-link-actions button.danger:hover,.task-actions button.danger:hover{background:#fff0f1;color:#d85f6d}.completed-row-actions svg,.pinned-link-actions svg,.task-actions svg{width:14px}.completed-row-actions{display:flex;width:100%;align-items:center;gap:4px;padding:4px 0}.completed-row-actions .completed-restore{display:flex;min-width:0;flex:1;align-items:center;gap:10px;border:0;background:transparent;padding:7px 3px;color:#918d9a;cursor:pointer;text-align:left}.completed-row-actions .completed-restore>span{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border-radius:8px;color:white}.completed-row-actions .completed-restore s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-row-actions .completed-restore small{margin-left:auto;color:var(--violet)}@media (max-width:760px){.pinned-link-card{min-width:min(290px,calc(100vw - 45px))}.task-actions{gap:0}.task-actions button{width:30px}}.td-loading{display:grid;min-height:100vh;place-content:center;place-items:center;gap:10px;color:var(--violet)}.td-loading span{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:var(--violet);color:white;animation:td-pulse 1.4s ease-in-out infinite}.td-loading strong{color:var(--ink);font-size:22px}.td-auth{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);background:#f7f5fb}.auth-story,.td-auth{min-height:100vh;overflow:hidden}.auth-story{position:relative;display:flex;flex-direction:column;padding:42px clamp(42px,6vw,100px) 48px;background:radial-gradient(circle at 72% 12%,rgba(190,178,255,.6),transparent 27rem),radial-gradient(circle at 7% 88%,rgba(255,210,221,.55),transparent 24rem),linear-gradient(145deg,#f7f4ff,#f0ecfb 60%,#fff7f7)}.auth-story:after{position:absolute;width:340px;height:340px;border:1px solid rgba(118,103,232,.12);border-radius:50%;content:"";right:-150px;top:30%}.auth-brand{position:relative;z-index:2;display:flex;align-items:center;gap:11px}.auth-brand>span{display:grid;width:42px;height:42px;place-items:center;border-radius:14px;background:linear-gradient(145deg,#8c7df4,#6453d6);box-shadow:0 12px 30px rgba(89,71,199,.22);color:white}.auth-brand svg{width:19px}.auth-brand strong{font-size:22px;letter-spacing:-.06em}.auth-brand small{padding-left:3px;color:#8a8497;font-size:12px}.auth-copy{position:relative;z-index:2;max-width:670px;margin:auto 0 34px}.auth-card-label,.auth-kicker,.onboarding-kicker{color:#7667e8;font-size:12px;font-weight:800;letter-spacing:.045em;line-height:1.35}.auth-copy h1{max-width:660px;margin:17px 0 18px;font-size:clamp(44px,5.3vw,78px);font-weight:800;letter-spacing:-.035em;line-height:.98}.auth-copy h1 em{display:block;color:#7667e8;font-family:inherit;font-style:normal;font-weight:800}.auth-copy>p{max-width:560px;margin:0;color:#6f697a;font-size:17px;line-height:1.65}.auth-points{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:30px}.auth-points>div{display:flex;min-width:205px;align-items:center;gap:10px}.auth-points>div>svg{width:17px;color:#7667e8}.auth-points small,.auth-points strong{display:block}.auth-points strong{font-size:13px}.auth-points small{margin-top:2px;color:#8e8997;font-size:12px}.auth-demo{position:relative;z-index:2;display:grid;width:min(590px,86%);grid-template-columns:1fr auto;gap:16px;border:1px solid rgba(255,255,255,.9);border-radius:25px;background:rgba(255,255,255,.72);box-shadow:0 25px 70px rgba(64,50,120,.11);padding:23px;backdrop-filter:blur(22px)}.demo-date small,.demo-date strong{display:block}.demo-date small{color:#9a94a4;font-size:9px;font-weight:800;letter-spacing:.12em}.demo-date strong{margin-top:4px;font-size:18px}.demo-progress{display:flex;align-items:center;gap:9px}.demo-progress>span{position:relative;display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:conic-gradient(#7667e8 var(--demo-progress),#ebe8f0 0)}.demo-progress>span:before{position:absolute;width:35px;height:35px;border-radius:50%;background:white;content:""}.demo-progress b{position:relative;z-index:1;font-size:10px}.demo-progress small,.demo-progress strong{display:block}.demo-progress strong{font-size:11px}.demo-progress small{color:#96919e;font-size:9px}.demo-task{display:flex;grid-column:1/-1;align-items:center;gap:12px;border-radius:16px;background:white;padding:13px 16px;box-shadow:0 9px 25px rgba(55,47,88,.06)}.demo-task>i{width:4px;height:30px;border-radius:8px;background:#f06f7c}.demo-task>svg{width:18px;color:#f06f7c}.demo-task small,.demo-task strong{display:block}.demo-task strong{font-size:12px}.demo-task small{margin-top:3px;color:#9994a1;font-size:9px}.auth-lumi{position:absolute;z-index:3;right:clamp(20px,4vw,72px);bottom:2px;width:clamp(120px,13vw,190px);filter:drop-shadow(0 18px 18px rgba(80,63,130,.15));animation:auth-lumi-float 3.5s ease-in-out infinite}.auth-entry{position:relative;display:grid;min-height:100vh;place-items:center;padding:42px;background:rgba(255,255,255,.78)}.auth-card{width:min(430px,100%);border:1px solid #ece8f2;border-radius:30px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(55,45,92,.1);padding:38px;animation:auth-card-in .6s cubic-bezier(.2,.8,.2,1) both}.auth-card-lumi{display:flex;align-items:center;gap:8px;margin:-87px 0 12px auto;justify-content:flex-end}.auth-card-lumi img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(72,58,120,.12))}.auth-card-lumi span{position:relative;border:1px solid #e7e2f4;border-radius:14px 14px 2px 14px;background:white;padding:9px 11px;color:#6e6879;font-size:12px;line-height:1.4}.auth-card h2{margin:11px 0 10px;font-size:31px;letter-spacing:-.025em}.auth-card>p{margin:0 0 25px;color:#777180;font-size:14px;line-height:1.6}.auth-card label>span{display:block;margin-bottom:8px;font-size:12px;font-weight:700}.auth-card label>div{display:flex;align-items:center;gap:10px;border:1px solid #dfdbe8;border-radius:14px;background:#faf9fc;padding:0 14px;transition:.18s ease}.auth-card label>div:focus-within{border-color:#8b7ef0;background:white;box-shadow:0 0 0 4px rgba(118,103,232,.09)}.auth-card label svg{width:17px;color:#918b9d}.auth-card input{width:100%;border:0;outline:0;background:transparent;padding:15px 0}.auth-card>button{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;margin-top:14px;border:0;border-radius:14px;background:linear-gradient(135deg,#8576ef,#6757d9);box-shadow:0 13px 28px rgba(102,84,211,.24);padding:15px 18px;color:white;cursor:pointer;font-size:13px;font-weight:800;transition:.18s ease}.auth-card>button:hover{transform:translateY(-2px);box-shadow:0 17px 32px rgba(102,84,211,.3)}.auth-card>button svg{width:17px;color:white}.auth-note{display:block;margin-top:15px;color:#8d8797;font-size:11px;line-height:1.5;text-align:center}.auth-footer{position:absolute;bottom:20px;margin:0;color:#aaa5af;font-size:10px}.td-onboarding-backdrop,.tour-spotlight{position:fixed;inset:0;z-index:110;background:rgba(29,25,43,.38)}.td-onboarding-backdrop{backdrop-filter:blur(1px);display:grid;place-items:center;padding:20px}.td-onboarding-card{width:min(480px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(255,255,255,.9);border-radius:29px;background:white;box-shadow:0 34px 100px rgba(31,24,62,.28);padding:32px;animation:onboarding-in .38s cubic-bezier(.2,.8,.2,1) both}.td-onboarding-card.wide{width:min(650px,100%)}.onboarding-lumi{display:flex;height:80px;align-items:center;gap:4px;margin:-10px 0 3px -4px}.onboarding-lumi img{width:92px;height:92px;object-fit:contain}.onboarding-lumi span{border:1px solid #e8e3f3;border-radius:13px 13px 13px 2px;background:#fbfaff;padding:9px 11px;color:#696273;font-size:12px;line-height:1.35}.td-onboarding-card h2,.tour-callout h2{margin:10px 0 8px;font-size:29px;letter-spacing:-.045em}.td-onboarding-card>p,.tour-callout>p{margin:0;color:#777180;font-size:13px;line-height:1.55}.onboarding-name{display:block;margin-top:22px}.onboarding-name span{display:block;margin-bottom:7px;font-size:11px;font-weight:800}.custom-sphere input,.onboarding-name input{width:100%;border:1px solid #dfdbe8;border-radius:13px;outline:0;background:#faf9fc;padding:14px}.custom-sphere input:focus,.onboarding-name input:focus{border-color:#8779ed;box-shadow:0 0 0 4px rgba(118,103,232,.08)}.onboarding-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:24px}.onboarding-actions button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;padding:11px 14px;cursor:pointer;font-size:12px;font-weight:700}.onboarding-actions button svg{width:15px}.onboarding-actions .quiet{background:#f5f3f8;color:#777180}.onboarding-actions .quiet.icon{padding-inline:11px}.onboarding-actions .primary{background:#7667e8;color:white;box-shadow:0 8px 19px rgba(118,103,232,.22)}.sphere-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.sphere-options.existing{margin-top:15px}.sphere-options button{display:flex;min-height:100px;flex-direction:column;align-items:flex-start;border:1px solid #e8e4ee;border-radius:16px;background:#fff;padding:12px;cursor:pointer;text-align:left;transition:.18s ease}.sphere-options button:hover{border-color:#b5abef;transform:translateY(-2px);box-shadow:0 10px 25px rgba(71,58,119,.08)}.sphere-options button i{display:grid;width:31px;height:31px;place-items:center;border-radius:10px}.sphere-options button i svg{width:15px}.sphere-options button strong{margin-top:9px;font-size:12px}.sphere-options button small{margin-top:2px;color:#918b99;font-size:11px}.custom-sphere{display:flex;gap:8px;margin-top:12px}.custom-sphere button{flex:0 0 auto;border:0;border-radius:13px;background:#eeebfb;padding:0 15px;color:#6d5edb;cursor:pointer;font-size:11px;font-weight:800}.tour-spotlight{background:transparent;pointer-events:none}.tour-shade{position:fixed;display:block;background:rgba(27,23,40,.27);pointer-events:auto}.tour-shade-top{inset:0 0 auto;height:var(--tour-y,0)}.tour-shade-bottom{inset:calc(var(--tour-y, 0px) + var(--tour-h, 0px)) 0 0}.tour-shade-left{left:0;width:var(--tour-x,0)}.tour-shade-left,.tour-shade-right{top:var(--tour-y,0);height:var(--tour-h,0)}.tour-shade-right{left:calc(var(--tour-x, 0px) + var(--tour-w, 0px));right:0}.tour-focus-ring{position:fixed;left:var(--tour-x,0);top:var(--tour-y,0);width:var(--tour-w,0);height:var(--tour-h,0);border:3px solid rgba(139,124,241,.96);border-radius:20px;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 14px 42px rgba(27,20,55,.24);animation:tour-ring 1.7s ease-in-out infinite}.tour-highlight{position:relative!important;z-index:115!important;isolation:isolate;filter:none!important;opacity:1!important}.tour-callout{position:fixed;z-index:120;right:42px;bottom:34px;width:min(390px,calc(100vw - 40px));border:1px solid rgba(255,255,255,.85);border-radius:24px;background:white;box-shadow:0 28px 85px rgba(22,17,46,.3);padding:23px;animation:onboarding-in .35s ease both}.tour-lumi{display:flex;align-items:center;gap:8px;height:54px}.tour-lumi img{width:67px;height:67px;object-fit:contain}.tour-lumi span{color:#7667e8;font-size:11px;font-weight:800;letter-spacing:.08em}.tour-dots{display:flex;gap:5px;margin-top:16px}.tour-dots i{width:6px;height:6px;border-radius:99px;background:#ddd8e4;transition:.18s ease}.tour-dots i.active{width:20px;background:#7667e8}.tour-step-3{bottom:32px}.tour-step-4{left:270px;right:auto}.tour-step-5{right:150px}.settings-view .setting-row button{display:inline-flex;align-items:center;gap:6px}.settings-view .setting-row button svg{width:14px}@keyframes auth-lumi-float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}@keyframes auth-card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes onboarding-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes tour-focus{0%,to{filter:brightness(1)}50%{filter:brightness(1.035)}}@keyframes tour-ring{0%,to{opacity:.9}50%{opacity:1;box-shadow:0 0 0 6px rgba(255,255,255,.96),0 18px 48px rgba(27,20,55,.3)}}@keyframes td-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@media (max-width:980px){.td-auth{grid-template-columns:1fr minmax(390px,.8fr)}.auth-story{padding-inline:38px}.auth-copy h1{font-size:48px}.auth-points>div:nth-child(3){display:none}.auth-lumi{width:120px;right:10px}}@media (max-width:760px){.td-auth{display:block;min-height:100svh;background:linear-gradient(160deg,#f2edff,#fff7f7)}.auth-story{min-height:auto;padding:25px 22px 185px;background:transparent}.auth-brand{margin-bottom:44px}.auth-copy{margin:0}.auth-copy h1{margin-top:12px;font-size:clamp(36px,10vw,42px);line-height:1.04;letter-spacing:-.025em}.auth-copy>p{font-size:15px;line-height:1.55}.auth-demo,.auth-points{display:none}.auth-lumi{right:17px;bottom:2px;width:155px}.auth-entry{min-height:auto;margin-top:-133px;padding:20px 16px 38px;background:transparent}.auth-card{border-radius:25px;padding:28px 22px}.auth-card-lumi{display:none}.auth-card h2{font-size:28px;line-height:1.14;letter-spacing:-.02em}.auth-footer{display:none}.td-onboarding-card{padding:22px 19px}.sphere-options{grid-template-columns:repeat(2,1fr)}.sphere-options button{min-height:90px}.tour-callout,.tour-step-3,.tour-step-4,.tour-step-5{top:var(--tour-card-top,12px);right:auto;bottom:auto;left:var(--tour-card-left,12px);width:min(272px,calc(100vw - 24px));max-height:min(230px,calc(100svh - 24px));overflow:auto;border-radius:16px;padding:11px 12px;box-shadow:0 18px 52px rgba(22,17,46,.24)}.tour-callout h2{margin:2px 0 4px;font-size:16px;line-height:1.2;letter-spacing:-.01em}.tour-callout>p{font-size:11px;line-height:1.38}.tour-lumi{height:27px;gap:3px}.tour-lumi img{width:30px;height:30px}.tour-lumi span{font-size:10px}.tour-dots{margin-top:6px}.tour-callout .onboarding-actions{gap:4px;margin-top:8px}.tour-callout .onboarding-actions button{min-height:32px;border-radius:9px;padding:6px 9px;font-size:10px}.tour-callout .onboarding-actions .quiet:first-child{margin-right:auto}.tour-focus-ring{border-width:2px;border-radius:17px;box-shadow:0 0 0 3px rgba(255,255,255,.92),0 12px 34px rgba(27,20,55,.22)}.custom-sphere{flex-direction:column}.custom-sphere button{min-height:42px}}@media (prefers-reduced-motion:reduce){.auth-lumi,.td-loading span,.tour-focus-ring,.tour-highlight{animation:none!important}}.area-nav-item{display:flex;align-items:center;border-radius:13px;transition:background .18s ease,box-shadow .18s ease}.area-nav-item.active,.area-nav-item:hover{background:white;box-shadow:0 7px 20px rgba(61,54,99,.07)}.area-nav .area-nav-item .area-select{min-width:0;flex:1;box-shadow:none}.area-nav .area-nav-item .area-select:hover{background:transparent;box-shadow:none}.area-nav-item .area-select>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-controls{display:flex;flex:0 0 auto;gap:2px;padding-right:6px;opacity:0;transform:translateX(4px);transition:opacity .16s ease,transform .16s ease}.area-nav-item.active .area-controls,.area-nav-item:focus-within .area-controls,.area-nav-item:hover .area-controls{opacity:1;transform:none}.area-nav .area-controls button{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;padding:0;color:#938d9d}.area-nav .area-controls button:hover{background:#f1eef8;color:var(--violet)}.area-nav .area-controls button.danger:hover{background:#fff0f1;color:#d85f6d}.area-controls svg{width:13px}@media (max-width:760px){.mobile-area-tabs>.mobile-area-item{display:flex;height:37px;flex:0 0 auto;align-items:center;border-radius:12px;background:transparent;transition:.16s ease}.mobile-area-tabs>.mobile-area-item.active{background:white;box-shadow:0 5px 15px rgba(64,53,105,.1)}.mobile-area-item .mobile-area-select{display:inline-flex;height:37px;align-items:center;gap:6px;border:0;background:transparent;padding:0 9px;color:#85808f;cursor:pointer;font-size:11px;font-weight:600}.mobile-area-item.active .mobile-area-select{color:var(--ink);font-weight:700}.mobile-area-item .mobile-area-select i{width:7px;height:7px;flex:0 0 auto;border-radius:50%}.mobile-area-item>span{display:flex;gap:1px;padding-right:4px}.mobile-area-item>span button{display:grid;width:25px;height:27px;place-items:center;border:0;border-radius:8px;background:#f1edfb;color:#766f80}.mobile-area-item>span button:last-child{color:#d46774}.mobile-area-item>span svg{width:12px}.mobile-area-item>span{opacity:1}.mobile-area-add{min-width:84px;justify-content:center;border:1px dashed #cfc7e9!important;background:#faf8ff!important;color:#6e60d7!important}.td-onboarding-backdrop{align-items:end;padding:12px;background:rgba(29,25,43,.1);backdrop-filter:none}.td-onboarding-card,.td-onboarding-card.wide{width:min(340px,100%);border-radius:19px;padding:16px;box-shadow:0 18px 52px rgba(31,24,62,.2)}.td-onboarding-card.onboarding-intro{max-height:min(380px,calc(100svh - 110px));margin:0 auto calc(82px + env(safe-area-inset-bottom))}.td-onboarding-card.onboarding-spheres{max-height:min(56svh,470px);margin:0 auto calc(82px + env(safe-area-inset-bottom))}.onboarding-lumi{height:34px;margin:-2px 0 2px}.onboarding-lumi img{width:40px;height:40px}.onboarding-lumi span{padding:6px 9px;font-size:10px}.td-onboarding-card h2{margin:5px 0;font-size:20px;line-height:1.15;letter-spacing:-.015em}.td-onboarding-card>p{font-size:12px;line-height:1.42}.onboarding-kicker{font-size:9px;letter-spacing:.035em}.onboarding-name{margin-top:12px}.onboarding-name input{padding:11px 12px}.onboarding-actions{margin-top:12px}.onboarding-actions button{min-height:36px;padding:8px 11px;font-size:11px}.onboarding-spheres .sphere-options{gap:6px;margin-top:10px}.onboarding-spheres .sphere-options button{min-height:72px;border-radius:13px;padding:9px}.onboarding-spheres .sphere-options button i{width:27px;height:27px}.onboarding-spheres .sphere-options button strong{margin-top:5px}.onboarding-spheres .sphere-options button small{display:none}.onboarding-spheres .custom-sphere{margin-top:8px}.onboarding-spheres .custom-sphere input{padding:11px 12px}.area-header-actions{gap:4px}.area-header-actions>button:not(.profile-bubble){display:flex;width:auto;height:34px;align-items:center;justify-content:center;gap:5px;border-radius:11px;padding:0 9px}.area-header-actions .area-action-button span{display:inline;font-size:10px;font-weight:700}.area-header-actions .profile-bubble{width:38px;height:38px;border-radius:13px}}@media (min-width:761px){.area-header-actions .area-action-button span{display:none}}