@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=VT323&display=swap";:root{--bg-color: #1e1e1e;--text-color: #f8fafc;--glass-bg: rgba(45, 45, 45, .7);--glass-border: rgba(255, 255, 255, .1);--input-bg: #2d2d2d;--input-border: #404040;--card-hover-bg: rgba(50, 50, 50, .9);--card-hover-border: rgba(59, 130, 246, .5);--muted-text: #a3a3a3;--secondary-text: #d4d4d4;--note-text: #e5e5e5;--theme-color: #1e1e1e}[data-theme=light]{--bg-color: #faf8f5;--text-color: #1e293b;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .08);--input-bg: #ffffff;--input-border: #e2e8f0;--card-hover-bg: rgba(255, 255, 255, .95);--card-hover-border: rgba(59, 130, 246, .4);--muted-text: #94a3b8;--secondary-text: #64748b;--note-text: #475569;--theme-color: #faf8f5}.material-icons{font-size:20px;vertical-align:middle}body{font-family:Inter,Noto Sans SC,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:background .3s ease,border .3s ease}.gradient-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);transition:all .3s cubic-bezier(.4,0,.2,1)}.gradient-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #2563eb66}.note-card{transition:all .3s ease}.note-card:hover{border-color:var(--card-hover-border);background:var(--card-hover-bg)}.note-card.pinned{border-color:#f59e0b80;background:#f59e0b1f;position:relative}.note-card.pinned:before{content:"⭐";position:absolute;top:-12px;right:16px;font-size:24px;z-index:1}.note-card.selected{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.note-card{position:relative;overflow:hidden;touch-action:pan-y}.swipe-delete-bg{position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(90deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:0}.note-card.swiping .swipe-delete-bg{opacity:1}.note-card-content{position:relative;z-index:1;transition:transform .2s ease-out}.long-press-hint{animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}::-webkit-scrollbar{width:0px}.tag-blue{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.tag-green{background:#10b98126;color:#34d399;border-color:#10b9814d}.tag-purple{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf64d}.tag-pink{background:#ec489926;color:#f472b6;border-color:#ec48994d}.tag-orange{background:#f9731626;color:#fb923c;border-color:#f973164d}.tag-red{background:#ef444426;color:#f87171;border-color:#ef44444d}.tag-cyan{background:#06b6d426;color:#22d3ee;border-color:#06b6d44d}.tag-yellow{background:#eab30826;color:#facc15;border-color:#eab3084d}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;animation:toastSlideIn .3s ease-out;box-shadow:0 10px 30px #0000004d;min-width:280px}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.skeleton{background:linear-gradient(90deg,#94a3b81a 25%,#94a3b833,#94a3b81a 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-highlight{background-color:#f59e0b66;padding:0 2px;border-radius:2px}.calendar-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;padding:2px}#inlineCalendarGrid .calendar-cell{width:20px;height:20px;border-radius:4px;font-size:8px;font-weight:800;padding:0}#inlineCalendarGrid .calendar-cell.level-0{background-color:#94a3b814;color:var(--muted-text)}[data-theme=light] #inlineCalendarGrid .calendar-cell.level-0{background-color:#94a3b829;color:#64748b}#inlineCalendarGrid .calendar-dot{width:3px;height:3px;margin-top:1px}.calendar-cell:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.calendar-cell.today{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:700;box-shadow:0 2px 8px #3b82f666}.calendar-cell.level-0{background-color:transparent;color:#94a3b8e6}.calendar-cell.level-1{background-color:#3b82f61a;color:var(--text-color);font-weight:600}.calendar-cell.level-2{background-color:#3b82f640;color:var(--text-color);font-weight:500}.calendar-cell.level-3{background-color:#3b82f673;color:#fff;font-weight:600}.calendar-cell.level-4{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;font-weight:700;box-shadow:0 2px 8px #3b82f64d}.calendar-dot{width:4px;height:4px;border-radius:50%;background-color:#428afe;margin-top:2px}.calendar-cell.today .calendar-dot,.calendar-cell.level-4 .calendar-dot{background-color:#fff}.heatmap-cell{width:12px;height:12px;border-radius:2px}.heatmap-cell.level-0{background-color:#33415580}.heatmap-cell.level-1{background-color:#22c55e4d}.heatmap-cell.level-2{background-color:#22c55e80}.heatmap-cell.level-3{background-color:#22c55ebf}.heatmap-cell.level-4{background-color:#22c55e}.markdown-content h1{font-size:1.75em;font-weight:800;margin:.8em 0 .5em;color:#f59e0b;border-bottom:2px solid rgba(245,158,11,.3);padding-bottom:.3em;line-height:1.3}.markdown-content h2{font-size:1.4em;font-weight:700;margin:.7em 0 .4em;color:#d97706;border-left:4px solid #d97706;padding-left:.6em;line-height:1.35}.markdown-content h3{font-size:1.2em;font-weight:600;margin:.6em 0 .3em;color:#b45309;line-height:1.4}.markdown-content p{margin:.8em 0;line-height:1.8;font-size:1.02em;letter-spacing:.01em}.markdown-content ul,.markdown-content ol{margin:.8em 0;padding-left:1.8em;line-height:1.7}.markdown-content li{margin:.3em 0;line-height:1.7}.markdown-content ul li::marker{color:#3b82f6}.markdown-content ol li::marker{color:#8b5cf6;font-weight:600}.markdown-content code{background:#3b82f626;color:#60a5fa;padding:.15em .4em;border-radius:5px;font-family:Consolas,Monaco,monospace;font-size:.9em;border:1px solid rgba(59,130,246,.2)}.markdown-content pre{background:linear-gradient(135deg,#0f172af2,#1e293bf2);padding:1.2em;border-radius:10px;overflow-x:auto;margin:1em 0;border:1px solid rgba(148,163,184,.2);box-shadow:0 4px 15px #0000004d}.markdown-content pre code{background:transparent;padding:0;color:#e2e8f0;border:none;font-size:.92em;line-height:1.6}.markdown-content blockquote{border-left:4px solid #059669;background:#05966914;padding:1em 1.2em;margin:1em 0;border-radius:0 8px 8px 0;color:#34d399;line-height:1.7}.markdown-content a{color:#3b82f6;text-decoration:none;border-bottom:1px solid rgba(59,130,246,.3);transition:all .2s ease;padding-bottom:1px}.markdown-content a:hover{color:#60a5fa;border-bottom-color:#60a5fa}.markdown-content strong{font-weight:700;color:#f43f5e}.markdown-content em{font-style:italic;color:#a78bfa}.markdown-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.5),transparent);margin:1.5em 0}.markdown-content table{width:100%;border-collapse:collapse;margin:1em 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0003}.markdown-content th{background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);font-weight:700;padding:.8em 1em;text-align:left;border-bottom:2px solid rgba(148,163,184,.3)}.markdown-content td{padding:.7em 1em;border-bottom:1px solid rgba(148,163,184,.15);line-height:1.6}.markdown-content tr:hover td{background:#94a3b814}.markdown-content span.syntax-quote{color:#06b6d4;background:#06b6d41a;padding:0 .2em;border-radius:3px}.markdown-content span.syntax-punctuation{color:#94a3b8}.markdown-content span.syntax-number{color:#f59e0b;font-weight:600}.markdown-content span.syntax-bracket{color:#ec4899}.markdown-content span.syntax-special{color:#10b981;font-weight:500}.markdown-content span.syntax-letter{color:#6366f1}#mainNoteInput:empty:before{content:attr(placeholder);color:var(--muted-text);opacity:.6;pointer-events:none;position:absolute;cursor:text}.tag-badge{-webkit-user-select:all;user-select:all;vertical-align:middle;font-size:.85rem;font-weight:800}#mainNoteInput blockquote,.note-card blockquote,.markdown-content blockquote{border-left:4px solid #10b981;padding:6px 12px;margin:8px 0;color:var(--secondary-text);background-color:#10b9810d;border-radius:0 8px 8px 0}#mainNoteInput ul,.note-card ul,.markdown-content ul{list-style-type:disc!important;padding-left:20px!important;margin:8px 0!important}#mainNoteInput ol,.note-card ol,.markdown-content ol{list-style-type:decimal!important;padding-left:20px!important;margin:8px 0!important}#mainNoteInput pre,.note-card pre,#mainNoteInput code,.note-card code,.markdown-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}#focusOverlay{transition:opacity .3s ease}.focus-mode-active{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:9999!important;width:90vw!important;max-width:800px!important;height:auto!important;max-height:85vh!important;overflow-y:auto!important;scrollbar-width:none!important;margin:0!important;box-shadow:0 25px 50px -12px #00000080!important;transition:all .3s cubic-bezier(.2,.8,.2,1)!important;background-color:#f9f9f9!important;color:#000!important}.focus-mode-active::-webkit-scrollbar{display:none!important}.focus-mode-active .preview-content{display:none!important}.focus-mode-active .full-content{display:block!important;scrollbar-width:none;padding-top:.5rem;padding-bottom:2rem;color:#000!important}.focus-mode-active .focus-quote{color:#a31515}.focus-mode-active .focus-punctuation{color:#267f99}.focus-mode-active .focus-number{color:#795e26}.focus-mode-active .focus-bracket{color:#001080}.focus-mode-active .focus-special{color:#f56c6c}.focus-mode-active .focus-letter{color:#af00db}.focus-mode-active .full-content::-webkit-scrollbar{display:none}@media (max-width: 640px){.note-card{width:100%;margin-bottom:1rem}.toast-container{width:100%;padding:0 10px;right:0;top:10px}.toast{min-width:unset;width:100%}.swipe-delete-bg{width:60px}}