: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}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}.presence-list span{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:#fff;border:1px solid #dfe5df;border-radius:18px;bottom:18px;box-shadow:0 10px 32px #3f55471d;display:flex;gap:8px;left:50%;padding:8px;position:fixed;transform:translate(-50%);z-index:20}.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-tools{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end;margin-bottom:6px;opacity:.5}.sticky-tools:hover{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 textarea{background:transparent;border:0;line-height:1.5;min-height:105px;outline:0;padding:2px;resize:none}.editing{color:#766d58;display:block;font-size:10px}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.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}.group-box{border:2px dashed #79a398;border-radius:20px;position:absolute;z-index:1}.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;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}.resize-handle{border-bottom:12px solid #79a398;border-left:12px solid transparent;bottom:5px;cursor:nwse-resize;height:0;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}.side-toggle{background:#315f57;border-radius:0 999px 999px 0;left:0;padding:10px 14px;position:fixed;top:82px;z-index:31}.inspiration-sidebar,.stats-panel{background:#fffffff5;border:1px solid #dfe5df;box-shadow:0 10px 34px #3f55472b;position:fixed;z-index:30}.inspiration-sidebar{bottom:14px;left:14px;overflow-y:auto;padding:18px;top:128px;width:300px}.inspiration-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{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}.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}.stats-panel{border-radius:16px;max-height:60vh;overflow-y:auto;padding:15px;right:18px;top:84px;width:260px}.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}.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}@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}.personal-palette{bottom:98px;right:10px}.link-hint{bottom:118px;max-width:90vw;text-align:center;width:max-content}.side-toggle{font-size:12px;top:112px}.inspiration-sidebar{bottom:110px;left:6px;top:150px;width:min(86vw,300px)}.stats-panel{right:6px;top:146px;width:min(78vw,260px)}}