.sticky-note[data-v-8b44d3fe]{word-break:break-all;border-radius:4px;flex-direction:column;min-width:180px;padding:0;display:flex;position:fixed;box-shadow:2px 2px 4px #0003}.note-toolbar[data-v-8b44d3fe]{opacity:0;cursor:grab;background:#0000000d;justify-content:space-between;align-items:center;padding:4px 8px;transition:opacity .2s;display:flex}.note-toolbar[data-v-8b44d3fe]:active{cursor:grabbing}.note-toolbar[data-v-8b44d3fe]:hover,.sticky-note:hover .note-toolbar[data-v-8b44d3fe]{opacity:1}.color-option[data-v-8b44d3fe]{cursor:pointer;border:1px solid #0000001a;border-radius:50%;width:16px;height:16px}.color-option[data-v-8b44d3fe]:hover{transform:scale(1.1)}.delete-btn[data-v-8b44d3fe]{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.delete-btn svg[data-v-8b44d3fe]{fill:#80808080}.note-content[data-v-8b44d3fe]{text-align:center;flex-grow:1;justify-content:center;align-items:center;padding:12px;display:flex}.note-textarea[data-v-8b44d3fe]{resize:none;text-align:center;color:#4d4d4d;background:0 0;border:none;outline:none;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0;font-size:16px;display:flex}.note-textarea[data-v-8b44d3fe]::placeholder{color:#0003}.resize-handle[data-v-8b44d3fe]{cursor:nwse-resize;background:linear-gradient(135deg,#0000 50%,#0000001a 50%);border-bottom-right-radius:4px;width:16px;height:16px;position:absolute;bottom:0;right:0}#whiteboard-view[data-v-ed000c74]{background-color:var(--white-100);flex-direction:column;width:100%;height:100%;display:flex}.board-area[data-v-ed000c74]{background-image:radial-gradient(circle, var(--white-400) 1px, transparent 1px);background-size:22px 22px;flex:1;position:relative;overflow:hidden}.add-note-btn[data-v-ed000c74]{z-index:10;cursor:pointer;border:none;border-radius:32px;width:auto;padding:8px 16px;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #00000029}.add-note-btn[data-v-ed000c74]:hover{box-shadow:0 6px 18px #00000038}.add-note-btn[data-v-ed000c74]:active{transform:scale(.96)}.items-container[data-v-ed000c74]{position:absolute;inset:0}#login-view[data-v-1628ab95]{height:100vh;display:flex;overflow:hidden}#login-view.mobile[data-v-1628ab95]{background-color:var(--white-300);flex-direction:column;justify-content:flex-start;align-items:center;padding:48px 24px 24px}#login-view.desktop[data-v-1628ab95]{flex-direction:row}.brand-panel[data-v-1628ab95]{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);flex:3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.brand-content[data-v-1628ab95]{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.brand-content svg path[data-v-1628ab95]{fill:#fffffff2}.brand-content .tagline[data-v-1628ab95]{color:#fff9;letter-spacing:.05em;font-size:.875rem}.brand-decoration[data-v-1628ab95]{background:#ffffff0a;border-radius:50%;width:600px;height:600px;position:absolute;bottom:-200px;right:-150px}.brand-decoration[data-v-1628ab95]:before{content:"";background:#ffffff0a;border-radius:50%;width:400px;height:400px;position:absolute;top:-250px;left:-100px}.form-panel[data-v-1628ab95]{background-color:var(--white-300);flex-direction:column;flex:2;justify-content:center;align-items:center;padding:48px;display:flex}.mobile-logo[data-v-1628ab95]{margin-bottom:32px}.mobile-logo svg path[data-v-1628ab95]{fill:var(--black-500)}.login-card[data-v-1628ab95]{background-color:var(--white);border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:380px;padding:32px;display:flex;box-shadow:0 4px 6px #0000000a,0 10px 40px #00000014}.form-header h1[data-v-1628ab95]{color:var(--black-500);margin:0 0 4px;font-size:1.5rem;font-weight:700}.form-header p[data-v-1628ab95]{color:var(--grey);margin:0;font-size:.875rem}.submit-btn[data-v-1628ab95]{color:#dbdbdb;border:none;border-radius:8px;padding:12px;font-size:.9375rem;font-weight:600;transition:background-color .15s,transform .1s}.submit-btn[data-v-1628ab95]:active:not(:disabled){transform:scale(.99)}#home-view[data-v-ea384188]{background-color:var(--white-100);flex-direction:column;height:100%;display:flex}.dashboard[data-v-ea384188]{box-sizing:border-box;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 24px;overflow-y:auto}.dashboard-header[data-v-ea384188]{margin-bottom:32px}.dashboard-header h1[data-v-ea384188]{color:var(--black-700);margin:0 0 4px;font-size:1.9rem;font-weight:800}.dashboard-header h1 span[data-v-ea384188]{color:var(--primary)}.dashboard-header p[data-v-ea384188]{color:var(--black-200);margin:0;font-size:.95rem}.tile-grid[data-v-ea384188]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.tile[data-v-ea384188]{text-align:left;background-color:var(--white);border:1px solid var(--white-300);cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 1px 2px #0000000a}.tile[data-v-ea384188]:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.tile:hover .tile-arrow[data-v-ea384188]{opacity:1;transform:translate(3px)}.tile:hover .tile-icon[data-v-ea384188]{background:var(--accent);color:var(--white)}.tile[data-v-ea384188]:active{transform:translateY(-1px)}.tile-icon[data-v-ea384188]{background:color-mix(in srgb, var(--accent) 12%, transparent);width:48px;height:48px;color:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .18s,color .18s;display:flex}.tile-body[data-v-ea384188]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tile-title[data-v-ea384188]{color:var(--black-700);font-size:1.1rem;font-weight:700}.tile-subtitle[data-v-ea384188]{color:var(--black-100);font-size:.83rem}.tile-arrow[data-v-ea384188]{color:var(--accent);opacity:.5;transition:transform .18s,opacity .18s}.todo-item[data-v-b86130ea]{background-color:var(--white);border:1px solid var(--white-300);border-radius:8px;align-items:flex-start;padding:16px;transition:border-color .15s,box-shadow .15s,opacity .15s;box-shadow:0 1px 2px #0000000a}.todo-item[data-v-b86130ea]:hover{box-shadow:0 4px 14px #00000014}.todo-item:hover .delete[data-v-b86130ea]{opacity:1}.todo-item.done[data-v-b86130ea]{opacity:.72;background-color:var(--white-100)}.check[data-v-b86130ea]{border:2px solid var(--white-500);color:#0000;cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-top:2px;padding:0;transition:border-color .15s,background-color .15s,color .15s}.check[data-v-b86130ea]:hover:not(.checked){border-color:var(--primary)}.check.checked[data-v-b86130ea]{background-color:var(--primary);border-color:var(--primary);color:var(--white);cursor:default}.body[data-v-b86130ea]{min-width:0}.title-input[data-v-b86130ea]{width:100%;color:var(--black-700);background:0 0;border:none;padding:0;font-size:1.05rem;font-weight:700}.title-input[data-v-b86130ea]:focus{outline:none}.title-input.done[data-v-b86130ea]{color:var(--black-200);text-decoration:line-through}.content-input[data-v-b86130ea]{width:100%;max-height:6.6rem;color:var(--black-500);field-sizing:content;resize:none;background:0 0;border:none;padding:0;font-family:inherit;font-size:.9rem;line-height:1.35}.content-input[data-v-b86130ea]:focus{outline:none}.content-input.done[data-v-b86130ea]{color:var(--black-100);text-decoration:line-through}.meta[data-v-b86130ea]{color:var(--black-100);font-size:.72rem}.delete[data-v-b86130ea]{width:32px;height:32px;color:var(--black-100);cursor:pointer;opacity:.55;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:0;transition:background-color .15s,color .15s,opacity .15s}.delete[data-v-b86130ea]:hover{background-color:color-mix(in srgb, var(--error) 12%, transparent);color:var(--error);opacity:1}@media (width<=880px){.delete[data-v-b86130ea]{opacity:1}}#todo-list-view[data-v-bd715be3]{background-color:var(--white-100);flex-direction:column;height:100%;display:flex}.todo-page[data-v-bd715be3]{box-sizing:border-box;flex:1;width:100%;max-width:760px;margin:0 auto;padding:32px 24px;overflow-y:auto}.todo-header[data-v-bd715be3]{margin-bottom:24px}.todo-header h1[data-v-bd715be3]{color:var(--black-700);margin:0 0 4px;font-size:1.9rem;font-weight:800}.todo-header p[data-v-bd715be3]{color:var(--black-200);align-items:center;gap:4px;margin:0;font-size:.9rem;display:flex}.todo-header p .count-open[data-v-bd715be3]{color:var(--primary-light);font-weight:600}.todo-header p .dot[data-v-bd715be3]{color:var(--white-500)}.composer[data-v-bd715be3]{background-color:var(--white);border:1px solid var(--white-300);border-radius:16px;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 1px 2px #0000000a}.composer-title[data-v-bd715be3],.composer-content[data-v-bd715be3]{width:100%;color:var(--black-700);background:0 0;border:none;padding:4px;font-family:inherit}.composer-title[data-v-bd715be3]:focus,.composer-content[data-v-bd715be3]:focus{outline:none}.composer-title[data-v-bd715be3]::placeholder,.composer-content[data-v-bd715be3]::placeholder{color:var(--black-100)}.composer-title[data-v-bd715be3]{font-size:1.05rem;font-weight:600}.composer-content[data-v-bd715be3]{field-sizing:content;resize:none;min-height:2.2rem;max-height:5.5rem;color:var(--black-500);border-top:1px solid var(--white-200);border-radius:0;padding-top:8px;font-size:.9rem;line-height:1.35}.composer-actions[data-v-bd715be3]{justify-content:flex-end;margin-top:4px;display:flex}.add-btn[data-v-bd715be3]{border-radius:8px;align-items:center;gap:4px;width:auto;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.toolbar[data-v-bd715be3]{flex-wrap:wrap;margin-bottom:16px}.search[data-v-bd715be3]{background-color:var(--white);border:1px solid var(--white-300);min-width:180px;color:var(--black-100);border-radius:8px;flex:1;padding:8px 12px;transition:border-color .15s}.search[data-v-bd715be3]:focus-within{border-color:var(--primary);color:var(--primary)}.search input[data-v-bd715be3]{min-width:0;color:var(--black-700);background:0 0;border:none;flex:1;padding:0;font-family:inherit;font-size:.9rem}.search input[data-v-bd715be3]:focus{outline:none}.search input[data-v-bd715be3]::placeholder{color:var(--black-100)}.segmented[data-v-bd715be3]{background-color:var(--white);border:1px solid var(--white-300);border-radius:8px;gap:2px;padding:2px;display:flex}.segment[data-v-bd715be3]{width:auto;color:var(--black-300);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:.85rem;font-weight:600;transition:background-color .15s,color .15s}.segment[data-v-bd715be3]:hover:not(.active){color:var(--black-600)}.segment.active[data-v-bd715be3]{background-color:var(--white-100);color:var(--primary-light)}.empty-state[data-v-bd715be3]{color:var(--black-100);text-align:center;padding:48px 24px}.empty-state p[data-v-bd715be3]{margin:0;font-size:.95rem}#settings-view[data-v-29df49c3]{background-color:var(--white-100);flex-direction:column;height:100%;display:flex}.settings[data-v-29df49c3]{box-sizing:border-box;flex:1;width:100%;max-width:760px;margin:0 auto;padding:32px 24px;overflow-y:auto}.settings-header[data-v-29df49c3]{margin-bottom:32px}.settings-header h1[data-v-29df49c3]{color:var(--black-700);margin:0 0 4px;font-size:1.9rem;font-weight:800}.settings-header p[data-v-29df49c3]{color:var(--black-200);margin:0;font-size:.95rem}.settings-card[data-v-29df49c3]{background-color:var(--white);border:1px solid var(--white-300);border-radius:16px;padding:24px;box-shadow:0 1px 2px #0000000a}.section-title[data-v-29df49c3]{text-transform:uppercase;letter-spacing:.06em;color:var(--black-100);margin:0 0 16px;font-size:.8rem;font-weight:700}.setting-row[data-v-29df49c3]{flex-wrap:wrap}.setting-info[data-v-29df49c3]{min-width:0}.setting-label[data-v-29df49c3]{color:var(--black-700);font-size:1rem;font-weight:600}.setting-hint[data-v-29df49c3]{color:var(--black-100);margin-top:2px;font-size:.83rem}.segmented[data-v-29df49c3]{background-color:var(--white-100);border:1px solid var(--white-300);border-radius:8px;flex-shrink:0;gap:2px;padding:2px;display:flex}.segment[data-v-29df49c3]{width:auto;color:var(--black-300);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 16px;font-size:.9rem;font-weight:600;transition:background-color .15s,color .15s;display:flex}.segment[data-v-29df49c3]:hover:not(.active){color:var(--black-600)}.segment.active[data-v-29df49c3]{background-color:var(--white);color:var(--primary);box-shadow:0 1px 3px #0000001f}