
.j-actions{position:fixed;right:max(21px,env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;z-index:30}
.j-action{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid #0000000c;border-radius:50%;background:#fffffff0;color:#393632;box-shadow:0 2px 12px #0000000a;cursor:pointer}
.j-action svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.j-action[aria-pressed=true]{color:#e86d20}.j-action[aria-pressed=true] svg{fill:#e86d20;stroke:#e86d20}
.j-action:disabled{opacity:.5}.j-action:focus-visible{outline:2px solid #a64a00;outline-offset:3px}
.f-public-author{max-width:calc(100vw - 110px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.j-hint{position:fixed;z-index:28;right:36px;top:35%;max-width:155px;padding:10px 13px;color:#50463e;background:#fff9f1f5;border:1px solid #f4dfc8;border-radius:14px;font:400 12px/1.4 Plex,Arial,sans-serif;pointer-events:none;box-shadow:0 3px 20px #00000009}
.j-hint:after{content:"";position:absolute;right:-6px;top:22px;width:10px;height:10px;transform:rotate(45deg);background:#fff9f1;border-top:1px solid #f4dfc8;border-right:1px solid #f4dfc8}
.j-teaching .f-feed[data-app-interaction]>.f-edge:before{opacity:.06}
@media(min-width:761px){body:has(.f-feed[data-scrollable="true"]) .j-hint,body:has(.viewer[data-scrollable="true"]) .j-hint{display:none}}
.j-dialog{font:400 15px/1.45 Plex,Arial,sans-serif;width:min(380px,calc(100vw - 36px));box-sizing:border-box;border:1px solid #eee7de;border-radius:25px;background:#fff;color:#2c2925;padding:28px;box-shadow:0 12px 60px #0002}
.j-dialog::backdrop{background:#2225;backdrop-filter:blur(3px)}
.j-dialog h2{font-size:24px;letter-spacing:-.7px;font-weight:600;margin:0 24px 25px 0}
.j-dialog .j-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:#777;width:32px;height:32px;font:24px/1 Arial;cursor:pointer}
.j-dialog label{display:block;font-size:13px;color:#6d665e;margin:12px 0 7px}
.j-dialog input,.j-dialog select{box-sizing:border-box;width:100%;padding:12px;border:1px solid #ddd7d0;border-radius:12px;font:inherit;color:#2c2925;background:#faf9f7;outline-color:#e18037}
.j-dialog .j-submit{width:100%;border:0;border-radius:25px;padding:12px 16px;background:#f6821f;color:#fff;font:600 14px Plex,Arial,sans-serif;margin-top:20px;cursor:pointer}
.j-dialog .j-submit:disabled{opacity:.5}
.j-dialog p{font-size:12px;color:#898078;margin:13px 0 0}
.j-dialog .j-error{color:#a03c28}
.j-dialog .j-login-existing{border:0;background:none;display:block;margin:14px auto 0;padding:5px;color:#6f655b;text-decoration:underline;font:inherit;font-size:12px;cursor:pointer}
.j-toast{position:fixed;z-index:150;left:50%;bottom:100px;transform:translateX(-50%);padding:9px 15px;border-radius:20px;background:#fff;color:#5d5147;box-shadow:0 3px 20px #0002;font:13px Plex,Arial,sans-serif;max-width:calc(100vw - 60px)}
.cl-remix-source{display:flex;align-items:center;gap:7px;margin:0 5px 9px;max-width:100%;font-size:12px;color:#7b471e}
.cl-remix-source span{background:#fff0e2;border-radius:16px;padding:6px 11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-remix-source button{width:24px;height:24px;border-radius:50%;padding:0;background:transparent;color:#947355;flex:none;cursor:pointer}
.cl-root[data-public-context] .cl-modes{display:none}
.cl-root[data-visitor] .cl-notify,.cl-root[data-visitor] .cl-mic,.cl-root[data-visitor] .cl-modes,.cl-root[data-visitor] .cl-head>button:not(.cl-head-close){display:none}
.cl-root[data-visitor] .cl-summary{color:#7c7166}
.cl-root[data-visitor] .cl-panel[data-mode=expanded] .cl-head{min-height:74px}
.j-join-page{margin:0;min-height:100dvh;background:#faf9f7;font:15px Plex,Arial,sans-serif;display:grid;place-items:center}
.j-join-page a{color:#75634f}
@media(min-width:761px){body.cl-drawer .j-actions{right:411px}body.cl-drawer .j-hint{right:426px}}
@media(max-width:760px){.j-actions{right:max(21px,env(safe-area-inset-right));gap:10px}.j-action{width:46px;height:46px}.j-hint{max-width:137px;font-size:12px}.cl-panel[data-mode=compact] .cl-remix-source{margin:3px 7px 4px}}
@media(prefers-reduced-motion:reduce){.j-dialog::backdrop{backdrop-filter:none}}

/* Hidden actions stay out of layout when only a private link is available. */
.j-actions[hidden],.j-action[hidden]{display:none}
.j-share-dialog input{font-size:16px;user-select:text}
.likes-pagination{display:flex;justify-content:center;padding:24px}.likes-more{font:inherit;font-size:14px;border:1px solid #ddd;border-radius:24px;background:#fff;color:#555;padding:10px 18px;cursor:pointer}.likes-more:disabled{opacity:.5;cursor:wait}.liked-tile:focus-visible{outline:2px solid #f48120;outline-offset:-3px}.j-profile-tabs{display:flex;gap:26px;border-bottom:1px solid #e7e7e7;margin-bottom:3px}.j-profile-tabs a{font-size:14px;color:#777;padding:0 2px 14px;border-bottom:2px solid transparent;text-decoration:none}.j-profile-tabs a[aria-current]{color:#171717;border-color:#171717}@media(max-width:640px){.j-profile-tabs{padding:0 16px;gap:22px}.j-profile-tabs a{font-size:13px;padding-bottom:12px}}