:root{font-family:Inter,Noto Sans TC,system-ui,sans-serif;color:#20303a;background:#f6f4ee}*{box-sizing:border-box}body{margin:0}button,.button{border:0;border-radius:999px;background:#1f6257;color:#fff;cursor:pointer;font:inherit;font-weight:700;padding:11px 18px;text-decoration:none}button:hover,.button:hover{filter:brightness(.94)}button.secondary,.button.secondary{background:#eef2ed;color:#33534e}button.danger{background:#c54848}input,textarea{border:1px solid #d8ddd7;border-radius:12px;font:inherit;padding:12px;width:100%}label{display:grid;gap:7px;font-size:14px;font-weight:700}label span{color:#7c8b86;font-size:12px;font-weight:500}.landing{align-items:center;background:radial-gradient(circle at 80% 20%,#d9f3df,transparent 30%),radial-gradient(circle at 20% 80%,#fff0bc,transparent 35%),#f7f5ef;display:flex;justify-content:center;min-height:100vh;padding:28px}.welcome-card{background:#ffffffe0;border:1px solid #e6ebe4;border-radius:28px;box-shadow:0 18px 60px #55706320;max-width:650px;padding:42px;width:100%}.welcome-card.compact{max-width:460px}.eyebrow{color:#348274;font-size:11px;font-weight:900;letter-spacing:.18em;margin:0 0 5px}h1{color:#27413c;font-size:clamp(28px,5vw,46px);line-height:1.08;margin:8px 0 14px}.intro{color:#657570;line-height:1.7}.company-line,.topbar-brand{color:#7c8b86;font-size:12px}.company-line a,.topbar-brand{color:#2f766a;font-weight:800;text-decoration:none}.company-line a:hover,.topbar-brand:hover{text-decoration:underline}form{display:grid;gap:17px;margin-top:25px}.error{color:#bd3636;font-size:14px;margin:0}.success-panel{background:#f6fbf7;border-radius:18px;margin-top:22px;padding:20px}.button-row{display:flex;gap:10px;justify-content:flex-end}.board-shell{background:#f1efe8;height:100vh;overflow:hidden}.topbar{align-items:center;background:#ffffffeb;border-bottom:1px solid #dde3dd;display:flex;justify-content:space-between;min-height:68px;padding:10px 18px;position:fixed;width:100%;z-index:20}.topbar h1{font-size:20px;margin:1px 0 0}.topbar-actions,.presence-list{align-items:center;display:flex;gap:8px}.person-chip{align-items:center;background:#f6f8f6;border:1px solid #dfe6e2;border-radius:999px;color:#49615c;display:flex;font-size:12px;font-weight:700;gap:5px;padding:3px 8px 3px 3px;white-space:nowrap}.presence-list i{align-items:center;background:var(--person-color);border-radius:50%;color:#fff;display:flex;font-size:11px;font-style:normal;height:22px;justify-content:center;width:22px}.presence-list small{color:#6d7b77;margin-right:8px;white-space:nowrap}.icon-button{background:#edf4f0;color:#376159;font-size:21px;padding:6px 12px}.board-viewport{height:100vh;overflow:hidden;touch-action:none;width:100vw}.board-world{height:1px;position:relative;transform-origin:0 0;width:1px}.toolbar{align-items:center;background:#fffffff5;border:1px solid #dfe5df;border-radius:24px;bottom:18px;box-shadow:0 16px 42px #3f554726;display:flex;gap:7px;left:50%;padding:9px;position:fixed;transform:translate(-50%);z-index:20}.toolbar button{min-height:42px;padding:9px 14px}.toolbar select{background:#eef2ed;border:0;border-radius:999px;color:#33534e;font:inherit;font-size:13px;font-weight:800;min-height:42px;padding:0 12px}.toolbar-toggle{align-items:center;background:#214f47;border:2px solid #ffffffd8;bottom:88px;box-shadow:0 8px 22px #3f55471f;display:flex;font-size:18px;height:34px;justify-content:center;left:50%;line-height:1;min-width:44px;padding:0;position:fixed;transform:translate(-50%);z-index:35}.toolbar-toggle.collapsed{bottom:18px;left:50%;transform:translate(-50%)}.toolbar span{color:#78827f;font-size:12px;padding:0 7px}.sticky{border-radius:5px 18px 18px;box-shadow:0 8px 18px #53615b2c;min-height:180px;padding:10px;position:absolute;touch-action:none;width:230px;z-index:4}.sticky.dragging{cursor:grabbing;opacity:.88}.sticky.linking{cursor:crosshair;outline:3px solid #ffffffaa}.sticky.link-selected{outline:4px solid #387d70}.sticky.selected{box-shadow:0 0 0 3px #397c7044,0 8px 18px #53615b2c}.sticky-tools{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;margin-bottom:6px;opacity:1}.sticky-tools button{border:1px solid #ffffffaa;height:15px;padding:0;width:15px}.sticky-tools .delete{background:transparent;border:0;color:#6a6253;font-size:18px;height:18px;line-height:10px;width:18px}.sticky-tools .drag-handle,.sticky-tools .more-tools{background:transparent;border:0;color:#756f62;font-size:13px;height:18px;width:auto}.sticky-tools .drag-handle{cursor:grab}.sticky-tools .sticky-color{height:18px;width:18px}.sticky-palette,.sticky-menu{background:#fff;border:1px solid #dfe5df;border-radius:10px;box-shadow:0 6px 18px #43554e22;display:grid;gap:5px;padding:7px;position:absolute;right:8px;top:31px;z-index:10}.sticky-palette{grid-template-columns:repeat(6,16px)}.sticky-palette button{height:16px;width:16px}.sticky-menu{grid-template-columns:repeat(5,26px)}.sticky-menu button{background:#eef4f1;color:#47615b;font-size:15px;height:26px;padding:0;width:26px}.sticky-author{bottom:10px;color:#766d58;display:block;font-size:10px;max-width:112px;overflow:hidden;position:absolute;right:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.sticky textarea{background:transparent;border:0;line-height:1.5;outline:0;padding:2px;resize:none}.editing{bottom:24px;color:#766d58;display:block;font-size:10px;max-width:116px;overflow:hidden;position:absolute;right:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.reactions{bottom:8px;display:flex;flex-wrap:nowrap;gap:4px;left:10px;max-width:136px;position:absolute}.reactions button{background:#ffffff80;border:1px solid #ffffff66;color:#46524e;font-size:13px;padding:3px 6px}.reactions button.selected{background:#fff;border-color:#7fb5a7}.reactions small{margin-left:3px}.export-stage{background:#f1efe8;color:#20303a;font-family:Inter,Noto Sans TC,system-ui,sans-serif;left:-100000px;overflow:hidden;position:fixed;top:0;z-index:-1}.export-connections{height:100%;left:0;overflow:visible;position:absolute;top:0;width:100%;z-index:2}.export-group{border:2px dashed #79a398;border-radius:20px;position:absolute;z-index:1}.export-group-title{background:#eef8f5;border-radius:14px;color:#47736b;font-size:13px;font-weight:800;left:12px;line-height:1.2;max-width:210px;overflow:hidden;padding:8px 12px;position:absolute;text-overflow:ellipsis;top:-19px;white-space:nowrap}.export-sticky{border-radius:5px 18px 18px;box-shadow:0 8px 18px #53615b2c;min-height:180px;overflow:hidden;padding:10px;position:absolute;width:230px;z-index:4}.export-sticky-tools{height:24px;margin-bottom:6px}.export-sticky-text{color:#20303a;font:inherit;line-height:1.5;overflow:hidden;padding:2px;white-space:pre-wrap;word-break:break-word}.export-sticky-author{bottom:10px;color:#766d58;display:block;font-size:10px;max-width:112px;overflow:hidden;position:absolute;right:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.export-reactions{bottom:8px;display:flex;flex-wrap:nowrap;gap:4px;left:10px;max-width:136px;position:absolute}.export-reactions span{background:#ffffff80;border:1px solid #ffffff66;border-radius:999px;color:#46524e;font-size:13px;font-weight:700;line-height:1.2;padding:3px 6px}.group-box{border:2px dashed #79a398;border-radius:20px;pointer-events:none;position:absolute;z-index:1}.group-edge{pointer-events:auto;position:absolute}.group-edge.top,.group-edge.bottom{cursor:move;height:14px;left:10px;right:10px}.group-edge.left,.group-edge.right{bottom:10px;cursor:move;top:10px;width:14px}.group-edge.top{top:-7px}.group-edge.right{right:-7px}.group-edge.bottom{bottom:-7px}.group-edge.left{left:-7px}.connections-layer{height:1px;left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:1px;z-index:2}.connections-layer line{cursor:pointer;pointer-events:stroke;stroke:#557d76;stroke-linecap:round;stroke-width:5}.connections-layer line.dashed{stroke-dasharray:13 11}.connections-layer line:not(.cutting){pointer-events:none}.connections-layer line.cutting{cursor:crosshair;stroke-width:9}.link-hint{background:#315f57;border-radius:999px;bottom:82px;color:#fff;font-size:13px;left:50%;margin:0;padding:9px 15px;position:fixed;transform:translate(-50%);z-index:21}.color-setting:first-letter{color:var(--chosen-color)}.personal-palette{background:#fff;border:1px solid #dfe5df;border-radius:14px;bottom:62px;box-shadow:0 8px 24px #3f55472b;display:grid;gap:7px;grid-template-columns:repeat(6,18px);padding:10px;position:absolute;right:34px}.personal-palette button{border:1px solid #cbd7d2;height:18px;padding:0;width:18px}.personal-palette button.chosen{outline:3px solid #397c70}.group-title{align-items:center;background:#eef8f5;border-radius:14px;display:flex;left:12px;padding:4px 8px;pointer-events:auto;position:absolute;top:-19px;width:210px}.group-title input{background:transparent;border:0;color:#47736b;font-size:13px;font-weight:800;padding:4px}.group-title button{background:transparent;color:#47736b;font-size:16px;padding:0 5px}.group-menu{background:#fff;border:1px solid #dfe5df;border-radius:10px;box-shadow:0 6px 18px #43554e22;display:grid;gap:5px;grid-template-columns:repeat(4,26px);padding:7px;position:absolute;right:10px;top:30px;z-index:12}.group-menu button{background:#eef4f1;color:#47615b;font-size:15px;height:26px;padding:0;width:26px}.resize-handle{border-bottom:12px solid #79a398;border-left:12px solid transparent;bottom:5px;cursor:nwse-resize;height:0;pointer-events:auto;position:absolute;right:5px;width:0}.remote-cursor{pointer-events:none;position:absolute;z-index:10}.remote-cursor span{font-size:24px}.remote-cursor b{align-items:center;background:#fff;border:2px solid currentColor;border-radius:50%;color:#344d49;display:flex;font-size:17px;height:34px;justify-content:center;margin-left:17px;width:34px}.center-marker{color:#6d9c93;font-size:32px;left:-16px;position:absolute;top:-20px;z-index:1}.cut-cursor{font-size:25px;pointer-events:none;position:fixed;z-index:60}.settings-toggle,.author-toggle,.reaction-toggle,.layer-toggle{align-items:center;background:#fff;border:1px solid #dfe5df;border-radius:999px;box-shadow:0 8px 22px #3f554716;color:#33534e;display:flex;font-size:12px;gap:5px;padding:7px 11px;position:fixed;right:18px;z-index:21}.settings-toggle{bottom:18px}.settings-panel{background:#fffffff7;border:1px solid #dfe5df;border-radius:16px;bottom:58px;box-shadow:0 12px 34px #3f554729;display:grid;gap:10px;padding:13px;position:fixed;right:18px;width:245px;z-index:32}.settings-panel label{align-items:center;color:#536861;display:flex;font-size:12px;gap:8px;margin:0}.settings-panel label:has(select){align-items:stretch;display:grid;gap:6px}.settings-panel input{accent-color:#397c70;width:auto}.settings-panel select{background:#eef2ed;border:0;border-radius:999px;color:#33534e;font:inherit;font-size:12px;font-weight:800;min-height:38px;padding:0 10px;width:100%}.author-toggle{bottom:102px}.reaction-toggle{bottom:64px}.layer-toggle{bottom:140px}.author-toggle input,.reaction-toggle input,.layer-toggle input{accent-color:#397c70;width:auto}.group-toast{animation:toast-pop 1.6s ease both;background:#153f39;border:3px solid #f8d978;border-radius:999px;bottom:138px;box-shadow:0 24px 70px #1f342f90,0 0 0 9px #f8d9783a;color:#fff;filter:drop-shadow(0 16px 22px #214f4740);font-size:16px;font-weight:900;left:50%;margin:0;padding:13px 22px;position:fixed;transform:translate(-50%);z-index:60}@keyframes toast-pop{0%{opacity:0;transform:translate(-50%,14px) scale(.92)}16%{opacity:1;transform:translate(-50%,-8px) scale(1.04)}78%{opacity:1;transform:translate(-50%,-8px) scale(1)}to{opacity:0;transform:translate(-50%,-18px) scale(.98)}}.side-toggle{background:#315f57;border-radius:0 999px 999px 0;box-shadow:0 8px 22px #3f55471f;left:-62px;min-width:92px;opacity:.36;padding:9px 13px 9px 18px;position:fixed;top:126px;transition:left .18s ease,opacity .18s ease,transform .18s ease;z-index:31}.side-toggle:hover,.side-toggle:focus-visible{left:0;opacity:1;transform:translate(0)}.flow-toggle{top:170px}.ai-toggle{top:214px}.admin-toggle{top:258px}.inspiration-sidebar,.flow-sidebar,.stats-panel{background:#fffffff5;border:1px solid #dfe5df;box-shadow:0 10px 34px #3f55472b;position:fixed;z-index:30}.flow-sidebar,.inspiration-sidebar{border-radius:18px;bottom:14px;left:14px;overflow-y:auto;padding:18px;top:102px;width:310px}.inspiration-sidebar h2,.flow-sidebar h2,.stats-panel h2{color:#315f57;font-size:19px;margin:0 0 4px}.inspiration-sidebar h3{color:#42655f;font-size:14px;margin:19px 0 8px}.inspiration-sidebar>p,.flow-sidebar>p{color:#71807c;font-size:13px;line-height:1.5;margin:0}.inspiration-sidebar form{gap:8px;margin:14px 0}.inspiration-sidebar textarea{font-size:13px;min-height:72px;resize:vertical}.flow-editor{display:grid;gap:10px;margin:14px 0}.flow-editor label{background:#f4f8f6;border-radius:14px;padding:10px;position:relative}.flow-editor textarea{border:0;color:#536861;font-size:13px;line-height:1.45;min-height:82px;resize:vertical}.flow-editor .plain-delete{background:transparent;color:#7d7768;font-size:15px;padding:2px 5px;position:absolute;right:6px;top:6px;width:fit-content}.template-list{display:grid;gap:8px}.template-list article,.drawn-template{background:#fff8cd;border-radius:12px;padding:10px;position:relative}.template-list p,.drawn-template p{color:#53615c;font-size:13px;line-height:1.45;margin:0 16px 8px 0;white-space:pre-wrap}.template-list button,.drawn-template button{font-size:11px;padding:6px 9px}.template-list .plain-delete{background:transparent;color:#7d7768;font-size:17px;padding:2px 5px;position:absolute;right:5px;top:4px}.dice{margin-top:14px;width:100%}.drawn-template{background:#e8f6ef;margin-top:9px}.drawn-template b{color:#47736b;font-size:12px}.avatar-picker{display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.avatar-picker button{background:#eef3f0;border:2px solid transparent;color:#315f57;font-size:19px;padding:7px}.avatar-picker button.chosen{border-color:#397c70;background:#dff2ec}.avatar-popover,.export-panel{background:#fff;border:1px solid #dfe5df;border-radius:14px;box-shadow:0 8px 24px #3f55472b;padding:13px;position:fixed;right:20px;top:76px;width:250px;z-index:42}.avatar-popover b{color:#42655f;display:block;font-size:13px;margin-bottom:9px}.export-panel{display:grid;gap:8px}.export-panel h2{color:#315f57;font-size:17px;margin:0}.export-panel p{color:#71807c;font-size:12px;margin:5px 0 0}.export-panel .panel-close{background:transparent;color:#70807b;font-size:20px;padding:0 5px;position:absolute;right:7px;top:5px}.export-grid{display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.stats-panel{border-radius:16px;max-height:72vh;overflow-y:auto;padding:15px;right:18px;top:84px;width:285px}.stats-panel>b{color:#315f57;display:block;font-size:22px;margin:8px 0 12px}.stats-panel label{align-items:center;color:#596b66;display:flex;font-size:12px;gap:7px;margin:7px 0;overflow:hidden;white-space:nowrap}.stats-panel input{accent-color:#397c70;width:auto}.stats-panel i{border:1px solid #d8ddd7;border-radius:50%;flex:0 0 auto;height:14px;width:14px}.stats-panel h3{color:#60746e;font-size:12px;margin:13px 0 5px}.stats-colors{display:flex;flex-wrap:wrap;gap:6px}.stats-colors button{border:1px solid #cbd7d2;color:#52625e;font-size:10px;height:24px;padding:0;width:24px}.stats-colors button.chosen{outline:3px solid #397c70}.stats-actions{display:flex;gap:7px}.stats-actions button{font-size:12px;padding:7px 10px}.reaction-stats{display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.reaction-stats button{background:#f4f8f6;border-radius:10px;color:#536861;font-size:12px;font-weight:800;padding:8px 4px;text-align:center}.reaction-stats button.chosen{background:#315f57;color:#fff}.reaction-limit{align-items:center;background:#f8faf8;border:1px solid #e1e8e3;border-radius:12px;color:#536861;display:flex;font-size:12px;font-weight:800;justify-content:space-between;margin:6px 0 8px;padding:7px 9px}.reaction-limit input{border:1px solid #cdd9d2;border-radius:9px;font:inherit;padding:5px 7px;width:64px}.reaction-list{display:grid;gap:6px;margin-top:8px}.reaction-list button{align-items:center;background:#fffdf4;border:1px solid #e6dfbf;border-radius:12px;color:#415b55;display:grid;gap:8px;grid-template-columns:1fr auto;padding:8px 10px;text-align:left}.reaction-list span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reaction-list b{color:#1f6257}.scoreboard{display:grid;gap:7px}.scoreboard p{align-items:center;background:#f8faf8;border:1px solid #e1e8e3;border-radius:12px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr) auto auto;margin:0;padding:8px 10px}.scoreboard span{color:#415b55;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard b{color:#1f6257;font-size:13px}.scoreboard small{color:#7b8985;display:flex;flex-wrap:wrap;font-size:11px;gap:4px;justify-content:flex-end}.scoreboard small i{background:#fff;border:1px solid #e1e8e3;border-radius:999px;color:#536861;font-style:normal;padding:2px 5px}.modal-backdrop{align-items:center;background:#243d3955;display:flex;inset:0;justify-content:center;position:fixed;z-index:40}.modal{background:#fff;border-radius:22px;max-width:390px;padding:25px;width:calc(100% - 32px)}.modal h2{margin:0}.modal p{color:#6d7774;font-size:14px;line-height:1.5}.ai-modal{max-width:620px}.ai-result{background:#f4f7f5;border-radius:12px;color:#4d5f5b;font-size:14px;line-height:1.6;max-height:46vh;min-height:130px;overflow-y:auto;padding:13px;white-space:pre-wrap}@media(max-width:680px){.topbar{align-items:flex-start;gap:6px;padding:8px 10px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.topbar-actions button{font-size:12px;padding:7px 10px}.icon-button{font-size:18px!important}.presence-list{max-width:52vw;overflow-x:auto}.presence-list small{display:none}.welcome-card{padding:26px}.toolbar{flex-wrap:wrap;justify-content:center;width:min(96vw,560px)}.toolbar button{font-size:12px;padding:8px 10px}.toolbar-toggle{bottom:126px;left:50%;right:auto;transform:translate(-50%)}.toolbar-toggle.collapsed{bottom:14px;left:50%;right:auto;transform:translate(-50%)}.personal-palette{bottom:98px;right:10px}.link-hint{bottom:118px;max-width:90vw;text-align:center;width:max-content}.author-toggle{bottom:156px;right:6px}.reaction-toggle{bottom:118px;right:6px}.layer-toggle{bottom:194px;right:6px}.settings-toggle{bottom:14px;right:6px}.settings-panel{bottom:52px;right:6px;width:min(82vw,245px)}.side-toggle{font-size:12px;left:-58px;top:132px}.side-toggle:hover,.side-toggle:focus-visible{left:0}.flow-toggle{top:174px}.ai-toggle{top:216px}.admin-toggle{top:258px}.flow-sidebar,.inspiration-sidebar{bottom:110px;left:6px;top:176px;width:min(86vw,300px)}.stats-panel{right:6px;top:146px;width:min(78vw,260px)}}