/* A fixed hit area lets the paper unfold without moving the surrounding controls. */
.note-share-corner{--fold-scale:.36;position:absolute;right:0;bottom:0;width:60px;height:60px;padding:0;border:0;border-radius:0 0 2px 0;background:transparent;color:var(--sub,#898880);cursor:pointer;z-index:5;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.note-share-corner::before{content:"";position:absolute;inset:0;pointer-events:none;transform:scale(var(--fold-scale));transform-origin:100% 100%;background:linear-gradient(135deg,transparent 49%,color-mix(in srgb,var(--paper,#fff) 87%,var(--text,#242423)) 49.8%,color-mix(in srgb,var(--paper,#fff) 95%,var(--text,#242423)) 54%,var(--paper,#fff) 78%);border-radius:inherit;filter:drop-shadow(-1px -1px 1px #0000000a);transition:transform 680ms cubic-bezier(.22,.65,.25,1),filter 680ms ease;will-change:transform}
.note-share-corner .share-corner-icon{position:absolute;right:10px;bottom:10px;width:15px;height:15px;display:block;opacity:0;transform:translate(4px,4px);transition:opacity 180ms ease,transform 400ms cubic-bezier(.22,.65,.25,1);pointer-events:none}
.note-share-corner .share-corner-icon svg{display:block;width:100%;height:100%}
.note-share-corner:hover,.note-share-corner:focus-visible{--fold-scale:1}
.note-share-corner:hover::before,.note-share-corner:focus-visible::before{filter:drop-shadow(-2px -2px 2px #00000012)}
.note-share-corner:hover .share-corner-icon,.note-share-corner:focus-visible .share-corner-icon{opacity:.9;transform:translate(0,0);transition-delay:140ms}
.note-share-corner:focus-visible{outline:1px solid var(--sub,#898880);outline-offset:-3px}
@media(hover:none){.note-share-corner{--fold-scale:.8}.note-share-corner .share-corner-icon{opacity:.8;transform:none}}
@media(prefers-reduced-motion:reduce){.note-share-corner::before,.note-share-corner .share-corner-icon{transition:none}}
.pile-share-wrap{position:relative;width:fit-content;max-width:100%}.pile-share-wrap>#pileShare{bottom:0;right:0}.archive-note .archive-foot{padding-right:42px}body.note-sharing{overflow:hidden}
#noteShareDialog{box-sizing:border-box;margin:auto;padding:0;border:0;border-radius:20px;width:min(940px,calc(100vw - 24px));max-width:none;max-height:90dvh;overflow:auto;scrollbar-gutter:stable;background:#efeee8;color:#242423;box-shadow:0 45px 120px #16161440;font:14px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;animation:ns-unfold .4s ease}#noteShareDialog *{box-sizing:border-box}#noteShareDialog::backdrop{background:#24242150;backdrop-filter:blur(8px)}#noteShareDialog button{font:inherit;cursor:pointer;border:0}#noteShareDialog button:disabled{opacity:.5;cursor:default}#noteShareDialog .ns-close{position:absolute;right:18px;top:15px;border-radius:50%;background:#e2e0d8;width:32px;height:32px;z-index:2;color:#242423}#noteShareDialog .ns-studio{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:45px;padding:42px;align-items:start}#noteShareDialog .ns-stage{display:flex;justify-content:center;padding:12px;min-width:0}#noteShareDialog .ns-card{width:100%;max-width:360px;padding:30px 26px 24px;background:#fffdf6;box-shadow:0 20px 35px -25px #27241965;color:#242423;transition:background .3s,color .3s}#noteShareDialog .ns-dark{background:#262724;color:#f5f2e8}#noteShareDialog .ns-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9a988c}#noteShareDialog .ns-brand{display:flex;align-items:center;gap:7px}#noteShareDialog .ns-brand img{display:block;width:60px;height:22px}#noteShareDialog .ns-brand i{width:4px;height:4px;background:#e95837;border-radius:50%;margin-top:6px}#noteShareDialog .ns-dark img{filter:invert(1)}#noteShareDialog .ns-quote{font:400 14px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:24px 0 26px}#noteShareDialog .ns-reference{border-top:1px solid #a9a28c35;padding-top:17px;font-size:12px;line-height:1.8;color:#949184;white-space:pre-wrap;overflow-wrap:anywhere}#noteShareDialog .ns-signature{margin-top:35px;color:#999589;font-size:11px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}#noteShareDialog .ns-settings{position:sticky;top:30px;display:flex;flex-direction:column;align-self:start}#noteShareDialog .ns-eyebrow{font-size:11px;letter-spacing:3px;color:#8b8a80}#noteShareDialog h2{font:400 27px "Songti SC",serif;margin:14px 0}#noteShareDialog p{font-size:12px;line-height:1.9;color:#8c887d}#noteShareDialog label{font-size:12px;color:#68655b;display:flex;align-items:center;gap:8px;margin:18px 0}#noteShareDialog .ns-swatches{display:flex;gap:12px;margin:20px 0}#noteShareDialog .ns-swatches button{width:28px;height:28px;border:3px solid #efeee8;outline:1px solid #c9c6bb;border-radius:50%;background:#fffdf6}#noteShareDialog .ns-swatches button:last-child{background:#262724}#noteShareDialog .ns-swatches button[aria-pressed=true]{outline:2px solid #68655b}#noteShareDialog .ns-save{padding:13px 16px;border-radius:12px;background:#282925;color:#fff;letter-spacing:1px}#noteShareDialog .ns-system{padding:12px;background:transparent;color:#7f7b70}#noteShareDialog .ns-status{min-height:42px;color:#8d7460}#noteShareDialog .ns-name-hint:empty{display:none}@keyframes ns-unfold{from{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:760px){#noteShareDialog .ns-studio{display:flex;flex-direction:column;padding:44px 12px 22px;gap:10px}#noteShareDialog .ns-stage{padding:12px 0;width:100%}#noteShareDialog .ns-settings{position:static;width:100%;padding:12px 8px}}@media(prefers-reduced-motion:reduce){#noteShareDialog,.note-share-corner{animation:none;transition:none}}
.note-share-corner[hidden]{display:none}.pile-share-wrap{width:100%;display:flow-root}.pile-share-wrap>#pileShare{right:calc((100% - var(--share-pile-width,258px))/2);bottom:23px}

/* Body rhythm at 360px: 14px type, 24.5px leading, 0.4px tracking. */
#noteShareDialog .ns-quote{letter-spacing:.4px;color:#30302e;white-space:normal}
#noteShareDialog .ns-dark .ns-quote{color:#e4e3dd}
#noteShareDialog .ns-quote .ns-text{display:block;white-space:pre-wrap;overflow-wrap:anywhere;text-align:justify;text-align-last:start;text-justify:inter-character}
#noteShareDialog .ns-quote .ns-break{display:block;white-space:normal;font-size:0;line-height:0}

/* Share writing stays on the same paper, with no input frame or typography change. */
#noteShareDialog .ns-editable{display:block;min-height:1em;outline:none;border:0;background:none;box-shadow:none;cursor:text;caret-color:currentColor}
#noteShareDialog .ns-editable.is-editing{white-space:pre-wrap;text-align:justify;text-align-last:start;text-justify:inter-character;user-select:text;-webkit-user-select:text}
#noteShareDialog .ns-editable:focus{outline:none;border:0;box-shadow:none}
#noteShareDialog .ns-editable[contenteditable=false]{cursor:default}
#noteShareDialog .ns-retry{align-self:flex-start;padding:5px 0;background:none;color:#8d7460;text-decoration:underline;text-underline-offset:3px;font-size:12px}
#noteShareDialog .ns-retry[hidden]{display:none}