.cm-av{display:inline-grid;place-items:center;flex:none;border-radius:50%;color:#fff8ea;font-weight:800;letter-spacing:.02em;width:42px;height:42px;font-size:.88rem;box-shadow:inset 0 0 0 2px #fff8ea59,0 2px 8px #1220182e}.cm-av-lg{width:52px;height:52px;font-size:1.05rem}.f2c-avchip{display:inline-flex;align-items:flex-end;justify-content:center;width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(180deg,#f3ead6,#e7dcc2);border:1.5px solid var(--gold,#c9a25a);flex:none}.f2c-avchip svg{width:88%;height:88%}.f2c-avchip.lg{width:52px;height:52px}.cm-vp{display:flex;align-items:center;gap:13px;background:linear-gradient(165deg,#1d4a33,var(--green));border-radius:var(--radius-pill);padding:9px 16px 9px 9px;box-shadow:0 8px 22px #12201833;max-width:480px}.cm-vp-play{flex:none;width:42px;height:42px;border-radius:50%;border:none;background:var(--gold);color:var(--green);font-size:1rem;cursor:pointer;display:grid;place-items:center;transition:transform .15s}.cm-vp-play:active{transform:scale(.92)}.cm-vp-bars{flex:1;display:flex;align-items:center;gap:2.5px;height:34px;cursor:pointer;min-width:90px}.cm-vp-bar{flex:1;border-radius:3px;background:#f7f3e852;min-height:14%;transition:background .15s}.cm-vp-bar.on{background:var(--gold-2)}.cm-vp-time{flex:none;color:#e9e0c6;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.apb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.apb-hero{margin-bottom:14px}.apb-rooms{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.apb-rooms::-webkit-scrollbar{display:none}.apb-room-chip{flex:none;display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border-radius:var(--radius-pill);background:#fff;border:1.5px solid var(--line);color:var(--green-2);font-weight:700;font-size:.92rem;text-decoration:none;box-shadow:var(--shadow)}.apb-room-chip.is-on{background:var(--green);color:var(--cream);border-color:var(--green)}.apb-compose{margin-bottom:16px}.apb-compose-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.apb-compose-head h3{margin:0;font-size:1.18rem}.apb-compose form{display:grid;gap:10px}.apb-title-input{font-family:var(--serif);font-size:1.08rem;font-weight:600}.apb-join p{margin-top:6px}.apb-media{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.apb-media-btn{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:10px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--line);background:var(--paper);color:var(--green);font:inherit;font-size:.92rem;font-weight:700;cursor:pointer}.apb-media-btn:active{transform:scale(.96)}.apb-media-btn.is-off{opacity:.55}.apb-media-btn.recording{background:#7a2e1d;border-color:#7a2e1d;color:#ffe9df;animation:apb-pulse 1.2s infinite}@keyframes apb-pulse{0%,to{box-shadow:0 0 #7a2e1d73}50%{box-shadow:0 0 0 8px #7a2e1d00}}.apb-media-prev{position:relative;border-radius:16px;overflow:hidden;max-width:430px}.apb-media-prev img{width:100%;max-height:240px;object-fit:cover;display:block}.apb-media-x{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(247,243,232,.4);background:#0a1a11a6;color:#f7f3e8;font-size:1.25rem;line-height:1;cursor:pointer}.apb-voice-prev{display:flex;gap:10px;align-items:flex-start}.apb-voice-prev .cm-vp{flex:1}.apb-note{color:var(--clay);min-height:1.3em;font-size:.92rem;margin:0}.apb-note:empty{min-height:0}.apb-group-label{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--gold-deep);margin:22px 0 12px}.apb-group-label:after{content:"";flex:1;height:1px;background:var(--line)}.apb-list{display:grid;gap:12px}.apb-tcard{padding:0;overflow:hidden}.apb-tcard.is-pinned{border:1.5px solid var(--gold);background:linear-gradient(170deg,#fff 55%,var(--gold-soft))}.apb-tcard.is-hidden{opacity:.65;border-style:dashed}.apb-tcard-photo{height:180px;overflow:hidden}.apb-tcard-photo img{width:100%;height:100%;object-fit:cover;display:block}.apb-tcard-in{padding:16px 18px 18px}.apb-card-head{display:flex;align-items:center;gap:11px}.apb-card-who{min-width:0;flex:1}.apb-card-name{font-weight:700;color:var(--green);display:block;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apb-card-when{font-size:.82rem;color:#6b6455}.apb-pinbadge{flex:none;background:var(--gold);color:var(--green);border-radius:var(--radius-pill);padding:5px 11px;font-size:.74rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.apb-hiddenbadge{flex:none;background:#7a2e1d;color:var(--cream);border-radius:var(--radius-pill);padding:5px 11px;font-size:.74rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.apb-tcard-title{font-family:var(--serif);font-weight:600;font-size:1.3rem;line-height:1.22;color:var(--green);margin:11px 0 6px}.apb-tcard-ex{color:#4c463a;line-height:1.55;margin:0;font-size:.96rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.apb-card-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.apb-count{display:inline-flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill);padding:6px 12px;font-size:.84rem;font-weight:600;color:#4c463a}.apb-count.hearts{color:var(--clay);border-color:#a9603a66}.apb-count.voice{color:var(--green);border-color:#1d4a3359}.apb-empty{background:#fff;border:1.5px dashed var(--line);border-radius:var(--radius-lg);padding:22px;color:#4c463a;line-height:1.6}.apb-backpill{display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--line);color:var(--green);font-weight:700;font-size:.92rem;text-decoration:none;box-shadow:var(--shadow)}.apb-op.is-hidden{opacity:.65;border-style:dashed}.apb-op-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.apb-op h2{font-family:var(--serif);font-weight:600;color:var(--green);font-size:1.65rem;margin:10px 0 12px;line-height:1.15}.apb-op-photo{margin:6px -18px 16px;max-height:400px;overflow:hidden}.apb-op-photo img{width:100%;max-height:400px;object-fit:cover;display:block}.apb-body p{line-height:1.65;margin:0 0 12px;color:var(--ink);font-size:1rem}.apb-body p:last-child{margin-bottom:0}.apb-op .cm-vp,.apb-reply .cm-vp{margin-top:13px}.apb-reply{display:flex;gap:12px;margin-top:12px}.apb-reply.is-hidden{opacity:.62;border-style:dashed}.apb-reply-main{flex:1;min-width:0}.apb-reply-photo{margin-top:11px;border-radius:14px;overflow:hidden;max-width:440px}.apb-reply-photo img{width:100%;max-height:280px;object-fit:cover;display:block}.apb-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px;align-items:center}.apb-love{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:11px 19px;border-radius:var(--radius-pill);border:1.5px solid rgba(169,96,58,.45);background:#fff;color:var(--clay);font:inherit;font-size:.96rem;font-weight:800;cursor:pointer}.apb-love:active{transform:scale(.95)}.apb-love.loved{background:var(--clay);border-color:var(--clay);color:#ffe9df;box-shadow:0 8px 20px #a9603a59}.apb-love.loved .apb-love-heart{animation:apb-pop .35s cubic-bezier(.22,.8,.3,1)}@keyframes apb-pop{0%{transform:scale(1)}45%{transform:scale(1.45)}to{transform:scale(1)}}.apb-act{background:none;border:1px solid transparent;border-radius:var(--radius-pill);padding:9px 13px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;color:#6b6455;min-height:42px}.apb-act.staff{border:1px dashed var(--line)}.apb-report-panel{margin-top:14px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}.apb-report-panel[hidden]{display:none}.apb-report-panel select,.apb-report-panel input{padding:11px 13px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:#fff;min-height:44px}.apb-report-panel input{flex:1;min-width:180px}.apb-report-send{background:var(--green);color:var(--cream);border:none;border-radius:var(--radius-pill);padding:11px 18px;font:inherit;font-weight:700;cursor:pointer;min-height:44px}.apb-report-done{font-size:.9rem;color:var(--green);font-weight:600}
