@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#333;background:#fafafa;font-synthesis:none;font-weight:400;--paper: #fafafa;--muted: #858585}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #555;outline-offset:3px}button svg{vertical-align:middle}a{color:inherit}h1,h2,p{margin:0}svg{flex-shrink:0}.app{position:relative;width:100%;height:100dvh;min-height:360px;overflow:hidden}.shared-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none;background-color:var(--paper);background-image:radial-gradient(#cacacaa0 .65px,transparent .7px);background-size:24px 24px}.is-exploring{cursor:grab}.is-exploring:active{cursor:grabbing}.is-drawing{cursor:none}.brush-cursor{position:absolute;left:0;top:0;z-index:3;pointer-events:none;border:1.2px solid;border-radius:50%;box-shadow:0 0 0 1px #fff9;will-change:transform}.brush-cursor[hidden]{display:none}.erase-cursor{background:#ffffffa0;min-width:15px;min-height:15px}.canvas-header{position:absolute;top:20px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:4}.canvas-count{display:flex;align-items:center;gap:8px;font-size:12px;color:#777;background:#fafafae6;padding:7px 9px;border-radius:6px}.canvas-count small{font-size:10px;color:#aaa;margin-left:5px}.live-dot{height:5px;width:5px;background:#739066;border-radius:50%;flex-shrink:0}.live-dot.offline{background:#aaa}.header-actions{display:flex;gap:5px;pointer-events:auto}.icon-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e5e5e5;border-radius:7px;background:#ffffffdb;color:#777}.icon-button:hover{color:#333;background:#f2f2f2}.bottom-ui{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:6;max-width:calc(100% - 24px);white-space:nowrap}.start-button{display:flex;align-items:center;justify-content:center;gap:10px;height:45px;padding:0 19px;background:#2c2c2c;color:#fff;border-radius:8px;font-size:13px;font-weight:500;box-shadow:0 2px 8px #0000000d}.start-button:hover:not(:disabled){background:#111}.start-duration{font-size:11px;color:#bdbdbd;border-left:1px solid #ffffff35;padding-left:12px;margin-left:3px}.drawing-toolbar{display:flex;align-items:center;gap:5px;padding:8px;background:#fffffffa;border:1px solid #dedede;border-radius:10px;box-shadow:0 3px 14px #00000008}.tool-group{display:flex;gap:2px}.tool-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:5px;color:#777}.tool-button.selected,.tool-button:hover:not(:disabled){background:#ededed;color:#333}.toolbar-divider{width:1px;height:22px;background:#e5e5e5;margin:0 6px}.color-group{display:flex;align-items:center;gap:7px;padding:0 4px}.color-button{position:relative;width:19px;height:19px;border-radius:50%;background:var(--swatch);color:#fff;display:flex;align-items:center;justify-content:center;padding:0}.color-button.chosen:after{position:absolute;content:"";top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid var(--swatch);border-radius:50%}.custom-color{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#888;border:1px solid #ddd;border-radius:50%;overflow:hidden;cursor:pointer}.custom-color input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.size-control{position:relative}.size-button{width:39px;height:34px;display:flex;align-items:center;justify-content:center;gap:7px;color:#999;border-radius:5px}.size-button:hover{background:#f1f1f1}.size-button>span{display:block;border-radius:50%;background:#777}.size-popover{position:absolute;bottom:48px;left:50%;transform:translate(-50%);width:200px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:14px;box-shadow:0 4px 20px #0001}.size-popover label{display:block;font-size:11px;color:#777}.size-popover label span{float:right;font-variant-numeric:tabular-nums}.size-popover input{display:block;width:100%;height:4px;margin:16px 0;accent-color:#555}.size-popover>div{display:flex;gap:5px}.size-popover>div button{width:38px;height:31px;border:1px solid #eee;border-radius:4px;display:flex;align-items:center;justify-content:center}.size-popover button>span{border-radius:50%;background:#666}.size-popover button.selected{background:#eee;border-color:#ccc}.toolbar-timer{display:flex;align-items:center;gap:8px;font-size:13px;font-variant-numeric:tabular-nums;padding:0 8px;min-width:70px;color:#555}.timer-progress{height:15px;width:15px;border-radius:50%;background:conic-gradient(#888 var(--progress),#e9e9e9 0);position:relative}.timer-progress:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#fff;border-radius:50%}.toolbar-timer.urgent{color:#ba5b40}.urgent .timer-progress{background:conic-gradient(#ba5b40 var(--progress),#f3e5de 0)}.locked-state{display:flex;align-items:center;gap:8px;padding:12px 15px;font-size:12px;border:1px solid #e3e3e3;border-radius:8px;color:#777;background:#fffffff2}.connection-message{text-align:center;font-size:10px;margin-top:7px;color:#a87851}.explore-hint{position:absolute;bottom:43px;left:30px;color:#999;font-size:10px;pointer-events:none}.explore-hint>span{margin:0 7px;color:#bbb}.zoom-controls{position:absolute;bottom:28px;right:24px;display:flex;align-items:center;gap:3px;padding:5px;border:1px solid #e2e2e2;border-radius:7px;background:#ffffffef;z-index:6}.zoom-controls button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;color:#888}.zoom-controls button:hover{background:#eee;color:#333}.zoom-controls>span:not(.zoom-divider){font-size:10px;font-variant-numeric:tabular-nums;min-width:35px;text-align:center;color:#777}.zoom-divider{width:1px;height:15px;background:#e3e3e3;margin:0 4px}.loading-state{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#aaa}.toast{position:absolute;top:65px;left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:18px;padding:11px 14px;border:1px solid #dedede;border-radius:8px;background:#fffffff5;color:#666;font-size:11px;max-width:calc(100% - 24px);box-shadow:0 3px 10px #00000006}.toast button{padding:0;display:flex;color:#aaa}.attribution{position:absolute;z-index:8;width:242px;max-height:310px;overflow:auto;background:#fffffff7;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 18px #0000000b;padding-bottom:6px}.attribution-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#999;padding:11px 13px 6px}.attribution-heading button{display:flex;padding:0;color:#aaa}.contributor{display:flex;align-items:center;gap:8px;padding:7px 13px}.contributor-avatar{height:28px;width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eee;color:#999}.contributor-avatar img{height:100%;width:100%;object-fit:cover}.contributor strong,.contributor a{font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px;text-decoration:none}.contributor a:hover{text-decoration:underline}.contributor small{display:block;font-size:9px;color:#aaa;margin-top:3px}.attribution p{font-size:10px;color:#999;padding:6px 13px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000016;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px}.modal{position:relative;width:382px;max-width:100%;max-height:calc(100dvh - 32px);overflow:auto;background:#fff;border:1px solid #ddd;border-radius:12px;padding:30px;box-shadow:0 12px 50px #00000014}.modal-close{position:absolute;top:12px;right:12px;width:26px;height:26px;color:#aaa;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#eee;color:#555}.modal h2{font-size:22px;font-weight:500;letter-spacing:-.5px;line-height:1.3;padding-right:12px}.modal p{font-size:12px;color:#888;line-height:1.8;margin-top:14px}.modal ul{padding-left:15px;margin:18px 0 24px;font-size:11px;color:#888;line-height:1.8}.modal li{margin-bottom:8px}.identity-section{border:1px solid #e5e5e5;border-radius:7px;margin-top:22px;overflow:hidden}.identity-toggle{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;padding:12px 13px;width:100%;font-size:11px;color:#666}.identity-toggle small{font-size:10px;color:#aaa;margin-left:8px}.identity-toggle:hover{background:#f7f7f7}.identity-fields{display:grid;gap:12px;padding:0 13px 13px}.identity-fields label{font-size:10px;color:#888;display:flex;flex-direction:column;gap:5px}.identity-fields input{width:100%;border:1px solid #ddd;border-radius:5px;background:#fff;font-size:11px;padding:9px}.identity-fields input::placeholder{color:#b0b0b0}.identity-fields small{font-size:9px;color:#aaa;line-height:1.7}.identity-fields a{display:flex;align-items:center;justify-content:space-between;font-size:11px;background:#333;color:#fff;border-radius:5px;padding:10px;text-decoration:none}.primary-button{width:100%;margin-top:20px;background:#333;color:#fff;border-radius:6px;padding:12px;font-size:12px;font-weight:500}.primary-button:hover:not(:disabled){background:#111}.anonymous-link{display:block;margin:12px auto 0;font-size:10px;color:#888}.anonymous-link:hover{text-decoration:underline}.modal-footnote{display:block;text-align:center;margin-top:14px;font-size:9px;line-height:1.7;color:#aaa}.modal .start-error{background:#fcf0e9;border-radius:5px;color:#b06443;font-size:10px;padding:8px 10px}@media(max-width:1000px){.explore-hint{bottom:12px;left:18px;font-size:9px}.zoom-controls{bottom:12px;right:18px}.bottom-ui{bottom:48px}}@media(max-width:760px){.canvas-header{top:14px;left:13px;right:13px}.canvas-count{font-size:11px;padding:6px 7px}.icon-button{width:31px;height:31px}.bottom-ui{bottom:55px;width:calc(100% - 24px);display:flex;align-items:center;flex-direction:column}.drawing-toolbar{width:100%;max-width:490px;justify-content:center;gap:3px;padding:8px;flex-wrap:wrap}.tool-button{width:30px;height:32px}.tool-group{gap:0}.toolbar-divider{margin:0 3px;height:19px}.color-group{gap:6px;padding:0 3px}.color-button,.custom-color{width:17px;height:17px}.size-button{width:30px;gap:4px;height:32px}.toolbar-timer{font-size:12px;justify-content:center;border-top:1px solid #eee;padding:10px 0 3px;margin-top:4px;flex-basis:100%}.drawing-toolbar>.toolbar-divider:last-of-type{display:none}.timer-progress{height:13px;width:13px}.start-button{height:44px;font-size:12px;padding:0 16px}.start-duration{font-size:10px}.explore-hint{left:17px;bottom:21px;font-size:9px}.zoom-controls{right:13px;bottom:13px;padding:4px;gap:0}.zoom-controls button{width:25px;height:25px}.zoom-controls>span:not(.zoom-divider){min-width:31px;font-size:9px}.zoom-divider{margin:0 3px}.modal{padding:28px 24px}.modal h2{font-size:21px}.toast{top:58px;font-size:10px}.locked-state{font-size:11px}.canvas-count small{display:none}}@media(max-width:390px){.color-button,.custom-color{width:15px;height:15px}.color-group{gap:6px}.tool-button{width:28px}.toolbar-divider{margin:0 2px}.size-button{width:27px}.drawing-toolbar{gap:2px}}