*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--pb);overscroll-behavior:none;touch-action:manipulation;-webkit-text-size-adjust:100%;text-size-adjust:100%}#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:calc(8px * var(--fs, 1));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:var(--ff-serif, "Newsreader"),"Noto Sans SC","Noto Sans Thai","Noto Sans Arabic","Noto Sans Tamil",serif}.sans{font-family:var(--ff-sans, "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:4px 0;padding-left:22px}.rt-content li{margin:1px 0}.rt-content>div+div{margin-top:.2em}.rt-content p{margin:0 0 .2em}.rt-content p:last-child{margin-bottom:0}.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}.rt-imgs .inline-img-group{grid-template-columns:repeat(var(--img-cols, 3),1fr);gap:5px;margin:10px 0}.rt-imgs .inline-img-wrap{width:auto;height:auto}.rt-imgs .inline-img{width:100%;height:auto;aspect-ratio:var(--img-ar, 1);max-height:var(--img-maxh, none);max-width:var(--img-maxw, none);margin-inline:auto;border-radius:10px}.note-clamp.rt-imgs{max-height:calc(var(--clamp-h, 200px) + 240px)}.inline-img-wrap.img-failed .inline-img{border:1px dashed var(--pdot);opacity:.6}.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}.note-textarea .inline-img-wrap{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.note-textarea .inline-img-wrap.drag-src{opacity:.3}.note-textarea .inline-img-wrap.flipping{transition:transform .22s cubic-bezier(.4,0,.2,1)}.img-drag-ghost{position:fixed;z-index:400;pointer-events:none;border-radius:10px;overflow:hidden;background:var(--ps2);box-shadow:0 10px 28px #0000004d;opacity:.95;will-change:transform,left,top}.img-drag-ghost img{display:block;width:100%;height:100%;object-fit:cover}.rcol{width:100%}@media(min-width:768px){.rcol{max-width:680px;margin-inline:auto}}@media(min-width:1200px){.rcol{max-width:760px}}