@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.outline{outline-style:var(--tw-outline-style);outline-width:1px}}.auth-screen{background:radial-gradient(at 50% 36%,#edf5f2 0%,#f6f8fb 54%);align-content:center;place-items:center;gap:15px;min-height:100vh;padding:24px;display:grid}.auth-card{width:min(390px,100%);padding:30px 30px 25px}.auth-brand{margin:0 0 33px;padding:0}.auth-card h1{color:#283744;letter-spacing:-.6px;margin:8px 0 6px;font:700 23px Manrope}.auth-card>p{color:#89969f;margin:0 0 20px;font-size:12px;line-height:1.6}.auth-card .auth-submit{width:100%;height:40px;margin-top:22px}.auth-switch{text-align:center;color:#89969f;margin-top:18px;font-size:11px}.auth-switch button{color:#347a69;background:0 0;border:0;padding:3px;font-size:11px;font-weight:600}.auth-note{color:#a0aaaf;font-size:10px}.auth-error{color:#9e5d49;background:#fff9f6;border:1px solid #f0d6cc;border-radius:6px;padding:9px 10px;font-size:10px;line-height:1.5}.signout-button{color:#8a969f;background:0 0;border:0;padding:5px;font-size:10px}.signout-button:hover{color:#9e5d49}.account-copy{flex:1;min-width:0}.account-copy small{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.board-page{flex-direction:column;min-height:100vh;margin:0;display:flex}.board-topbar{flex:none;height:68px;padding:0 34px}.account-actions{align-items:center;gap:20px;display:flex}.user-email{text-overflow:ellipsis;white-space:nowrap;color:#71808a;max-width:220px;font-size:11px;overflow:hidden}.board-content{flex:1;min-width:0;padding:42px 34px 45px}.board-heading{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.board-heading h1{color:#1d2a37;letter-spacing:-1.1px;margin:8px 0 3px;font:700 30px Manrope}.board-heading p{color:#8a969f;margin:0;font-size:12px}.board-heading>.primary-button{height:38px}.project-strip{scrollbar-width:thin;scrollbar-color:#c7d5d1 #edf1f0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;grid-auto-columns:250px;grid-auto-flow:column;align-items:start;gap:14px;padding:2px 3px 18px;display:grid;overflow:auto hidden}.project-strip::-webkit-scrollbar{height:9px}.project-strip::-webkit-scrollbar-track{background:#edf1f0;border-radius:8px}.project-strip::-webkit-scrollbar-thumb{background:#c7d5d1;border:2px solid #edf1f0;border-radius:8px}.project-card{--card-accent:#448c78;--card-soft:#edf6f2;border:1px solid var(--card-accent);min-width:0;padding:15px 14px 13px}@supports (color:color-mix(in lab, red, red)){.project-card{border:1px solid color-mix(in srgb,var(--card-accent) 18%,#e5ebed)}}.project-card{background:linear-gradient(180deg,var(--card-soft) 0,var(--card-soft) 76px,#fff 76px);border-radius:11px;box-shadow:0 3px 12px #23344206}.project-card.color-mint{--card-accent:#38856d;--card-soft:#e9f4ed}.project-card.color-blue{--card-accent:#477bb3;--card-soft:#eaf2fa}.project-card.color-lilac{--card-accent:#8167ac;--card-soft:#f1edf8}.project-card.color-peach{--card-accent:#b9744e;--card-soft:#fbf0e8}.project-card.color-rose{--card-accent:#b56371;--card-soft:#faedf0}.project-card.color-aqua{--card-accent:#39868f;--card-soft:#e8f4f4}.project-card.color-gold{--card-accent:#9d812f;--card-soft:#f7f2df}.project-card.color-slate{--card-accent:#657889;--card-soft:#edf1f4}.project-card-head{justify-content:space-between;align-items:center;display:flex}.project-card-icon{background:var(--card-accent);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab, red, red)){.project-card-icon{background:color-mix(in srgb,var(--card-accent) 12%,white)}}.project-card-icon{color:var(--card-accent);font-size:16px}.project-card>h2{overflow-wrap:anywhere;color:#273642;letter-spacing:-.2px;margin:12px 0 13px;font:700 15px/1.4 Manrope}.project-card-progress{color:#8b979f;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:9px;display:flex}.project-card-progress b{color:var(--card-accent);font-size:10px}.project-card .progress-track{height:4px}.project-card .task-card{box-shadow:none;border-radius:7px;gap:8px;padding:9px 8px}.project-card .checkbox{border-radius:4px;width:15px;height:15px;font-size:10px}.project-card .task-line h3{overflow-wrap:anywhere;font-size:10px;line-height:1.5}.project-card .task-copy p{margin:5px 0 0;font-size:9px;line-height:1.5}.no-tasks{color:#a0aaaf;margin:11px 2px 15px;font-size:10px}.board-empty{text-align:center;background:#fff;border:1px dashed #dce5e5;border-radius:12px;align-content:center;justify-items:center;min-height:260px;display:grid}.board-empty .welcome-icon{margin-bottom:14px}.board-empty h2{color:#32424c;margin:0;font:700 16px Manrope}.board-empty p{color:#8b989f;max-width:330px;margin:7px 0 17px;font-size:11px;line-height:1.7}.board-page>.footer{padding-bottom:19px}.board-page .error-banner{width:calc(100% - 68px);max-width:none;margin:14px 34px 0}@media (width<=700px){.board-topbar{height:57px;padding:0 16px}.account-actions{gap:11px}.account-actions .live-status{font-size:0}.account-actions .live-status i{width:7px;height:7px}.user-email{max-width:130px;font-size:10px}.board-content{padding:28px 16px 35px}.board-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.board-heading h1{font-size:26px}.board-heading p{max-width:190px;font-size:10px;line-height:1.5}.board-heading>.primary-button{white-space:nowrap;min-height:34px;padding:0 9px;font-size:9px}.project-strip{grid-auto-columns:230px;gap:10px;margin-right:-16px;padding-right:16px}.board-page .error-banner{width:calc(100% - 32px);margin:12px 16px 0}.board-empty{padding:20px}}@media (width<=520px){.board-topbar{height:54px;padding:0 12px}.board-topbar .brand{gap:7px;padding:0 2px;font-size:15px}.board-topbar .brand-mark{border-radius:8px;width:27px;height:27px}.account-actions{gap:8px}.user-email{max-width:92px;font-size:9px}.account-actions .signout-button{padding:4px;font-size:9px}.board-content{padding:24px 13px 30px}.board-heading{align-items:center;gap:8px}.board-heading h1{font-size:24px}.board-heading p{max-width:205px;font-size:10px}.board-heading>.primary-button{gap:5px;min-height:33px;padding:0 8px;font-size:9px}.project-strip{grid-auto-columns:min(230px,78vw);gap:9px;margin-right:-13px;padding-left:2px;padding-right:13px}.project-card{padding:13px 12px 12px}.project-card>h2{font-size:14px}.project-card .task-line h3{font-size:11px}.project-card .task-copy p{font-size:10px}.board-page .error-banner{flex-wrap:wrap;width:calc(100% - 26px);margin:10px 13px 0}.board-page .error-banner b{width:100%}.board-page .error-banner span{white-space:normal}.board-empty{min-height:230px}.modal-backdrop{padding:12px}.modal{padding:23px 18px 19px}}@media (width<=370px){.board-topbar{padding:0 9px}.account-actions .live-status{display:none}.user-email{max-width:112px}.board-content{padding-left:10px;padding-right:10px}.board-heading h1{font-size:22px}.board-heading p{max-width:165px;font-size:9px}.board-heading>.primary-button{padding:0 7px;font-size:8px}.project-strip{grid-auto-columns:min(220px,82vw);margin-right:-10px;padding-right:10px}.board-page .error-banner{width:calc(100% - 20px);margin-left:10px;margin-right:10px}}.overall-progress{background:#fff;border:1px solid #e5ebed;border-radius:10px;margin:-8px 0 22px;padding:15px 17px 14px;box-shadow:0 3px 12px #23344206}.overall-progress-copy{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.overall-progress-copy div{gap:4px;display:grid}.overall-progress-copy strong{color:#35434f;font-size:12px;font-weight:600}.overall-progress-copy span{color:#8f9ba3;font-size:10px}.overall-progress-copy>b{color:#347b69;font:700 17px Manrope}.overall-progress-track{background:#edf1f1;border-radius:8px;height:7px;overflow:hidden}.overall-progress-fill{border-radius:inherit;background:#428b76;height:100%;transition:width .25s}.task-age{color:#9b8060;margin-top:4px;font-size:9px;line-height:1.4;display:block}.project-card .task-age{font-size:9px}.project-card .task-copy p{margin-top:4px}@media (width<=520px){.overall-progress{margin:-5px 0 17px;padding:12px 13px}.overall-progress-copy strong{font-size:11px}.overall-progress-copy span{font-size:9px}.overall-progress-copy>b{font-size:15px}.overall-progress-track{height:6px}.task-age{font-size:9px}}.project-card{--card-accent:hsl(var(--card-hue),44%,43%);--card-soft:hsl(var(--card-hue),50%,95%)}.project-card-actions{align-items:center;gap:5px;display:flex}.project-card .edit-project,.project-card .delete-project{color:#74818a;background:#ffffffb8;border:1px solid #e5e9eb;border-radius:6px;padding:5px 7px;font-size:9px}.project-card .edit-project:hover{border-color:var(--card-accent);color:var(--card-accent)}.project-card .delete-project:hover{color:#b85151;border-color:#eed2d2}.task-actions{flex:none;align-self:center;align-items:center;gap:5px;display:flex}.project-card .task-card:hover .task-edit,.project-card .task-card:hover .task-delete{opacity:1}@media (width<=520px){.project-card .edit-project,.project-card .delete-project{padding:5px 6px;font-size:8px}}.menu-wrap{justify-content:center;align-items:center;display:flex;position:relative}.more-button{color:#77868e;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;font-size:19px;line-height:1;display:grid}.more-button:hover,.more-button[aria-expanded=true]{color:#3b7869;background:#eef3f2}.more-button:focus-visible{outline-offset:2px;outline:2px solid #57927f}.action-menu{z-index:30;background:#fff;border:1px solid #e4e9e9;border-radius:8px;min-width:140px;padding:5px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #1d30301c}.action-menu button{color:#46545e;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:5px;width:100%;padding:8px 9px;font-size:10px;display:block}.action-menu button:hover{color:#2c7564;background:#f3f7f6}.action-menu button.menu-danger{color:#a85757}.action-menu button.menu-danger:hover{background:#fff3f2}.task-more-button{width:24px;height:25px;font-size:17px}.project-card .task-actions{gap:0}.project-card .task-actions .action-menu{top:auto;bottom:calc(100% + 4px)}.project-card .task-card:hover .task-more-button,.project-card .task-more-button[aria-expanded=true]{opacity:1}@media (width<=520px){.project-card .more-button,.project-card .task-more-button{opacity:1}}.star-toggle{color:#aab4b8;background:0 0;border:0;border-radius:5px;flex:none;align-self:center;place-items:center;width:18px;height:20px;margin:-2px 0 -2px -2px;padding:0;font-size:15px;line-height:1;display:grid}.star-toggle:hover{color:#b58524;background:#fbf6e9}.star-toggle[aria-pressed=true]{color:#c18a1e}.star-toggle:focus-visible{outline-offset:1px;outline:2px solid #d3ac5c}.project-card .task-card.is-starred{background:var(--card-soft);border-color:#e2d8be}.project-strip{grid-auto-columns:300px}.project-card-actions{gap:7px}.card-add-task{border:1px solid var(--card-accent);justify-content:center;align-items:center;gap:4px;min-height:28px;padding:0 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.card-add-task{border:1px solid color-mix(in srgb,var(--card-accent) 23%,white)}}.card-add-task{background:var(--card-accent);border-radius:7px}@supports (color:color-mix(in lab, red, red)){.card-add-task{background:color-mix(in srgb,var(--card-accent) 9%,white)}}.card-add-task{color:var(--card-accent);font-size:9px;font-weight:600}.card-add-task:hover{background:var(--card-accent)}@supports (color:color-mix(in lab, red, red)){.card-add-task:hover{background:color-mix(in srgb,var(--card-accent) 16%,white)}}.card-add-task>span{font-size:15px;line-height:1}.project-card .task-line h3{font-size:11px}.project-card .task-copy p{font-size:10px}@media (width<=700px){.project-strip{grid-auto-columns:min(290px,84vw)}}@media (width<=520px){.project-strip{grid-auto-columns:min(290px,84vw)}}@media (width<=370px){.project-strip{grid-auto-columns:min(280px,86vw)}}.main-content.board-page{margin-left:0}.star-toggle[aria-pressed=true]{background:var(--card-soft);color:var(--card-accent)}.star-toggle[aria-pressed=true]:hover{background:var(--card-accent)}@supports (color:color-mix(in lab, red, red)){.star-toggle[aria-pressed=true]:hover{background:color-mix(in srgb,var(--card-accent) 16%,white)}}:root{color:#202b38;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;background:#f6f8fb;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.brand{color:#192536;letter-spacing:-.7px;align-items:center;gap:10px;padding:0 10px;font:800 18px Manrope,sans-serif;text-decoration:none;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:#287a69;border-radius:10px;place-items:center;width:30px;height:30px;font:800 16px Manrope;display:grid}.add-project:hover{color:#246e5e;background:#edf5f3}.avatar{color:#2c7968;background:#e8f2ef;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.sidebar-bottom strong,.sidebar-bottom small{display:block}.sidebar-bottom strong{font-size:12px;font-weight:600}.sidebar-bottom small{color:#9aa5ad;margin-top:3px;font-size:10px}.main-content{flex-direction:column;min-height:100vh;display:flex}.topbar{background:#fff9;border-bottom:1px solid #e9edf1;justify-content:space-between;align-items:center;height:64px;padding:0 max(50% - 395px,42px);display:flex}.live-status{color:#75848e;align-items:center;gap:7px;font-size:11px;display:flex}.live-status i{background:#43af86;border-radius:50%;width:6px;height:6px}.page-eyebrow{color:#458270;letter-spacing:1.7px;font-size:9px;font-weight:700}.delete-project:hover{color:#b85151;border-color:#eed2d2}.progress-track{background:#eef2f3;border-radius:5px;height:5px;overflow:hidden}.progress-fill{background:#4e9a84;border-radius:5px;height:100%;transition:width .25s}.primary-button{color:#fff;background:#317b69;border:1px solid #2c7967;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:11px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 4px #2c79671b}.primary-button:hover{background:#246957;transform:translateY(-1px)}.primary-button>span{font-size:16px;font-weight:400;line-height:1}.task-card{background:#fff;border:1px solid #e8edf0;border-radius:9px;align-items:flex-start;gap:14px;padding:15px 14px 14px;display:flex;box-shadow:0 2px 8px #27374604}.checkbox{color:#fff;background:#fff;border:1.5px solid #c5d0d3;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;margin-top:1px;padding:0;font-size:12px;display:grid}.task-copy{flex:1;min-width:0}.task-line{align-items:center;gap:9px;display:flex}.task-line h3{color:#35434f;margin:0;font-size:12px;font-weight:600;line-height:1.6}.is-done .task-line h3{color:#939fa5;text-decoration:line-through}.task-copy p{color:#89969f;white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0 27px;font-size:11px;line-height:1.6}.task-card:hover .task-delete{opacity:1}.task-delete:hover{color:#b85151}.add-another:hover{color:#347a69;background:#fbfdfc;border-color:#75aa9a}.empty-illustration,.welcome-icon{color:#408572;background:#edf6f2;border-radius:14px;place-items:center;display:grid}.empty-illustration{width:42px;height:42px;font-size:19px}.footer{color:#aab4b9;letter-spacing:.2px;margin:0 auto 20px;font-size:10px}.footer span{color:#62a18c;margin-left:4px}.welcome-icon{border-radius:17px;width:52px;height:52px;margin:0 auto 24px;font-size:22px}.error-banner{color:#9e5d49;background:#fff9f6;border:1px solid #f0d6cc;border-radius:8px;align-items:center;gap:10px;width:min(790px,100% - 72px);margin:18px auto 0;padding:11px 13px;font-size:11px;display:flex}.error-banner span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.error-banner button{color:#9e5d49;background:0 0;border:0;font-size:10px}.loading-state{color:#84929b;align-items:center;gap:10px;margin:auto;font-size:13px;display:flex}.spinner{border:2px solid #dce9e5;border-top-color:#438a77;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17252c69;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e9eef0;border-radius:13px;width:min(420px,100%);padding:27px 29px 25px;animation:.16s ease-out modal-in;position:relative;box-shadow:0 22px 70px #12232d38}@keyframes modal-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:#97a3a8;background:0 0;border:0;font-size:24px;line-height:1;position:absolute;top:12px;right:15px}.modal-icon{color:#438572;background:#edf6f2;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:19px;font-size:16px;display:grid}.modal h2{letter-spacing:-.4px;color:#283744;margin:6px 0 5px;font:700 19px Manrope}.modal>p{color:#89969f;margin:0 0 19px;font-size:11px;line-height:1.6}.modal label{color:#52616c;margin:15px 0 6px;font-size:10px;font-weight:600;display:block}.modal input,.modal textarea{color:#31404c;resize:vertical;border:1px solid #dfe6e8;border-radius:7px;outline:none;width:100%;padding:10px 11px;font-size:12px;display:block}.modal input::placeholder,.modal textarea::placeholder{color:#b3bdc2}.optional{float:right;letter-spacing:.7px;color:#9ca8ad;font-size:8px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:23px;display:flex}.secondary-button{color:#64737c;background:#fff;border:1px solid #e0e6e8;border-radius:7px;min-height:36px;padding:0 13px;font-size:11px}.secondary-button:hover{background:#f7f9fa}@media (width>=1500px){.topbar{height:68px}}@media (width<=700px){.brand{padding:0;font-size:16px}.brand-mark{width:27px;height:27px}.main-content{min-height:calc(100vh - 100px)}.topbar{height:47px;padding:0 20px}.task-card{gap:10px;padding:13px 11px}.task-copy p{margin-left:0}.footer{margin-bottom:14px}.error-banner{flex-wrap:wrap;align-items:flex-start;width:calc(100% - 38px)}.error-banner b{width:100%}.error-banner span{white-space:normal}.modal{padding:24px 20px 20px}}.board-topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-bottom:1px solid #e8edef;justify-content:space-between;align-items:center;gap:20px;padding:0 clamp(12px,1.5vw,24px);display:flex;position:sticky;top:0}.board-topbar .brand{flex:none;gap:9px;padding:0;font-size:17px}.board-topbar .brand-mark{border-radius:10px;width:32px;height:32px;box-shadow:0 3px 8px #287a6924}.account-actions{gap:18px;min-width:0}.account-identity{align-items:center;gap:9px;min-width:0;display:flex}.account-avatar{color:#347a69;background:#edf6f2;border:1px solid #dcebe5;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.user-email{max-width:min(240px,28vw);font-size:11px;font-weight:500;display:block}.signout-button{color:#62717b;background:#fff;border:1px solid #e0e7e8;border-radius:7px;min-height:33px;padding:0 12px;font-size:10px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.signout-button:focus-visible,.board-topbar a:focus-visible{outline-offset:3px;outline:2px solid #57927f}@media (width<=700px){.board-topbar{gap:12px;padding-left:12px;padding-right:12px}.account-actions{gap:10px}.user-email{max-width:150px}}@media (width<=520px){.board-topbar,.account-actions{gap:8px}.account-identity{gap:6px}.account-avatar{width:28px;height:28px}.user-email{max-width:96px;font-size:9px}.account-actions .signout-button{min-height:30px;padding:0 8px;font-size:9px}}@media (width<=370px){.board-topbar{padding-left:9px;padding-right:9px}.board-topbar .brand{gap:6px;font-size:14px}.account-actions{gap:6px}.user-email{max-width:76px}.account-actions .signout-button{padding:0 6px}}.project-card-head{align-items:flex-start;gap:9px;min-width:0}.project-card-title{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.project-card-title h2{color:#273642;letter-spacing:-.2px;overflow-wrap:anywhere;min-width:0;margin:0;font:700 14px/1.35 Manrope}.project-card-icon{flex:none;width:32px;height:32px}.project-card-actions{flex:none;gap:5px}.card-add-task{white-space:nowrap;min-height:30px}@media (width<=520px){.project-card-head{gap:6px}.project-card-title{gap:7px}.project-card-title h2{font-size:13px}.project-card-icon{width:29px;height:29px}.project-card-actions{gap:2px}.card-add-task{min-height:28px;padding:0 7px;font-size:8px}}.project-card-head{align-items:center}.project-card-name{color:#24333f;letter-spacing:-.45px;overflow-wrap:anywhere;margin:11px 0 12px;font:750 17px/1.3 Manrope,sans-serif}@media (width<=520px){.project-card-name{margin:10px 0 11px;font-size:16px;line-height:1.3}}.project-card-actions{margin-left:auto}.project-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-card-name{text-overflow:ellipsis;white-space:nowrap;color:#24333f;letter-spacing:-.25px;flex:1;min-width:0;margin:0;font:700 14px/1.35 Manrope,sans-serif;overflow:hidden}.project-card-actions{flex:none;gap:4px;margin-left:0}.card-add-task{min-height:29px;padding:0 8px}.project-card-head .menu-wrap{flex:none}@media (width<=520px){.project-card-head{gap:5px}.project-card-name{letter-spacing:-.15px;font-size:12px}.project-card-actions{gap:2px}.card-add-task{min-height:27px;padding:0 6px;font-size:8px}}.project-card-head{padding:5px 7px}@media (width<=520px){.project-card-head{padding:5px 6px}}.project-card{background:linear-gradient(180deg,var(--card-soft) 0,var(--card-soft) 112px,#fff 112px)}.project-card-head{flex-wrap:nowrap}.project-card-name{align-self:center}.project-card{background:#fff;padding:15px 14px 13px}.project-card-banner{background:var(--card-soft);border-radius:10px 10px 0 0;margin:-15px -14px 0;padding:14px 14px 12px}.project-card-head{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.project-card-name{color:#253541;letter-spacing:-.25px;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font:700 14px/1.35 Manrope,sans-serif;overflow:hidden}.project-card-actions{flex:none;align-items:center;gap:4px;margin:0;display:flex}.card-add-task{border:1px solid var(--card-accent);min-height:30px;padding:0 9px}@supports (color:color-mix(in lab, red, red)){.card-add-task{border:1px solid color-mix(in srgb,var(--card-accent) 25%,white)}}.card-add-task{color:var(--card-accent);white-space:nowrap;background:#ffffffd9;border-radius:7px;font-size:9px;font-weight:650}.card-add-task:hover{border-color:var(--card-accent);background:#fff}@supports (color:color-mix(in lab, red, red)){.card-add-task:hover{border-color:color-mix(in srgb,var(--card-accent) 45%,white)}}.project-card-actions .more-button{border:1px solid #0000;width:28px;height:28px}.project-card-progress{color:var(--card-accent);justify-content:space-between;align-items:center;gap:8px;margin:13px 0 6px;display:flex}@supports (color:color-mix(in lab, red, red)){.project-card-progress{color:color-mix(in srgb,var(--card-accent) 68%,#485660)}}.project-card-progress{font-size:10px}.project-card-progress b{color:var(--card-accent);font-size:11px;font-weight:700}.project-card .progress-track{background:var(--card-accent);height:5px}@supports (color:color-mix(in lab, red, red)){.project-card .progress-track{background:color-mix(in srgb,var(--card-accent) 14%,white)}}.project-card .progress-fill{background:var(--card-accent)}.project-card-tasks{gap:8px;margin-top:12px;display:grid}.project-card .task-card{background:#fff;border:1px solid #e8edf0;border-radius:8px;align-items:flex-start;gap:8px;min-width:0;padding:10px 9px;box-shadow:0 1px 4px #27374608}@supports (color:color-mix(in lab, red, red)){.project-card .task-card.is-starred{border-color:color-mix(in srgb,var(--card-accent) 28%,#e5ebed)}}.project-card .task-card.is-starred{background:var(--card-soft)}.project-card .checkbox{width:16px;height:16px;margin-top:1px}.project-card .task-copy{overflow-wrap:anywhere;min-width:0}.project-card .task-line h3{color:#34434e;overflow-wrap:anywhere;font-size:11px;line-height:1.45}.project-card .is-done .task-line h3{color:#8d999f}.project-card .task-copy p{color:#7f8c94;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:10px;line-height:1.45}.project-card .task-age{margin-top:4px;font-size:9px}.project-card .star-toggle{margin:0 0 0 auto}.project-card .task-actions{margin-left:0}.project-card .task-more-button{width:24px;height:24px}.project-card .no-tasks{text-align:center;color:#8e9aa0;border:1px dashed #dce5e5;border-radius:7px;margin:12px 2px 4px;padding:12px;font-size:10px}@media (width<=520px){.project-card{padding:13px 12px 12px}.project-card-banner{margin:-13px -12px 0;padding:12px 12px 11px}.project-card-name{font-size:12px}.project-card-actions{gap:2px}.card-add-task{min-height:28px;padding:0 7px;font-size:8px}.project-card-progress{margin-top:11px;font-size:9px}.project-card-tasks{gap:7px;margin-top:10px}.project-card .task-card{gap:7px;padding:9px 8px}}.project-card .task-card{box-shadow:none;border-color:#0000}.project-card .task-card.is-starred{border-color:#0000}.auth-mode-tabs{background:#f6f8f8;border:1px solid #e5ebed;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 24px;padding:4px;display:grid}.auth-mode-tabs button{color:#71808a;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:36px;font:600 12px Manrope}.auth-mode-tabs button.is-active{color:#347a69;background:#fff;box-shadow:0 1px 4px #23344218}.project-color-field{border:0;margin:18px 0 4px;padding:0}.project-color-field legend{color:#495762;margin-bottom:10px;font-size:11px;font-weight:600}.project-color-options{gap:10px;display:flex}.project-color-option{background:hsl(var(--swatch-hue),44%,43%);color:#fff;cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:15px;display:grid}.project-color-option:hover{transform:scale(1.08)}.project-color-option.is-selected{outline:2px solid hsl(var(--swatch-hue),44%,43%);outline-offset:2px}.project-color-option:focus-visible{outline-offset:3px;outline:2px solid #34434d}.project-color-label{color:#7b8991;margin-top:9px;font-size:10px;display:block}.workspace-nav{align-items:center;gap:5px;height:100%;display:flex}.workspace-nav button{color:#74818a;cursor:pointer;background:0 0;border:0;border-radius:7px;height:36px;padding:0 13px;font:600 11px Manrope,sans-serif}.workspace-nav button.is-active{color:#347a69;background:#edf6f2}.workspace-nav button:focus-visible{outline-offset:2px;outline:2px solid #57927f}.notes-page{max-width:900px;margin:0 auto}.notes-heading{align-items:center}.notes-save-status{color:#748b82;font-size:10px}.notes-save-status.has-error{color:#a45b49}.notes-paper{background:linear-gradient(#f5faf7 0 72px,#fff 72px);border:1px solid #e5ebed;border-radius:12px;min-height:440px;padding:20px 23px 22px;box-shadow:0 4px 18px #263b3008}.notes-paper-heading{border-bottom:1px solid #e8efeb;align-items:center;gap:11px;padding-bottom:17px;display:flex}.notes-paper-icon{color:#438572;background:#e5f1eb;border-radius:10px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.notes-paper-heading h2{color:#34434d;margin:0;font:700 14px Manrope,sans-serif}.notes-paper-heading p{color:#8a969f;margin:4px 0 0;font-size:10px}.notes-paper textarea{resize:vertical;color:#34434d;background:0 0;border:0;outline:none;width:100%;min-height:330px;margin-top:15px;padding:4px 2px;font:400 13px/1.9 DM Sans,sans-serif;display:block}.notes-paper textarea::placeholder{color:#a4afb4}.notes-paper textarea:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #e8f3ee}@media (width<=700px){.board-topbar{flex-wrap:wrap}.workspace-nav{order:3;justify-content:center;width:100%;height:40px;margin-top:-3px}.workspace-nav button{flex:1;height:32px}.board-topbar{height:auto;min-height:57px;padding-top:8px;padding-bottom:7px}.notes-heading{flex-direction:column;align-items:flex-start;gap:8px}.notes-paper{min-height:380px;padding:16px}.notes-paper textarea{min-height:270px}}.auth-divider{color:#98a3aa;align-items:center;gap:12px;margin:17px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e8edef;flex:1;height:1px}.google-auth-button{color:#34434d;cursor:pointer;background:#fff;border:1px solid #dfe6e8;border-radius:7px;justify-content:center;align-items:center;gap:10px;width:100%;height:40px;font:600 12px Manrope;display:flex}.google-auth-button:hover{background:#f8faf9;border-color:#cbd8d5}.google-mark{color:#4285f4;font:700 16px Arial,sans-serif}.overall-progress{background:linear-gradient(115deg,#f7fbf8 0%,#fff 62%);border:1px solid #e4ece8;border-radius:13px;margin:-8px 0 22px;padding:18px 20px 14px;position:relative;overflow:hidden;box-shadow:0 5px 20px #203b2e09}.overall-progress:before{content:"";background:linear-gradient(#71ab93,#3f826d);width:3px;position:absolute;inset:0 auto 0 0}.overall-progress-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.overall-progress-heading{align-items:center;gap:11px;min-width:0;display:flex}.overall-progress-icon{color:#438572;letter-spacing:-.5px;background:#edf6f1;border:1px solid #dcebe3;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;font-size:10px;font-weight:700;display:grid}.overall-progress-heading>div{gap:4px;display:grid}.overall-progress-heading strong{color:#30413b;letter-spacing:-.15px;font:700 13px Manrope,sans-serif}.overall-progress-heading span{color:#899891;font-size:10px}.overall-progress-score{justify-items:end;gap:1px;display:grid}.overall-progress-score b{color:#347a67;letter-spacing:-.8px;font:800 22px/1 Manrope,sans-serif}.overall-progress-score span{color:#8c9993;letter-spacing:.2px;font-size:9px}.overall-progress-track{background:#edf2ef;border:1px solid #e4ece8;border-radius:99px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #183b2a0a}.overall-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#6eaa90 0%,#347b68 100%);height:100%;transition:width .45s cubic-bezier(.2,.7,.2,1);box-shadow:0 1px 4px #347b6840}.overall-progress-footer{color:#87948e;justify-content:space-between;gap:12px;margin-top:10px;font-size:9px;display:flex}.overall-progress-footer>span{align-items:center;gap:6px;display:flex}.progress-dot{background:#d8e0dc;border-radius:50%;width:6px;height:6px}@media (width<=520px){.overall-progress{margin:-5px 0 17px;padding:15px 14px 12px}.overall-progress-top{margin-bottom:13px}.overall-progress-icon{width:32px;height:32px}.overall-progress-heading strong{font-size:12px}.overall-progress-heading span{font-size:9px}.overall-progress-score b{font-size:19px}.overall-progress-track{height:9px}}:root{--theme-main:#d0ff00;--theme-sub:#00bcc8;--ink:#111315;--ink-muted:#62696d;--surface:#fff;--surface-soft:#f6f7f7}body{color:var(--ink);background:#fff}.brand{color:#101214}.brand-mark{background:var(--theme-main);color:#111}.page-eyebrow{color:#008d96}.primary-button{border-color:var(--theme-main);background:var(--theme-main);color:#111;box-shadow:0 2px 5px #11111116}.primary-button:hover{color:#111;background:#bee900;border-color:#bee900}.primary-button:focus-visible,.workspace-nav button:focus-visible,.auth-mode-tabs button:focus-visible{outline:2px solid var(--theme-sub);outline-offset:3px}.auth-mode-tabs button.is-active{background:var(--theme-main);color:#111;box-shadow:0 1px 4px #11111118}.auth-switch button{color:#008d96}.workspace-nav button:hover{color:#007f88;background:#e7fbfc}.workspace-nav button.is-active{background:var(--theme-main);color:#111}.account-avatar{color:#007f88;background:#e7fbfc;border-color:#d9f4f5}.signout-button:hover{color:#007f88;background:#effcfc;border-color:#8be1e5}.checkbox:hover{border-color:var(--theme-sub)}.is-done .checkbox{background:var(--theme-sub);border-color:var(--theme-sub)}.overall-progress{background:linear-gradient(115deg,#fbfdeb 0%,#fff 62%);border-color:#e7ebeb}.overall-progress:before{background:linear-gradient(180deg,var(--theme-main),var(--theme-sub))}.overall-progress-icon{color:#111;background:#f4ffd0;border-color:#e7f5a8}.overall-progress-score b{color:#111}.overall-progress-track{background:#eff1f1;border-color:#e7ebeb}.overall-progress-fill{background:linear-gradient(90deg,var(--theme-main),var(--theme-sub));box-shadow:0 1px 4px #00bcc840}.progress-dot.is-complete{background:var(--theme-sub)}.notes-paper-icon{color:#007f88;background:#e7fbfc}.notes-paper textarea:focus-visible{box-shadow:0 0 0 2px #b8f1f3}.modal-icon{color:#111;background:#f4ffd0}.modal input:focus,.modal textarea:focus{border-color:var(--theme-sub);box-shadow:0 0 0 3px #e7fbfc}.loading-state .spinner{border-color:#e8eeee;border-top-color:var(--theme-sub)}.project-card .is-done .checkbox{background:var(--card-accent);border-color:var(--card-accent)}.project-card,.project-card-banner{border-radius:2px}.brand-mark svg{width:23px;height:23px;display:block}.board-topbar .brand-mark svg{width:24px;height:24px}@media (width<=520px){.board-topbar .brand-mark svg{width:20px;height:20px}}.overall-progress-track{display:flex}.overall-progress-fill{background:var(--segment-color,#00bcc8);box-shadow:none;flex:none}.overall-progress-fill:first-child{border-top-left-radius:99px;border-bottom-left-radius:99px}.overall-progress-fill:last-child{border-top-right-radius:99px;border-bottom-right-radius:99px}.overall-progress-track,.overall-progress-fill,.overall-progress-fill:first-child,.overall-progress-fill:last-child{border-radius:0}.project-card-banner{background:hsl(var(--card-hue),58%,84%)}.board-page>.footer{color:#747b7e;border-top:1px solid #ecefef;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0;padding:14px 24px 18px;font-size:10px;display:flex}.board-page>.footer span{color:inherit;margin:0}.footer-contact a{color:#008d96;font-weight:600;text-decoration:none}.footer-contact a:hover{text-decoration:underline}@media (width<=520px){.board-page>.footer{flex-wrap:wrap;padding:13px 14px 16px;font-size:9px}}.footer-contact a:hover{color:#000;text-decoration:underline}.board-page>.footer{color:#303638;background:#f1f2f2;border-top-color:#e1e4e5}.footer-contact a{color:#007e87}.footer-contact a:hover{color:#005a61}.project-strip{scrollbar-width:none;-ms-overflow-style:none}.project-strip::-webkit-scrollbar{width:0;height:0;display:none}.auth-screen{isolation:isolate;background:0 0;position:relative;overflow:hidden}.auth-screen:before,.auth-screen:after{content:"";pointer-events:none;position:absolute;inset:-14px}.auth-screen:before{z-index:-2;filter:blur(6px);background:url(/auth-background.png) 50%/cover no-repeat;transform:scale(1.04)}.auth-screen:after{z-index:-1;background:#f6f8fb73}.auth-screen>.auth-card,.auth-screen>.auth-note{z-index:0;position:relative}.auth-screen>.auth-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe8}@media (width<=700px){.user-email{display:none}.project-strip{grid-auto-columns:min(319px,92.4vw)}}@media (width<=370px){.project-strip{grid-auto-columns:min(308px,94.6vw)}}@media (width<=700px){.project-strip{grid-auto-columns:min(351px,101.6vw)}}@media (width<=370px){.project-strip{grid-auto-columns:min(339px,104.1vw)}}.action-menu button:disabled{opacity:.4;cursor:not-allowed}.workspace-nav button.music-nav-button{white-space:nowrap}.workspace-nav button.music-nav-button.is-playing{background:var(--theme-sub);color:#fff}.workspace-nav button.music-nav-button>span{margin-right:3px}.board-topbar>audio{display:none}@media (width<=700px){.workspace-nav button.music-nav-button{padding-left:6px;padding-right:6px;font-size:9px}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}