:root{font-family:DM Sans,system-ui,sans-serif;color:#152142;background:#f8f9fd;font-synthesis:none;--bg: #f8f9fd;--surface: #fff;--text: #152142;--muted: #737b92;--border: #e7e9f1;--primary: #5452d9;--soft: #eeeefd;--shadow: 0 8px 28px #25335f05;color-scheme:light}.dark{--bg: #111721;--surface: #1a2130;--text: #f3f4fc;--muted: #a2acc3;--border: #303a4c;--primary: #8e8aff;--soft: #292d50;--shadow: none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{transition:background .16s,box-shadow .16s}button:focus-visible,a:focus-visible{outline:3px solid #7470f5;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #8e8aff;outline-offset:1px}a{color:var(--primary)}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif}h1{font-size:clamp(28px,3.1vw,42px);letter-spacing:-1.6px;margin:9px 0 12px;font-weight:800;line-height:1.2}h2{font-size:23px;letter-spacing:-.7px;margin:0 0 16px}h3{font-size:17px}p{line-height:1.65}small{font-size:12px}.quiet{color:var(--muted);font-size:14px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--muted)}.topbar{height:88px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text);font-weight:800;font-size:24px;letter-spacing:-.9px}.brand-label{font:500 9px DM Sans,sans-serif;letter-spacing:1.5px;color:var(--muted);margin-left:28px;border-left:1px solid var(--border);padding-left:28px}.brand-mark{width:42px;height:38px;position:relative;display:inline-block;flex-shrink:0}.brand-mark i{position:absolute;width:26px;height:26px;border-radius:50%;background:#ff9489;left:0;top:2px;opacity:.87}.brand-mark i:nth-child(2){background:#ffce78;left:15px;top:0}.brand-mark i:nth-child(3){background:#74d3c3;left:15px;top:14px}.header-actions{display:flex;align-items:center;gap:20px}.avatar{width:35px;height:35px;background:#eee8df;border:3px solid var(--surface);outline:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-size:12px;color:#554b46}.icon-button{border:0;background:transparent;color:var(--muted);font-size:23px;min-width:36px;min-height:36px;display:inline-grid;place-items:center;border-radius:9px}.icon-button:hover{background:var(--soft)}.app-shell{display:flex;max-width:1700px;margin:auto}.sidebar{width:224px;flex-shrink:0;border-right:1px solid var(--border);padding:40px 20px;min-height:calc(100vh - 88px);display:flex;flex-direction:column}.nav-label{font-size:10px;letter-spacing:1.6px;color:var(--muted);padding-left:17px;margin-bottom:20px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{background:transparent;border:none;display:flex;align-items:center;gap:13px;color:var(--muted);text-align:left;padding:14px 17px;border-radius:10px;font-size:13px;font-weight:550}.sidebar nav button span{font-size:20px;width:20px}.sidebar nav button.active{background:var(--soft);color:var(--primary);font-weight:700}.sidebar-note{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:22px;margin:65px 3px 20px}.sidebar-note>span{font-size:25px;color:#aca1d5;display:block;margin-bottom:14px}.sidebar-note strong{font:700 15px Manrope,sans-serif;line-height:1.6}.sidebar-note p{font-size:12px;color:var(--muted);margin:10px 0 0}.signout{margin-top:auto;text-align:left}.workspace{min-width:0;width:100%;padding:42px 5% 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:29px}.page-heading p{color:var(--muted);font-size:15px;margin:0}.primary,.secondary,.danger-button{border-radius:10px;padding:12px 20px;border:1px solid transparent;font-size:13px;font-weight:650;min-height:44px;white-space:nowrap}.primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #5552d914}.primary:hover{background:#4543bf}.primary span{font-size:19px;margin-right:6px}.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.secondary:hover{background:var(--soft)}.text-button{background:none;border:0;color:var(--muted);padding:9px;font-size:12px;border-radius:7px;min-height:36px}.text-button:hover,.text-button.active{color:var(--primary);background:var(--soft)}.danger{color:#b44543}.danger-button{background:#c84443;color:#fff}.stats{display:flex;align-items:center;gap:14px;margin:0 0 26px}.stats>div{flex:1;display:flex;align-items:center;gap:15px;padding:20px 21px;background:var(--surface);border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}.stats strong{font:800 26px Manrope,sans-serif;display:block;line-height:1.25}.stats small{display:block;color:var(--muted);margin-top:3px}.stat-icon{font-size:23px;width:46px;height:46px;border-radius:12px;display:grid;place-items:center}.lavender{color:#7770c8;background:#f0edff}.peach{color:#ce856c;background:#fff0e8}.mint{color:#509a86;background:#e8f6ef}.stats>p{font-size:11px;min-width:110px;color:var(--muted);padding-left:10px}.stats>p strong{font:600 11px DM Sans,sans-serif;line-height:2}.search-row{display:flex;gap:12px}.search{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface);flex:1;padding:0 17px;margin:0}.search>span{font-size:26px;color:#a4aabb}.search input{border:0;background:transparent;width:100%;padding:15px 0;font-size:13px;margin:0}.search input:focus{outline:none}.view-row{display:flex;gap:15px;align-items:center;margin:21px 0 8px;flex-wrap:wrap}.segmented{display:flex;padding:4px;border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:3px}.segmented button{border:0;padding:8px 19px;background:transparent;color:var(--muted);border-radius:7px;font-size:12px;min-height:34px}.segmented button.active{background:var(--soft);color:var(--primary);font-weight:650}.view-row>.quiet{font-size:11px}.layout-actions{margin-left:auto;display:flex;gap:8px}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 0}.bubble-surface{position:relative;margin:4px -10px 0}.bubble-board{position:relative;width:100%;min-height:420px}.bubble{position:absolute;border:none;border-radius:48% 52% 47% 53%/50% 46% 54% 50%;color:#14233c;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px;gap:6px;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;box-shadow:none;overflow:hidden}.bubble:nth-child(3n){border-radius:50% 46% 53% 47%/46% 50% 50% 54%}.bubble:nth-child(2n){border-radius:49% 51% 48% 52%/52% 49% 51% 48%}.bubble:hover{box-shadow:0 0 0 6px #aeb4cf25}.bubble:active{cursor:grabbing}.bubble.dragging{z-index:3;cursor:grabbing;box-shadow:0 8px 22px #25335f28,0 0 0 5px #aeb4cf38}.bubble strong{font-family:Manrope,sans-serif;font-weight:750;font-size:clamp(11px,1.3vw,17px);line-height:1.3;max-width:95%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.bubble-icon{font-size:29px;line-height:1}.bubble-tag{font-size:10px;padding:3px 9px;border-radius:30px;background:#ffffff60;max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble-priority{font-size:9px;font-weight:600;opacity:.75}.bubble-accent{width:25px;height:3px;background:#14233c26;border-radius:4px;margin-top:4px}.bubble.complete{opacity:.65}.arranging .bubble{touch-action:none;cursor:grab}.arranging .bubble:active{cursor:grabbing;z-index:2}.arrange-hint{text-align:center;background:var(--soft);padding:10px;border-radius:10px;color:var(--primary);font-size:12px}.legend{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:22px 0 15px;gap:15px}.legend>div{display:flex;gap:22px;flex-wrap:wrap}.legend>div>span{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.high{background:#ff9387}.medium{background:#ffd17e}.low{background:#9cddd5}.legend p{font-size:10px;color:var(--muted);margin:0}.legend p span{margin:0 8px}.workspace-footer{border-top:1px solid var(--border);padding-top:20px;margin-top:25px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.workspace-footer span{font-size:8px;letter-spacing:1.6px}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 0}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:20px;min-width:0}.group-heading{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:0;color:var(--text);padding:0}.group-heading>span:first-child{display:flex;align-items:center;gap:10px}.group-heading strong{font:750 17px Manrope,sans-serif}.group-heading small{color:var(--muted)}.group-icon{width:30px;height:30px;border-radius:9px;background:var(--soft);color:var(--primary);display:grid;place-items:center}.mini-bubbles{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:25px 0 6px}.mini-bubbles button{border:0;border-radius:48%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#14233c;padding:13px}.mini-bubbles strong{font-size:12px;line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mini-bubbles span{font-size:24px}.mini-bubbles small{font-size:9px}.group-list{display:grid;padding-top:20px}.group-list button{padding:13px 0;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);color:var(--text);font-size:13px}.group-list span{float:right;font-size:10px;color:var(--muted)}.task-list{margin:25px 0;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:0 22px}.task-list article{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}.task-list article:last-child{border:0}.check-task{width:22px;height:22px;flex-shrink:0;border:1.5px solid #c4c9d7;border-radius:6px;background:var(--surface);color:#fff}.check-task.checked{background:var(--primary);border-color:var(--primary)}.task-title{text-align:left;background:none;border:0;color:var(--text);flex:1;min-width:0}.task-title strong{font-size:14px;display:block;overflow-wrap:anywhere}.task-title>span{font-size:11px;color:var(--muted);margin-top:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.priority-pill{font-size:10px;padding:5px 10px;border-radius:20px;color:#27334c}.p1{background:#d7eee9}.p2{background:#fff0d0}.p3{background:#ffe3dd}.task-date{font-size:11px;color:var(--muted)}.chip{display:inline-block;font-size:10px;padding:4px 9px;border-radius:6px;background:var(--soft);color:var(--primary)}.empty-state{text-align:center;padding:65px 20px}.empty-state>span{font-size:80px;color:#c7c3e9}.empty-state h2{margin-top:15px}.empty-state p{color:var(--muted);font-size:14px}.empty-small{font-size:13px;color:var(--muted);text-align:center;padding:25px}.panel{padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:15px;margin:20px 0;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.section-heading h2{margin:0}.section-heading p{margin-bottom:0}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.management-grid .panel{margin:0 0 20px}.management-row{display:flex;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid var(--border);font-size:13px;overflow-wrap:anywhere}.management-row>span:first-child,.management-row>button:first-child{flex:1}.management-row small{display:block;color:var(--muted);margin-top:5px}.inline-form{display:flex;align-items:end;gap:15px;margin-top:25px}.inline-form label{flex:1}.inline-form button{margin-bottom:18px}label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:18px}input,textarea,select{display:block;width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;padding:12px 13px;margin-top:7px;font-size:14px;line-height:1.4}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#9ca2b5}input[type=checkbox]{width:20px;height:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid .wide{grid-column:1/-1}.form-grid>button{justify-self:start}.required{color:#c86561}.button-row{display:flex;gap:10px;flex-wrap:wrap}.plugin-logo{background:#fff0e8;color:#e28b57;font-size:40px;width:70px;height:70px;border-radius:15px;display:grid;place-items:center}.plugin-name{display:flex;gap:20px;align-items:center}.plugin-name p{font-size:13px;color:var(--muted)}details{margin-top:15px}summary{cursor:pointer;font-size:13px;color:var(--primary);padding:9px 0}.tool-description{border-top:1px solid var(--border);padding:15px;font-size:13px}.tool-description p{color:var(--muted);margin:8px 0}.tool-description small{font-size:11px;color:var(--muted)}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:16px;border-radius:9px;font-size:12px;max-height:340px;overflow:auto}.code-input{font:12px/1.6 monospace}.confirmation{background:var(--bg);border:1px solid #e5b081;padding:20px;border-radius:12px;margin-top:25px}.field-preview{padding:12px 0 20px}.field-preview .chip{margin:0 8px 8px 0}.suggestion{display:flex;align-items:center;gap:10px;padding:15px 0;border-top:1px solid var(--border)}.suggestion>div{flex:1}.suggestion p,.suggestion small{color:var(--muted);font-size:12px}.suggestion p{margin:5px 0}.error,.info,.success,.dev-banner{border-radius:9px;padding:13px 16px;font-size:12px;line-height:1.6}.error{background:#fff0ee;color:#ad3535;display:flex;align-items:center;justify-content:space-between;gap:10px}.info{background:var(--soft);color:var(--primary)}.success{background:#e3f4eb;color:#286445}.dev-banner{border:1px dashed #d3af67;background:#fff8e7;color:#866727;margin-bottom:22px}.toast{position:fixed;bottom:30px;right:25px;background:var(--text);color:var(--surface);padding:14px 20px;border-radius:12px;box-shadow:0 7px 35px #0002;font-size:12px;z-index:10;display:flex;gap:15px;align-items:center;max-width:90vw}.toast button{background:none;border:0;color:inherit;font-size:20px}.spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:100px 0;color:var(--muted);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid var(--border);color:var(--text);background:var(--surface);border-radius:22px;box-shadow:0 20px 100px #0d1a3330;padding:30px;width:calc(100% - 30px);max-height:92dvh;overflow:auto}dialog::backdrop{background:#101a385f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.task-dialog{max-width:650px}.small-dialog{max-width:430px}.small-dialog>p{font-size:14px;color:var(--muted)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;border-top:1px solid var(--border);padding-top:22px;margin-top:25px;flex-wrap:wrap}.dialog-actions>.danger{margin-right:auto}.voice-box{padding:17px;border:1px solid var(--border);border-radius:12px;margin-bottom:22px;background:var(--bg)}.voice-box .section-heading{font-size:12px;margin-bottom:10px}.voice-box small{font-size:10px;color:var(--muted);display:block;line-height:1.6}.recording{color:#d05049;font-size:13px}.voice-box label{margin-top:18px}fieldset{border:1px solid var(--border);border-radius:11px;padding:15px;margin:0 0 20px}legend{font-size:12px;color:var(--muted);padding:0 5px}.tag-picker{display:flex;gap:8px;flex-wrap:wrap}.tag-picker button{background:var(--bg);border:1px solid var(--border);color:var(--muted);font-size:12px;padding:7px 11px;border-radius:7px}.tag-picker button.selected{background:var(--soft);border-color:#b6b3ef;color:var(--primary)}.tag-picker small{color:var(--muted)}.welcome{max-width:750px;padding:70px 25px;text-align:center;margin:auto}.welcome h1{font-size:clamp(36px,5vw,58px);line-height:1.15;margin-top:20px}.welcome p{color:var(--muted)}.welcome-bubbles{display:flex;justify-content:center;align-items:center;gap:15px;margin:35px 0}.welcome-bubbles span{width:120px;height:120px;display:grid;place-items:center;background:#a6ded4;border-radius:48%;color:#24314a;font-weight:650;font-size:13px}.welcome-bubbles span:nth-child(2){width:160px;height:160px;background:#ffb49e}.welcome-bubbles span:nth-child(3){background:#ffda92;width:100px;height:100px}.bottom-nav,.mobile-menu{display:none}@media(min-width:1400px){.workspace{padding-left:70px;padding-right:70px}.bubble strong{font-size:17px}}@media(max-width:1100px){.sidebar{width:188px;padding:32px 13px}.workspace{padding:32px 30px}.brand-label{display:none}.stats>p{display:none}.stats>div{padding:16px 15px}.legend{flex-direction:column;align-items:center}.group-grid{grid-template-columns:1fr}.layout-actions{gap:0}.view-row>.quiet{display:none}.management-grid{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.task-date{display:none}}@media(max-width:700px){.topbar{height:72px;padding:0 16px;gap:12px}.brand{font-size:19px;gap:8px;letter-spacing:-.6px}.brand-mark{width:32px;height:30px;transform:scale(.8);transform-origin:left center;margin-right:-5px}.header-actions{gap:4px}.avatar{display:none}.mobile-menu{display:inline-grid;font-size:22px}.sidebar{display:none;position:fixed;left:0;top:72px;bottom:70px;z-index:20;background:var(--surface);width:245px;box-shadow:10px 20px 40px #0002;min-height:0;overflow:auto}.sidebar.show{display:flex}.sidebar-note{margin-top:30px}.workspace{padding:27px 20px 100px}.eyebrow{font-size:9px;letter-spacing:1.6px}h1{font-size:29px;letter-spacing:-1.2px;margin-top:8px}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading p{font-size:13px}.add-task{position:fixed;bottom:94px;right:22px;z-index:8;border-radius:50%;width:56px;height:56px;font-size:0;padding:0;box-shadow:0 6px 15px #5452d930;min-width:0}.add-task span{font-size:32px;margin:0}.stats{gap:8px;margin-bottom:20px}.stats>div{padding:14px 8px;gap:8px;justify-content:center;border-radius:12px}.stat-icon{width:28px;height:34px;border-radius:8px;font-size:19px}.stats strong{font-size:23px}.stats small{font-size:9px}.search-row{gap:8px}.search{padding:0 12px}.search-row>.secondary{padding:10px 14px}.search input{font-size:13px}.search-row>.secondary span{display:none}.view-row{gap:8px;margin-top:16px}.segmented button{padding:7px 11px;font-size:11px}.layout-actions{margin-left:auto}.text-button{font-size:11px;padding:7px}.layout-actions .text-button{font-size:10px}.bubble-surface{margin:0 -8px}.bubble strong{font-size:12px}.bubble-icon{font-size:23px}.bubble{padding:9px;gap:3px}.bubble-priority{font-size:8px}.bubble-accent{margin-top:2px;width:18px;height:2px}.legend{margin-top:5px;padding:20px 0;gap:13px}.legend>div{gap:15px}.legend>div>span{font-size:10px}.legend p{font-size:10px}.filters{grid-template-columns:1fr 1fr;gap:0 10px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:9px 12px max(10px,env(safe-area-inset-bottom));z-index:15;box-shadow:0 -5px 20px #20284203}.bottom-nav button{flex:1;border:0;background:none;color:var(--muted);font-size:10px;padding:5px;display:flex;flex-direction:column;align-items:center;gap:5px}.bottom-nav button>span{font-size:23px;line-height:1}.bottom-nav button.active{color:var(--primary);position:relative}.bottom-nav button.active:before{content:"";position:absolute;top:-9px;width:28px;height:3px;border-radius:4px;background:var(--primary)}.workspace-footer{display:none}.toast{bottom:85px;right:12px;font-size:11px;padding:12px 16px;max-width:calc(100vw - 24px)}.group-grid{gap:16px;padding-top:17px}.group-card{padding:18px 15px}.group-heading strong{font-size:16px}.group-heading small{font-size:11px}.mini-bubbles{gap:7px}.mini-bubbles button{max-width:145px;max-height:145px}.task-list{padding:0 13px;margin-top:18px}.task-list article{gap:10px;padding:17px 0}.task-title strong{font-size:12px}.task-title>span{font-size:10px}.priority-pill{font-size:9px;padding:4px 7px}.task-list .icon-button{min-width:24px;font-size:20px}.panel{padding:20px 17px}.section-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.section-heading h2,h2{font-size:21px}.management-grid{gap:0}.management-row{gap:8px}.plugin-name{gap:12px}.plugin-logo{width:45px;height:45px;font-size:30px;flex-shrink:0}.plugin-name p{font-size:12px}.form-grid{gap:0 12px}.primary,.secondary,.danger-button{font-size:12px;padding:11px 15px}dialog{padding:22px 19px;border-radius:17px;max-height:94dvh}.dialog-actions{gap:8px}.voice-box{padding:13px}.voice-box .section-heading{align-items:center}.suggestion{flex-wrap:wrap}.suggestion>div{flex-basis:100%}input,select,textarea{font-size:16px}.code-input{font-size:12px}.dev-banner{font-size:10px}.welcome-bubbles{gap:8px}.welcome-bubbles span{width:95px;height:95px;font-size:11px}.welcome-bubbles span:nth-child(2){width:125px;height:125px}.welcome-bubbles span:nth-child(3){width:80px;height:80px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--bg: #f3f3eb;--surface: #fffefa;--text: #17302d;--muted: #74817a;--border: #dfe4da;--primary: #245b4e;--soft: #e9f1e9;--shadow: 0 16px 42px #17302d0b;color:var(--text);background:radial-gradient(ellipse at 87% 4%,#e5eee4 0,transparent 29rem),var(--bg)}:root.dark{--bg: #111b1b;--surface: #1a2826;--text: #f2f3e8;--muted: #a1aea5;--border: #33433e;--primary: #8fceb0;--soft: #263b34;--shadow: 0 16px 42px #0003;background:radial-gradient(ellipse at 88% 4%,#203a32 0,transparent 31rem),var(--bg)}body{min-height:100vh;background:transparent;letter-spacing:-.01em}::selection{background:#b8dec7;color:#163c30}.topbar{height:78px;position:sticky;top:0;padding-inline:clamp(22px,4vw,64px);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{gap:12px;font-size:21px;letter-spacing:-1.1px}.brand-mark{transform:rotate(-8deg)}.brand-mark i{box-shadow:0 3px 10px #17302d16}.brand-mark i:first-child{background:#f48e7b}.brand-mark i:nth-child(2){background:#f5c65f}.brand-mark i:nth-child(3){background:#65bda5}.brand-label{border-color:var(--border)}.topbar-note{margin-left:auto;margin-right:28px;font-size:9px;letter-spacing:.2em;font-weight:700;color:var(--muted)}.header-actions{gap:14px}.icon-button{border-radius:50%;transition:transform .22s ease,background .22s ease,color .22s ease}.icon-button:hover{transform:rotate(-9deg)}.avatar{background:#e7c9aa;color:#533a2b}.app-shell{width:100%;max-width:none;margin:0;min-height:calc(100vh - 78px)}.sidebar{width:238px;min-height:calc(100vh - 78px);position:sticky;top:78px;align-self:flex-start;height:calc(100vh - 78px);padding:39px 19px 26px;border-right-color:color-mix(in srgb,var(--border) 72%,transparent)}.nav-label{font-size:9px;letter-spacing:.19em;font-weight:750}.sidebar nav{gap:5px}.sidebar nav button{position:relative;min-height:47px;border-radius:13px;padding:12px 14px;font-size:13px;transition:color .18s ease,background .18s ease,transform .18s ease}.sidebar nav button:hover{color:var(--text);background:color-mix(in srgb,var(--surface) 78%,var(--soft));transform:translate(2px)}.sidebar nav button.active{color:var(--primary);background:var(--soft)}.sidebar nav button.active:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--primary)}.sidebar-note{border-radius:18px;background:radial-gradient(circle at 100% 0,#d2e8d6 0,transparent 70%),var(--surface);box-shadow:var(--shadow);margin-top:auto;padding:19px}.dark .sidebar-note{background:radial-gradient(circle at 100% 0,#2b493a 0,transparent 70%),var(--surface)}.sidebar-note>span{color:#d88b62}.workspace{padding:clamp(34px,4.6vw,72px) clamp(26px,5.2vw,86px) 30px}.page-heading{position:relative;isolation:isolate;align-items:flex-end;margin-bottom:34px}.page-heading:after{content:"";position:absolute;z-index:-1;width:clamp(120px,17vw,240px);aspect-ratio:1;right:21%;top:-54px;border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);border-radius:50%;box-shadow:0 0 0 17px color-mix(in srgb,var(--primary) 3%,transparent),0 0 0 39px color-mix(in srgb,var(--primary) 2%,transparent);pointer-events:none}.page-heading:before{content:"";position:absolute;z-index:-1;width:13px;height:13px;right:calc(21% + 38px);top:-22px;border:3px solid var(--bg);border-radius:50%;background:#e88f76;box-shadow:0 0 0 1px #e88f7640}.page-heading h1{max-width:730px;font-size:clamp(38px,5vw,66px);line-height:1.04;letter-spacing:-.065em;margin:13px 0 12px;text-wrap:balance}.page-heading .eyebrow,.eyebrow{color:var(--primary);font-size:9px;letter-spacing:.22em}.page-heading p{color:var(--muted);font-size:15px}.primary,.secondary,.danger-button{border-radius:999px;padding-inline:22px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary{color:#f9f8f0;background:#245b4e;box-shadow:0 7px 18px #245b4e24}.primary:hover{background:#1a493e;box-shadow:0 10px 24px #245b4e36;transform:translateY(-2px)}.secondary{border-color:var(--border);border-radius:999px}.secondary:hover{transform:translateY(-1px)}.stats{gap:13px;margin-bottom:28px}.stats>div{position:relative;overflow:hidden;min-height:100px;border-radius:18px;padding:18px 22px;border-color:color-mix(in srgb,var(--border) 82%,transparent);transition:transform .22s ease,box-shadow .22s ease}.stats>div:hover{transform:translateY(-3px);box-shadow:0 18px 38px #17302d12}.stats>div:after{content:"";position:absolute;right:-30px;bottom:-52px;width:130px;height:90px;border:1px solid color-mix(in srgb,var(--primary) 12%,transparent);border-radius:50%;transform:rotate(-25deg)}.stat-icon{border-radius:50%;width:48px;height:48px}.lavender{color:#416a5b;background:#e4f0e6}.peach{color:#b8654d;background:#fff0e7}.mint{color:#387c67;background:#e3f2e8}.stats strong{letter-spacing:-.055em}.stats small{font-size:11px}.dashboard-controls{border-top:1px solid color-mix(in srgb,var(--border) 80%,transparent);padding-top:17px}.search-row{gap:10px}.search{border-radius:999px;padding-inline:18px;box-shadow:0 6px 18px #17302d06;transition:box-shadow .18s ease,border-color .18s ease}.search:focus-within{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 9%,transparent)}.search>span{font-size:22px}.search input{font-size:13px}.view-row{gap:10px;margin:17px 0 13px}.segmented{border-radius:999px;padding:3px;background:color-mix(in srgb,var(--surface) 75%,var(--bg))}.segmented button{border-radius:999px;padding-inline:15px;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.segmented button.active{color:var(--text);background:var(--surface);box-shadow:0 2px 7px #17302d13}.text-button{transition:color .15s ease,background .15s ease}.filters{padding:17px;margin:13px 0;border:1px solid var(--border);border-radius:18px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.bubble-surface{isolation:isolate;overflow:hidden;margin:0;padding:17px 23px 13px;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);border-radius:25px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,#dfebdc 56%,transparent) 0,transparent 57%),linear-gradient(135deg,color-mix(in srgb,var(--surface) 94%,transparent),var(--surface));box-shadow:0 22px 60px #17302d08,inset 0 1px #ffffffa6}.dark .bubble-surface{background:radial-gradient(ellipse at 50% 45%,#283a31 0,transparent 59%),linear-gradient(135deg,#1c2927,var(--surface));box-shadow:inset 0 1px #ffffff0b}.bubble-surface:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.36;background-image:radial-gradient(color-mix(in srgb,var(--primary) 22%,transparent) .7px,transparent .7px);background-size:18px 18px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 72%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 24%,#000 72%,transparent);pointer-events:none}.orbit-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:.18em;font-weight:750}.orbit-label>span:first-child{display:flex;align-items:center;gap:8px}.orbit-label i{width:7px;height:7px;border-radius:50%;background:#5cae8a;box-shadow:0 0 0 4px #5cae8a1b}.arrange-hint{width:fit-content;max-width:100%;position:absolute;top:37px;left:50%;transform:translate(-50%);z-index:4;margin:0;padding:8px 13px;border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);font-size:10px;white-space:nowrap}.bubble-board{min-height:490px;margin-top:13px}.bubble{border:2px solid #ffffff72;box-shadow:inset 0 -13px 26px #17302d0b,0 14px 23px #243c3512;transition:box-shadow .22s ease,filter .22s ease}.bubble.overdue-high{animation:overdue-heartbeat 2.2s ease-in-out infinite;transform-origin:center}@keyframes overdue-heartbeat{0%,to{transform:scale(1)}9%{transform:scale(1.035)}18%{transform:scale(1)}27%{transform:scale(1.02)}38%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.bubble.overdue-high{animation:none}}.dark .bubble{border-color:#ffffff40;box-shadow:inset 0 -13px 26px #09161520,0 14px 24px #0003}.bubble:hover{filter:saturate(1.08);box-shadow:inset 0 -13px 26px #17302d0b,0 18px 30px #243c3522,0 0 0 5px #5f967c1b}.bubble.dragging{filter:saturate(1.12);box-shadow:inset 0 -13px 26px #17302d0b,0 22px 36px #243c3533,0 0 0 7px #5f967c20}.bubble strong{font-size:clamp(12px,1.35vw,17px);letter-spacing:-.03em}.bubble-tag{background:#fffefa9c;color:#354d42;font-weight:650}.bubble-accent{width:31px;background:#1b342d38}.legend{margin-top:4px;padding:17px 2px 4px;border-top-color:color-mix(in srgb,var(--border) 76%,transparent)}.legend-dot{width:11px;height:11px;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 8%,transparent)}.group-grid{gap:16px}.group-card,.panel,.task-list{border-radius:20px;border-color:color-mix(in srgb,var(--border) 90%,transparent);box-shadow:var(--shadow)}.group-card{padding:22px;transition:transform .22s ease,box-shadow .22s ease}.group-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px #17302d12}.group-icon{border-radius:50%}.mini-bubbles button{border:2px solid #ffffff85;box-shadow:inset 0 -8px 18px #17302d0a,0 8px 15px #17302d12;transition:transform .18s ease}.mini-bubbles button:hover{transform:translateY(-4px) rotate(-2deg)}.task-list{padding-inline:25px}.task-list article{transition:background .15s ease}.task-list article:hover{background:color-mix(in srgb,var(--soft) 45%,transparent)}.check-task,.check-task.checked{border-radius:50%}.panel{padding:28px}input,textarea,select{border-radius:12px;transition:border-color .16s ease,box-shadow .16s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 58%,var(--border));box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)}dialog{border-radius:26px;box-shadow:0 30px 100px #0d1a3350}dialog::backdrop{background:#12252288;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.task-dialog h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.055em}.bottom-nav{background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button.active:before{background:var(--primary)}.workspace-footer{border-color:color-mix(in srgb,var(--border) 76%,transparent);letter-spacing:.025em}.toast{border-radius:999px;box-shadow:0 18px 42px #14292330}@media(min-width:1400px){.workspace{padding-inline:clamp(38px,3.5vw,72px)}.bubble-board{min-height:520px}}@media(max-width:1100px){.topbar-note{display:none}}@media(max-width:700px){.topbar{height:70px;padding-inline:12px}.brand{font-size:17px}.brand-mark{transform:scale(.75) rotate(-8deg)}.sidebar{top:70px;border-radius:0 0 20px;box-shadow:15px 24px 50px #1225222b}.workspace{padding:26px 15px 100px}.page-heading{margin-bottom:20px}.page-heading h1{max-width:295px;font-size:clamp(34px,9vw,43px);line-height:1.02}.page-heading:after{width:112px;right:4px;top:-12px;opacity:.62}.page-heading:before{right:70px;top:15px}.add-task{border-radius:50%;box-shadow:0 8px 22px #245b4e45}.stats{gap:7px;margin-bottom:19px}.stats>div{min-height:75px;gap:7px;padding:11px 7px;border-radius:15px}.stat-icon{width:28px;height:28px;font-size:16px}.stats strong{font-size:21px}.stats small{font-size:8px}.dashboard-controls{padding-top:12px}.search-row>.secondary{border-radius:50%;min-width:45px;padding-inline:10px}.view-row{row-gap:8px}.layout-actions{width:100%;justify-content:flex-end}.bubble-surface{padding:14px 9px 12px;border-radius:20px}.orbit-label{font-size:8px;letter-spacing:.12em}.arrange-hint{position:relative;left:auto;top:auto;transform:none;width:100%;text-align:center;margin-top:10px;padding:7px 9px;font-size:9px;white-space:normal}.bubble-board{min-height:410px;margin-top:4px}.bubble{border-width:1.5px;box-shadow:inset 0 -8px 16px #17302d0b,0 8px 14px #243c3512}.legend{padding-top:16px}.legend>div{justify-content:center;gap:11px}.group-card{border-radius:18px}.panel{padding:21px 17px}dialog{border-radius:22px}}