.pnotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px 16px;gap:24px 16px;padding:10px 4px 14px;align-items:start}.pn-strip{position:relative;display:flex;flex-direction:column;gap:8px;text-align:left;cursor:pointer;padding:20px 15px 13px;border:none;font:inherit;min-height:120px;color:#33291a;background:linear-gradient(178deg,#fffdf3,#faf3df 62%,#f2e7cc);border-radius:3px 10px 4px 9px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),0 10px 22px rgba(29,29,31,.13),0 2px 6px rgba(29,29,31,.08);transform:rotate(var(--tilt,0deg));transition:transform .16s,box-shadow .16s}.pn-strip:hover{transform:rotate(0deg) translateY(-3px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),0 16px 30px rgba(29,29,31,.18),0 3px 8px rgba(29,29,31,.1)}.pn-strip:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pn-tape{position:absolute;top:-9px;left:50%;width:72px;height:20px;transform:translateX(-50%) rotate(-2.5deg);background:linear-gradient(180deg,hsla(43,64%,67%,.6),rgba(201,162,79,.48));box-shadow:0 2px 5px rgba(29,29,31,.14);-webkit-clip-path:polygon(0 12%,3% 0,97% 4%,100% 16%,98% 90%,95% 100%,4% 96%,0 86%);clip-path:polygon(0 12%,3% 0,97% 4%,100% 16%,98% 90%,95% 100%,4% 96%,0 86%)}.pn-strip:nth-child(2n) .pn-tape{transform:translateX(-50%) rotate(2deg)}.pn-kind{font-family:var(--sans);font-size:.56rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9a7c3f}.pn-quote{font-family:var(--serif);font-size:.95rem;line-height:1.55;color:#2f2517;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}.pn-quote i{font-style:italic}.pn-strip.highlight .pn-quote i{background:linear-gradient(transparent 12%,hsla(43,71%,69%,.4) 0,hsla(43,71%,69%,.4) 90%,transparent 0);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 2px}.pn-body{font-size:.85rem;line-height:1.7;color:#3a2f1d;white-space:pre-wrap;-webkit-line-clamp:8;background:repeating-linear-gradient(180deg,transparent,transparent calc(1.7em - 1px),rgba(150,116,63,.18) calc(1.7em - 1px),rgba(150,116,63,.18) 1.7em)}.pn-body,.pn-mynote{font-family:var(--sans);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.pn-mynote{font-size:.78rem;line-height:1.55;color:#584a30;border-top:1px dashed rgba(150,116,63,.42);padding-top:7px;-webkit-line-clamp:3}.pn-src{margin-top:auto;display:flex;align-items:center;gap:6px;min-width:0;font-family:var(--sans);font-size:.66rem;font-weight:700;letter-spacing:.02em;color:#7a6337}.pn-src svg{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pn-count{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}.pn-back,.pn-count{font-family:var(--sans);font-weight:700}.pn-back{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--soft);font-size:.82rem;text-decoration:none}.pn-back:hover{color:var(--ink);border-color:var(--gold)}.pn-back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pn-fab{position:fixed;right:calc(var(--feed-x, 0px) + 14px);bottom:calc(96px + env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:999px;cursor:pointer;border:1.5px solid hsla(0,0%,100%,.22);background:rgba(15,18,15,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:hsla(0,0%,100%,.9);font:inherit;font-family:var(--sans);font-size:.9rem;font-weight:700;white-space:nowrap;box-shadow:0 10px 28px rgba(24,30,58,.28);transition:transform .15s,box-shadow .15s}@media (min-width:720px){.pn-fab{bottom:120px}}.pn-fab:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(24,30,58,.34)}.pn-fab:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pn-fab svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.pn-ov{position:fixed;inset:0;z-index:70;background:rgba(29,29,31,.52);align-items:center;justify-content:center;padding:22px}.pn-big,.pn-ov{display:flex;overflow-y:auto}.pn-big{position:relative;width:min(560px,100%);max-height:min(84vh,720px);flex-direction:column;gap:10px;padding:26px 22px 20px;color:#33291a;background:linear-gradient(178deg,#fffdf3,#faf3df 62%,#f2e7cc);border-radius:4px 12px 5px 11px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),0 24px 60px rgba(0,0,0,.4);animation:pnUp .22s cubic-bezier(.2,.8,.2,1)}@keyframes pnUp{0%{transform:translateY(14px) scale(.98);opacity:0}to{transform:none;opacity:1}}.pn-tape.big{width:96px;height:24px;top:-11px}.pn-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;cursor:pointer;border:1px solid rgba(150,116,63,.4);background:rgba(255,253,243,.9);color:#7a6337;font-size:.74rem}.pn-big-quote{font-family:var(--serif);font-size:1.08rem;line-height:1.65;color:#2f2517;margin:2px 0 0}.pn-big .pn-big-quote i{font-style:italic;background:linear-gradient(transparent 12%,hsla(43,71%,69%,.4) 0,hsla(43,71%,69%,.4) 90%,transparent 0);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 2px}.pn-big-src{display:flex;align-items:center;gap:7px;margin:0;font-family:var(--sans);font-size:.74rem;font-weight:700;color:#7a6337}.pn-big-src svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pn-edit-label{font-family:var(--sans);font-size:.6rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9a7c3f;margin-top:4px}.pn-edit{width:100%;min-height:96px;resize:vertical;border:none;outline:none;padding:0 2px;font-family:var(--sans);font-size:.92rem;line-height:1.7;color:#33291a;background:repeating-linear-gradient(180deg,transparent,transparent calc(1.7em - 1px),rgba(150,116,63,.2) calc(1.7em - 1px),rgba(150,116,63,.2) 1.7em)}.pn-edit.tall{min-height:180px}.pn-edit::placeholder{color:#a08f6e}.pn-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px}.pn-actions .btn{padding:11px 20px;font-size:.88rem}.pn-remove{margin-left:auto;background:none;border:none;cursor:pointer;font:inherit;font-family:var(--sans);font-size:.78rem;font-weight:600;color:#a5502f;text-decoration:underline;text-underline-offset:3px}@media (max-width:430px){.pnotes{gap:20px 12px}.pn-strip{padding:17px 12px 11px}.pn-quote{font-size:.88rem;-webkit-line-clamp:5}.pn-body{font-size:.8rem}}@media (prefers-reduced-motion:reduce){.pn-fab,.pn-strip{transition:none}.pn-strip:hover{transform:rotate(var(--tilt,0deg))}.pn-fab:hover{transform:none}.pn-big{animation:none}}.bpo-story{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:inherit;cursor:pointer;min-width:54px}.bpo-story>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:2px solid #caa852;outline:2px solid #ede0b7;outline-offset:2px;background:#294637;color:#f4d77f;font-size:24px}.bpo-story small{font-size:10px;font-weight:700}.bpo-overlay{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:#07130f99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bpo-dialog{position:relative;width:min(100%,430px);max-height:90dvh;overflow:auto;padding:30px 24px;background:#faf6e9;color:#243d30;border:1px solid #c8ab65;border-radius:24px;box-shadow:0 20px 70px #0005}.bpo-dialog h2{font:28px/1.15 Georgia,serif;margin:12px 0}.bpo-dialog p{font-size:16px;line-height:1.5}.bpo-close{position:absolute;right:12px;top:10px;width:40px;height:40px;border:0;border-radius:50%;background:#e9e0cc;color:#243d30;font-size:26px;cursor:pointer}.bpo-symbol{font-size:32px;color:#957229}.bpo-option{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%;padding:18px;margin:12px 0;border:1px solid #baa66f;border-radius:14px;background:#fffdf7;color:#243d30;text-align:left;font-size:18px;cursor:pointer}.bpo-option small{width:100%;font-size:13px;line-height:1.5}.bpo-option:hover{background:#f0e5c9}.bpo-option:disabled{opacity:.6;cursor:wait}.bpo-dialog .bpo-fine{font-size:13px}.bpo-dialog :focus-visible,.bpo-story:focus-visible{outline:3px solid #9b792d;outline-offset:3px}@media(max-width:600px){.dash-bubbles{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.dash-bubbles::-webkit-scrollbar{display:none}.dash-bubbles>.bub:first-child{margin-left:auto}.dash-bubbles>.bub:last-child{margin-right:auto}}