/* 管理者向けページコメント */
.cm-bar{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:60;display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 32px);padding:10px 14px;background:rgba(14,17,20,.94);border:1px solid var(--bronze);color:var(--mist);font-size:.82rem;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.cm-bar .cm-who{color:var(--muted)}
.cm-bar .cm-toggle{background:var(--bronze);color:#14171a;border:0;font:inherit;font-weight:700;padding:8px 14px;cursor:pointer}
.cm-bar .cm-toggle.on{background:var(--bronze-l);outline:2px solid var(--mist)}
.cm-bar .cm-show{display:flex;gap:6px;align-items:center;color:var(--concrete)}
.cm-bar .cm-count{color:var(--bronze-l)}
.cm-bar .cm-admin{color:var(--concrete)}
body.cm-mode{cursor:crosshair}
body.cm-mode a:not(.cm-admin),body.cm-mode button:not(.cm-toggle):not(.cm-pin):not(.cm-pop button){pointer-events:none}
.cm-layer{position:absolute;inset:0 auto auto 0;width:100%;height:0;overflow:visible;z-index:55;pointer-events:none}
body:has(.cm-layer){overflow-x:clip}
.cm-layer>*{pointer-events:auto}
.cm-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;border:2px solid var(--mist);background:var(--bronze);color:#14171a;font:700 .8rem/1 var(--sans);display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.5)}
.cm-pin.resolved{background:var(--muted);opacity:.7}
.cm-pin.draft{background:var(--bronze-l);pointer-events:none}
.cm-pop{position:absolute;z-index:56;width:min(340px,calc(100vw - 32px));background:#1b2024;border:1px solid var(--bronze);padding:12px 14px;display:grid;gap:8px;font-size:.85rem;color:var(--mist);box-shadow:0 16px 48px rgba(0,0,0,.6)}
.cm-pop-head{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.75rem}
.cm-pop .cm-anchor{font-family:monospace;color:var(--bronze-l)}
.cm-status.open{color:var(--bronze-l)}.cm-status.resolved{color:var(--ok)}
.cm-text{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--line);color:var(--mist);font:inherit;padding:8px 10px;resize:vertical}
.cm-actions{display:flex;gap:6px;flex-wrap:wrap}
.cm-actions button{background:transparent;border:1px solid var(--line);color:var(--concrete);font:inherit;font-size:.8rem;padding:6px 10px;cursor:pointer}
.cm-actions button:first-child{background:var(--bronze);color:#14171a;border-color:var(--bronze);font-weight:700}
.cm-actions button.danger{color:var(--err);border-color:var(--err)}
.cm-msg{margin:0;color:var(--err);font-size:.8rem;min-height:1em}