@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:100;src:url(/assets/noto-sans-v42-latin-100-CZDj0lx2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:100;src:url(/assets/noto-sans-v42-latin-100italic-DatRmwKP.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:200;src:url(/assets/noto-sans-v42-latin-200-C8jsXt9s.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:200;src:url(/assets/noto-sans-v42-latin-200italic-B7yIYhFy.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:300;src:url(/assets/noto-sans-v42-latin-300-CDkhyKSz.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:300;src:url(/assets/noto-sans-v42-latin-300italic-C9-qxVRt.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:400;src:url(/assets/noto-sans-v42-latin-regular-BTkUljjl.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:400;src:url(/assets/noto-sans-v42-latin-italic-4m5KtZ19.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:500;src:url(/assets/noto-sans-v42-latin-500-DCA2Z9Cj.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:500;src:url(/assets/noto-sans-v42-latin-500italic-CVYIagtv.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:600;src:url(/assets/noto-sans-v42-latin-600-Dkgu5AE5.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:600;src:url(/assets/noto-sans-v42-latin-600italic-DQYhAGQf.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:700;src:url(/assets/noto-sans-v42-latin-700-CrvTEWhy.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:700;src:url(/assets/noto-sans-v42-latin-700italic-CSXnTKie.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:800;src:url(/assets/noto-sans-v42-latin-800-Db0WpKRw.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:800;src:url(/assets/noto-sans-v42-latin-800italic-CLeS_vg8.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:900;src:url(/assets/noto-sans-v42-latin-900-DFMhQC39.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:italic;font-weight:900;src:url(/assets/noto-sans-v42-latin-900italic-DN7q3pTh.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:normal;font-weight:100;src:url(/assets/noto-serif-v33-latin-100-BE9cu5vC.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:italic;font-weight:100;src:url(/assets/noto-serif-v33-latin-100italic-CeO8djJI.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:normal;font-weight:200;src:url(/assets/noto-serif-v33-latin-200-drnF_3h1.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:italic;font-weight:200;src:url(/assets/noto-serif-v33-latin-200italic-Dc0gCkRU.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:normal;font-weight:300;src:url(/assets/noto-serif-v33-latin-300-Bm2pfcLm.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:italic;font-weight:300;src:url(/assets/noto-serif-v33-latin-300italic-CS3YIdGP.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:normal;font-weight:400;src:url(/assets/noto-serif-v33-latin-regular-BV_iYGc9.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:italic;font-weight:400;src:url(/assets/noto-serif-v33-latin-italic-BefsV4hZ.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:normal;font-weight:500;src:url(/assets/noto-serif-v33-latin-500-D33jzduc.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:italic;font-weight:500;src:url(/assets/noto-serif-v33-latin-500italic-B67MXJYt.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:normal;font-weight:600;src:url(/assets/noto-serif-v33-latin-600-BiuDA9L7.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:italic;font-weight:600;src:url(/assets/noto-serif-v33-latin-600italic-DM-d8zjZ.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:normal;font-weight:700;src:url(/assets/noto-serif-v33-latin-700-CIw17UNa.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:italic;font-weight:700;src:url(/assets/noto-serif-v33-latin-700italic-CZ4xVNFK.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:normal;font-weight:800;src:url(/assets/noto-serif-v33-latin-800-U2v7D7Tz.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:italic;font-weight:800;src:url(/assets/noto-serif-v33-latin-800italic-DOAJGg8p.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:normal;font-weight:900;src:url(/assets/noto-serif-v33-latin-900-BDq4_2oX.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Noto Serif";font-style:italic;font-weight:900;src:url(/assets/noto-serif-v33-latin-900italic-CmL9GdJr.woff2) format("woff2")}*{box-sizing:border-box}html,body{overflow-x:hidden;max-width:100%}html{--border-color: #cacaca;--border-radius: 5px;--color: #000;--font-1: "Noto Sans", sans-serif;--font-2: "Noto Serif", serif;--font-family: var(--font-1);--font-heading: var(--font-2);--note-item-line-height: 1.4;--note-item-link: #777;--note-item-link-hover: #000;--radius: var(--border-radius);--site-width: 1600px;--site-width-2: 700px}body{background-color:#f4f4f9;font-family:var(--font-family);margin:0}body:has(.note-item:focus){background-color:#fff}button{cursor:pointer}h1{color:#333}input,select,textarea{font-size:1em}ul{list-style-type:disc}li>p:has(+ul){margin-bottom:0}.container{max-width:var(--site-width);margin:0 auto;padding:0 20px}.container--2{max-width:var(--site-width-2)}.layout-columns,#notes-list{--gap: 20px;display:flex;flex-wrap:wrap;gap:var(--gap)}.layout-column,.note-item{--column-count: 1;--gap-count: calc(var(--column-count) - 1);--column-width: calc(100% / var(--column-count) - var(--gap) * var(--gap-count) / var(--column-count));flex-shrink:0;width:var(--column-width)}#search,.input{border:1px solid var(--border-color);border-radius:var(--radius);margin:1rem 0;padding:10px;width:100%}select.input{width:auto}#note-input{border:1px solid var(--border-color);border-radius:var(--radius);margin:1rem 0;padding:10px;min-height:30vh;width:100%;height:400px}.button{background-color:#28a745;border:1px solid #28a745;border-radius:var(--radius);color:#fff;cursor:pointer;padding:10px 20px}.button--ghost,.button:hover{background-color:transparent;color:#28a745}.button--ghost:hover{background-color:#28a745;color:#fff}#notes-list{list-style-type:none;margin:0 0 5rem;padding:0}.note-actions{display:flex;gap:1rem;margin-bottom:1rem;text-align:center}.note-content{overflow:hidden;width:100%}.note-dates small{white-space:nowrap}.note-item{--note-padding: 1rem;background-color:#fff;border:1px solid var(--border-color);border-radius:var(--radius);display:flex;flex-direction:column;line-height:var(--note-item-line-height);padding:var(--note-padding);transition:.3s;max-width:100%;max-height:290px}.note-item :where(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading)}.note-item h1{font-size:1.6em}.note-item h2{font-size:1.4em}.note-item h3{font-size:1.2em}.note-item.editing,.note-item:focus,.note-item:has(:focus){--border-color: transparent;max-height:10000px}.note-item a{color:var(--note-item-link);transition:.3s}.note-item a:hover{color:var(--note-item-link-hover);text-shadow:0 0 10px #fff}.note-item button{background-color:#dc3545;border:none;border-radius:var(--radius);color:#fff;padding:5px 10px}.note-item button:hover{background-color:#c82333}.note-item h1{color:inherit}.note-item span{margin-right:auto}.note-item li:has(input[type=checkbox]),.note-item li:has(input[type=radio]){list-style:none;margin-inline-start:calc(-1 * var(--padding))}.note-item li:has(input[type=checkbox]:checked),.note-item li:has(input[type=radio]:checked){text-decoration:line-through}.note-item ol,.note-item ul{--padding: 40px;padding-inline-start:var(--padding)}.note-meta{display:none;margin-top:3rem}.note-item:not(.editing):focus,.note-item:not(.editing):has(.note-actions button:focus),.note-item:not(.editing):has(.note-actions button:hover){z-index:1}.note-item:not(.editing):has(:focus) .note-meta,.note-item:not(.editing):has(.note-actions button:focus) .note-meta,.note-item:not(.editing):has(.note-actions button:hover) .note-meta,.note-item:not(.editing):focus .note-meta{display:block}.save-status{margin-left:10px;font-size:.8em;transition:opacity .3s}.save-status:not(:empty){margin-bottom:1em}.save-status.saving{color:orange}.save-status.unsaved{color:#f90;font-style:italic}.save-status.saved{color:green}.save-status.failed{color:red}.note-item.editing{border-left:3px solid blue;background-color:#f0f8ff}#sort-notes{background-color:transparent;color:var(--color);padding-right:10px}@media (min-width: 768px){.note-dates small{margin-right:2rem}.note-item{--column-count: 2;padding:2rem}}@media (min-width: 1200px){.note-item{--column-count: 3}}@media (prefers-color-scheme: dark){html{--color: #e0e0e0;--note-item-link: #777;--note-item-link-hover: #fff}body{--border-color: #333;background-color:#000;color:var(--color)}body:has(.note-item:focus){background-color:#000}.note-item,#note-input,#search{background-color:#000;color:var(--color)}.note-meta{background-color:transparent;color:#777}.note-item.editing{background-color:#1e3a5f;border-left-color:#4d90fe}}.auth-toggle-container{border-bottom:1px solid var(--border-color);background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:sticky;top:0;z-index:100}@media (prefers-color-scheme: dark){.auth-toggle-container{background:#00000080}}.header-link{color:var(--color);cursor:pointer;font-size:.8em;text-decoration:none;transition:opacity .2s;white-space:nowrap}.header-link:hover{opacity:1;text-decoration:underline}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius);font-size:.7rem;font-weight:700;text-transform:uppercase;margin-right:8px;vertical-align:middle}.badge--public{background-color:#e6f4ea;color:#1e7e34;border:1px solid #c3e6cb}.badge--unlisted{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.badge--draft,.badge--private{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}#editor-zone{transition:all .3s ease}@media (prefers-color-scheme: dark){.badge--public{background-color:#143a1d;color:#81c784;border-color:#1b5e20}.badge--unlisted{background-color:#3e2723;color:#ffb74d;border-color:#4e342e}.badge--draft,.badge--private{background-color:#4a148c;color:#ce93d8;border-color:#6a1b9a}}.view-list{--site-width: var(--site-width-2)}.view-list #notes-list{display:block}.view-list .note-item{--column-count: 1;margin-bottom:1rem;max-height:none}.view-list .note-meta{display:block;margin:0 0 1rem;order:-22}:root{--tag-bg: rgba(0, 123, 255, .1);--tag-color: #007bff;--link-bg: rgba(111, 66, 193, .1);--link-color: #6f42c1;--accent-color: #28a745}@media (prefers-color-scheme: dark){:root{--tag-bg: rgba(56, 139, 253, .15);--tag-color: #58a6ff;--link-bg: rgba(188, 142, 255, .15);--link-color: #d2a8ff}}.entity-tag,.entity-link{display:inline;padding:0;margin:0;border-radius:0;font-size:inherit;text-decoration:none;cursor:pointer;transition:color .2s,opacity .2s;border:none;line-height:inherit;vertical-align:baseline;background:none}.entity-tag{color:var(--tag-color)}.entity-tag:hover{text-decoration:underline}.entity-link{color:var(--link-color)}.entity-link:hover{text-decoration:underline}.entity-link--ghost{opacity:.6;font-style:italic}.dropdown{position:relative;display:inline-block}.dropdown-content{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 5px);left:0;background-color:#fff;min-width:280px;box-shadow:0 10px 30px #00000026;z-index:1000;border-radius:8px;padding:1rem;border:1px solid var(--border-color);transition:all .2s cubic-bezier(.4,0,.2,1);transform:translateY(-10px)}@media (prefers-color-scheme: dark){.dropdown-content{background-color:#111;box-shadow:0 10px 40px #00000080}}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{visibility:visible;opacity:1;transform:translateY(0)}.dropdown-content.sidebar{max-height:80vh;overflow-y:auto}.group-section{margin-bottom:2rem}.group-section h3{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#777;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.group-list{list-style:none;padding:0;margin:0}.group-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background .2s;font-size:.9rem}.group-item:hover{background:var(--border-color)}.group-item .count{font-size:.75rem;opacity:.6}.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--accent-color);color:#fff;border-radius:20px;font-size:.85rem;margin-bottom:1.5rem;animation:slideIn .3s ease-out}.filter-chip button{background:transparent;border:none;color:#fff;padding:0;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.note-backlinks{margin-top:1.5rem;padding-top:1rem;border-top:1px dashed var(--border-color)}.note-backlinks h4{font-size:.8rem;color:#777;margin-bottom:.5rem}.pagination{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;justify-content:center;text-align:center}.pagination:last-child{margin-bottom:5rem}.pagination button{--size: 40px;background-color:transparent;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--color);transition:background-color .3s;width:var(--size);height:var(--size)}.pagination button:hover,.pagination button.active{background-color:var(--border-color)}