: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;border:2px solid white;border-radius:50%;color:#fff;display:flex;font-size:12px;height:28px;justify-content:center;margin-left:-12px;width:28px}.presence-list span:first-child{margin-left:0}.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-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}.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{background:currentColor;border-radius:8px;color:#fff;display:block;font-size:11px;margin-left:17px;padding:4px 7px;width:max-content}.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 small{display:none}.welcome-card{padding:26px}.toolbar{width:max-content}.toolbar button{padding:10px 13px}}