html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}body{background-color:#f2f2f2;padding:0 10px;margin-bottom:90px;font-size:initial!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;line-height:initial!important;color:initial!important}a{color:#000!important;text-decoration:none}h2{font-size:20px}.App main{padding-bottom:130px}.Event-container{display:grid;gap:1rem;margin-top:1.5rem;width:100%}.Event-item{background:#fff;border-radius:15px;padding:1rem;transition:transform .2s}.Event-item:hover{transform:translateY(-2px)}.no-events{color:#aaa;text-align:center;margin:2rem 0}.view-all-link{display:block;text-align:center;padding:15px 20px;border-radius:15px;background:#cecece;cursor:pointer;text-decoration:none}.view-all-link:hover{text-decoration:underline}.headerContainer{align-items:center;display:flex;justify-content:space-between;margin-top:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1)}.headerAvatar{display:flex;flex-direction:column;align-items:center;gap:2px}.arrowBack{display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;font-weight:500}.arrowBack span:nth-child(1){height:25px}.headerAvatar span:nth-child(1){background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#3390ec,#d7ebff) border-box;border:3px solid transparent;display:block;width:50px;height:50px;position:relative;border-radius:50%;overflow:hidden}.headerAvatar span:nth-child(2){opacity:.5}.headerLeft{display:flex;align-items:center;justify-content:space-between;width:100%;gap:15px}img{width:100%}.bottomMenu{z-index:4;display:flex;align-items:center;justify-content:space-between;background:#00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(20px);position:fixed;bottom:14px;padding:20px 30px;height:100px;border-radius:40px;width:calc(100% - 22px);box-sizing:border-box}.bottomMenuIconContainer{display:flex;align-items:center;flex-direction:column;opacity:.5;transition:.3s}.bottomMenuIcon{background:#fff;padding:7px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-bottom:5px}.bottomMenuIconContainer:hover{opacity:.8}.bottomMenuIconText{font-size:13px;font-weight:500}.add-event-btn{position:fixed;right:10px;bottom:120px;background:#3390ec;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-remove{margin-top:10px;color:#fff;background-color:#ff3b30}.formUserInfo{background:#fff;padding:15px;border-radius:10px}.date-range{display:flex;flex-direction:column}.date-range span:nth-child(1){font-size:14px;font-weight:300;opacity:.5;margin-bottom:5px}.date-range span:nth-child(2){font-size:18px;font-weight:500;margin-bottom:10px}.view-mode{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;justify-content:space-between;background:#fff;padding:15px 15px 0;border-radius:15px;margin-bottom:15px}.view-mode-btn{text-align:center;font-weight:500;opacity:.5;border-bottom:0;transition:.3s;padding-bottom:15px}.view-mode-btn:hover,.view-mode-btn.active{opacity:1;border-bottom:2px solid}.time-slot{display:grid;grid-template-columns:55px 1fr;gap:10px;margin-bottom:10px;min-height:50px}.time-slot .time{font-size:14px;opacity:.5}.time-slot .event-item{background:#fff;padding:10px 15px;border-radius:15px;transition:transform .2s}.time-slot .event-item:hover{transform:translateY(-2px)}.time-slot .events-container{display:grid;gap:5px}.week-days-selector{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.week-days-selector .week-day{display:flex;flex-direction:column;gap:5px;align-items:center;position:relative}.week-days-selector .week-day .text-day{font-size:14px;opacity:.3}.week-days-selector .week-day .number-day{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:50%;font-weight:600;transition:.3s}.week-days-selector .week-day.selected .number-day{background:#3390ec;color:#fff}.event-header{position:relative}.event-header .month-navigation{position:absolute;z-index:1;width:100%;display:flex;justify-content:space-between;bottom:-45px}.event-header .month-navigation button{border:0;background:#ffffff80;height:35px;width:35px;border-radius:50%;display:flex;padding:12px;align-items:center;justify-content:center}.month-calendar{margin-bottom:15px}.month-calendar .month-header{margin-bottom:10px}.month-calendar .month-header .month-title{text-align:center;opacity:.6;margin-bottom:10px}.month-calendar .month-header .week-days{font-size:14px;opacity:.3;display:grid;text-align:center;grid-template-columns:repeat(7,1fr);gap:10px}.month-calendar .days-grid{display:grid;text-align:center;grid-template-columns:repeat(7,1fr);gap:5px}.month-calendar .calendar-day{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:50%;font-weight:600;transition:.3s;position:relative}.month-calendar .calendar-day.selected{background:#3390ec;color:#fff}.month-calendar .event-dot{background:#ffae00;border-radius:50%;height:10px;position:absolute;right:2px;top:0;width:10px}.week-day .event-dot{background:#ffae00;border-radius:50%;height:10px;position:absolute;right:2px;top:20px;width:10px}.no-events-message{padding:20px;border-radius:20px;background:#fff;text-align:center;color:#00000080}.calendar-day:not(.other-month){background-color:#fff;color:#333}.calendar-day.other-month{color:#aaa;cursor:default;pointer-events:none;background-color:#f9f9f9}.events-page,.tasks-page,.notes-page{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dddddd}.event-detail{background:#fff;border-radius:15px;padding:1rem;transition:transform .2s}.event-detail p{padding-bottom:10px;border-bottom:1px solid #d5d5d5;display:grid;grid-template-columns:1fr 1fr;gap:10px}.event-detail p span:nth-child(1){opacity:.5}.event-detail p span:nth-child(2){font-weight:500;text-align:right}.custom-danger-button{height:50px;border:1px solid #ff7e7e!important;display:flex;align-items:center;justify-content:center}.event-actions{display:flex;align-items:center;gap:10px}.note-date-group{margin-bottom:10px}.note-date-header{font-size:18px;font-weight:400;opacity:.4}.grid-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-notes .note-item{background:#ffffffb3;padding:15px;border-radius:15px}.grid-notes .note-item .note-time{font-size:13px;opacity:.5;margin-bottom:10px}.grid-notes .note-item .note-title{font-size:16px}.note-textarea-container{margin-bottom:20px}.note-textarea-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-content-container{position:relative}.emoji-toggle{background:none;border:none;opacity:.4;cursor:pointer;padding:5px;position:absolute;right:7px;top:7px}.emoji-picker{width:100%;box-sizing:border-box}.note-textarea{width:100%;min-height:50px;padding:12px;border:0;border-radius:10px;background:#f2f2f2;resize:vertical;font-family:inherit;font-size:14px}.note-textarea:focus{outline:none;border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.grid-task{display:grid;gap:10px}.task-item{background:#ffffffb3;padding:15px;border-radius:15px}.task-item-row{display:grid;align-items:center;grid-template-columns:1fr 0fr;gap:10px;margin-bottom:7px}.task-title{margin:0;font-size:17px}.task-status-text{background:#f2f2f2;padding:5px 10px;border-radius:20px;font-size:14px;font-weight:400;text-wrap-mode:nowrap;transition:.3s}.task-status-text.done{background:#d3ec97}.task-checkbox{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#f2f2f2;border:1px solid #bbbbbb;border-radius:5px;transition:.3s}.task-checkbox.active{background:#a8e00c;border:0}.task-item-title-row{display:grid;align-items:start;grid-template-columns:20px 1fr;gap:7px}.task-time{font-size:13px;opacity:.5;margin-bottom:10px}.adm-picker-popup .adm-popup-body{width:calc(100% - 20px);left:50%;translate:-50% 0;bottom:10px;border-radius:25px 25px 35px 35px!important;overflow:hidden}.adminLink{text-decoration:underline;font-size:14px;opacity:.5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:25px 25px 35px 35px;box-shadow:0 2px 10px #0000001a;max-height:70vh;width:calc(100% - 20px)!important;overflow-y:auto;position:absolute;bottom:10px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee}.modal-title{margin:0;font-size:1.25rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0 8px}.modal-body{padding:16px}.modal-fade{opacity:0;animation:fadeIn .3s forwards}.modal-fade-content{transform:translateY(-20px);animation:fadeInUp .3s forwards}.modal-slide{animation:fadeIn .3s forwards}.modal-slide-content{transform:translateY(100%);animation:slideUp .3s forwards}.modal-zoom{animation:fadeIn .3s forwards}.modal-zoom-content{transform:scale(.7);animation:zoomIn .3s forwards}.modal-content-keyboard-open{border-radius:25px 25px 0 0;bottom:0;max-height:95vh}@keyframes fadeIn{to{opacity:1}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideUp{to{transform:translateY(0)}}@keyframes zoomIn{to{transform:scale(1)}}:root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-yellow: #ff9f18;--adm-color-orange: #ff6430;--adm-color-wathet: #e7f1ff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-background: #ffffff;--adm-color-highlight: var(--adm-color-danger);--adm-color-white: #ffffff;--adm-color-box: #f5f5f5;--adm-color-text-light-solid: var(--adm-color-white);--adm-color-text-dark-solid: #000000;--adm-color-fill-content: var(--adm-color-box);--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-yellow: #ffa930;--adm-color-orange: #e65a2b;--adm-color-wathet: #0d2543;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-color-background-body: var(--adm-color-background);--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100vw;top:-100vh;-webkit-user-select:none;user-select:none;pointer-events:none}.adm-popup{--z-index: var(--adm-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-popup-body{position:fixed;background-color:var(--adm-color-background);z-index:calc(var(--z-index) + 10)}.adm-popup-body .adm-popup-close-icon{position:absolute;z-index:100}.adm-popup-body-position-bottom{width:100%;bottom:0;left:0}.adm-popup-body-position-bottom .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-top{width:100%;top:0;left:0}.adm-popup-body-position-top .adm-popup-close-icon{right:8px;bottom:8px}.adm-popup-body-position-left{height:100%;top:0;left:0}.adm-popup-body-position-left .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-right{height:100%;top:0;right:0}.adm-popup-body-position-right .adm-popup-close-icon{left:8px;top:8px}.adm-popup-close-icon{cursor:pointer;padding:4px;font-size:18px;line-height:1;color:var(--adm-color-weak)}.adm-mask{--z-index: var(--adm-mask-z-index, 1000);position:fixed;top:0;left:0;z-index:var(--z-index);display:block;width:100%;height:100%}.adm-mask-aria-button{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.adm-mask-content{z-index:1}.adm-safe-area{--multiple: var(--adm-safe-area-multiple, 1);display:block;width:100%}.adm-safe-area-position-top{padding-top:calc(env(safe-area-inset-top) * var(--multiple))}.adm-safe-area-position-bottom{padding-bottom:calc(env(safe-area-inset-bottom) * var(--multiple))}.adm-picker{--header-button-font-size: var(--adm-font-size-7);--title-font-size: var(--adm-font-size-7);--item-font-size: var(--adm-font-size-8);--item-height: 34px;width:100%;height:300px;overflow:hidden;position:relative;display:flex;flex-direction:column;---item-font-size: var(--item-font-size);---item-height: var(--item-height)}.adm-picker .adm-picker-view.adm-picker-view{--item-font-size: var(---item-font-size);--item-height: var(---item-height)}.adm-picker-header{flex-shrink:0;border-bottom:solid 1px var(--adm-color-border);display:flex;justify-content:space-between;align-items:center;padding:4px}.adm-picker-header-button{font-size:var(--header-button-font-size);display:inline-block;padding:8px}.adm-picker-header-button-disabled,.adm-picker-header-button-disabled:active{opacity:.4;cursor:not-allowed}.adm-picker-header-title{padding:4px;font-size:var(--title-font-size);color:var(--adm-color-text);text-align:center;flex:1}.adm-picker-body{flex:1;width:100%;height:100%}.adm-picker-body>.adm-picker-view{--height: 100%}.adm-picker-popup .adm-popup-body{border-top-left-radius:8px;border-top-right-radius:8px}.adm-spin-loading{--color: var(--adm-color-weak);--size: 32px;width:var(--size);height:var(--size)}.adm-spin-loading-svg{width:100%;height:100%;animation:adm-spin-loading-rotate .8s infinite linear}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-picker-view{--height: 240px;--item-height: 34px;--item-font-size: var(--adm-font-size-8);height:var(--height);width:100%;display:flex;position:relative;overflow:hidden;background:var(--adm-color-background)}.adm-picker-view-column{height:100%;flex:1;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;z-index:0}.adm-picker-view-column-wheel{width:100%;cursor:-webkit-grab;cursor:grab;position:absolute;top:calc(50% - var(--item-height) / 2);left:0}.adm-picker-view-column-wheel:before{content:" ";display:block;position:absolute;width:100%;height:100vh;top:-100vh}.adm-picker-view-column-wheel:after{content:" ";display:block;position:absolute;width:100%;height:100vh;bottom:-100vh}.adm-picker-view-column-item{font-size:var(--item-font-size);padding:0 6px;height:var(--item-height);display:flex;justify-content:center;align-items:center}.adm-picker-view-column-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-picker-view-column-accessible{width:100%;height:100%;pointer-events:none;opacity:0;display:flex;flex-direction:column;position:relative;top:calc(var(--item-height) * -1);z-index:0;padding-bottom:1px}.adm-picker-view-column-accessible>*{flex:1;text-overflow:ellipsis}.adm-picker-view-column-accessible-current{position:absolute;width:100%;height:100%}.adm-picker-view-column-accessible-button{width:100%;height:100%}.adm-picker-view-mask{position:absolute;z-index:10000;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none}.adm-picker-view-mask-top,.adm-picker-view-mask-bottom{flex:auto}.adm-picker-view-mask-middle{height:var(--item-height);box-sizing:border-box;flex:none;border-top:solid 1px var(--adm-color-border);border-bottom:solid 1px var(--adm-color-border)}.adm-picker-view-mask-top{background:var(--adm-color-background);-webkit-mask:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);mask:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%)}.adm-picker-view-mask-bottom{background:var(--adm-color-background);-webkit-mask:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);mask:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%)}.adm-picker-view-loading-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.adm-picker-view-item-height-measure{position:relative;left:0;top:0;height:var(--item-height);width:0;pointer-events:none}.time-picker-hidden-date .adm-picker-view-column:nth-child(1),.time-picker-hidden-date .adm-picker-view-column:nth-child(2),.time-picker-hidden-date .adm-picker-view-column:nth-child(3){display:none!important}.time-picker-hidden-date .adm-picker-view-column:nth-child(5) .adm-picker-view-column-item{margin:auto auto auto 0}.time-picker-hidden-date .adm-picker-view-column:nth-child(4) .adm-picker-view-column-item{margin:auto 0 auto auto}.time-picker-trigger{padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;background-color:#fff}.time-picker-hidden-date .adm-picker-view{--item-height: 40px;--active-item-height: 40px;justify-content:center;background:#f2f2f2}.custom-datepicker-order .adm-picker-view-column:nth-child(1){order:3}.custom-datepicker-order .adm-picker-view-column:nth-child(2){order:2}.custom-datepicker-order .adm-picker-view-column:nth-child(3){order:1}.custom-datepicker-order .adm-picker-view{display:flex;flex-direction:row}.time-picker-hidden-date .adm-picker-view-column-item{font-size:24px!important;font-weight:400!important;max-width:70px;background:#f2f2f2}.note-detail-container{background:linear-gradient(360deg,#fff,#ffffff6b);padding:15px;border-radius:15px}.note-header{margin-bottom:16px}.note-title{font-size:20px;margin:0;cursor:pointer}.note-title:hover{background-color:#f0f0f0}.note-title-input{width:100%;padding:8px;font-size:20px;border:0;background:unset;outline:none;border-bottom:1px solid #ddd}.note-meta{display:flex;justify-content:space-between;gap:16px;color:#666;font-size:14px;margin-bottom:16px}.remove-note{font-weight:500;text-decoration:underline}.note-content-container{position:relative;min-height:200px}.note-content{padding:12px;border-radius:4px;min-height:200px;cursor:pointer;border:1px solid transparent}.note-content:hover{border:1px dashed #ddd}.note-content-editable{padding:12px;border:1px solid #ddd;border-top:0;border-radius:0 0 4px 4px;min-height:200px;outline:none}.note-content-editable:empty:before{content:attr(placeholder);color:#999;display:block}.note-actions{display:flex;gap:8px;margin-top:16px}.save-btn,.cancel-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.formatting-toolbar{border:1px solid #ddd;border-bottom:0;border-radius:4px 4px 0 0;padding:4px;display:flex;align-items:center;justify-content:space-between}.formatting-toolbar.visible{display:flex;gap:4px}.note-detail-container img,.note-detail-container video{width:100%;border-radius:15px}.formatting-toolbar button{padding:8px;border:none;background:#f0f0f0;border-radius:2px;cursor:pointer}.formatting-toolbar button:hover{background:#ddd}.toggle-toolbar-btn{position:absolute;top:4px;right:4px;background:#f0f0f0;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.note-not-found{padding:20px;text-align:center;color:#666}