*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--pb);overscroll-behavior:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}button,input,textarea{font:inherit}.noscroll{scrollbar-width:none;-ms-overflow-style:none}.noscroll::-webkit-scrollbar{width:0;height:0;display:none}.themed-scroll{scrollbar-width:thin;scrollbar-color:var(--pf) transparent}.themed-scroll::-webkit-scrollbar{width:6px;height:6px}.themed-scroll::-webkit-scrollbar-track{background:transparent}.themed-scroll::-webkit-scrollbar-thumb{background:var(--pf);border-radius:999px}.themed-scroll::-webkit-scrollbar-thumb:hover{background:var(--pm)}@keyframes twinkle{0%,to{opacity:.4}50%{opacity:1}}.note-clamp{max-height:var(--clamp-h, 200px);overflow:hidden}.note-clamp.is-clamped{-webkit-mask-image:linear-gradient(to bottom,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 62%,transparent 100%)}.expand-badge{display:inline-flex;align-items:center;gap:5px;margin-top:4px;align-self:flex-start;width:fit-content;flex:none;font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:1.2px;color:var(--pa);background:var(--pas);border:1px solid var(--pdot);border-radius:999px;padding:4px 9px;cursor:pointer;transition:background .18s,transform .12s}.expand-badge:active{transform:scale(.95)}@media(hover:hover)and (pointer:fine){.expand-badge:hover{background:var(--pdot)}}@media(hover:hover)and (pointer:fine){.hov{position:relative}.hov:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--pas);opacity:0;transition:opacity .22s ease;pointer-events:none}.hov:hover:after{opacity:1}.hov:active:after{opacity:.55}.hov:disabled:after{display:none}}.mono{font-family:JetBrains Mono,Noto Sans SC,Noto Sans Thai,Noto Sans Arabic,Noto Sans Tamil,monospace}.serif{font-family:Newsreader,Noto Sans SC,Noto Sans Thai,Noto Sans Arabic,Noto Sans Tamil,serif}.sans{font-family:Hanken Grotesk,Noto Sans SC,Noto Sans Thai,Noto Sans Arabic,Noto Sans Tamil,system-ui,sans-serif}.rt-content ul,.rt-content ol{margin:6px 0;padding-left:22px}.rt-content li{margin:2px 0}.rt-content>div+div{margin-top:.3em}.rt-content b,.rt-content strong{font-weight:600}.ht-highlight{color:var(--pa);font-style:italic;font-weight:500;font-size:1.3em}.inline-img-group{display:grid;grid-template-columns:repeat(auto-fill,56px);gap:8px;margin:8px 0}.inline-img-wrap{position:relative;display:block;width:56px;height:56px}.inline-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:8px;background:var(--ps2);cursor:pointer}.inline-img-wrap.loading .inline-img{background:linear-gradient(90deg,var(--ps2) 25%,var(--ps) 50%,var(--ps2) 75%);background-size:200% 100%;animation:inline-img-shimmer 1.4s ease-in-out infinite}@keyframes inline-img-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.inline-img-remove{display:none;position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;background:#0000008c;border:none;align-items:center;justify-content:center;cursor:pointer}.note-textarea .inline-img-wrap .inline-img-remove{display:flex}.rcol{width:100%}@media(min-width:768px){.rcol{max-width:680px;margin-inline:auto}}@media(min-width:1200px){.rcol{max-width:760px}}