.visibility-dialog{width:min(720px,calc(100vw - 32px));max-height:90dvh;overflow:auto}.visibility-dialog h2{font-size:clamp(23px,4vw,30px)}.visibility-row{display:flex;align-items:flex-start;gap:28px;margin:32px 0}.visibility-row>div{flex:1;min-width:0}.visibility-row h3{font-size:17px;margin:0 0 12px}.visibility-row p{margin:8px 0;font-size:16px;line-height:1.6}.visibility-row details summary{cursor:pointer;font-weight:600;font-size:14px}.visibility-switch{position:relative;flex:0 0 52px;width:52px;height:30px;margin-top:36px}.visibility-switch input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;z-index:1;cursor:pointer}.visibility-switch span{display:block;height:30px;border-radius:20px;background:var(--line);border:1px solid var(--muted)}.visibility-switch span:after{content:'';position:absolute;top:4px;left:4px;width:22px;height:22px;background:white;border-radius:50%;transition:transform .15s}.visibility-switch input:checked+span{background:#7566da;border-color:#7566da}.visibility-switch input:checked+span:after{transform:translateX(22px)}.visibility-switch input:focus-visible+span{outline:3px solid var(--accent);outline-offset:4px}.visibility-switch input:disabled{cursor:not-allowed}.visibility-switch input:disabled+span{opacity:.65}.visibility-tip{position:relative;background:#8270fc18;border:1px solid #8270fc35;border-radius:16px;padding:20px;margin:20px 0}.visibility-tip p{padding-right:32px;margin:0 0 18px}.visibility-tip>.icon-button{position:absolute;right:8px;top:8px}.visibility-person{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.visibility-person>div{min-width:0}.visibility-person strong{overflow-wrap:anywhere}.visibility-person-actions{display:flex;gap:8px;flex-wrap:wrap}.visibility-dialog .settings-note{font-size:14px}@media(max-width:500px){.visibility-row{gap:16px}.visibility-dialog{padding:20px}.visibility-person{align-items:flex-start;flex-direction:column}}
