@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#e5eae6;--muted:#a0aba6;--green:#9ec7ad;--line:#2b3330}*{box-sizing:border-box}body{margin:0;background:#141917;color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:hover{filter:brightness(.94)}button:focus-visible,a:focus-visible{outline:2px solid #40896b;outline-offset:4px}aside{width:242px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 23px;background:#1a201d;display:flex;flex-direction:column}.brand{display:flex;gap:10px;color:var(--green);text-decoration:none;font-size:35px;align-items:center}.brand span{font:800 25px Manrope,sans-serif;letter-spacing:-1px}.brand small{display:block;font:8px 'DM Sans';letter-spacing:1.6px;margin-top:6px;color:#97a69e}.nav{margin-top:49px;display:flex;align-items:center;gap:12px;padding:13px;border-radius:8px;text-align:left}.nav.active{background:#2a3931;color:#c0decb}.nav #count{margin-left:auto;font-size:11px;background:#3b5043;padding:2px 6px;border-radius:4px}.side-label{font-size:10px;letter-spacing:1.7px;color:#9aa79f;margin:37px 12px 14px}.filter{padding:12px;display:flex;align-items:center;gap:12px;width:100%;text-align:left;color:#a8b5ad}.filter.active{background:#2a3931;border-radius:8px;color:#d2e7d9}.dot{width:8px;height:8px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}.filter small{margin-left:auto;color:#a3b2a6}.side-bottom{margin-top:auto;padding:30px 12px}.mini-orbit{font-size:40px;color:#9cba9b;margin-bottom:10px}.side-bottom b{font:650 21px/1.5 Manrope}.side-bottom p{font-size:12px;color:#a4afa5;line-height:1.8}.side-bottom button{display:block;text-align:left;font-size:11px;color:#a9bba6;padding:6px 0}footer{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:20px;font-size:11px}footer small{display:block;color:#a7b3a3;font-size:10px;margin-top:5px}.avatar{background:#334236;border-radius:50%;padding:11px;font-size:11px}main{margin-left:242px}header{height:81px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;color:#a9b8ad;font-size:12px}header span{margin:0 12px;color:#77877d}#saveState{font-size:11px;color:#a5c59c}.heading{position:relative;padding:49px 43px 42px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#a8bb9b}h1{font:650 34px Manrope,sans-serif;letter-spacing:-1.5px;margin:14px 0}p{color:#acb6ae;line-height:1.7}.heading p{font-size:13px}.primary{background:var(--green);color:#eef5ef;border-radius:7px;padding:13px 19px;box-shadow:0 3px 4px #24473512}.heading>.primary{position:absolute;right:43px;top:87px}.toolbar{margin:0 43px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:20px}.tabs{display:flex;background:#222a25;padding:4px;border-radius:8px;gap:4px}.tabs button{padding:9px 13px;font-size:11px;color:#a7b09e}.tabs .selected{background:#29352d;border-radius:5px;color:#d4e5d5;box-shadow:0 1px 4px #0000000c}.search{display:flex;align-items:center;gap:8px;margin-left:auto;color:#a5b29e}.search input{border:none;background:transparent;outline:0;width:135px;font-size:12px}.project-total{font-size:10px;color:#a3b19b}.cloud{position:relative;min-height:570px;height:calc(100vh - 405px);overflow:auto;background-image:radial-gradient(#303b32 1px,transparent 1px);background-size:23px 23px;margin:0 22px}.project{position:absolute;width:236px;min-height:157px;border:1px solid var(--border);background:var(--bg);border-radius:16px;padding:22px;text-align:left;box-shadow:0 7px 18px #344b3310;touch-action:none;transition:box-shadow .2s}.project:hover{box-shadow:0 12px 26px #344b3320}.project .category{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);display:flex;gap:7px;align-items:center}.project h2{font:650 18px/1.4 Manrope;margin:14px 0 7px;letter-spacing:-.5px}.project p{font-size:11px;margin:0;line-height:1.6;color:#b1bbb0}.project .meta{margin-top:19px;font-size:10px;color:#a9b7a0;display:flex;justify-content:space-between}.project .symbol{position:absolute;right:18px;top:16px;color:var(--accent);opacity:.5;font-size:19px}.project.new{background:#1d251f;border:1px dashed #43513e;color:#b0c09e;box-shadow:none;text-align:center;min-height:142px}.project.new strong{display:block;font-size:23px;font-weight:400;margin:10px}.project.new small{display:block;margin-top:7px;font-size:10px}.cloud.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px;padding:35px;align-content:start}.cloud.grid .project{position:relative;left:auto!important;top:auto!important;width:100%}.hint{padding:17px 43px;border-top:1px solid var(--line);font-size:10px;color:#a4b198}.hint span{float:right;font-style:italic}dialog{border:1px solid #3b4738;border-radius:16px;padding:32px;width:460px;color:var(--ink);box-shadow:0 30px 100px #213a3333}dialog::backdrop{background:#223c3655;backdrop-filter:blur(4px)}dialog h2{font:650 24px Manrope}dialog label{display:block;font-size:12px;margin:20px 0}dialog input,dialog select,dialog textarea{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #3b493b;border-radius:7px;background:#19211b;color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:20px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;background:#334e3e;color:#eef5ef;border-radius:9px;padding:14px 24px;z-index:20;display:none}.board-heading{padding:24px 36px 16px}.text-button{padding:0;color:#b0bfa7;font-size:12px}.board-title{display:flex;align-items:center;gap:12px}.board-title h1{font-size:28px}.board-title>button{margin-left:auto;font-size:12px;color:#acbfa0}#projectKind{font-size:11px;color:var(--accent)}.board-heading p{margin:0;font-size:12px}.board-tools{display:flex;gap:8px;padding:14px 36px;border-block:1px solid var(--line);flex-wrap:wrap}.board-tools>button{background:#273228;border:1px solid #3b4938;border-radius:6px;padding:9px 12px;font-size:12px}.zoom{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px}.zoom button{padding:6px}#viewport{height:calc(100vh - 326px);min-height:350px;position:relative;overflow:hidden;background:radial-gradient(#303c31 1px,transparent 1px) 0 0/22px 22px;touch-action:none;cursor:grab}#board{position:absolute;transform-origin:0 0;width:5000px;height:5000px}.note{position:absolute;width:280px;border-radius:9px;background:#332e20;border:1px solid #5a5030;box-shadow:0 5px 16px #2b3c2c10;overflow:hidden;cursor:default}.note.text{background:#29352d;border-color:#3d493b;width:350px}.note.checklist{background:#253327;border-color:#40563c}.note.image{background:#222b25;border-color:#3b4939}.note-head{padding:10px 15px;border-bottom:1px solid #00000008;display:flex;align-items:center;gap:7px;cursor:grab;font-size:9px;letter-spacing:1px;color:#b5be9c;touch-action:none}.note-head button{margin-left:auto;font-size:17px;line-height:1;color:#c1c4ae}.note input{border:0;outline:0;background:transparent;color:var(--ink);font-weight:650;width:100%;padding:15px 16px 7px}.note textarea{border:0;outline:0;resize:vertical;background:transparent;width:100%;min-height:140px;padding:5px 16px 18px;line-height:1.7;font-size:13px;color:#c5cdbb}.note.text textarea{min-height:250px}.note img{display:block;width:100%;max-height:400px;object-fit:contain}.check-row{display:flex;gap:8px;padding:6px 14px}.check-row input[type=checkbox]{width:15px;accent-color:#9bc58d;padding:0}.check-row input[type=text]{padding:4px;font-size:12px;font-weight:400}.check-row:has(input:checked) input[type=text]{text-decoration:line-through;opacity:.55}.add-check{font-size:11px;color:#b0c69d;padding:12px 17px}#emptyBoard{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:#b1c1a1;text-align:center;pointer-events:none;width:80%}#emptyBoard small{display:block;margin-top:12px;font-size:12px}.board-foot{padding:12px 35px;color:#a9b69e;font-size:10px;display:flex;justify-content:space-between}#deleteProject{color:#e3a794;font-size:10px}[hidden]{display:none!important}@media(max-width:1000px){aside{width:190px;padding:28px 15px}main{margin-left:190px}.heading{padding:35px 25px}.heading>.primary{position:static;margin-top:15px}h1{font-size:28px}.toolbar{margin:0 25px;gap:8px}.project-total{display:none}.cloud{min-height:650px}.hint span{display:none}}@media(max-width:650px){aside{position:static;width:100%;padding:16px;display:block}.brand{font-size:25px}.brand span{font-size:21px}.brand small,.side-label,#filters,.side-bottom,footer,.nav{display:none}main{margin:0}header{height:50px;padding:0 20px}.heading{padding:25px 20px}.heading h1{font-size:27px}.toolbar{margin:0 16px;flex-wrap:wrap}.search{margin-left:0}.cloud{margin:0;min-height:800px}.hint{padding:15px}.board-heading{padding:20px}.board-title{flex-wrap:wrap}.board-title h1{font-size:23px}.board-tools{padding:10px}#viewport{height:65vh}.project{width:215px}.board-foot{padding:10px}.zoom{margin-left:0}}

