@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{--background: rgb(50, 50, 50);--foreground: rgb(240, 240, 240);--card: rgb(60, 60, 60);--card-foreground: rgb(240, 240, 240);--primary: rgb(168, 199, 250);--muted: rgb(80, 80, 80);--muted-foreground: rgb(200, 200, 200);--border: rgb(100, 100, 100);--input: rgb(70, 70, 70);--bg-color: var(--background);--text-color: var(--foreground);--glass-bg: rgba(30, 31, 32, .8);--glass-border: var(--border);--input-bg: var(--input);--input-border: var(--border);--card-hover-bg: rgb(40, 42, 45);--card-hover-border: var(--primary);--muted-text: var(--muted-foreground);--secondary-text: rgb(200, 200, 200);--note-text: var(--foreground);--theme-color: var(--background)}[data-theme=light]{--background: rgb(255, 255, 255);--foreground: rgb(31, 31, 31);--card: rgb(255, 255, 255);--card-foreground: rgb(31, 31, 31);--primary: rgb(26, 115, 232);--muted: rgb(241, 243, 244);--muted-foreground: rgb(95, 99, 104);--border: rgb(218, 220, 224);--input: rgb(255, 255, 255);--bg-color: var(--background);--text-color: var(--foreground);--glass-bg: rgba(255, 255, 255, .85);--glass-border: var(--border);--input-bg: var(--input);--input-border: var(--border);--card-hover-bg: rgb(248, 249, 250);--card-hover-border: var(--primary);--muted-text: var(--muted-foreground);--secondary-text: rgb(60, 64, 67);--note-text: var(--foreground);--theme-color: var(--background)}[data-theme=pink]{--background: rgb(255, 255, 255);--foreground: rgb(31, 31, 31);--card: rgb(255, 255, 255);--card-foreground: rgb(31, 31, 31);--primary: rgb(251, 114, 153);--muted: rgb(241, 243, 244);--muted-foreground: rgb(130, 95, 102);--border: rgb(218, 220, 224);--input: rgb(255, 255, 255);--bg-color: var(--background);--text-color: var(--foreground);--glass-bg: rgba(255, 255, 255, .85);--glass-border: var(--border);--input-bg: var(--input);--input-border: var(--border);--card-hover-bg: rgb(248, 249, 250);--card-hover-border: var(--primary);--muted-text: var(--muted-foreground);--secondary-text: rgb(60, 64, 67);--note-text: var(--foreground);--theme-color: var(--background)}[data-theme=purple]{--background: rgb(255, 255, 255);--foreground: rgb(31, 31, 31);--card: rgb(255, 255, 255);--card-foreground: rgb(31, 31, 31);--primary: rgb(145, 149, 213);--muted: rgb(241, 243, 244);--muted-foreground: rgb(110, 114, 155);--border: rgb(218, 220, 224);--input: rgb(255, 255, 255);--bg-color: var(--background);--text-color: var(--foreground);--glass-bg: rgba(255, 255, 255, .85);--glass-border: var(--border);--input-bg: var(--input);--input-border: var(--border);--card-hover-bg: rgb(248, 249, 250);--card-hover-border: var(--primary);--muted-text: var(--muted-foreground);--secondary-text: rgb(60, 64, 67);--note-text: var(--foreground);--theme-color: var(--background)}[data-theme=pink] .text-\[\#10b981\],[data-theme=pink] .text-emerald-500,[data-theme=pink] .text-emerald-600,[data-theme=pink] .hover\:text-emerald-500:hover,[data-theme=pink] .hand-written-stroke{color:var(--primary)!important}[data-theme=pink] .bg-\[\#10b981\],[data-theme=pink] .bg-emerald-500,[data-theme=pink] .hover\:bg-\[\#10b981\]\/95:hover{background:var(--primary)!important;background-color:var(--primary)!important}[data-theme=pink] .bg-\[\#10b981\]\/15,[data-theme=pink] .hover\:bg-\[\#10b981\]\/15:hover,[data-theme=pink] .hover\:bg-\[\#10b981\]\/10:hover,[data-theme=pink] .bg-emerald-500\/10,[data-theme=pink] .bg-emerald-500\/15{background-color:#fb729926!important}[data-theme=pink] .border-\[\#10b981\]\/20,[data-theme=pink] .border-\[\#10b981\]\/30,[data-theme=pink] .border-emerald-500\/10,[data-theme=pink] .border-emerald-500\/30,[data-theme=pink] .hover\:border-\[\#10b981\]\/25:hover{border-color:#fb729940!important}[data-theme=pink] .shadow-emerald-500\/5{--tw-shadow-color: rgba(251, 114, 153, .05) !important}[data-theme=pink] .accent-emerald-500{accent-color:var(--primary)!important}[data-theme=pink] #mainNoteInput blockquote,[data-theme=pink] .note-card blockquote,[data-theme=pink] .markdown-content blockquote{border-left-color:var(--primary)!important;background-color:#fb72990d!important}[data-theme=pink] .toast-success{background:linear-gradient(135deg,#fb7299,#fd8fac)!important}[data-theme=pink] .calendar-heat-cell.bg-\[\#10b981\]\/15{background-color:#fb729926!important;border-color:#fb729933!important}[data-theme=pink] .calendar-heat-cell.bg-\[\#10b981\]\/40{background-color:#fb729966!important;border-color:#fb729940!important}[data-theme=pink] .calendar-heat-cell.bg-\[\#10b981\]\/70{background-color:#fb7299b3!important;border-color:#fb729959!important}[data-theme=pink] .calendar-heat-cell.bg-\[\#10b981\]{background-color:#fb7299!important;border-color:#fb729980!important;box-shadow:0 0 4px #fb72994d!important}[data-theme=purple] .text-\[\#10b981\],[data-theme=purple] .text-emerald-500,[data-theme=purple] .text-emerald-600,[data-theme=purple] .hover\:text-emerald-500:hover,[data-theme=purple] .hand-written-stroke{color:var(--primary)!important}[data-theme=purple] .bg-\[\#10b981\],[data-theme=purple] .bg-emerald-500,[data-theme=purple] .hover\:bg-\[\#10b981\]\/95:hover{background:var(--primary)!important;background-color:var(--primary)!important}[data-theme=purple] .bg-\[\#10b981\]\/15,[data-theme=purple] .hover\:bg-\[\#10b981\]\/15:hover,[data-theme=purple] .hover\:bg-\[\#10b981\]\/10:hover,[data-theme=purple] .bg-emerald-500\/10,[data-theme=purple] .bg-emerald-500\/15{background-color:#9195d526!important}[data-theme=purple] .border-\[\#10b981\]\/20,[data-theme=purple] .border-\[\#10b981\]\/30,[data-theme=purple] .border-emerald-500\/10,[data-theme=purple] .border-emerald-500\/30,[data-theme=purple] .hover\:border-\[\#10b981\]\/25:hover{border-color:#9195d540!important}[data-theme=purple] .shadow-emerald-500\/5{--tw-shadow-color: rgba(145, 149, 213, .05) !important}[data-theme=purple] .accent-emerald-500{accent-color:var(--primary)!important}[data-theme=purple] #mainNoteInput blockquote,[data-theme=purple] .note-card blockquote,[data-theme=purple] .markdown-content blockquote{border-left-color:var(--primary)!important;background-color:#9195d50d!important}[data-theme=purple] .toast-success{background:linear-gradient(135deg,#9195d5,#a5a9e9)!important}[data-theme=purple] .calendar-heat-cell.bg-\[\#10b981\]\/15{background-color:#9195d526!important;border-color:#9195d533!important}[data-theme=purple] .calendar-heat-cell.bg-\[\#10b981\]\/40{background-color:#9195d566!important;border-color:#9195d540!important}[data-theme=purple] .calendar-heat-cell.bg-\[\#10b981\]\/70{background-color:#9195d5b3!important;border-color:#9195d559!important}[data-theme=purple] .calendar-heat-cell.bg-\[\#10b981\]{background-color:#9195d5!important;border-color:#9195d580!important;box-shadow:0 0 4px #9195d54d!important}.material-icons{font-size:20px;vertical-align:middle}header#mainHeader,#mobilePixelClock{transition:all .5s cubic-bezier(.4,0,.2,1);transform-origin:top;max-height:500px}.collapsed-header{max-height:0!important;opacity:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-bottom-width:0!important;pointer-events:none!important;transform:translateY(-20px) scaleY(.95);visibility:hidden}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);transform:translateY(-4px) scale(1.005);box-shadow:0 16px 32px -8px #00000026,0 8px 16px -8px #00000014}.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}#mainNoteInput{scroll-behavior:smooth;overflow-y:auto}.note-card{position:relative;touch-action:pan-y}.note-card:has(.color-picker-popover:not(.hidden)),.note-card:has(.card-menu-dropdown:not(.hidden)),.note-card.popover-open,.note-card.menu-open{z-index:50!important}.note-card .card-action-bar>button,.note-card .card-action-bar>.relative>button{opacity:0;transition:opacity .25s ease-in-out;pointer-events:none}.note-card:hover .card-action-bar>button,.note-card:hover .card-action-bar>.relative>button,.note-card:focus-within .card-action-bar>button,.note-card:focus-within .card-action-bar>.relative>button,.note-card.popover-open .card-action-bar>button,.note-card.popover-open .card-action-bar>.relative>button,.note-card.menu-open .card-action-bar>button,.note-card.menu-open .card-action-bar>.relative>button,.note-card:has(.color-picker-popover:not(.hidden)) .card-action-bar>button,.note-card:has(.color-picker-popover:not(.hidden)) .card-action-bar>.relative>button,.note-card:has(.card-menu-dropdown:not(.hidden)) .card-action-bar>button,.note-card:has(.card-menu-dropdown:not(.hidden)) .card-action-bar>.relative>button{opacity:1;pointer-events:auto}.color-picker-popover:after{display:none}.preview-content{display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-overflow:ellipsis!important}.preview-content>*{display:inline!important;margin:0!important;padding:0!important}.preview-content blockquote{border:none!important;background:none!important;padding:0!important;margin:0!important;color:inherit!important;border-radius:0!important;display:inline!important}.note-card-content{position:relative;z-index:1}.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,#m-create-textarea-rich:empty:before,#modalNoteInputRich: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:var(--background)!important;color:var(--foreground)!important;border:1px solid var(--border)!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:2rem;color:var(--foreground)!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}@keyframes cloudItemFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:var(--target-opacity);transform:translate(-50%,-50%) scale(1)}}.cloud-item-animate{animation:cloudItemFadeIn .6s cubic-bezier(.34,1.56,.64,1) forwards}@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%}}@keyframes handWrittenDraw{0%{stroke-dashoffset:1;opacity:0}15%{opacity:1}to{stroke-dashoffset:0;opacity:.9}}#aiChatMessages{scroll-behavior:smooth;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#aiChatMessages::-webkit-scrollbar{display:none}#aiChatInput{max-height:240px;overflow-y:auto;scrollbar-width:none}#aiChatInput::-webkit-scrollbar{display:none}.markdown-body{line-height:1.7}.markdown-body p{margin-bottom:.75rem}.markdown-body p:last-child{margin-bottom:0}.message-actions{opacity:0;transition:opacity .2s ease-in-out}.group:hover .message-actions{opacity:1}#aiChatMessages .group{width:100%}[data-theme=dark] .markdown-body{color:#e2e8f0}.syntax-number{color:#f59e0b}.syntax-special{color:#10b981}.syntax-punctuation{color:#94a3b8}.syntax-quote{color:#06b6d4}.syntax-bracket{color:#ec4899}.syntax-letter{color:#6366f1}.no-scrollbar::-webkit-scrollbar,.scrollbar-none::-webkit-scrollbar{display:none!important}.no-scrollbar,.scrollbar-none{-ms-overflow-style:none!important;scrollbar-width:none!important}@media (max-width: 767px){html[data-theme=pink]{--background: rgb(255, 255, 255) !important;--card-hover-bg: rgb(248, 249, 250) !important;--glass-bg: rgba(255, 255, 255, .85) !important;--border: rgb(218, 220, 224) !important;--muted: rgb(241, 243, 244) !important;--muted-foreground: rgb(90, 94, 98) !important;--secondary-text: rgb(60, 64, 67) !important}html[data-theme=pink] body{background-color:#fff!important}}.sidebar-tag-input-container{position:relative;width:90px}.sidebar-tag-input-container input[type=text]{font-size:11px;font-weight:700;width:100%;border:none!important;border-bottom:2px solid rgba(120,120,120,.2)!important;padding:4px 4px 4px 0;background-color:transparent!important;border-radius:0!important;outline:none!important;color:#1f1f1f}.dark .sidebar-tag-input-container input[type=text]{border-bottom-color:#ffffff1a!important;color:#f1f5f9}.sidebar-tag-input-container .label{position:absolute;top:4px;left:0;color:#94a3b8;font-size:11px;font-weight:700;transition:all .3s ease;pointer-events:none}.sidebar-tag-input-container input[type=text]:focus~.label,.sidebar-tag-input-container input[type=text]:not(:placeholder-shown)~.label{top:-12px;font-size:8px;color:#10b981}.sidebar-tag-input-container .underline{position:absolute;bottom:0;left:0;height:2px;width:100%;background-color:#10b981;transform:scaleX(0);transition:all .3s ease}.sidebar-tag-input-container input[type=text]:focus~.underline,.sidebar-tag-input-container input[type=text]:not(:placeholder-shown)~.underline{transform:scaleX(1)}.fate-dice-deck-container{display:flex;justify-content:center;align-items:center;position:relative;min-height:600px;width:100%;margin:30px auto;perspective:1200px}.fate-dice-deck-container .note-card{position:absolute!important;left:50%!important;top:50%!important;width:310px!important;height:auto!important;min-height:230px!important;max-height:380px!important;margin:0!important;transition:all .65s cubic-bezier(.16,1,.3,1)!important;transform:translate(-50%,-50%) rotate(calc(var(--r, 0) * 1deg)) translate(calc(var(--tx, 0) * 1px)) translateY(calc(var(--ty, 0) * 1px)) translateZ(0)!important;transform-origin:bottom center!important;box-shadow:0 15px 35px #0000001a,0 5px 15px #0000000d!important;cursor:pointer;z-index:var(--z, 10)!important}.fate-dice-deck-container:hover .note-card{transform:translate(-50%,-50%) rotate(calc(var(--hr, 0) * 1deg)) translate(calc(var(--htx, 0) * 1px)) translateY(calc(var(--hty, 0) * 1px)) translateZ(30px)!important;z-index:var(--hz, 40)!important;box-shadow:0 25px 50px #0000001a,0 10px 20px #0000000d!important;opacity:1!important;filter:none!important}.fate-dice-deck-container:has(.note-card:hover) .note-card:not(:hover){opacity:.45!important;filter:brightness(.8) contrast(.9) grayscale(.2)!important}.fate-dice-deck-container .note-card:hover{z-index:1500!important;transform:translate(-50%,-50%) rotate(calc(var(--hr, 0) * 1deg)) translate(calc(var(--htx, 0) * 1px)) translateY(calc((var(--hty, 0) - 25) * 1px)) scale(1.07) translateZ(80px)!important;border-color:var(--primary)!important;box-shadow:0 30px 60px #0000002e,0 10px 20px #00000014!important;opacity:1!important;filter:brightness(1) contrast(1)!important}.fate-dice-deck-container .note-card.dragging{transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, 0px))) rotate(var(--drag-rot, 0deg)) scale(1.08) translateZ(100px)!important;transition:none!important;z-index:2000!important;cursor:grabbing!important;opacity:1!important;filter:brightness(1.05)!important;box-shadow:0 35px 70px #00000038,0 15px 30px #0000001f!important}.fate-dice-deck-container .note-card.displaced{transform:translate(calc(-50% + var(--dx, 0px)),calc(-50% + var(--dy, 0px))) rotate(var(--drag-rot, 0deg)) translateZ(50px)!important;transition:transform .4s cubic-bezier(.25,.8,.25,1)!important;z-index:1000!important}.fate-dice-deck-container:has(.note-card.dragging) .note-card:not(.dragging){opacity:.45!important;filter:brightness(.8) contrast(.9) grayscale(.2)!important}@media (max-width: 768px){.fate-dice-deck-container{flex-direction:column!important;gap:20px!important;min-height:auto!important;margin:20px auto!important}.fate-dice-deck-container .note-card{position:relative!important;left:auto!important;top:auto!important;margin:0 auto!important;transform:none!important;width:92%!important;max-width:360px!important}.fate-dice-deck-container:hover .note-card{margin:0 auto!important;transform:none!important}.fate-dice-deck-container .note-card:hover{transform:scale(1.02)!important}}.tag-anim-btn{position:relative!important;overflow:hidden!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important}.tag-anim-btn:before{position:absolute;content:"";left:0;bottom:0;height:2.5px;width:100%;border-bottom:2.5px solid transparent;border-left:2.5px solid transparent;box-sizing:border-box;transform:translate(100%);transition:transform .3s linear,height .3s linear .15s;pointer-events:none;border-radius:12px}.tag-anim-btn:after{position:absolute;content:"";top:0;left:0;width:100%;height:2.5px;border-top:2.5px solid transparent;border-right:2.5px solid transparent;box-sizing:border-box;transform:translate(-100%);transition:transform .3s linear,height .3s linear .25s;pointer-events:none;border-radius:12px}.tag-anim-btn:hover:before{border-color:var(--primary);height:100%;transform:translate(0)}.tag-anim-btn:hover:after{border-color:var(--primary);height:100%;transform:translate(0)}.tag-anim-btn:hover{box-shadow:none!important}@keyframes paperPlaneFly{0%{transform:translate(0) rotate(0) scale(1);opacity:1}45%{transform:translate(24px,-24px) rotate(15deg) scale(.85);opacity:0}50%{transform:translate(-18px,18px) rotate(-15deg) scale(.85);opacity:0}to{transform:translate(0) rotate(0) scale(1);opacity:1}}.send-btn-active:not(:disabled):hover .svg-wrapper svg{animation:paperPlaneFly .65s cubic-bezier(.25,1,.5,1) forwards}.bg-custom-primary{background-color:var(--primary)!important}.tag-btn-active{background-color:color-mix(in srgb,var(--primary) 15%,transparent)!important;color:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 20%,transparent)!important}.tag-btn-inactive:hover{background-color:color-mix(in srgb,var(--primary) 5%,transparent)!important;color:var(--primary)!important;border-color:transparent!important}.editor-suggest-tag:hover{background-color:color-mix(in srgb,var(--primary) 15%,transparent)!important;color:var(--primary)!important;border-color:color-mix(in srgb,var(--primary) 20%,transparent)!important}.trash-deck-layout{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;align-items:stretch!important;min-height:380px!important;overflow-x:auto;overflow-y:hidden;padding:16px 8px!important;background:#0f172a08;border-radius:24px;border:1px dashed rgba(148,163,184,.12);scrollbar-width:thin}.dark .trash-deck-layout{background:#ffffff03;border-color:#ffffff0d}.trash-deck-layout .note-card{flex:1!important;min-width:80px!important;max-width:520px!important;height:340px!important;overflow:hidden!important;transition:all .5s cubic-bezier(.25,1,.5,1)!important;cursor:pointer;position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:0!important;border:1px solid rgba(244,63,94,.12)!important;background:var(--note-bg, #ffffff)!important;box-shadow:0 4px 12px #00000005!important}.dark .trash-deck-layout .note-card{border-color:#f43f5e2e!important}.trash-deck-layout .note-card:hover{flex:6!important;min-width:330px!important;border-color:#f43f5e59!important;box-shadow:0 25px 45px #f43f5e14,0 8px 18px #0000000a!important;z-index:100!important}.trash-deck-layout:hover .note-card:not(:hover){flex:.5!important;min-width:50px!important;opacity:.45!important;filter:grayscale(100%) brightness(.85)!important}.trash-deck-layout .note-card:not(:hover) p,.trash-deck-layout .note-card:not(:hover) .markdown-rendered,.trash-deck-layout .note-card:not(:hover) .card-action-bar,.trash-deck-layout .note-card:not(:hover) .tags-list,.trash-deck-layout .note-card:not(:hover) .markdown-content,.trash-deck-layout .note-card:not(:hover) .preview-content,.trash-deck-layout .note-card:not(:hover) .full-content,.trash-deck-layout .note-card:not(:hover) hr{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .25s ease-out,visibility .25s ease-out!important}.trash-deck-layout .note-card:hover p,.trash-deck-layout .note-card:hover .markdown-rendered,.trash-deck-layout .note-card:hover .card-action-bar,.trash-deck-layout .note-card:hover .tags-list,.trash-deck-layout .note-card:hover .markdown-content,.trash-deck-layout .note-card:hover .preview-content,.trash-deck-layout .note-card:hover .full-content,.trash-deck-layout .note-card:hover hr{opacity:1!important;visibility:visible!important;transition:opacity .35s cubic-bezier(.25,1,.5,1) .1s,visibility .35s cubic-bezier(.25,1,.5,1) .1s!important}.trash-deck-layout .note-card-content{display:flex!important;flex-direction:column!important;height:100%!important;width:100%!important;justify-content:flex-start!important}.trash-deck-layout .note-card .drag-header{transition:all .45s cubic-bezier(.25,1,.5,1)!important}.trash-deck-layout .note-card:not(:hover) .drag-header{writing-mode:vertical-rl!important;text-orientation:mixed!important;transform:rotate(180deg)!important;display:flex!important;align-items:center!important;justify-content:center!important;height:calc(100% - 20px)!important;width:100%!important;margin:0!important;padding:8px 0!important;font-size:11px!important;letter-spacing:.16em!important;color:#f43f5e!important;opacity:.8!important}.trash-deck-layout .note-card:not(:hover) .drag-header span{display:inline-block!important;white-space:nowrap!important}.trash-deck-layout .note-card .flex.items-center.gap-3.w-full{margin-top:auto!important;padding-top:12px;border-top:1px dashed rgba(244,63,94,.08)}.fav-star-container{--star-color: #f59e0b;position:relative;width:38px;height:38px;transition:transform .3s ease;display:flex;justify-content:center;align-items:center}.fav-star-container:hover{transform:scale(1.1)}.fav-star-container .checkbox{position:absolute;width:100%;height:100%;opacity:0;z-index:20;cursor:pointer}.fav-star-container .svg-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.fav-star-container .svg-outline,.fav-star-container .svg-filled{fill:var(--star-color);position:absolute;width:18px;height:18px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.fav-star-container .svg-outline{fill:#94a3b8}.dark .fav-star-container .svg-outline{fill:#475569}.fav-star-container .svg-filled{display:none}.fav-star-container .svg-celebrate{position:absolute;display:none;stroke:var(--star-color);fill:none;stroke-width:2.5px;stroke-linecap:round;width:36px;height:36px;pointer-events:none;transform-origin:center}.fav-star-container .checkbox:checked~.svg-container .svg-filled{display:block;animation:keyframes-svg-filled .45s cubic-bezier(.175,.885,.32,1.275) forwards}.fav-star-container .checkbox:checked~.svg-container .svg-outline{display:none}.fav-star-container .checkbox:checked~.svg-container .svg-celebrate{display:block;animation:keyframes-svg-celebrate .5s cubic-bezier(.165,.84,.44,1) forwards}@keyframes keyframes-svg-filled{0%{transform:scale(0);filter:brightness(1.6)}60%{transform:scale(1.35);filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}@keyframes keyframes-svg-celebrate{0%{transform:scale(.3);opacity:.8}50%{opacity:1;filter:brightness(1.3)}to{transform:scale(1.35);opacity:0;display:none}}.card-action-bar .copy-animation-btn{background-color:transparent!important;width:28px!important;height:28px!important;border:none!important;border-radius:8px!important;cursor:pointer!important;overflow:hidden!important;position:relative!important;transition:width .35s cubic-bezier(.34,1.56,.64,1),background-color .25s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:0!important}.card-action-bar .copy-animation-btn:hover{background-color:#06b6d41a!important}.dark .card-action-bar .copy-animation-btn:hover{background-color:#06b6d426!important}.card-action-bar .copy-animation-btn span.copy-btn-icon-wrapper{color:#06b6d4!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease!important;display:flex!important;align-items:center!important;justify-content:center!important}.card-action-bar .copy-animation-btn span.copy-btn-text{position:absolute!important;top:50%!important;left:50%!important;color:#06b6d4!important;font-weight:800!important;font-size:10px!important;white-space:nowrap!important;opacity:0!important;transform:translateY(100%) translate(-50%)!important;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .25s ease!important}.card-action-bar .copy-animation-btn:focus{background-color:#06b6d426!important;width:58px!important;outline:none!important}.dark .card-action-bar .copy-animation-btn:focus{background-color:#06b6d438!important}.card-action-bar .copy-animation-btn:focus span.copy-btn-icon-wrapper{transform:translate(-50%) translateY(-150%)!important;opacity:0!important}.card-action-bar .copy-animation-btn:focus span.copy-btn-text{transform:translate(-50%) translateY(-50%)!important;opacity:1!important}