.context-menu .delete-action{color:#b33a2a;border-top:1px solid var(--line);margin-top:4px}.online-members{z-index:6;border:1px solid var(--line);color:#5f594f;background:#fffdf9;border-radius:99px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;font-weight:700;display:flex;position:absolute;top:18px;right:20px;box-shadow:0 3px 12px #332c2118}.online-dot{background:#47a36b;border-radius:50%;width:8px;height:8px;display:inline-block}.online-popover{border:1px solid var(--line);background:#fffdf9;border-radius:10px;min-width:190px;padding:8px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 20px #332c2120}.online-members:hover .online-popover,.online-members:focus-within .online-popover{display:block}.online-popover div{white-space:nowrap;align-items:center;gap:8px;padding:7px;font-size:12px;display:flex}.canvas,.canvas-content,.audio-card,.sticky,.plain-text{-webkit-touch-callout:none}html,body{overscroll-behavior:none;height:100%;overflow:hidden}.canvas{touch-action:none;overscroll-behavior:none}.canvas-scene{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.audio-card{transition:width .18s,box-shadow .18s}.audio-card.is-playing{width:440px;box-shadow:0 14px 32px #332c2130}.reaction-bar{z-index:4;gap:5px;display:flex;position:absolute;top:-16px;right:12px}.reaction{border:1px solid var(--line);color:#5f594f;background:#fffdf9;border-radius:999px;align-items:center;gap:4px;min-height:27px;padding:4px 7px;font-size:12px;line-height:1;display:inline-flex;box-shadow:0 3px 8px #332c2118}:is(.reaction:hover,.reaction:focus-visible){border-color:var(--ink);background:#fff;outline:none}.reaction b{min-width:8px;font-size:10px}:is(.reaction-down:hover,.reaction-down:focus-visible){border-color:#c66055}.connection-lines{pointer-events:none;width:1px;height:1px;position:absolute;inset:0;overflow:visible}.connection-lines line{stroke:#70675c;stroke-width:2px;stroke-linecap:round}.connection-lines .connection-preview{stroke:var(--coral);stroke-dasharray:5 5}.connection-node{z-index:7;touch-action:none;cursor:crosshair;background:#70675c;border:2px solid #fffdf9;border-radius:50%;width:13px;height:13px;margin:-6.5px;padding:0;position:absolute;box-shadow:0 1px 4px #332c2140}.connection-node:hover,.connection-node.active{background:var(--coral);transform:scale(1.35)}.connection-node.target{z-index:10;background:var(--coral);border-width:4px;width:30px;height:30px;margin:-15px;box-shadow:0 0 0 5px #fd654b30,0 3px 9px #332c2140}.connection-description{z-index:6;color:#4d473f;background:#fffdf9;border:1px solid #c9c1b5;border-radius:7px;width:180px;min-height:28px;padding:6px 9px;font:11px/1.2 Arial,Helvetica,sans-serif;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 10px #332c2118}.connection-description:focus{border-color:var(--coral);outline:none}.connection-card-target{z-index:12;height:150px;color:var(--ink);touch-action:manipulation;background:#fffdf9aa;border:3px solid #e0d8cb;border-radius:13px;padding:0;font-weight:700;position:absolute}.connection-card-target:before,.connection-card-target:after{content:"";background:#70675c;border:2px solid #fffdf9;border-radius:50%;width:14px;height:14px;position:absolute}.connection-card-target:before{top:-8px;left:calc(50% - 7px)}.connection-card-target:after{top:calc(50% - 7px);right:-8px}.connection-card-target.selected{border-color:var(--coral);background:#fff4edcc}.connection-card-target.selected:before,.connection-card-target.selected:after{background:var(--coral)}.connection-helper{z-index:30;border:1px solid var(--line);background:#fffdf9;border-radius:10px;align-items:center;gap:12px;padding:9px 10px 9px 13px;font-size:12px;font-weight:700;display:flex;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 7px 20px #332c2120}.connection-helper button,.toolbar button.active-tool{background:var(--ink);color:#fff}.connection-helper button{border:0;border-radius:5px;padding:5px 8px;font-size:11px}.waveform{letter-spacing:0;align-items:center;gap:2px;height:44px;display:flex;position:relative;overflow:visible}.scrubber{cursor:ew-resize;touch-action:none}.playhead{z-index:1;background:var(--ink);pointer-events:none;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px;box-shadow:0 0 0 2px #fffdf9}.waveform i{background:#d5cec3;border-radius:2px;flex:1;min-width:1px;max-width:4px;display:block}.waveform i.played{background:var(--coral)}.timeline-comment{z-index:2;background:var(--ink);color:#0000;border:2px solid #fffdf9;border-radius:50%;width:14px;height:14px;margin-left:-7px;padding:0;position:absolute;top:-7px;box-shadow:0 1px 4px #332c2140}.timeline-comment:hover:after{content:attr(aria-label);color:#fff;white-space:normal;background:#171519;border-radius:6px;width:max-content;max-width:180px;padding:6px 8px;font-size:11px;line-height:1.25;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.comment-panel-attached{z-index:30;max-height:min(420px,100vh - 24px);position:absolute;top:auto;right:auto}.comment-panel-attached:before{content:"";border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffdf9;width:16px;height:16px;position:absolute;top:34px;left:-9px;transform:rotate(45deg)}.comment-panel-attached>*{position:relative}.comment-group>small{color:#827b70;letter-spacing:1px;margin-top:12px;font-size:9px;display:block}.comment-mode{gap:5px;margin:12px 0 7px;display:flex}.comment-mode button{border:1px solid var(--line);color:#766f65;background:#fff;border-radius:5px;padding:5px 7px;font-size:10px}.comment-mode button.active{border-color:var(--ink);background:var(--ink);color:#fff}.add-timed-comment{border:1px solid var(--line);color:#5f594f;background:#fff;border-radius:6px;grid-column:1/-1;justify-self:start;padding:5px 8px;font-size:11px}.comment time{color:var(--coral);margin-left:5px;font-size:10px}@media (max-width:740px){.audio-card.is-playing{width:min(440px,100vw - 32px)}}@media (pointer:coarse){.toolbar{z-index:100;top:auto;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:row;position:fixed;left:50%;transform:translate(-50%)}.account-actions{z-index:100;right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));position:fixed}.online-members{z-index:100;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));position:fixed}.zoom{z-index:100;left:max(14px, env(safe-area-inset-left));bottom:max(92px, calc(env(safe-area-inset-bottom) + 76px));position:fixed;transform:none;display:flex!important}.toolbar button,.zoom button,.play,.comment-toggle,.admin-link,.logout-button{min-width:44px;min-height:44px}.context-menu button{min-height:44px;font-size:15px}.online-members:active .online-popover{display:block}}@media (max-width:740px){.online-members{top:14px;right:14px}}