/* Shared dark surfaces, including native controls and editable cards. */
:root{color-scheme:dark;--muted:#a0aba6}
body{background:#141917}
button:hover{filter:brightness(1.12)}
.primary{background:#a1c8af;color:#18271e;box-shadow:0 3px 12px #0003;font-weight:650}
.project{box-shadow:0 7px 22px #0003}.project:hover{box-shadow:0 12px 28px #0005}
.project.new{color:#afbea4}.project .symbol{opacity:.8}
.brand{min-width:0}.brand>span{min-width:0}.brand #brandName{display:block;font-size:23px;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.8px}.brand small{overflow-wrap:anywhere;line-height:1.5}
aside{overflow-y:auto}.nav{flex-shrink:0;margin-top:35px}.side-label{margin-top:26px}.side-bottom{padding:22px 12px}.side-bottom b{font-size:19px}.mini-orbit{font-size:30px;margin-bottom:5px}
.settings-button{display:block;text-align:left;padding:13px 12px;margin-bottom:12px;border:1px solid #364237;border-radius:7px;color:#c0ceba;flex-shrink:0;font-size:12px}
footer{flex-shrink:0}#workspaceName{overflow-wrap:anywhere}footer>span:last-child{min-width:0}
#settingsDialog p{font-size:13px}#settingsDialog .settings-hint{font-size:11px;color:#a4b19f}
dialog{background:#202822;max-width:calc(100vw - 32px)}dialog::backdrop{background:#060b09bb}
input::placeholder,textarea::placeholder{color:#909e90;opacity:1}
.note-head{border-bottom-color:#ffffff10}.note.text{background:#232c26}.note textarea{color:#c5cdbb}.note input:focus,.note textarea:focus{box-shadow:inset 3px 0 #a1c8af66}.check-row:has(input:checked) input[type=text]{opacity:.7}
.search input{color:var(--ink)}#toast{border:1px solid #5b7862}
@media(max-width:650px){.settings-button{position:absolute;right:16px;top:18px;padding:8px;margin:0}.brand{max-width:calc(100% - 130px)}#filters{display:flex;overflow-x:auto;gap:6px;margin-top:14px;padding-bottom:3px}#filters .filter{width:auto;flex-shrink:0;padding:8px 10px;font-size:11px;gap:8px}#filters .filter small{margin-left:4px}.brand #brandName{font-size:21px}}