html #root{margin:0;padding:0;height:100vh}body{margin:0}.loginBar{position:fixed;top:12px;right:12px;display:flex;align-items:center;gap:8px;z-index:10000}.loadingText{font-size:14px;opacity:.7}.userText{font-size:14px}.btn{color:#fff;background:#5a9bd8;padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s ease-in-out;box-shadow:0 2px 5px #0000004d}.btn:hover{background:#4a8acb;box-shadow:0 4px 10px #0006;transform:translateY(-2px)}.btn:active{background:#3a7ac0;box-shadow:0 2px 5px #0000004d;transform:translateY(0)}.loginModalOverlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:10003}.loginModalCard{width:min(420px,90vw);background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000040;padding:16px}.loginModalHeader{display:flex;justify-content:space-between;align-items:center}.loginModalTitle{margin:0;font-size:18px}.loginCloseBtn{border:none;background:transparent;font-size:20px;cursor:pointer;line-height:1}.loginForm{margin-top:12px}.loginLabel{font-size:14px;opacity:.8}.loginInput{width:95%;margin-top:8px;padding:10px;border-radius:8px;border:1px solid #ddd;font-size:14px}.loginError{margin-top:8px;font-size:13px;color:#c00}.loginActions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.loginBtnCancel{padding:8px 14px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}.loginBtnSubmit{padding:8px 14px;border-radius:8px;border:1px solid #0b7;background:#0b7;color:#fff;cursor:pointer}.loginBtnSubmit:disabled{background:#cde;color:#234;cursor:not-allowed}.tag{color:#111;padding:10px;border-radius:8px;box-shadow:0 2px 6px #0003;max-width:260px;cursor:grab}.headbar{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.tagContent{flex:1}.tagAuthor{font-size:12px;opacity:.8}.tagText{font-size:14px;margin-top:4px;word-wrap:break-word;overflow-wrap:break-word;width:100%}.deleteBtn{margin-left:8px;border:none;background:transparent;color:red;font-weight:700;font-size:16px;line-height:1;cursor:pointer;padding:0}.modalOverlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:10002}.modalCard{width:min(520px,90vw);background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000040;padding:16px}.modalHeader{display:flex;justify-content:space-between;align-items:center}.modalTitle{margin:0;font-size:18px}.closeBtn{border:none;background:transparent;font-size:20px;cursor:pointer;line-height:1}.modalForm{margin-top:12px}.modalLabel{font-size:14px;opacity:.8}.modalTextarea{width:95%;margin-top:8px;padding:10px;border-radius:8px;border:1px solid #ddd;resize:vertical;font-size:14px}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.btnCancel{padding:8px 14px;border-radius:8px;border:1px solid #ccc;background:#fff;cursor:pointer}.btnSubmit{padding:8px 14px;border-radius:8px;border:1px solid #0b7;background:#0b7;color:#fff;cursor:pointer}.btnSubmit:disabled{background:#cde;border:1px solid #cde;color:#234;cursor:not-allowed}.board{position:relative;width:100%;height:calc(100vh + -0px);overflow:hidden;background-color:#00132dad}.loading{padding:16px}.createButtonWrapper{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:10001}.createButton{padding:10px 16px;border-radius:10px;color:#fff;background:#5a9bd8;border:none;cursor:pointer;font-weight:500;box-shadow:0 3px 6px #0000004d;transition:all .2s ease-in-out}.createButton:hover{background:#4a8acb;box-shadow:0 5px 10px #0006;transform:translateY(-2px)}.createButton:active{background:#3a7ac0;box-shadow:0 2px 6px #0000004d;transform:translateY(0)}