:root{--bg: #f7f6f2;--card: #ffffff;--line: rgba(0, 0, 0, .12);--ink: #2c2c2a;--muted: #5f5e5a;--accent: #0f6e56}*{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:var(--ink);background:var(--bg);overscroll-behavior:none;-webkit-text-size-adjust:100%}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;background:#ffffffeb;border-bottom:.5px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}header strong{font-size:15px}header .hint{font-size:12px;color:var(--muted);flex:1 1 240px}#presence{font-size:12px;color:var(--accent);background:#e1f5ee;padding:3px 10px;border-radius:999px}select,input,button{font:inherit;font-size:13px;padding:6px 10px;border:.5px solid var(--line);border-radius:8px;background:#fff}button{cursor:pointer}button:hover{background:#f1efe8}input[aria-invalid=true]{border-color:#e24b4a}#board{position:relative;width:100%;min-height:calc(100vh - 56px);overflow:hidden;touch-action:none}#board.penmode .card{pointer-events:none}#board.erasing .card{cursor:pointer}#board.erasing .card:hover{outline:2px solid #e24b4a;outline-offset:2px}.toolsep{display:inline-block;width:1px;height:22px;background:var(--line);margin:0 4px;vertical-align:middle}#canvas{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0}#zoomctl{position:fixed;right:16px;bottom:16px;display:flex;gap:6px;z-index:20}#zoomctl button{width:40px;height:40px;font-size:18px;border-radius:10px;background:#fffffff2;border:.5px solid var(--line);box-shadow:0 1px 4px #0000001a;cursor:pointer}.card{position:absolute;background:var(--card);border:.5px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 1px 4px #0000000f;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.card.dragging{cursor:grabbing;box-shadow:0 6px 18px #0000002e;z-index:5}.card-image{display:flex;flex-direction:column}.card img{display:block;width:100%;height:100%;flex:1 1 auto;min-height:0;object-fit:contain;border-radius:6px;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.card .cap,.card .note{font-size:12px;margin:6px 2px 2px;color:var(--ink);line-height:1.5;flex:0 0 auto}.card .cap,.card .note,.sw{pointer-events:none}.card-note{background:#faeeda;border-color:#ef9f27}.card-color{display:flex;gap:6px;padding:10px}.sw{display:inline-block;width:44px;height:36px;border-radius:6px;border:.5px solid var(--line)}.lnk{font-size:13px;color:var(--accent);word-break:break-all}.card-ink{background:transparent;border:none;box-shadow:none;padding:0}.card-ink.dragging{box-shadow:none}.card-ink svg{display:block;pointer-events:none}#inkPreview{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:6}.toolbtn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.card.selected{outline:2px solid var(--accent);outline-offset:2px}.h-del{position:absolute;top:-11px;right:-11px;width:26px;height:26px;padding:0;border:2px solid #fff;border-radius:50%;background:#e24b4a;color:#fff;font-size:17px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;touch-action:none}.h-resize{position:absolute;right:-9px;bottom:-9px;width:20px;height:20px;border:2px solid #fff;border-radius:50%;background:var(--accent);cursor:nwse-resize;z-index:3;touch-action:none}.title{font-size:15px}.spacer{flex:1 1 0}.tbgroup{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tb{font-size:13px;padding:6px 10px;border:.5px solid var(--line);border-radius:8px;background:#fff;cursor:pointer}.tb:hover{background:#f1efe8}.tb.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tb-colorlab{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.tb-colorlab input[type=color]{width:28px;height:28px;padding:0;border:.5px solid var(--line);border-radius:6px;background:none;cursor:pointer}#penOpts{display:inline-flex;align-items:center;gap:6px;padding-left:6px;margin-left:2px;border-left:.5px solid var(--line)}#penOpts[hidden]{display:none}.zonelab{font-size:13px;color:var(--muted)}.card-note{min-width:120px}.notetext{font-size:13px;line-height:1.5;color:var(--ink);min-height:1.4em;outline:none;white-space:pre-wrap;word-break:break-word}.notetext:empty:before{content:attr(data-ph);color:var(--muted)}.card.editing{cursor:text;box-shadow:0 6px 18px #0000002e}.card.editing .notetext{cursor:text}#emptyHint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);pointer-events:none;padding:1rem}#emptyHint .eh-main{font-size:16px;margin:0 0 8px}#emptyHint .eh-sub{font-size:12px;margin:0;line-height:1.7}