.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--bg:#f3f4f7;--surface:#fff;--text:#151821;--muted:#5d6474;--border:#e1e4ea;--accent:#4f6df5;--on-accent:#fff;--radius:12px;--gap:12px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--shadow:0 1px 2px #0000000a, 0 4px 16px #0000000a;--accent-soft:color-mix(in srgb, var(--accent) 14%, transparent);--danger:#d1435b}:root[data-mode=dark]{--shadow:0 1px 2px #0006;--danger:#ff6b81}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.45}h1,h2,h3{margin:0;line-height:1.2}a{color:inherit}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.app{max-width:1440px;margin:0 auto;padding:24px 16px 40px}@media (width>=768px){.app{padding:32px 32px 48px}}.topbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.topbar h1{letter-spacing:-.01em;font-size:1.75rem;font-weight:650}.topbar p{margin:0 0 2px}.toolbar{align-items:center;gap:8px;display:flex}.footer{text-align:center;margin-top:32px}.notices{gap:8px;margin-bottom:16px;display:grid}.notice{border-radius:var(--radius);background:var(--accent-soft);justify-content:space-between;gap:12px;margin:0;padding:10px 14px;display:flex}.btn{border-radius:calc(var(--radius) * .75);background:var(--accent);height:36px;color:var(--on-accent);cursor:pointer;border:1px solid #0000;align-items:center;gap:6px;padding:0 14px;font-weight:550;display:inline-flex}.btn.ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn.ghost:hover{border-color:var(--accent)}.btn.danger{color:var(--danger)}@media (width<=479px){.toolbar .btn span{display:none}.toolbar .btn{padding:0 10px}}.icon-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.icon-btn:hover{background:var(--accent-soft);color:var(--text)}.icon-btn.danger:hover{color:var(--danger)}.toolbar>.icon-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0}.dashboard{min-height:200px}.dashboard-empty{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;padding:48px 16px}.dashboard-empty p{margin:4px 0}.widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:100%;box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.widget.editing{border-style:dashed;border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.widget-head{align-items:center;gap:4px;min-height:40px;padding:8px 8px 0 14px;display:flex}.widget-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;font-weight:650;overflow:hidden}.widget-actions{opacity:.55;gap:2px;transition:opacity .15s;display:flex}.widget:hover .widget-actions,.widget.editing .widget-actions,.widget-actions:focus-within{opacity:1}.widget-handle{cursor:grab;color:var(--muted);place-items:center;margin-left:-6px;display:grid}.widget-body{flex:1;padding:6px 14px 14px;overflow:auto}.empty{color:var(--muted);margin:8px 0;font-size:.9rem}.react-grid-item.react-grid-placeholder{background:var(--accent);opacity:.15;border-radius:var(--radius)}.react-grid-item>.react-resizable-handle:after{border-color:var(--muted)}.react-grid-item.react-draggable-dragging{z-index:3}.dashboard.still .react-grid-layout,.dashboard.still .react-grid-item{transition:none}.react-grid-item.react-draggable-dragging .widget{box-shadow:0 12px 32px #0000002e}.link-group+.link-group{margin-top:12px}.link-group-name{margin-bottom:4px;font-size:.85rem;font-weight:600}.link-list{gap:2px;display:grid}.link-item{border-radius:8px;align-items:center;gap:10px;min-width:0;margin:0 -8px;padding:6px 8px;text-decoration:none;display:flex}.link-item:hover{background:var(--accent-soft)}.link-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-favicon{border-radius:3px;flex:none;width:16px;height:16px}.link-letter{background:var(--accent-soft);width:18px;height:18px;color:var(--accent);border-radius:5px;flex:none;place-items:center;font-size:.7rem;font-weight:700;display:grid}.links-tiles .link-list{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.links-tiles .link-item{text-align:center;border:1px solid var(--border);flex-direction:column;justify-content:center;gap:6px;margin:0;padding:12px 6px}.links-tiles .link-title{max-width:100%;font-size:.85rem}.links-tiles .link-favicon,.links-tiles .link-letter{width:24px;height:24px}.clock{flex-direction:column;justify-content:center;height:100%;display:flex}.clock-time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:650}.clock-date{color:var(--muted)}.dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(480px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);padding:0;box-shadow:0 24px 64px #00000040}.dialog.wide{width:min(640px,100vw - 32px)}.dialog::backdrop{background:#0a0c1073}.dialog-head{justify-content:space-between;align-items:center;padding:16px 16px 8px 20px;display:flex}.dialog-head h2{font-size:1.1rem}.dialog-body{padding:4px 20px 20px}.settings-form{gap:14px;display:grid}.section{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:6px;font-size:.8rem}.field{gap:6px;min-width:0;display:grid}.field>span{color:var(--muted);font-size:.85rem}.field-row{flex-wrap:wrap;align-items:end;gap:12px 20px;display:flex}.field-row>.field{flex:180px}.check{align-items:center;gap:8px;min-height:36px;display:inline-flex}input:not([type=checkbox]):not([type=color]):not([type=range]),select{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:100%;min-width:0;height:36px;padding:0 10px}input[aria-invalid=true]{border-color:var(--danger)!important}input[type=color]{border:1px solid var(--border);background:var(--bg);border-radius:8px;width:56px;height:36px;padding:2px}input[type=range]{accent-color:var(--accent)}.field-error{color:var(--danger);grid-column:1/-1;margin:0;font-size:.85rem}.segmented{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;padding:3px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 12px}.segmented button.on{background:var(--surface);box-shadow:var(--shadow);font-weight:600}.presets{flex-wrap:wrap;gap:8px;display:flex}.preset{cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:inline-flex}.preset.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.swatch{border-radius:999px;gap:2px;padding:3px;display:inline-flex}.swatch span{border-radius:999px;width:12px;height:12px}.group-box{border:1px solid var(--border);border-radius:var(--radius);gap:8px;margin:0;padding:8px 12px 12px;display:grid}.group-box legend{align-items:center;gap:8px;width:100%;padding:0 4px;display:flex}.group-name{flex:1}.link-rows{gap:6px;min-height:8px;display:grid}.link-row{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;align-items:center;gap:6px;display:grid}.link-row.sortable{grid-template-columns:auto minmax(0,1fr) minmax(0,1.6fr) auto}.link-row.dragging,.group-box.dragging{z-index:2;opacity:.85;position:relative}.link-row.dragging input,.group-box.dragging{box-shadow:0 8px 22px #00000029}.group-box.dragging{background:var(--surface)}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.drop-hint{margin:2px 0}@media (width<=520px){.link-row.add{grid-template-columns:1fr auto}.link-row.add>input:first-child{grid-column:1/-1}.link-row.sortable{grid-template-columns:auto minmax(0,1fr) auto}.link-row.sortable>input[aria-label=URL]{grid-column:2/3}}.row-actions{display:inline-flex}.module-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.module-card{text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.module-card:hover{border-color:var(--accent)}.module-card strong{display:block}.module-card .muted{font-size:.85rem;display:block}.module-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.signin{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.signin-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(380px,100%);box-shadow:var(--shadow);justify-items:center;gap:12px;padding:32px 24px;display:grid}.signin-card h1{font-size:1.6rem}.signin-card p{margin:0}.signin-card .btn{justify-content:center;min-width:160px;text-decoration:none}.signin-error{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, transparent);border-radius:8px;padding:8px 12px;font-size:.9rem}.account{justify-content:space-between;align-items:center}.account p{margin:0}.back{margin-bottom:2px;text-decoration:none;display:inline-block}.back:hover{color:var(--accent)}.kb-empty{justify-items:start;gap:8px;display:grid}.kb-widget{flex-direction:column;gap:6px;height:100%;display:flex}.kb-tabs{flex-wrap:wrap;gap:4px;display:flex}.kb-tabs button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.8rem;display:inline-flex}.kb-tabs button.on{background:var(--accent-soft);color:var(--text);border-color:#0000;font-weight:600}.kb-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.kb-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.kb-item{align-items:center;gap:8px;min-width:0;padding:4px 0;display:flex}.kb-item input[type=checkbox]{accent-color:var(--accent);flex:none;width:16px;height:16px}.kb-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-decoration:none;overflow:hidden}.kb-title:hover{color:var(--accent)}.kb-item.done .kb-title{color:var(--muted);text-decoration:line-through}.kb-due{white-space:nowrap;background:var(--bg);color:var(--muted);border-radius:999px;flex:none;padding:1px 7px;font-size:.72rem}.kb-due.soon{background:var(--accent-soft);color:var(--accent)}.kb-due.overdue{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.kb-add input{background:0 0!important;border-style:dashed!important;height:32px!important}.kb-open{color:var(--accent);align-self:flex-end;margin-top:auto;font-size:.85rem;text-decoration:none}.kb-toolbar,.kb-board-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.kb-toolbar select{min-width:180px;width:auto!important}.kb-board-name{flex:1;min-width:160px;font-weight:600;background:0 0!important;border-color:#0000!important;font-size:1.15rem!important}.kb-board-name:hover,.kb-board-name:focus{border-color:var(--border)!important}.kb-columns{gap:var(--gap);scroll-snap-type:x proximity;overscroll-behavior-x:contain;align-items:flex-start;padding-bottom:12px;display:flex;overflow-x:auto}.kb-column{scroll-snap-align:start;background:color-mix(in srgb, var(--surface) 55%, var(--bg));border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:0 0 min(300px,85vw);gap:8px;padding:10px;display:flex}.kb-new-column{background:0 0;border-style:dashed}.kb-column-head{align-items:center;gap:4px;display:flex}.kb-column-name{flex:1;font-weight:600;background:0 0!important;border-color:#0000!important;height:30px!important;padding:0 6px!important}.kb-column-name:hover,.kb-column-name:focus{border-color:var(--border)!important}.kb-column-head .icon-btn:disabled{opacity:.3;cursor:default}.kb-cards{flex-direction:column;gap:6px;min-height:40px;margin:0;padding:0;list-style:none;display:flex}.kb-card-slot{touch-action:manipulation;cursor:grab;border-radius:calc(var(--radius) * .7)}.kb-card-slot.dragging{opacity:.35}.kb-card{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * .7);box-shadow:var(--shadow);gap:6px;padding:9px 11px;display:grid}.kb-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.kb-card.overlay{cursor:grabbing;transform:rotate(1.5deg);box-shadow:0 14px 34px #00000038}.kb-card-title{overflow-wrap:anywhere;white-space:pre-wrap}.kb-card-meta{align-items:center;gap:8px;display:flex}textarea{font:inherit;color:inherit;border:1px solid var(--border);background:var(--bg);resize:vertical;border-radius:8px;width:100%;padding:8px 10px}.kb-card-slot.dragging:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}.kb-new-board{flex-wrap:wrap;align-items:center;gap:8px;width:100%;margin-bottom:12px;display:flex}.kb-new-board input{flex:200px;width:auto!important}.kb-new-board .field-error{flex-basis:100%}.btn:disabled{opacity:.55;cursor:default}.kb-first .kb-new-board{max-width:480px;margin:12px auto 0}.kb-mini{flex:1;min-height:0;margin:0 -4px;overflow:auto}.kb-columns.compact{gap:8px;padding-bottom:4px}.kb-columns.compact .kb-column{flex:1 0 170px;gap:6px;padding:8px}.kb-columns.compact .kb-card{box-shadow:none;padding:7px 9px;font-size:.92rem}.kb-columns.compact .kb-add input{height:30px!important}.kb-column-title{flex:1;padding-left:2px;font-size:.88rem;font-weight:600}.kb-col-picks{border:0;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;display:flex}.kb-col-picks legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:.85rem}