.notes-layout{display:flex;height:100%;overflow:hidden}.notes-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:var(--sidebar-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid var(--sidebar-sep);overflow:hidden}.notes-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;flex-shrink:0;border-bottom:1px solid var(--sep)}.notes-sidebar-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--label-3)}.notes-sidebar-scroll{flex:1;overflow-y:auto;padding:8px 6px}.notes-sidebar-scroll::-webkit-scrollbar{width:3px}.notes-sidebar-scroll::-webkit-scrollbar-thumb{background:var(--sep);border-radius:2px}.notes-empty-hint{font-size:12px;color:var(--label-3);padding:12px 8px;line-height:1.6}.notes-notebook-group{margin-bottom:4px}.notes-nb-row{display:flex;align-items:center;gap:4px;padding:4px;border-radius:8px;transition:background .12s}.notes-nb-row:hover{background:var(--fill-2)}.notes-nb-row:hover .notes-nb-actions{opacity:1}.notes-nb-toggle{background:none;border:none;padding:0;color:var(--label-3);font-size:10px;cursor:pointer;width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.notes-nb-name{flex:1;min-width:0;font-size:12px;font-weight:600;color:var(--label-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;user-select:none}.notes-nb-edit{flex:1;min-width:0;font-size:12px;font-weight:600;background:var(--fill-2);border:1px solid var(--accent);border-radius:5px;padding:2px 6px;color:var(--label);outline:none;box-shadow:0 0 0 2px var(--accent-dim)}.notes-nb-actions{display:flex;gap:2px;opacity:0;transition:opacity .12s;flex-shrink:0}.notes-tag-filter-bar{display:flex;flex-wrap:wrap;gap:4px;padding:6px 10px;border-bottom:1px solid var(--sep);flex-shrink:0}.notes-tag-filter-chip{background:var(--fill-2);border:1px solid var(--sep);border-radius:20px;padding:2px 8px;font-size:11px;color:var(--label-2);cursor:pointer;transition:background .1s,color .1s,border-color .1s;line-height:1.4}.notes-tag-filter-chip:hover{background:var(--fill-3)}.notes-tag-filter-chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.notes-archived-toggle{margin:6px 10px;flex-shrink:0;background:none;border:none;font-size:11px;color:var(--label-4);cursor:pointer;text-align:left;padding:4px 2px;transition:color .1s}.notes-archived-toggle:hover,.notes-archived-toggle.active{color:var(--label-2)}.notes-note-list{margin-left:16px;border-left:1px solid var(--sep);padding-left:6px;margin-top:2px;margin-bottom:4px}.notes-note-empty{font-size:11px;color:var(--label-4);padding:4px 6px}.notes-note-item{display:flex;align-items:flex-start;gap:5px;padding:5px 6px;border-radius:7px;cursor:pointer;transition:background .1s;border-left:3px solid transparent;position:relative}.notes-note-item:hover{background:var(--fill-2)}.notes-note-item:hover .notes-note-del,.notes-note-item:hover .notes-drag-handle{opacity:1}.notes-note-item.active{background:var(--accent-dim)}.notes-note-item.active .notes-note-title{color:var(--accent)}.notes-note-item[style*=--note-color]{border-left-color:var(--note-color)}.notes-note-item.is-archived{opacity:.55}.notes-note-item.dragging{opacity:.35}.notes-note-item.drag-over-above{box-shadow:0 -2px 0 var(--accent)}.notes-note-item.drag-over-below{box-shadow:0 2px 0 var(--accent)}.notes-drag-handle{color:var(--label-4);font-size:13px;line-height:1;flex-shrink:0;cursor:grab;margin-top:1px;opacity:0;transition:opacity .1s;-webkit-user-select:none;user-select:none}.notes-drag-handle:active{cursor:grabbing}.notes-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.notes-note-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.notes-note-title{font-size:12px;color:var(--label-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:4px}.notes-pin-mark{font-size:8px;color:var(--accent);flex-shrink:0;line-height:1}.notes-note-tags{display:flex;flex-wrap:wrap;gap:3px}.notes-note-tag{background:var(--fill-3);border-radius:3px;padding:1px 5px;font-size:10px;color:var(--label-3);line-height:1.4}.notes-note-del{opacity:0;transition:opacity .12s;flex-shrink:0;margin-top:1px}.notes-icon-btn{background:none;border:none;color:var(--label-3);font-size:16px;line-height:1;padding:2px 4px;border-radius:5px;cursor:pointer;transition:color .12s,background .12s}.notes-icon-btn:hover{color:var(--label);background:var(--fill-2)}.notes-icon-btn--danger:hover{color:var(--red)}.notes-meta-bar{display:flex;align-items:center;gap:10px;padding:0 52px 12px;flex-shrink:0;flex-wrap:wrap}.notes-color-row{display:flex;align-items:center;gap:5px;flex-shrink:0}.notes-color-swatch{width:16px;height:16px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s;flex-shrink:0}.notes-color-swatch:hover{transform:scale(1.25)}.notes-color-swatch.active{border-color:var(--label)}.notes-color-swatch--none{background:var(--fill-3);border-color:var(--sep);position:relative}.notes-color-swatch--none:after{content:"×";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1;color:var(--label-3)}.notes-color-swatch--none.active{border-color:var(--label-2)}.notes-tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px;flex:1;min-width:0}.notes-tag-chip{display:inline-flex;align-items:center;gap:3px;background:var(--accent-dim);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:11px;line-height:1.4}.notes-tag-remove{background:none;border:none;color:var(--accent);opacity:.7;font-size:12px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center}.notes-tag-remove:hover{opacity:1}.notes-tag-input{font-size:11px;background:none;border:none;outline:none;color:var(--label-2);width:80px;min-width:60px;padding:2px 0}.notes-tag-input::placeholder{color:var(--label-4)}.notes-meta-actions{display:flex;gap:4px;flex-shrink:0}.notes-meta-btn{background:none;border:1px solid var(--sep);border-radius:5px;padding:2px 8px;font-size:11px;color:var(--label-3);cursor:pointer;transition:background .1s,color .1s,border-color .1s;font-family:var(--font);line-height:1.5}.notes-meta-btn:hover{background:var(--fill-2);color:var(--label-2)}.notes-meta-btn.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.notes-archived-banner{margin:0 52px 12px;background:var(--fill-2);border:1px solid var(--sep);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--label-2);display:flex;align-items:center;gap:8px;flex-shrink:0}.notes-archived-banner button{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:0;font-family:var(--font);text-decoration:underline}.notes-editor-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.notes-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--label-3);font-size:14px}.notes-no-selection-icon{font-size:40px;opacity:.3}.notes-title-row{padding:28px 52px 0;flex-shrink:0}.notes-title-input{font-size:28px;font-weight:700;color:var(--label);background:transparent;border:none;border-radius:0;box-shadow:none;padding:0 0 12px;width:100%;outline:none;letter-spacing:-.02em;line-height:1.2}.notes-title-input::placeholder{color:var(--label-4)}.notes-title-input:focus{border:none;box-shadow:none;background:transparent}.notes-editor-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 52px 80px}.notes-editor-scroll::-webkit-scrollbar{width:4px}.notes-editor-scroll::-webkit-scrollbar-thumb{background:var(--sep);border-radius:2px}.notes-editor-inner{max-width:700px;margin:0 auto}.notes-tiptap .tiptap{outline:none;font-size:15px;line-height:1.8;color:var(--label);min-height:400px;caret-color:var(--accent)}.notes-tiptap .tiptap p{margin-bottom:.2em}.notes-tiptap .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--label-4);pointer-events:none;float:left;height:0}.notes-tiptap .tiptap h1{font-size:2em;font-weight:700;margin:.8em 0 .3em;letter-spacing:-.02em}.notes-tiptap .tiptap h2{font-size:1.5em;font-weight:700;margin:.7em 0 .25em}.notes-tiptap .tiptap h3{font-size:1.2em;font-weight:600;margin:.6em 0 .2em}.notes-tiptap .tiptap h4,.notes-tiptap .tiptap h5,.notes-tiptap .tiptap h6{font-size:1em;font-weight:600;margin:.5em 0 .2em}.notes-tiptap .tiptap strong{font-weight:700}.notes-tiptap .tiptap em{font-style:italic}.notes-tiptap .tiptap u{text-decoration:underline}.notes-tiptap .tiptap s{text-decoration:line-through}.notes-tiptap .tiptap code{font-family:var(--mono);font-size:.87em;background:var(--fill-3);border-radius:4px;padding:.1em .35em;color:var(--accent)}.notes-tiptap .tiptap pre{background:var(--fill-2);border:1px solid var(--sep);border-radius:10px;padding:14px 18px;margin:.8em 0;overflow-x:auto}.notes-tiptap .tiptap pre code{background:none;padding:0;color:var(--label);font-size:13px}.notes-tiptap .tiptap blockquote{border-left:3px solid var(--accent);margin:.6em 0;padding:.4em 0 .4em 16px;color:var(--label-2);font-style:italic}.notes-tiptap .tiptap hr{border:none;border-top:1px solid var(--sep);margin:1.4em 0}.notes-tiptap .tiptap ul,.notes-tiptap .tiptap ol{padding-left:1.5em;margin:.3em 0}.notes-tiptap .tiptap li{margin:.15em 0}.notes-tiptap .tiptap li p{margin:0}.notes-tiptap .tiptap ul[data-type=taskList]{list-style:none;padding-left:.2em}.notes-tiptap .tiptap ul[data-type=taskList] li{display:flex;gap:8px;align-items:flex-start}.notes-tiptap .tiptap ul[data-type=taskList] li>label{margin-top:.25em;flex-shrink:0}.notes-tiptap .tiptap ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;color:var(--label-3)}.notes-tiptap .tiptap ul[data-type=taskList] input[type=checkbox]{width:15px;height:15px;accent-color:var(--accent);border-radius:3px;cursor:pointer;background:none;border:1px solid var(--sep);padding:0}.notes-tiptap .tiptap table{border-collapse:collapse;width:100%;margin:.8em 0;overflow:hidden;border-radius:8px;border:1px solid var(--sep)}.notes-tiptap .tiptap th,.notes-tiptap .tiptap td{border:1px solid var(--sep);padding:8px 12px;text-align:left;min-width:80px}.notes-tiptap .tiptap th{background:var(--fill-2);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--label-2)}.notes-tiptap .tiptap .selectedCell{background:var(--accent-dim)}.notes-tiptap .tiptap img{max-width:100%;border-radius:8px;margin:.5em 0}.notes-tiptap .tiptap mark{background:#ffdc0059;border-radius:2px;padding:0 1px}html.dark .notes-tiptap .tiptap mark{background:#ffdc0033}.notes-tiptap .tiptap a{color:var(--accent);text-decoration:underline}.notes-tiptap .tiptap a:hover{text-decoration:none}.notes-bubble{display:flex;align-items:center;gap:2px;background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:10px;padding:5px 6px;box-shadow:0 4px 24px #0000002e}html.dark .notes-bubble{box-shadow:0 4px 32px #0009}.notes-bubble-btn{background:none;border:none;font-size:12px;font-weight:700;font-family:var(--font);color:var(--label-2);padding:3px 7px;border-radius:6px;cursor:pointer;transition:background .1s,color .1s;line-height:1.4;white-space:nowrap}.notes-bubble-btn:hover{background:var(--fill-2);color:var(--label)}.notes-bubble-btn.active{background:var(--accent-dim);color:var(--accent)}.notes-bubble-sep{width:1px;height:16px;background:var(--sep);margin:0 2px;flex-shrink:0}.notes-link-form{display:flex;align-items:center;gap:6px}.notes-link-input{font-size:12px;padding:4px 8px;border-radius:6px;width:220px;background:var(--fill-2);border:1px solid var(--sep);color:var(--label);outline:none}.notes-link-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.notes-slash-menu{position:fixed;z-index:200;min-width:200px;background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:12px;padding:5px;box-shadow:0 8px 40px #0000002e;max-height:320px;overflow-y:auto}html.dark .notes-slash-menu{box-shadow:0 8px 48px #0009}.notes-slash-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;text-align:left;font-family:var(--font);font-size:13px;color:var(--label);padding:7px 10px;border-radius:8px;cursor:pointer;transition:background .08s}.notes-slash-item:hover,.notes-slash-item.active{background:var(--accent-dim);color:var(--accent)}.notes-slash-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--fill-2);border-radius:6px;font-size:11px;font-weight:700;font-family:var(--mono);flex-shrink:0;color:var(--label-2)}.notes-slash-image-row{display:flex;flex-direction:column;gap:4px;padding:4px 0}.notes-slash-url-input{font-size:11px;padding:4px 8px;margin:0 10px;border-radius:5px;width:calc(100% - 20px);background:var(--fill-2);border:1px solid var(--sep);color:var(--label);outline:none}.notes-slash-url-input:focus{border-color:var(--accent)}.notes-title-row{display:flex;align-items:center;flex-shrink:0}.notes-back-btn{display:none;background:none;border:none;color:var(--accent);font-size:20px;padding:8px 12px;cursor:pointer;flex-shrink:0;line-height:1}@media (max-width: 767px){.notes-layout{position:relative}.notes-sidebar{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;z-index:10;transition:transform .22s ease,opacity .22s ease}.notes-editor-area{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .22s ease,opacity .22s ease}.notes-layout--sidebar .notes-sidebar{transform:translate(0);opacity:1;pointer-events:auto}.notes-layout--sidebar .notes-editor-area{transform:translate(100%);opacity:0;pointer-events:none}.notes-layout--editor .notes-sidebar{transform:translate(-100%);opacity:0;pointer-events:none}.notes-layout--editor .notes-editor-area{transform:translate(0);opacity:1;pointer-events:auto}.notes-back-btn{display:block}.notes-title-input{font-size:22px;padding:20px 16px 10px 0}.notes-editor-scroll{padding:0 20px 80px}.notes-note-item{padding:10px 8px}.notes-nb-row{padding:6px 4px}}:root{--card-bg: rgba(255,255,255,.72);--card-blur: blur(24px) saturate(180%);--card-border: rgba(255,255,255,.9);--card-shadow: 0 2px 8px rgba(0,0,0,.06), 0 8px 32px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.95);--sidebar-bg: rgba(255,255,255,.68);--sidebar-sep: rgba(0,0,0,.07);--bottom-bg: rgba(255,255,255,.82);--label: #000;--label-2: rgba(60,60,67,.6);--label-3: rgba(60,60,67,.32);--label-4: rgba(60,60,67,.16);--sep: rgba(60,60,67,.1);--fill-2: rgba(0,0,0,.04);--fill-3: rgba(0,0,0,.08);--accent: #007AFF;--accent-dim: rgba(0,122,255,.12);--success: #34C759;--red: #FF3B30;--danger: #FF3B30;--green: #34C759;--text: #000;--text-2: rgba(60,60,67,.6);--text-3: rgba(60,60,67,.32);--text-muted: rgba(60,60,67,.6);--surface: rgba(255,255,255,.72);--surface-2: rgba(0,0,0,.04);--border: rgba(60,60,67,.1);--border-hi: rgba(60,60,67,.2);--panel-solid: #f4f4f6;--radius: 20px;--radius-sm: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--mono: "DM Mono", "SF Mono", ui-monospace, monospace;--sidebar-w: 60px;--tabs-h: 60px}html.dark{--card-bg: rgba(255,255,255,.07);--card-blur: blur(28px) saturate(200%);--card-border: rgba(255,255,255,.14);--card-shadow: 0 8px 40px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.18), inset 0 -1px 0 rgba(0,0,0,.1);--sidebar-bg: rgba(0,0,0,.36);--sidebar-sep: rgba(255,255,255,.07);--bottom-bg: rgba(0,0,0,.5);--panel-solid: #1c1c1e;--label: rgba(255,255,255,.9);--label-2: rgba(255,255,255,.55);--label-3: rgba(255,255,255,.3);--label-4: rgba(255,255,255,.15);--sep: rgba(255,255,255,.1);--fill-2: rgba(255,255,255,.07);--fill-3: rgba(255,255,255,.13);--accent: #0A84FF;--accent-dim: rgba(10,132,255,.2);--success: #30D158;--red: #FF453A;--danger: #FF453A;--green: #30D158;--text: rgba(255,255,255,.9);--text-2: rgba(255,255,255,.55);--text-3: rgba(255,255,255,.3);--text-muted: rgba(255,255,255,.55);--surface: rgba(255,255,255,.07);--surface-2: rgba(255,255,255,.07);--border: rgba(255,255,255,.1);--border-hi: rgba(255,255,255,.2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;overflow:hidden;color:var(--label);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}#root{height:100dvh;overflow:hidden}html:not(.dark) body{background:radial-gradient(ellipse at 0% 0%,rgba(120,160,255,.55) 0%,transparent 55%),radial-gradient(ellipse at 100% 0%,rgba(180,120,255,.45) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(80,210,200,.35) 0%,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(130,180,255,.3) 0%,transparent 50%),#dde8ff}html.dark body{background:radial-gradient(ellipse at 0% 0%,rgba(120,60,255,.9) 0%,transparent 48%),radial-gradient(ellipse at 100% 0%,rgba(0,140,255,.8) 0%,transparent 48%),radial-gradient(ellipse at 100% 100%,rgba(0,210,160,.65) 0%,transparent 48%),radial-gradient(ellipse at 0% 100%,rgba(160,50,255,.65) 0%,transparent 48%),radial-gradient(ellipse at 50% 50%,rgba(10,30,90,.5) 0%,transparent 65%),#04050e}.app-layout{height:100%;display:flex}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--sidebar-bg);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-right:1px solid var(--sidebar-sep);display:flex;flex-direction:column;align-items:center;padding:18px 0 14px;z-index:20}.sidebar-clock{font-family:var(--mono);font-size:9px;color:var(--label-3);margin-bottom:22px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.07em}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.sidebar-item{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;color:var(--label-3);text-decoration:none;cursor:pointer;position:relative;transition:background .16s,color .16s;padding:0;border:none;background:none}.sidebar-item:hover{background:#ffffff1f;color:var(--label-2)}html:not(.dark) .sidebar-item:hover{background:#0000000f}.sidebar-item.active{background:var(--accent-dim);color:var(--accent)}.sidebar-item.active:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent);border-radius:0 2px 2px 0}.sidebar-icon{font-size:17px;line-height:1}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.mobile-top-right{display:none;position:fixed;top:12px;right:12px;z-index:100}.bottom-tabs{display:none}@media (max-width: 767px){.sidebar{display:none}.mobile-top-right{display:block}.bottom-tabs{display:flex;flex-shrink:0;height:var(--tabs-h);background:var(--bottom-bg);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-top:1px solid var(--sep);padding-bottom:env(safe-area-inset-bottom)}.app-layout{flex-direction:column}}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--label-3);transition:color .16s}.bottom-tab.active{color:var(--accent)}.tab-icon{font-size:19px;line-height:1}.tab-label{font-size:10px;font-weight:500;letter-spacing:.02em}.dashboard-grid{flex:1;min-height:0;overflow:hidden}.react-grid-item>div{height:100%}.widget-card{background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:box-shadow .2s,border-color .2s,transform .2s}.widget-card:hover{transform:translateY(-1px);box-shadow:var(--card-shadow);border-color:var(--accent-dim)}html.dark .widget-card:hover{border-color:#ffffff38;box-shadow:0 14px 56px #0009,inset 0 1px #ffffff3d,inset 0 -1px #0000001f}.widget-header{height:42px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--sep)}.widget-title{font-size:10px;font-weight:600;color:var(--label-3);text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px}.widget-body{flex:1;min-height:0;padding:16px 18px 18px;overflow:auto}.widget-body::-webkit-scrollbar{width:3px}.widget-body::-webkit-scrollbar-track{background:transparent}.widget-body::-webkit-scrollbar-thumb{background:var(--sep);border-radius:2px}.page{flex:1;min-height:0;overflow:auto;padding:40px 28px}.page-inner{max-width:620px;margin:0 auto}.notes-full{max-width:680px;margin:0 auto}.notes-full .tiptap{outline:none;font-size:15px;line-height:1.85;color:var(--label);min-height:300px}.notes-full .tiptap p{margin-bottom:.5em}.notes-full .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--label-3);pointer-events:none;float:left;height:0}.notes-preview .tiptap{outline:none;font-size:13px;line-height:1.65;color:var(--label-2);pointer-events:none}.notes-preview .tiptap p{margin-bottom:.3em}.notes-preview-fade{position:absolute;bottom:0;left:0;right:0;height:48px;pointer-events:none;background:linear-gradient(transparent,var(--card-bg))}.todo-add-form{display:flex;gap:8px;margin-bottom:20px}.todo-list{list-style:none;display:flex;flex-direction:column;gap:2px}.todo-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:10px;transition:background .12s}.todo-item:hover{background:var(--fill-2)}.todo-item.done{opacity:.45}.todo-check{width:20px;height:20px;flex-shrink:0;border:1.5px solid var(--sep);border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;cursor:pointer;transition:all .18s}html.dark .todo-check{border-color:#ffffff47}.todo-check.checked{border-color:var(--success);background:var(--success)}.todo-text{flex:1;font-size:14px;color:var(--label)}.todo-item.done .todo-text{color:var(--label-3);text-decoration:line-through}button{font-family:var(--font);cursor:pointer}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:500;transition:filter .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{background:var(--fill-2);color:var(--label-2);border:1px solid var(--sep)}.btn-ghost:hover{background:var(--fill-3);color:var(--label)}.btn-icon{background:none;border:none;color:var(--label-3);padding:4px;border-radius:6px;line-height:1;font-size:16px;transition:color .15s}.btn-icon:hover{color:var(--label-2)}.nav-chip{font-size:11px;color:var(--accent);text-decoration:none;padding:3px 10px;border-radius:20px;background:var(--accent-dim);font-weight:500;white-space:nowrap;transition:filter .15s}.nav-chip:hover{filter:brightness(1.12)}input,textarea{font-family:var(--font);font-size:14px;color:var(--label);background:var(--fill-2);border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 14px;outline:none;width:100%;transition:border-color .15s,background .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--accent);background:#ffffff1a;box-shadow:0 0 0 3px var(--accent-dim)}html.dark input:focus,html.dark textarea:focus{background:#ffffff14}input::placeholder,textarea::placeholder{color:var(--label-4)}.dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:160px;background:var(--card-bg);backdrop-filter:var(--card-blur);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:14px;padding:5px;z-index:100;box-shadow:0 8px 40px #0000002e}html.dark .dropdown{box-shadow:0 8px 48px #000000b3}.dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--label);padding:9px 12px;border-radius:9px;font-size:13px;cursor:pointer;transition:background .1s}.dropdown-item:hover{background:var(--fill-2)}@keyframes jiggle{0%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}.edit-mode-grid .react-grid-item:nth-child(odd) .widget-card{animation:jiggle .2s ease-in-out infinite alternate}.edit-mode-grid .react-grid-item:nth-child(2n) .widget-card{animation:jiggle .2s ease-in-out infinite alternate-reverse;animation-delay:.07s}.edit-mode-grid .react-grid-item{cursor:grab}.edit-mode-grid .react-grid-item:active{cursor:grabbing}.widget-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;border-radius:var(--radius)}.widget-remove-badge{position:absolute;top:7px;left:7px;width:22px;height:22px;border-radius:50%;background:#3c3c46e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1.5px solid rgba(255,255,255,.22);color:#fff;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .15s}.widget-remove-badge:hover{background:var(--danger)}.edit-done-btn{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:200;background:var(--accent);color:#fff;border:none;padding:9px 28px;border-radius:24px;font-size:14px;font-weight:600;letter-spacing:.01em;box-shadow:0 4px 24px #0a84ff73;cursor:pointer;transition:filter .15s}.edit-done-btn:hover{filter:brightness(1.1)}.react-grid-item>div{height:100%;position:relative}.react-grid-item.react-draggable-dragging .widget-card{opacity:.92;box-shadow:0 28px 80px #0000008c,0 0 0 2px var(--accent);animation:none!important;transform:none}.react-resizable-handle{opacity:.18;transition:opacity .15s;z-index:15}.react-resizable-handle:hover{opacity:.5}.react-grid-item.react-grid-placeholder{background:var(--accent-dim)!important;border-radius:var(--radius);border:1.5px dashed var(--accent)!important;opacity:1!important}.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.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{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.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{left:50%;margin-left:-10px;cursor:ns-resize}.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)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}