:root{color-scheme:dark;--ink:#f7f3ea;--muted:#aeb8ad;--panel:#171e19;--line:#2b352d;--accent:#ff9c67;--sidebar:276px;--dock:72px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0f1411;color:var(--ink)}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100dvh}.sidebar{position:relative;z-index:30;background:linear-gradient(180deg,#19211b,#121713);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;min-width:0}.brand-row,.sidebar-title,.topbar,.dialog-head{display:flex;align-items:center;justify-content:space-between}.home-link{color:#151a16;background:#d9e4d9;text-decoration:none;font-weight:900;letter-spacing:.08em;border-radius:9px;padding:8px 10px}.sidebar-title{margin:34px 4px 18px}.eyebrow{margin:0 0 3px;color:#94a198;text-transform:uppercase;letter-spacing:.13em;font-size:.64rem;font-weight:800}.sidebar h1{font-size:1.45rem;margin:0}.square-button,.quiet-button,.zoom-label{border:1px solid var(--line);background:#202922;color:var(--ink);min-width:38px;height:38px;border-radius:11px;cursor:pointer}.quiet-button:hover,.square-button:hover,.zoom-label:hover{background:#2b362e}.search-box{height:43px;background:#0f1511;border:1px solid #303c33;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 12px}.search-box input{background:transparent;border:0;outline:0;color:var(--ink);width:100%}.space-list{display:flex;flex-direction:column;gap:5px;margin:16px 0;overflow:auto}.space-button{border:0;background:transparent;color:var(--ink);border-radius:12px;padding:10px;display:grid;grid-template-columns:12px 1fr auto;gap:10px;text-align:left;align-items:center;cursor:pointer}.space-button:hover,.space-button.active{background:#263128}.space-button b,.space-button small{display:block}.space-button small{color:var(--muted);margin-top:3px}.space-button i{font-style:normal;color:#819085;padding:8px}.space-swatch{width:10px;height:36px;border-radius:10px;background:var(--space-color)}.no-results{color:var(--muted);padding:10px}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.sidebar-action{width:100%;border:0;background:transparent;color:#cad4cb;text-align:left;padding:9px;border-radius:8px;cursor:pointer}.sidebar-action:hover{background:#202922}.sidebar-footer p{font-size:.72rem;color:#829087;padding:0 9px}.status-dot{display:inline-block;width:7px;height:7px;background:#65cc91;border-radius:50%;margin-right:7px}.workspace{position:relative;min-width:0;display:grid;grid-template-rows:73px 1fr}.topbar{position:relative;z-index:12;padding:10px 20px;border-bottom:1px solid var(--line);background:rgba(15,20,17,.92);backdrop-filter:blur(16px)}.space-heading input{background:transparent;border:0;color:var(--ink);font-size:1.2rem;font-weight:850;outline:0;width:min(40vw,420px);padding:0}.space-heading p{margin:2px 0 0;color:var(--muted);font-size:.72rem}.topbar-actions{display:flex;gap:5px}.topbar-actions button:disabled{opacity:.35}.zoom-label{min-width:58px;font-size:.72rem}.canvas-wrap{position:relative;overflow:hidden;touch-action:none;cursor:grab;background:#101612}.canvas-wrap.panning{cursor:grabbing}.canvas-wrap.drawing{cursor:crosshair}.canvas-grid{position:absolute;inset:0;background-image:radial-gradient(circle,#354239 1px,transparent 1px);background-position:var(--grid-x) var(--grid-y);background-size:var(--grid-size) var(--grid-size);opacity:.7}.board{position:absolute;inset:0;transform-origin:0 0;will-change:transform}.card-layer,.drawing-layer{position:absolute;inset:0;width:5000px;height:5000px;overflow:visible}.drawing-layer{pointer-events:none}.life-card{position:absolute;background:var(--card);color:#22291f;border-radius:17px;box-shadow:0 16px 40px #0007;border:1px solid #ffffff75;overflow:hidden;min-width:220px;min-height:150px}.life-card.moving{box-shadow:0 26px 70px #0009;transform:rotate(.7deg)}.drag-handle{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 14px;cursor:grab;border-bottom:1px solid #1e291d18}.card-kind,.type-label{font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em;opacity:.58}.card-actions{display:flex}.card-actions button{border:0;background:transparent;color:#2a3028;width:28px;height:28px;border-radius:9px;cursor:pointer}.card-actions button:hover{background:#0001}.card-actions [data-color]{color:#ef805f}.card-body{height:calc(100% - 36px);padding:16px;overflow:auto}.card-title{font-size:1.08rem;font-weight:850;outline:0;margin-bottom:9px;white-space:pre-wrap}.card-text,.caption,.link-note{outline:0;line-height:1.5;white-space:pre-wrap;min-height:70px}.card-text:empty:before,[data-placeholder]:empty:before{content:attr(data-placeholder);opacity:.38}.resize-handle{position:absolute;right:2px;bottom:2px;width:22px;height:22px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 52%,#28342855 52%,#28342855 61%,transparent 61%,transparent 70%,#28342855 70%);border-radius:0 0 14px 0}.checklist{display:flex;flex-direction:column;gap:8px}.checklist label{display:grid;grid-template-columns:18px 1fr 22px;align-items:start;gap:7px}.checklist input{accent-color:#336b52;margin-top:4px}.checklist input:checked+span{text-decoration:line-through;opacity:.5}.checklist span{outline:0;min-height:22px}.checklist button,.add-row{border:0;background:transparent;color:#4f5c50;cursor:pointer}.add-row{margin-top:12px;padding:6px 0}.visit-link,.download-file{display:flex;justify-content:space-between;text-decoration:none;background:#263229;color:#fff;padding:11px 12px;border-radius:10px;border:0;width:100%;cursor:pointer;margin-top:10px}.link-host,.file-meta{font-size:.7rem;opacity:.55}.media-frame{height:calc(100% - 72px);min-height:90px;margin:-16px -16px 12px;background:#ccd8ce;display:grid;place-items:center;overflow:hidden}.media-frame img{width:100%;height:100%;object-fit:cover}.caption{font-size:.76rem;min-height:24px}.file-mark{width:55px;height:68px;border:2px solid #293328;border-radius:8px;display:grid;place-items:center;font-size:.68rem;font-weight:900;margin:10px 0}.empty-board{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);max-width:470px;text-align:center;color:#dbe2dc;z-index:2}.empty-board[hidden]{display:none}.empty-orbit{width:70px;height:70px;border:1px solid #58675b;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--accent);box-shadow:0 0 50px #ff9c6733}.empty-board h2{font-size:clamp(1.5rem,3vw,2.4rem);margin:0}.empty-board p{color:var(--muted);line-height:1.6}.primary-button,.secondary-button{border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer}.primary-button{background:var(--accent);color:#26170e}.secondary-button{background:#29332c;color:#fff}.wide{width:100%;margin-top:18px}.tool-dock{position:absolute;z-index:20;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:5px;background:#18201bcc;border:1px solid #344139;padding:7px;border-radius:17px;box-shadow:0 14px 45px #0009;backdrop-filter:blur(16px)}.tool-dock button{border:0;background:transparent;color:#e9eee9;min-width:62px;padding:7px 8px;border-radius:11px;cursor:pointer;font-size:.7rem}.tool-dock button span{display:block;font-size:1.18rem;margin-bottom:2px}.tool-dock button:hover,.tool-dock button.active{background:#344138;color:#fff}dialog{width:min(520px,calc(100vw - 28px));border:1px solid #3a473e;border-radius:18px;background:#171e19;color:var(--ink);padding:22px;box-shadow:0 35px 100px #000c}dialog::backdrop{background:#07100bbb;backdrop-filter:blur(5px)}dialog h2{margin:0}.dialog-head{margin-bottom:20px}dialog label{display:block;color:#bac4bb;font-size:.78rem;margin:12px 0}dialog input,dialog textarea{display:block;width:100%;margin-top:6px;background:#0f1511;color:#fff;border:1px solid #354138;border-radius:10px;padding:11px;outline:0}dialog textarea{min-height:90px;resize:vertical}dialog menu{display:flex;justify-content:flex-end;gap:8px;padding:0;margin:18px 0 0}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help-grid article{background:#202922;border-radius:12px;padding:13px}.help-grid p{color:#aab5ac;font-size:.8rem;line-height:1.45;margin:6px 0}.toast{position:fixed;z-index:100;left:50%;bottom:105px;transform:translate(-50%,20px);opacity:0;background:#e9f0e9;color:#1b241d;border-radius:999px;padding:10px 16px;font-weight:800;font-size:.8rem;transition:.2s}.toast.danger{background:#ffb4a8}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-only{display:none}
@media(max-width:760px){:root{--dock:66px}.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:min(88vw,320px);transform:translateX(-105%);transition:.22s;box-shadow:15px 0 50px #000b}.sidebar.open{transform:none}.workspace{height:100dvh;grid-template-rows:68px 1fr}.mobile-only{display:inline-grid;place-items:center}.topbar{padding:8px 10px;gap:8px}.space-heading{min-width:0;flex:1}.space-heading input{width:100%;font-size:1rem}.space-heading p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions #undo,.topbar-actions #redo,.topbar-actions #zoom-out,.topbar-actions #zoom-in{display:none}.tool-dock{bottom:max(9px,env(safe-area-inset-bottom));width:calc(100% - 16px);justify-content:space-around;padding:5px}.tool-dock button{min-width:0;flex:1;padding:6px 2px}.life-card{box-shadow:0 10px 25px #0007}.empty-board{width:calc(100% - 44px);top:42%}.help-grid{grid-template-columns:1fr}.toast{bottom:88px}}
.card-body{touch-action:none}
.app-shell,.workspace{height:100vh;height:100lvh}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}