.legacy-control,.legacy-group-settings{display:none!important}
.groups,.content{width:min(1080px,100%);margin-inline:auto}
.topbar{padding-inline:24px}.top-actions{min-width:102px}
.note-hub-button{height:42px;min-width:58px;padding:0 11px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035);color:#b9b6aa;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.045);transition:.2s}
.note-hub-button:hover{background:rgba(255,255,255,.065);color:#d2cfc4;transform:translateY(-1px)}
.note-hub-symbol{display:flex;transform:rotate(-4deg)}.note-hub-symbol svg{width:18px;height:18px}.note-hub-button span:last-child{font-size:11px;font-weight:750;min-width:10px}
.groups{justify-content:center}.content{position:relative}
.board-stage{position:relative;min-height:680px;padding:0 0 80px}.note-layer{position:absolute;inset:0;pointer-events:none;z-index:4}
.app-grid,body.compact .app-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px 14px;max-width:none;width:100%;margin:0;overflow:visible;position:relative;z-index:1}
body.compact .app-grid{gap:20px 10px}
.app-card{width:120px;min-width:0;flex:0 0 120px}body.compact .app-card{width:96px;flex-basis:96px}
.app-card{user-select:none}.app-card[draggable=true]{cursor:grab}.app-card[draggable=true]:active{cursor:grabbing}.app-card.board-dragging{opacity:.32;transform:scale(.94)}
.app-card.board-drop-before:before,.app-card.board-drop-after:after{content:"";position:absolute;top:9px;bottom:9px;width:3px;border-radius:2px;background:#929cff;box-shadow:0 0 12px #7d88ff}.app-card.board-drop-before:before{left:-3px}.app-card.board-drop-after:after{right:-3px}
.empty{position:relative;z-index:2}.empty .primary-btn{display:none}
.sticky-card{position:absolute;width:230px;min-height:160px;padding:17px 17px 13px;border-radius:13px;color:#29261c;pointer-events:auto;cursor:grab;box-shadow:0 18px 36px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.42);transform:rotate(var(--tilt,-.35deg));transition:box-shadow .18s,transform .18s;touch-action:none;overflow:hidden}
.note-layer.animate-widgets .sticky-card{animation:widget-enter .34s cubic-bezier(.22,.8,.24,1) both}.note-layer.animate-widgets .sticky-card:nth-child(2){animation-delay:45ms}.note-layer.animate-widgets .sticky-card:nth-child(3){animation-delay:90ms}.note-layer.animate-widgets .sticky-card:nth-child(4){animation-delay:135ms}.note-layer.animate-widgets .sticky-card:nth-child(n+5){animation-delay:180ms}
.sticky-card:hover{box-shadow:0 22px 44px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.55);transform:translateY(-2px) rotate(0)}.sticky-card.dragging{cursor:grabbing;transform:scale(1.025) rotate(0);z-index:40!important;transition:none}
.sticky-card[data-color=yellow]{background:linear-gradient(145deg,#e9e1b6,#cdbf82)}.sticky-card[data-color=orange]{background:linear-gradient(145deg,#efc9a1,#d4925f)}.sticky-card[data-color=red]{background:linear-gradient(145deg,#e8aaa7,#c96869)}.sticky-card[data-color=pink]{background:linear-gradient(145deg,#eeb8cd,#cb7f9f)}.sticky-card[data-color=purple]{background:linear-gradient(145deg,#cbb9e5,#8e73b6)}.sticky-card[data-color=blue]{background:linear-gradient(145deg,#baddff,#71a9df)}.sticky-card[data-color=teal]{background:linear-gradient(145deg,#b9ded9,#66a9a1)}.sticky-card[data-color=green]{background:linear-gradient(145deg,#c6efc4,#78bb78)}.sticky-card[data-color=mint]{background:linear-gradient(145deg,#d6e8ca,#94bc8c)}.sticky-card[data-color=graphite]{background:linear-gradient(145deg,#626a78,#353b47);color:#f6f7fa}
.sticky-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.24),transparent 38%,rgba(0,0,0,.04));pointer-events:none}.sticky-card>*{position:relative;z-index:1}
.sticky-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}.sticky-card h3{margin:0;font-size:16px;line-height:1.2;letter-spacing:-.025em}.sticky-type{font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-bottom:5px}.sticky-summary{margin:0;font-size:12px;line-height:1.52;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.sticky-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:9px;font-weight:650;opacity:.62}.sticky-action{border:0;background:rgba(0,0,0,.08);color:inherit;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.sticky-action:hover{background:rgba(0,0,0,.14)}
.todo-card{width:260px;min-height:0;height:auto;padding-bottom:14px}.todo-preview-list{display:flex;flex-direction:column;gap:7px}.todo-preview-row{display:flex;align-items:flex-start;gap:8px;padding-left:calc(var(--todo-depth,0)*18px);font-size:12px;line-height:1.3}.todo-preview-row input{margin:1px 0 0;accent-color:#6d6a58}.todo-preview-row.done{opacity:.52;text-decoration:line-through}.todo-preview-row[style*="--todo-depth:1"]:before,.todo-preview-row[style*="--todo-depth:2"]:before{content:"";width:5px;height:5px;margin:5px 0 0 -11px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;opacity:.38;flex:none}
.group-tab.drag-target{color:#fff;background:rgba(142,150,255,.3);box-shadow:0 0 0 2px rgba(150,158,255,.2)}
.context-menu{position:fixed;z-index:200;min-width:210px;padding:6px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(27,30,39,.96);box-shadow:0 22px 70px rgba(0,0,0,.52);backdrop-filter:blur(28px);visibility:hidden;opacity:0;transform:scale(.96);transform-origin:top left;transition:.12s}
.context-menu.open{visibility:visible;opacity:1;transform:none}.context-menu button{width:100%;height:36px;border:0;border-radius:8px;background:transparent;color:#f2f3f6;text-align:left;padding:0 10px;font-size:12px;cursor:pointer;display:flex;align-items:center;gap:12px}.context-menu-main{min-width:0;flex:1;display:flex;align-items:center;gap:10px}.context-menu-icon{width:17px;height:17px;display:grid;place-items:center;color:#aeb4c4;flex:none}.context-menu-icon svg{width:16px;height:16px}.context-menu button small{margin-left:auto;color:#858c9c;font-size:10px}.context-menu button:hover,.context-menu button:focus{background:rgba(142,150,255,.2);outline:0}.context-menu button:hover .context-menu-icon,.context-menu button:focus .context-menu-icon{color:#d9dcff}.context-menu button.danger{color:#ff9b9b}.context-menu button.danger .context-menu-icon{color:#ef7c84}.context-menu hr{border:0;border-top:1px solid rgba(255,255,255,.09);margin:5px}
.board-editor-modal{width:min(700px,calc(100% - 30px))}.compact-modal{width:min(540px,calc(100% - 30px))}.note-body-label{display:flex;flex-direction:column;gap:7px;margin-top:14px}.note-body-label span{font-size:12px;color:var(--muted);font-weight:620}.note-body-label textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.17);color:var(--text);padding:13px;outline:0;line-height:1.55}.note-body-label textarea:focus{border-color:#8d96ed;box-shadow:0 0 0 3px rgba(130,140,255,.12)}
.board-global-option{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0 4px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.03);cursor:pointer}.board-global-option>span:first-child{display:flex;flex-direction:column;gap:3px}.board-global-option strong{font-size:12px;color:var(--text)}.board-global-option small{font-size:10px;line-height:1.35;color:var(--muted)}.board-global-option .switch{flex:none}.board-global-option .switch input{display:none}.board-global-option .switch i{display:block;width:38px;height:23px;border-radius:20px;background:rgba(255,255,255,.14);padding:3px;transition:.2s}.board-global-option .switch i:after{content:"";display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s}.board-global-option .switch input:checked+i{background:#7e89ed}.board-global-option .switch input:checked+i:after{transform:translateX(15px)}
.board-meta-grid{grid-template-columns:minmax(0,1fr) 115px 190px}.board-meta-grid .board-global-option{height:44px;margin:0;padding:0 11px;align-self:end;flex-direction:row;gap:10px}.board-meta-grid .board-global-option strong{font-size:11px;white-space:nowrap}.board-meta-grid .board-global-option .switch{display:block}.board-meta-grid .board-global-option .switch i{width:34px;height:21px;padding:3px}.board-meta-grid .board-global-option .switch i:after{width:15px;height:15px}.board-meta-grid .board-global-option .switch input:checked+i:after{transform:translateX(13px)}
@media(max-width:700px){.board-meta-grid{grid-template-columns:1fr}.board-meta-grid .board-global-option{width:100%}}
.markdown-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.markdown-toolbar button{height:31px;min-width:32px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:var(--glass);color:var(--text);cursor:pointer;font-size:11px}.markdown-toolbar button:hover{background:var(--glass-hover)}
.note-convert-row{display:flex;margin-top:12px}.note-convert-row[hidden]{display:none}.note-convert-row .soft-btn{color:#cbd0ff;border-color:rgba(145,155,246,.28);background:rgba(132,143,245,.08)}.note-convert-row .soft-btn:hover{background:rgba(132,143,245,.15)}
#todoModalLayer .board-editor-modal{max-height:calc(100dvh - 24px);margin-block:12px;display:flex;flex-direction:column}#todoForm{display:flex;flex-direction:column;min-height:0}.todo-editor-mode{align-self:flex-start;display:flex;gap:3px;margin:14px 0 10px;padding:3px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.14)}.todo-editor-mode button{height:29px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:650;cursor:pointer}.todo-editor-mode button.active{background:rgba(255,255,255,.1);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.18)}.todo-text-hint{margin:0 0 7px;color:var(--muted);font-size:10px;line-height:1.4}.todo-text-hint code{padding:1px 4px;border-radius:4px;background:rgba(255,255,255,.07);color:#c8ccf5}.todo-text-editor{display:block;width:100%;min-height:250px;max-height:58dvh;resize:vertical;border:1px solid var(--line);border-radius:13px;background:rgba(0,0,0,.17);color:var(--text);padding:13px 14px;outline:0;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;tab-size:2}.todo-text-editor:focus{border-color:#8d96ed;box-shadow:0 0 0 3px rgba(130,140,255,.1)}.todo-editor-list{display:flex;flex-direction:column;gap:7px;margin:14px 0 8px;max-height:calc(100dvh - 410px);min-height:110px;overflow:auto;padding:4px}.todo-drag-hint{margin:0 0 4px;color:var(--muted);font-size:10px;line-height:1.4}.todo-editor-row{position:relative;display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-left:calc(var(--todo-depth,0)*24px);padding:7px 8px;border:1px solid transparent;border-radius:10px;background:rgba(255,255,255,.045);transition:margin .14s,background .14s,opacity .14s}.todo-editor-row.dragging{opacity:.3}.todo-editor-row.drop-before:before,.todo-editor-row.drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:2px;background:#9da6ff;box-shadow:0 0 8px rgba(140,150,255,.65)}.todo-editor-row.drop-before:before{top:-5px}.todo-editor-row.drop-after:after{bottom:-5px}.todo-editor-row.drop-inside{background:rgba(139,149,255,.16);border-color:rgba(157,166,255,.45)}.todo-drag-handle{color:var(--muted);cursor:grab;letter-spacing:-4px;padding-right:4px;user-select:none}.todo-drag-handle:active{cursor:grabbing}.todo-editor-row input[type=text]{height:34px;min-width:0;border:0;background:transparent;color:var(--text);outline:0}.todo-editor-row input[type=checkbox]{accent-color:#8792f0}.todo-row-actions{display:flex;align-items:center;gap:1px}.todo-editor-row button{width:26px;height:26px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:15px;cursor:pointer}.todo-editor-row button:hover:not(:disabled){background:rgba(255,255,255,.08);color:var(--text)}.todo-editor-row button:disabled{opacity:.22;cursor:default}.todo-add-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0 14px}.todo-add-row input{height:40px;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.17);color:var(--text);padding:0 11px;outline:0}
.sticky-color-select{font-family:-apple-system,BlinkMacSystemFont,"Apple Color Emoji","SF Pro Text",sans-serif}.archive-list,.note-hub-list{display:flex;flex-direction:column;gap:8px}.archive-row,.hub-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:11px;background:rgba(255,255,255,.05)}.archive-row span,.hub-row small{color:var(--muted);font-size:11px}.hub-row{cursor:pointer}.hub-row:hover{background:rgba(255,255,255,.08)}.hub-row strong{font-size:13px}.hub-row div{display:flex;flex-direction:column;gap:3px}.hub-dot{width:9px;height:9px;border-radius:50%;flex:none}.hub-dot.yellow{background:#cdbf82}.hub-dot.orange{background:#d4925f}.hub-dot.red{background:#c96869}.hub-dot.pink{background:#cb7f9f}.hub-dot.purple{background:#8e73b6}.hub-dot.blue{background:#71a9df}.hub-dot.teal{background:#66a9a1}.hub-dot.green{background:#78bb78}.hub-dot.mint{background:#94bc8c}.hub-dot.graphite{background:#626a78}.hub-hint{margin:18px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.note-hub-modal{width:min(560px,calc(100% - 30px))}
@media(max-width:900px){.topbar{padding-inline:12px}.sticky-card{width:210px}.todo-card{width:235px}}
@media(max-width:650px){.board-stage{min-height:720px;padding-inline:0}.note-layer{position:relative;inset:auto;display:flex;flex-direction:column;gap:12px;margin-top:30px}.sticky-card,.todo-card{position:relative!important;left:auto!important;top:auto!important;width:100%;min-height:140px;transform:none}.todo-card{min-height:0}.app-grid,body.compact .app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 4px}.top-actions{min-width:auto}.note-hub-button{min-width:44px}.note-hub-button span:last-child{display:none}#todoModalLayer .board-editor-modal{width:calc(100% - 12px);max-height:calc(100dvh - 12px);margin-block:6px}.todo-editor-list{max-height:calc(100dvh - 430px)}.todo-editor-row{margin-left:calc(var(--todo-depth,0)*13px);grid-template-columns:auto auto minmax(0,1fr) auto}.todo-row-actions button{width:23px}}
@media(max-width:650px){.note-convert-row .soft-btn{width:100%}}

#todoModalLayer .board-editor-modal{max-height:calc(100dvh - 90px);margin-block:70px 20px}
@media(max-width:900px){#todoModalLayer .board-editor-modal{max-height:calc(100dvh - 82px);margin-block:62px 20px}}
@media(max-width:650px){#todoModalLayer .board-editor-modal{max-height:calc(100dvh - 74px);margin-block:54px 20px}}

/* Full notes and tasks board */
.board-view-button{width:40px;height:40px;flex:0 0 40px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.035);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.2s}
.board-view-button svg{width:18px;height:18px}.board-view-button:hover{color:var(--text);background:rgba(255,255,255,.07);transform:translateY(-1px)}.board-view-button.active{color:#fff;background:rgba(132,143,245,.2);border-color:rgba(151,160,255,.36);box-shadow:0 0 0 3px rgba(126,137,237,.08)}
body.overview-mode .content{display:none}.overview-board[hidden]{display:none}.overview-board{width:100vw;margin:30px calc(50% - 50vw) 0;padding:0 0 22px;animation:overview-enter .28s ease both}
.overview-board-head{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:18px;padding-inline:24px}.overview-board-actions{display:flex;align-items:center;justify-content:center;gap:8px}.overview-board-actions>span{position:absolute;right:24px;color:var(--muted);font-size:10px}.overview-board-actions .soft-btn,.overview-board-actions .primary-btn{white-space:nowrap}
.overview-board-columns{display:flex;align-items:flex-start;gap:15px;width:100%;min-height:calc(100dvh - 145px);padding:2px 18px 22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.overview-board-columns:before,.overview-board-columns:after{content:"";flex:1 1 0;min-width:0}
.overview-column{position:relative;flex:0 0 310px;max-height:calc(100dvh - 190px);display:flex;flex-direction:column;padding:15px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:#14171e;box-shadow:0 18px 46px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035);scroll-snap-align:start;overflow:hidden}
.overview-column:before{content:"";position:absolute;left:15px;right:15px;top:0;height:2px;border-radius:2px;background:#7d87e8;opacity:.8}.overview-column[data-color=yellow]:before{background:#cdbf82}.overview-column[data-color=orange]:before{background:#d4925f}.overview-column[data-color=red]:before{background:#c96869}.overview-column[data-color=pink]:before{background:#cb7f9f}.overview-column[data-color=purple]:before{background:#9b7dc4}.overview-column[data-color=blue]:before{background:#71a9df}.overview-column[data-color=teal]:before{background:#66a9a1}.overview-column[data-color=green]:before,.overview-column[data-color=mint]:before{background:#78bb78}.overview-column[data-color=graphite]:before{background:#747d8d}
.overview-column-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:2px 1px 11px}.overview-column-head>div{min-width:0;flex:1}.overview-column-head span{display:block;margin-bottom:4px;color:#7f8798;font-size:9px;font-weight:780;letter-spacing:.13em}.overview-column-head h2{margin:0;font-size:16px;letter-spacing:-.02em}.overview-column-head>b{min-width:25px;height:25px;padding:0 7px;border-radius:8px;background:rgba(255,255,255,.065);display:grid;place-items:center;color:#aeb4c3;font-size:10px}
.overview-open-editor{width:29px;height:29px;flex:none;border:0;border-radius:9px;background:transparent;color:#858d9e;display:grid;place-items:center;cursor:pointer}.overview-open-editor:hover{background:rgba(255,255,255,.07);color:#fff}.overview-open-editor svg{width:14px;height:14px}
.overview-column-title,.overview-card-title{width:100%;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--text);font-weight:690;letter-spacing:-.02em}.overview-column-title{font-size:16px}.overview-column-title:focus,.overview-card-title:focus{box-shadow:0 1px #8994ef}
.overview-column-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-2px 0 12px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.065);color:#858d9e;font-size:9px}.overview-column-meta>b{font-weight:650;color:#aeb5c4}
.overview-task-list,.overview-notes-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.overview-task-list{display:flex;flex-direction:column;gap:6px;padding:4px 2px;transition:.15s}.overview-task-list.drop-list{min-height:54px;border-radius:11px;background:rgba(137,148,242,.08);box-shadow:inset 0 0 0 1px rgba(145,155,246,.25)}.overview-task{position:relative;display:grid;grid-template-columns:12px auto minmax(0,1fr) 23px;align-items:center;gap:7px;margin-left:calc(var(--todo-depth,0)*14px);padding:8px 7px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.035);transition:.16s}.overview-task:focus-within{border-color:rgba(144,154,245,.25);background:rgba(255,255,255,.055)}.overview-task.dragging{opacity:.25}.overview-task.drop-before:before,.overview-task.drop-after:after{content:"";position:absolute;left:4px;right:4px;height:2px;border-radius:2px;background:#929cff;box-shadow:0 0 8px rgba(126,138,255,.65)}.overview-task.drop-before:before{top:-5px}.overview-task.drop-after:after{bottom:-5px}.overview-task.drop-inside{border-color:rgba(151,160,255,.48);background:rgba(132,143,245,.14)}.overview-task-drag{color:#626a79;cursor:grab;font-size:12px;letter-spacing:-3px;user-select:none}.overview-task-drag:active{cursor:grabbing}.overview-task>input[type=checkbox]{width:15px;height:15px;margin:0;accent-color:#8792ef}.overview-task>input[type=text]{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e8eaf0;font-size:12px;line-height:1.35}.overview-task>button{width:23px;height:23px;padding:0;border:0;border-radius:7px;background:transparent;color:transparent;cursor:pointer;font-size:16px}.overview-task:hover>button,.overview-task:focus-within>button{color:#727a8b}.overview-task>button:hover{color:#ff9696;background:rgba(255,90,90,.08)}.overview-task.done{opacity:.47}.overview-task.done>input[type=text]{text-decoration:line-through}.overview-empty-list{margin:16px 0;color:#7f8796;font-size:11px;text-align:center}
.overview-add-task{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:11px;padding:4px 4px 4px 10px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.overview-add-task>span{color:#7e8799}.overview-add-task input{height:34px;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.overview-add-task button{height:29px;padding:0 9px;border:0;border-radius:8px;background:rgba(133,144,240,.14);color:#bfc5ff;cursor:pointer;font-size:10px}.overview-add-task:focus-within{border-color:rgba(145,155,246,.3)}
.overview-notes-column{flex-basis:350px}.overview-notes-list{display:flex;flex-direction:column;gap:10px;padding-right:2px}.overview-note{padding:12px;border:1px solid rgba(255,255,255,.075);border-left:3px solid #cdbf82;border-radius:12px;background:rgba(255,255,255,.04)}.overview-note[data-color=orange]{border-left-color:#d4925f}.overview-note[data-color=red]{border-left-color:#c96869}.overview-note[data-color=pink]{border-left-color:#cb7f9f}.overview-note[data-color=purple]{border-left-color:#9b7dc4}.overview-note[data-color=blue]{border-left-color:#71a9df}.overview-note[data-color=teal]{border-left-color:#66a9a1}.overview-note[data-color=green],.overview-note[data-color=mint]{border-left-color:#78bb78}.overview-note[data-color=graphite]{border-left-color:#747d8d}.overview-note header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.overview-card-title{font-size:13px}.overview-note textarea{display:block;width:100%;min-height:54px;height:auto;resize:none;overflow:hidden;padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:9px;outline:0;background:rgba(5,7,11,.18);color:#d9dce5;font:12px/1.5 inherit}.overview-note textarea:focus{border-color:rgba(143,153,244,.3);box-shadow:0 0 0 3px rgba(126,137,237,.06)}.overview-note footer{display:flex;justify-content:space-between;margin-top:8px;padding:0;color:#777f90;font-size:9px}.overview-column-add{width:100%;margin-top:10px;padding:9px;border:1px dashed rgba(255,255,255,.1);border-radius:10px;background:transparent;color:#8f97a8;cursor:pointer;font-size:11px}.overview-column-add:hover{color:#cbd0de;background:rgba(255,255,255,.035)}
.overview-board-empty{display:flex;flex-direction:column;align-items:center;gap:5px;padding:32px 12px;color:#7f8796;text-align:center}.overview-board-empty strong{color:#b7bdc9;font-size:12px}.overview-board-empty span{font-size:10px}.overview-new-column{flex:0 0 230px;min-height:120px;border:1px dashed rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.018);color:#848c9c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;scroll-snap-align:start}.overview-new-column:hover{color:#c9cdda;background:rgba(255,255,255,.04);border-color:rgba(149,158,245,.25)}.overview-new-column>span{font-size:25px;font-weight:300}.overview-new-column>strong{font-size:11px}
.overview-notes-column{max-height:none;overflow:visible}.overview-notes-column .overview-notes-list{overflow:visible}
@keyframes widget-enter{from{opacity:0;translate:0 9px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
.overview-board-columns.animate-widgets>.overview-column,.overview-board-columns.animate-widgets>.overview-new-column{animation:widget-enter .34s cubic-bezier(.22,.8,.24,1) both}.overview-board-columns.animate-widgets>:nth-child(2){animation-delay:45ms}.overview-board-columns.animate-widgets>:nth-child(3){animation-delay:90ms}.overview-board-columns.animate-widgets>:nth-child(4){animation-delay:135ms}.overview-board-columns.animate-widgets>:nth-child(n+5){animation-delay:180ms}.overview-board-columns.animate-widgets .overview-note{animation:widget-enter .3s cubic-bezier(.22,.8,.24,1) both}.overview-board-columns.animate-widgets .overview-note:nth-child(2){animation-delay:45ms}.overview-board-columns.animate-widgets .overview-note:nth-child(3){animation-delay:90ms}.overview-board-columns.animate-widgets .overview-note:nth-child(n+4){animation-delay:135ms}
@keyframes overview-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:700px){.board-view-button{width:40px;height:40px;flex-basis:40px}.overview-board{width:100vw;margin-top:22px}.overview-board-head{padding-inline:10px}.overview-board-actions>span{display:none}.overview-board-actions .soft-btn,.overview-board-actions .primary-btn{padding:9px 10px;font-size:11px}.overview-board-columns{min-height:calc(100dvh - 124px);padding-inline:0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.overview-board-columns:before{display:block;flex:0 0 max(0px,calc((100vw - min(88vw,350px))/2 - 15px))}.overview-board-columns:after{display:block;flex:0 0 max(0px,calc(16vw - 15px))}.overview-column{flex-basis:min(86vw,330px);max-height:calc(100dvh - 140px);scroll-snap-align:center;scroll-snap-stop:always}.overview-notes-column{flex-basis:min(88vw,350px)}.overview-new-column{flex-basis:68vw;scroll-snap-align:center;scroll-snap-stop:always}#noteTitle,#noteBody,#captureText,#todoTitle,#todoTextEditor,#todoNewItem,.todo-editor-row input[type=text],.overview-board input[type=text],.overview-board textarea{font-size:16px}}