.wema-board{--wema-note-border-radius:4px;--wema-note-shadow:0 2px 8px #00000026;--wema-note-font-size:14px;--wema-anchor-size:12px;--wema-anchor-color:#4a90d9;--wema-note-color-text:#333;--wema-edge-color:#555;--wema-edge-width:2px;-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.wema-board:focus{outline:none}.wema-edges{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.wema-note{border-radius:var(--wema-note-border-radius);box-shadow:var(--wema-note-shadow);background-color:var(--wema-note-color,#fff9c4);cursor:default;box-sizing:border-box;touch-action:none;flex-direction:column;display:flex;position:absolute}.wema-note-selected{outline:2px solid var(--wema-anchor-color);outline-offset:1px;box-shadow:0 0 0 3px #4a90d94d, var(--wema-note-shadow)}.wema-move-handle{cursor:grab;opacity:0;color:#0000004d;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;height:18px;transition:opacity .15s;display:flex}.wema-move-handle:active{cursor:grabbing}.wema-note:hover .wema-move-handle{opacity:1}.wema-note-content{font-size:var(--wema-note-font-size);color:var(--wema-note-color-text);word-wrap:break-word;white-space:pre-wrap;cursor:text;-webkit-user-select:text;user-select:text;outline:none;flex:1;padding:4px 12px 12px;line-height:1.4;overflow-y:auto}.wema-note-content ul,.wema-note-content ol{white-space:normal;margin:4px 0;padding-left:20px}.wema-note-content li{white-space:normal;margin:2px 0}.wema-note-content input[type=checkbox]{cursor:pointer;vertical-align:middle;margin-right:6px}.wema-note-content .wema-checklist{padding-left:4px;list-style:none}.wema-note-content .wema-checklist li.wema-checked{color:#aaa;text-decoration:line-through}.wema-note-content a{color:var(--wema-anchor-color);cursor:pointer;text-decoration:underline}.wema-note-content a:hover{opacity:.8}.wema-note-content img{cursor:pointer;border-radius:2px;max-width:100%;height:auto;margin:4px 0;display:block}.wema-note-content img.wema-image-selected{outline:2px solid var(--wema-anchor-color);outline-offset:1px}.wema-image-overlay{z-index:10001;pointer-events:auto;background:#fff;border:1px solid #ddd;border-radius:4px;gap:2px;padding:3px;display:flex;position:absolute;transform:translate(-50%)translateY(-100%);box-shadow:0 2px 8px #00000026}.wema-image-overlay-btn{cursor:pointer;color:#333;text-align:center;background:#fff;border:1px solid #ddd;border-radius:3px;min-width:24px;padding:3px 7px;font-size:11px;line-height:1.2}.wema-image-overlay-btn:hover{background:#f0f0f0}.wema-image-overlay-btn.active{background:var(--wema-anchor-color);color:#fff;border-color:var(--wema-anchor-color)}.wema-image-overlay-delete{color:#d32f2f;border-color:#ffcdd2}.wema-image-overlay-delete:hover{background:#ffebee}.wema-note-content iframe,.wema-note-content video,.wema-note-content audio{border:1px solid #ddd;border-radius:2px;max-width:100%;margin:4px 0}.wema-note-content div,.wema-note-content p{white-space:normal}.wema-note-anchors{pointer-events:none;position:absolute;inset:0}.wema-anchor{width:var(--wema-anchor-size);height:var(--wema-anchor-size);background:var(--wema-anchor-color);opacity:0;pointer-events:auto;cursor:crosshair;border:2px solid #fff;border-radius:50%;transition:opacity .15s;position:absolute;transform:translate(-50%,-50%)}.wema-note:hover .wema-anchor{opacity:1}.wema-anchor-top{top:0;left:50%}.wema-anchor-right{top:50%;left:100%}.wema-anchor-bottom{top:100%;left:50%}.wema-anchor-left{top:50%;left:0}.wema-edge-hit{cursor:pointer}.wema-note-collapse-btn{cursor:pointer;color:#00000080;opacity:0;z-index:1;box-sizing:border-box;background:#fff;border:1.5px solid #0003;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:opacity .15s;display:flex;position:absolute}.wema-note-collapse-btn[data-side=right]{top:50%;right:-24px;transform:translateY(-50%)}.wema-note-collapse-btn[data-side=left]{top:50%;left:-24px;transform:translateY(-50%)}.wema-note-collapse-btn[data-side=top]{top:-24px;left:50%;transform:translate(-50%)}.wema-note-collapse-btn[data-side=bottom]{bottom:-24px;left:50%;transform:translate(-50%)}.wema-note:hover .wema-note-collapse-btn{opacity:1}.wema-note-collapse-badge{background:var(--wema-anchor-color,#4a90d9);border-color:var(--wema-anchor-color,#4a90d9);color:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10px;font-weight:600;opacity:1!important}.wema-edge-path{stroke:var(--wema-edge-color);fill:none;transition:stroke .15s,filter .15s}.wema-edge-hit:hover+.wema-edge-path{filter:drop-shadow(0 0 4px #4a90d980);stroke:color-mix(in srgb, var(--wema-edge-color) 70%, var(--wema-anchor-color))}.wema-edge-path.wema-edge-selected{stroke:var(--wema-anchor-color)}.wema-arrow-fill{fill:var(--wema-edge-color)}.wema-edge-label{fill:var(--wema-edge-color);pointer-events:none;font-size:12px}.wema-edge-temp{stroke:var(--wema-anchor-color);stroke-width:2px;stroke-dasharray:6 3;fill:none;pointer-events:none}.wema-note-drop-target{outline:2px dashed var(--wema-anchor-color);outline-offset:3px}.wema-edge-popup{z-index:10000;pointer-events:auto;background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.wema-popup-section{align-items:center;gap:8px;display:flex}.wema-popup-label{color:#888;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;width:36px;font-size:10px}.wema-popup-group{gap:2px;display:flex}.wema-popup-btn{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:3px;justify-content:center;align-items:center;padding:4px 6px;font-size:11px;line-height:0;display:flex}.wema-popup-btn:hover{background:#f0f0f0}.wema-popup-btn.active{background:var(--wema-anchor-color);color:#fff;border-color:var(--wema-anchor-color)}.wema-popup-details{border-top:1px solid #eee;padding-top:4px}.wema-popup-details-toggle{cursor:pointer;color:#888;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-radius:3px;align-items:center;gap:4px;width:100%;padding:2px 4px;font-size:10px;display:flex}.wema-popup-details-toggle:hover{color:#555;background:#f5f5f5}.wema-popup-details-toggle svg{transition:transform .15s}.wema-popup-details-toggle.open svg{transform:rotate(90deg)}.wema-popup-details-content{flex-direction:column;gap:6px;padding-top:4px;display:flex}.wema-popup-delete-section{border-top:1px solid #eee;padding-top:6px}.wema-popup-btn-delete{color:#d32f2f;width:100%}.wema-popup-btn-delete:hover{background:#ffebee}.wema-note-popup{z-index:10000;pointer-events:auto;background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;gap:6px;padding:6px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.wema-note-popup-actions{gap:4px;display:flex}.wema-note-popup-color-btn{border:2px solid #ccc;border-radius:4px;flex-shrink:0;width:26px;height:26px;padding:0}.wema-note-popup-color-btn:hover{border-color:#999}.wema-note-popup-colors{border-top:1px solid #eee;grid-template-columns:repeat(4,1fr);gap:3px;padding-top:6px;display:grid}.wema-color-swatch{cursor:pointer;border:2px solid #ccc;border-radius:3px;width:22px;height:22px;padding:0}.wema-color-swatch:hover{border-color:#666}.wema-color-swatch.active{border-color:#333;box-shadow:0 0 0 1px #333}.wema-note.wema-auto-size{min-width:80px;max-width:600px;width:fit-content!important;height:auto!important}.wema-note.wema-auto-size .wema-note-content{overflow:visible}.wema-note.wema-auto-size .wema-resize-handle{display:none}.wema-resize-handle{cursor:nwse-resize;border-radius:0 0 var(--wema-note-border-radius) 0;touch-action:none;background:linear-gradient(135deg,#0000 50%,#00000026 50%,#0000 55%),linear-gradient(135deg,#0000 65%,#00000026 65%,#0000 70%),linear-gradient(135deg,#0000 80%,#00000026 80%);width:16px;height:16px;position:absolute;bottom:0;right:0}.wema-theme-card .wema-note{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 1px 4px #00000014}.wema-theme-card .wema-note:before{content:"";background:var(--wema-note-color);border-radius:var(--wema-note-border-radius) 0 0 var(--wema-note-border-radius);width:6px;position:absolute;top:0;bottom:0;left:0}.wema-readonly .wema-note,.wema-readonly .wema-note:active,.wema-readonly .wema-note-content{cursor:default}.wema-readonly .wema-anchor,.wema-readonly .wema-resize-handle{display:none}.wema-richtext-toolbar{z-index:10001;pointer-events:auto;background:#fff;border:1px solid #ddd;border-radius:4px;flex-wrap:wrap;gap:2px;padding:3px;display:flex;position:absolute;transform:translate(-50%)translateY(-100%);box-shadow:0 2px 8px #00000026}.wema-richtext-btn{cursor:pointer;color:#333;text-align:center;background:#fff;border:1px solid #ddd;border-radius:3px;min-width:24px;padding:3px 7px;font-size:12px;line-height:1.2}.wema-richtext-btn:hover{background:#f0f0f0}.wema-richtext-btn.active{background:var(--wema-anchor-color);color:#fff;border-color:var(--wema-anchor-color)}.wema-richtext-colors{gap:2px;width:100%;padding:2px 0;display:flex}.wema-richtext-colors .wema-color-swatch{width:18px;height:18px}.wema-richtext-link-input{gap:2px;width:100%;padding:2px 0;display:flex}.wema-richtext-link-input input{border:1px solid #ddd;border-radius:3px;outline:none;flex:1;min-width:120px;padding:2px 4px;font-size:11px}.wema-richtext-link-input input:focus{border-color:var(--wema-anchor-color)}.wema-embed-input{background:#fff;border:1px solid #ddd;border-radius:4px;gap:4px;padding:6px;display:flex;box-shadow:0 2px 8px #00000026}.wema-rubberband{border:1px dashed var(--wema-anchor-color);pointer-events:none;z-index:9999;background:#4a90d914;position:absolute}.wema-viewonly .wema-note-content{cursor:default}.wema-viewonly .wema-anchor,.wema-viewonly .wema-resize-handle{display:none}.wema-readonly .wema-edge-hit,.wema-viewonly .wema-edge-hit{cursor:default;pointer-events:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--lightningcss-light,#f5f5f7)var(--lightningcss-dark,#0a0a0f);--note-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1a2e);--note-border:var(--lightningcss-light,#d8d8de)var(--lightningcss-dark,#444);--note-border-hover:var(--lightningcss-light,#b0b0ba)var(--lightningcss-dark,#666);--note-shadow:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#0006);--note-shadow-hover:var(--lightningcss-light,#00000029)var(--lightningcss-dark,#00000080);--note-glow-hover:var(--lightningcss-light,#0000000a)var(--lightningcss-dark,#ffffff0f);--text:var(--lightningcss-light,#1a1a2e)var(--lightningcss-dark,#eaeaea);--text-muted:var(--lightningcss-light,#6b6b72)var(--lightningcss-dark,#888);--link:var(--lightningcss-light,#c81e4a)var(--lightningcss-dark,#f25570);--link-hover:var(--lightningcss-light,#b81238)var(--lightningcss-dark,#ff6b81);--edge:var(--lightningcss-light,#6b7a8f)var(--lightningcss-dark,#7b8da4);--accent:#e94560;--font-sans:"Inter", "Noto Sans JP", sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--icon-filter:none;--icon-opacity:.7}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--icon-filter:invert(1);--icon-opacity:.8}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--icon-filter:invert(1);--icon-opacity:.8}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);width:100%;height:100%;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s,color .25s;overflow:hidden}#app{width:100%;height:100%}.theme-toggle{z-index:100;border:1px solid var(--note-border);background-color:var(--note-bg);width:40px;height:40px;color:var(--text-muted);cursor:pointer;box-shadow:0 2px 8px var(--note-shadow);border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,background-color .25s,box-shadow .2s;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{color:var(--accent);border-color:var(--note-border-hover);box-shadow:0 4px 16px var(--note-shadow-hover)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-brand{z-index:100;color:var(--text);align-items:center;gap:.45rem;margin:0;font-size:1rem;font-weight:700;display:flex;position:fixed;top:20px;left:20px}.site-brand-mark{width:22px;height:22px}.wema-board{--wema-note-border-radius:12px;--wema-note-font-size:14px;--wema-note-color-text:var(--text);--wema-anchor-size:0px;--wema-anchor-color:transparent;--wema-edge-color:var(--edge);--wema-edge-width:2px;background-color:var(--bg)!important}.wema-theme-card .wema-note{background-color:var(--note-bg);border:1px solid var(--note-border);box-shadow:0 2px 8px var(--note-shadow);transition:box-shadow .3s,border-color .3s,background-color .25s}.wema-theme-card .wema-note:hover{box-shadow:0 0 20px var(--note-glow-hover), 0 4px 16px var(--note-shadow-hover);border-color:var(--note-border-hover)}.wema-note-collapse-btn{background:var(--note-bg);border-color:var(--note-border);color:var(--text-muted)}.wema-note-collapse-badge{background:var(--note-bg);border-color:var(--note-border);color:var(--text)}.wema-theme-card .wema-note:before{width:5px}.wema-note-content a{transition:color .2s;color:var(--link)!important;text-decoration:none!important}.wema-note-content a:hover{color:var(--link-hover)!important;text-decoration:underline!important}.wema-note-content .muted{color:var(--text-muted)}.wema-note[data-note-id=social] .wema-note-content img,.wema-note[data-note-id=poweredby] .wema-note-content img{vertical-align:middle;opacity:var(--icon-opacity);filter:var(--icon-filter);margin:2px 4px;transition:opacity .2s;display:inline!important}.wema-note[data-note-id=social] .wema-note-content img:hover,.wema-note[data-note-id=poweredby] .wema-note-content img:hover{opacity:1}.wema-note[data-note-id=social] .wema-note-content a:hover,.wema-note[data-note-id=poweredby] .wema-note-content a:hover{text-decoration:none!important}.wema-note-content .oss-row,.wema-note-content .blog-row{margin-bottom:4px;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}.wema-note-content .note-sub{font-size:10px}.wema-note-content .more-link{text-align:right;margin-top:6px;font-size:11px}.wema-board svg path{animation:4s ease-in-out infinite edgePulse}@keyframes edgePulse{0%,to{opacity:.7}50%{opacity:1}}.wema-board::-webkit-scrollbar{display:none}.wema-board{-ms-overflow-style:none;scrollbar-width:none}@media (width<=767px){html,body{overflow:hidden auto}#app,.wema-board{min-height:100%;height:auto!important;overflow:visible!important}.wema-note{font-size:12px}.theme-toggle{position:absolute}}@media (prefers-reduced-motion:reduce){html,body,.theme-toggle,.wema-theme-card .wema-note,.wema-note-content a{transition:none}.wema-board svg path{animation:none}}