/* A quiet writing surface, with tools below and pen controls to the right. */
#boardView .board-top{height:62px;padding:0 18px;gap:12px}.board-top .people{display:none}.board-top .btn{box-shadow:none}
#boardAccount{display:flex;align-items:center;gap:9px;background:#f5f5fa;border-bottom:1px solid #e5e7ee;padding:8px 20px;min-height:48px}.identity{font-size:12px;font-weight:700;margin-right:auto;color:#687185}
#guestNotice{position:absolute;top:20px;left:24px;max-width:380px;z-index:3;background:#fffbeb;border:1px solid #f4e2a2;color:#8c6b24;padding:10px 14px;border-radius:10px;font-size:12px;line-height:1.5}#guestNotice[hidden]{display:none}
.toolbar{top:auto;bottom:22px;left:50%;transform:translateX(-50%);flex-direction:row;gap:4px;padding:7px;border-radius:14px;box-shadow:0 5px 24px #20264014}.toolbar .tool-sep{height:26px;width:1px;margin:0 4px}.tool{width:38px;height:38px}.tool.active{background:#635cf6;color:white;box-shadow:0 3px 8px #635cf637}
.brushbar{top:20px;left:auto;right:20px;transform:none;width:164px;max-width:none;flex-wrap:wrap;gap:12px;padding:16px;border-radius:14px}.brushbar .palette{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.color-dot{width:23px;height:23px;border-radius:7px}.brushbar>span[style*="border-left"]{display:none}.brushbar input[type=range]{display:block;width:100%}.brushbar label{color:#7f8797}.ink-setting{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0;width:100%}.ink-setting select{width:100%;background:#f7f8fc}.board-bottom-left{bottom:24px}.board-bottom-right{bottom:24px}.board-area.dark .ink-setting select{background:#30394b;color:#fff}
#remoteCursors{position:absolute;inset:0;pointer-events:none;overflow:hidden}.remote-pointer{position:absolute;top:0;left:0;transition:transform 60ms linear;white-space:nowrap}.remote-pointer>span{display:inline-block;transform:rotate(-115deg);font-size:23px;text-shadow:0 0 2px white}.remote-pointer b{display:block;margin:0 0 0 13px;font-size:11px;color:white;background:currentColor;border-radius:5px;padding:3px 7px;background:#5b63be;box-shadow:0 2px 6px #0002}
.auth-symbol{font-size:36px;color:var(--primary)}.local-mail{background:#f4f2ff;border:1px solid #ded8ff;padding:18px;border-radius:12px}.local-mail p{font-size:12px}.form-error{color:#c94458!important;font-size:13px!important}.modal input,.modal select{min-height:44px}.modal button:disabled{opacity:.5;cursor:wait}
@media(max-width:900px){.toolbar{bottom:74px}.brushbar{right:12px;top:12px;width:145px;padding:12px}#guestNotice{max-width:calc(100% - 190px);top:12px;left:12px;font-size:11px}.board-top .save-ind{display:none}.board-top .btn{font-size:0;padding:9px}.board-top .btn .icon{width:18px}.board-title{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:560px){.toolbar{max-width:calc(100% - 16px);overflow-x:auto;bottom:64px;gap:1px;padding:5px}.tool{flex-shrink:0;width:32px;height:36px}.toolbar .tool-sep{margin:0 2px;flex-shrink:0}.brushbar{width:122px;padding:10px}.brushbar .palette{gap:7px}.color-dot{width:19px;height:19px}.brushbar input[type=range]{display:block}#guestNotice{max-width:calc(100% - 155px);padding:8px}#boardAccount{padding:7px 10px;gap:6px}#boardAccount .btn{font-size:11px;padding:8px}.identity{font-size:11px}.board-subtitle{max-width:150px}.board-top .board-back{width:30px}.board-top .btn[data-action=save-copy]{display:none}.ink-setting select{font-size:11px}.board-top .btn[data-action=save-board]{font-size:0}}