@font-face{font-family:Vonique;src:url("./media/Vonique-NX5QLLZC.ttf");font-display:swap}:root{--accent: #ef0a6a;--accent-2: #b6359c;--accent-hover: #d00859;--accent-grad: linear-gradient(135deg, #ef0a6a 0%, #b6359c 100%);--accent-soft: rgba(239, 10, 106, .09);--accent-ring: rgba(239, 10, 106, .28);--bg: #f6f5f7;--surface: #ffffff;--surface-2: #faf9fb;--surface-hover: #f1eff3;--border: #e7e4ea;--border-strong: #d6d2db;--text: #19171c;--text-2: #5f5a68;--text-3: #8f8a99;--danger: #e11d48;--ok: #16a34a;--code-bg: #f3f1f6;--shadow-sm: 0 1px 2px rgba(25, 23, 28, .06);--shadow-md: 0 8px 24px rgba(25, 23, 28, .1), 0 2px 6px rgba(25, 23, 28, .05);--shadow-lg: 0 24px 60px rgba(25, 23, 28, .2), 0 6px 16px rgba(25, 23, 28, .08);--radius: 12px;--radius-sm: 8px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "JetBrains Mono", "Cascadia Code", Consolas, monospace;--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:light}:root[data-theme=dark]{--accent: #ff3d8b;--accent-hover: #ff5c9f;--accent-soft: rgba(255, 61, 139, .14);--accent-ring: rgba(255, 61, 139, .35);--bg: #0f0e12;--surface: #17151b;--surface-2: #1c1a21;--surface-hover: #24212b;--border: #2a2731;--border-strong: #3a3643;--text: #f1eff5;--text-2: #b0aab9;--text-3: #7d778a;--danger: #fb7185;--ok: #4ade80;--code-bg: #211e28;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .65), 0 6px 16px rgba(0, 0, 0, .4);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}app-root{display:flex;flex-direction:column;height:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}::selection{background:var(--accent-ring)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:content-box;border:3px solid transparent}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;font-weight:600;font-size:13.5px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background .15s,border-color .15s,transform .1s,box-shadow .15s;white-space:nowrap}.btn:hover{background:var(--surface-hover);border-color:var(--border-strong)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.55;pointer-events:none}.btn-primary{background:var(--accent-grad);color:#fff;border-color:transparent;box-shadow:0 4px 14px var(--accent-ring)}.btn-primary:hover{background:var(--accent-grad);filter:brightness(1.06);border-color:transparent}.btn-danger{background:var(--danger);color:#fff;border-color:transparent}.btn-danger:hover{background:var(--danger);filter:brightness(1.08);border-color:transparent}.btn-block{width:100%}.btn-lg{height:44px;font-size:14.5px}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--text-2);transition:background .15s,color .15s;position:relative;flex:none}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn.on{color:var(--accent);background:var(--accent-soft)}.icon-btn[disabled]{opacity:.4;pointer-events:none}.field{display:block;position:relative}.field>span{display:block;font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:6px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>app-icon{position:absolute;left:12px;color:var(--text-3);pointer-events:none}.input-wrap .trail{position:absolute;right:4px}.input{width:100%;height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}.input.with-icon{padding-left:38px}.input::placeholder{color:var(--text-3)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.input.invalid{border-color:var(--danger)}.err{color:var(--danger);font-size:12px;margin-top:5px}.kbd{font-family:var(--font);font-size:11px;font-weight:600;color:var(--text-3);border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;padding:0 5px;line-height:17px;background:var(--surface-2)}.menu{position:absolute;z-index:40;min-width:190px;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);animation:pop .14s var(--ease)}.menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text);text-align:left}.menu button:hover,.menu button.active{background:var(--surface-hover)}.menu button.active{color:var(--accent)}.menu button app-icon{color:var(--text-3)}.menu button.active app-icon{color:var(--accent)}.menu hr{border:0;border-top:1px solid var(--border);margin:5px 2px}@keyframes pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.prose{font-size:15.5px;line-height:1.7;color:var(--text);overflow-wrap:anywhere}.prose>:first-child{margin-top:0}.prose h1,.prose h2,.prose h3,.prose h4{line-height:1.25;font-weight:700;letter-spacing:-.01em;margin:1.5em 0 .5em}.prose h1{font-size:1.85em}.prose h2{font-size:1.5em;padding-bottom:.25em;border-bottom:1px solid var(--border)}.prose h3{font-size:1.2em}.prose h4{font-size:1em;color:var(--text-2)}.prose p,.prose ul,.prose ol,.prose pre,.prose blockquote,.prose table{margin:0 0 1em}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.prose ul,.prose ol{padding-left:1.5em}.prose li{margin:.2em 0}.prose li>ul,.prose li>ol{margin:.2em 0}.prose li:has(>input[type=checkbox]){list-style:none;margin-left:-1.4em}.prose input[type=checkbox]{appearance:none;width:17px;height:17px;border:1.6px solid var(--border-strong);border-radius:5px;vertical-align:-3px;margin:0 8px 0 0;cursor:pointer;display:inline-grid;place-content:center;background:var(--surface);transition:background .15s,border-color .15s}.prose input[type=checkbox]:checked{background:var(--accent-grad);border-color:transparent}.prose input[type=checkbox]:checked:after{content:"";width:9px;height:5px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px)}.prose li:has(>input:checked){color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--border-strong)}.prose blockquote{padding:.2em 1em;border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;color:var(--text-2)}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--mono);font-size:.88em;background:var(--code-bg);padding:.15em .4em;border-radius:6px}.prose pre{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:14px 16px;overflow-x:auto;line-height:1.55}.prose pre code{background:none;padding:0;font-size:.86em}.prose hr{border:0;border-top:1px solid var(--border);margin:1.8em 0}.prose img{max-width:100%;border-radius:10px}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--border);padding:7px 12px}.prose th{background:var(--surface-2);text-align:left}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.prose mark{background:color-mix(in srgb,#ffd54a 55%,transparent);color:inherit;padding:.05em .25em;border-radius:4px}.prose a.note-link{display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:7px;text-decoration:none;font-weight:500;line-height:1.55;background:var(--accent-soft);color:var(--accent);cursor:pointer;transition:filter .12s}.prose a.note-link:before{content:"";width:11px;height:13px;flex:none;background:currentColor;opacity:.8;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M9 13h7M9 17h5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l4 4v14H6z'/%3E%3Cpath d='M9 13h7M9 17h5'/%3E%3C/svg%3E") center/contain no-repeat}.prose a.note-link:hover{filter:brightness(1.12)}.prose a.note-link.missing{background:var(--surface-hover);color:var(--text-3);text-decoration:line-through}.prose .note-card{display:flex;align-items:stretch;gap:0;margin:0 0 1em;max-width:520px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none;transition:border-color .15s,transform .15s,box-shadow .15s}.prose .note-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.prose .note-card .nc-bar{width:5px;flex:none;background:var(--accent-grad)}.prose .note-card .nc-body{padding:11px 14px;display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.45}.prose .note-card strong{font-size:14.5px}.prose .note-card span{color:var(--text-2);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prose .note-card.missing{opacity:.6}.prose blockquote.callout{--c: var(--accent);border-left-color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent);color:var(--text);padding:.7em 1em}.prose blockquote.callout .callout-title{font-weight:700;font-size:.82em;letter-spacing:.05em;text-transform:uppercase;color:var(--c);margin-bottom:.25em;-webkit-user-select:none;user-select:none}.prose blockquote.callout-tip{--c: #16a34a}.prose blockquote.callout-important{--c: #8b5cf6}.prose blockquote.callout-warning{--c: #f59e0b}.prose blockquote.callout-caution{--c: #ef4444}.hljs{color:var(--text)}.hljs-comment,.hljs-quote{color:var(--text-3);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal,.hljs-doctag,.hljs-type{color:#c026d3}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-meta .hljs-string{color:#16a34a}.hljs-number,.hljs-symbol,.hljs-bullet,.hljs-variable,.hljs-template-variable{color:#d97706}.hljs-title,.hljs-section,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#2563eb}.hljs-attr,.hljs-attribute,.hljs-built_in,.hljs-property{color:#0d9488}.hljs-deletion{color:#dc2626}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}:root[data-theme=dark] .hljs-keyword,:root[data-theme=dark] .hljs-selector-tag,:root[data-theme=dark] .hljs-literal,:root[data-theme=dark] .hljs-type{color:#e879f9}:root[data-theme=dark] .hljs-string,:root[data-theme=dark] .hljs-regexp,:root[data-theme=dark] .hljs-addition{color:#4ade80}:root[data-theme=dark] .hljs-number,:root[data-theme=dark] .hljs-symbol,:root[data-theme=dark] .hljs-variable{color:#fbbf24}:root[data-theme=dark] .hljs-title,:root[data-theme=dark] .hljs-section,:root[data-theme=dark] .hljs-name{color:#60a5fa}:root[data-theme=dark] .hljs-attr,:root[data-theme=dark] .hljs-attribute,:root[data-theme=dark] .hljs-built_in{color:#2dd4bf}.prose a.note-link{padding-right:6px}.prose a.note-link:after,.prose .note-card:after{content:"";flex:none;width:13px;height:13px;background:currentColor;opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E") center/contain no-repeat}.prose .note-card{position:relative;padding-right:30px}.prose .note-card:after{position:absolute;right:12px;top:12px;color:var(--text-3);transition:color .15s,transform .15s}.prose .note-card:hover:after{color:var(--accent);transform:translate(1px,-1px);opacity:1}