.pl,.pl *{box-sizing:border-box}.pl{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff;color:#111;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:16px;line-height:1.55;overflow:hidden}.pl button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.pl button:focus-visible,.pl textarea:focus-visible{outline:2px solid #111;outline-offset:2px}.pl .bar{flex:none;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid #e5e5e5;background:#fff;max-width:640px;width:100%;margin:0 auto}.pl .bt{font-weight:700}.pl .sp{min-width:56px}.pl .tb{min-width:56px;height:40px;padding:0 10px;font-size:16px}.pl .pub{font-weight:700}.pl .off{color:#aaa;cursor:default}.pl .sc{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.pl .post{max-width:640px;margin:0 auto;padding:12px 16px;border-bottom:1px solid #eee}.pl .ph{display:flex;gap:8px;align-items:baseline}.pl .ago{color:#888;font-size:13px}.pl .pt{white-space:pre-wrap;word-break:break-word}.pl .ta{flex:1;width:100%;max-width:640px;margin:0 auto;border:0;padding:16px;font:inherit;resize:none;outline:none;background:#fff;color:#111}body{margin:0}.pl .fm{max-width:640px;width:100%;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:12px}.pl .fm input{font:inherit;padding:10px 12px;border:1px solid #ccc;border-radius:0;background:#fff;color:#111;width:100%}.pl .fm button.go{border:1px solid #111;padding:10px;font-weight:700}.pl .err{color:#b00020;font-size:14px;min-height:1.2em}.pl .more{display:block;margin:12px auto;color:#555}.pl .acts{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-top:4px}.pl .tb.sm{min-width:0;height:32px;font-size:14px;color:#555;padding:0 8px}.pl .lt{display:flex;min-width:56px}.pl .pwin{font:inherit;font-size:14px;padding:4px 6px;border:1px solid #ccc;width:150px;border-radius:0}.pl .toast{position:fixed;left:0;right:0;bottom:16px;margin:0 auto;width:fit-content;background:#111;color:#fff;padding:6px 12px;display:flex;gap:12px;align-items:center}.pl .toast .tb{color:#fff}.pl .fab{position:fixed;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;height:0;pointer-events:none}.pl .fab .fb{pointer-events:auto;position:absolute;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));height:48px;padding:0 22px;border-radius:24px;background:#111;color:#fff;font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040}.pl .sc{padding-bottom:96px}.pl .im{margin-top:8px;min-height:48px;background:#f3f3f3;display:flex;align-items:center;justify-content:center}.pl .im img{display:block;max-width:100%;max-height:420px;cursor:zoom-in}.pl .ov{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:9;cursor:zoom-out}.pl .ov img{max-width:100%;max-height:100%}.pl .tray{flex:none;max-width:640px;width:100%;margin:0 auto;padding:4px 16px;display:flex;align-items:center;gap:12px;min-height:48px}.pl .tray .th{width:56px;height:56px;object-fit:cover}.pl .tray .ago{margin-left:auto}.pl .err{max-width:640px;width:100%;margin:0 auto;padding:0 16px}.pl .fm .err,.pl .acts .err,.pl .post .err{padding:0;margin:0}.pl .ta:focus-visible{outline:0}.pl .tray{padding-bottom:16px}