*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{word-wrap:break-word;overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}
@font-face{font-family:"Oliver";src:url(/assets/oliver.ttf)format("truetype")}:root{--text-color:#000;--text-secondary-color:#666;--background-color:#fff;--light-gray:#eee;--border-radius:0px;--ui-font-size:0.85rem;--ui-height:2rem;--ui-padding-x:12px;--draw-btn-size:32px;--draw-btn-padding:6px;--draw-sidebar-gap:0.75rem;--draw-sidebar-padding:0.5rem}@media(max-width:768px){:root{--ui-font-size:1rem;--ui-height:2.75rem;--ui-padding-x:16px;--draw-btn-size:38px;--draw-btn-padding:8px;--draw-sidebar-padding:6px}}body{font-family:"Oliver",sans-serif;margin:0;overflow:hidden;height:100vh;-ms-scroll-chaining:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--background-color)}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}input,button{font-family:inherit}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin{0%{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0);transform:rotate(0)}to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes ptn-bounce{0%,33%,66%{-webkit-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}4%{-webkit-transform:translatey(-12px)rotate(-6deg)scale(1.08);transform:translatey(-12px)rotate(-6deg)scale(1.08);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}8%{-webkit-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}37%{-webkit-transform:translatey(-8px)rotate(5deg)scale(1.05);transform:translatey(-8px)rotate(5deg)scale(1.05);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}41%{-webkit-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}70%{-webkit-transform:translatey(-16px)rotate(-7deg)scale(1.1);transform:translatey(-16px)rotate(-7deg)scale(1.1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}74%,to{-webkit-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}}@-moz-keyframes ptn-bounce{0%,33%,66%{-moz-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1);-moz-animation-timing-function:ease-out;animation-timing-function:ease-out}4%{-moz-transform:translatey(-12px)rotate(-6deg)scale(1.08);transform:translatey(-12px)rotate(-6deg)scale(1.08);-moz-animation-timing-function:ease-in;animation-timing-function:ease-in}8%{-moz-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}37%{-moz-transform:translatey(-8px)rotate(5deg)scale(1.05);transform:translatey(-8px)rotate(5deg)scale(1.05);-moz-animation-timing-function:ease-in;animation-timing-function:ease-in}41%{-moz-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}70%{-moz-transform:translatey(-16px)rotate(-7deg)scale(1.1);transform:translatey(-16px)rotate(-7deg)scale(1.1);-moz-animation-timing-function:ease-in;animation-timing-function:ease-in}74%,to{-moz-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}}@-o-keyframes ptn-bounce{0%,33%,66%{-o-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1);-o-animation-timing-function:ease-out;animation-timing-function:ease-out}4%{-o-transform:translatey(-12px)rotate(-6deg)scale(1.08);transform:translatey(-12px)rotate(-6deg)scale(1.08);-o-animation-timing-function:ease-in;animation-timing-function:ease-in}8%{-o-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}37%{-o-transform:translatey(-8px)rotate(5deg)scale(1.05);transform:translatey(-8px)rotate(5deg)scale(1.05);-o-animation-timing-function:ease-in;animation-timing-function:ease-in}41%{-o-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}70%{-o-transform:translatey(-16px)rotate(-7deg)scale(1.1);transform:translatey(-16px)rotate(-7deg)scale(1.1);-o-animation-timing-function:ease-in;animation-timing-function:ease-in}74%,to{-o-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}}@keyframes ptn-bounce{0%,33%,66%{-webkit-transform:translatey(0)rotate(0)scale(1);-moz-transform:translatey(0)rotate(0)scale(1);-o-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1);-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out}4%{-webkit-transform:translatey(-12px)rotate(-6deg)scale(1.08);-moz-transform:translatey(-12px)rotate(-6deg)scale(1.08);-o-transform:translatey(-12px)rotate(-6deg)scale(1.08);transform:translatey(-12px)rotate(-6deg)scale(1.08);-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}8%{-webkit-transform:translatey(0)rotate(0)scale(1);-moz-transform:translatey(0)rotate(0)scale(1);-o-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}37%{-webkit-transform:translatey(-8px)rotate(5deg)scale(1.05);-moz-transform:translatey(-8px)rotate(5deg)scale(1.05);-o-transform:translatey(-8px)rotate(5deg)scale(1.05);transform:translatey(-8px)rotate(5deg)scale(1.05);-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}41%{-webkit-transform:translatey(0)rotate(0)scale(1);-moz-transform:translatey(0)rotate(0)scale(1);-o-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}70%{-webkit-transform:translatey(-16px)rotate(-7deg)scale(1.1);-moz-transform:translatey(-16px)rotate(-7deg)scale(1.1);-o-transform:translatey(-16px)rotate(-7deg)scale(1.1);transform:translatey(-16px)rotate(-7deg)scale(1.1);-webkit-animation-timing-function:ease-in;-moz-animation-timing-function:ease-in;-o-animation-timing-function:ease-in;animation-timing-function:ease-in}74%,to{-webkit-transform:translatey(0)rotate(0)scale(1);-moz-transform:translatey(0)rotate(0)scale(1);-o-transform:translatey(0)rotate(0)scale(1);transform:translatey(0)rotate(0)scale(1)}}.turn-indicator{display:inline-block;-webkit-transform-origin:bottom center;-moz-transform-origin:bottom center;-ms-transform-origin:bottom center;-o-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation:ptn-bounce 9s infinite;-moz-animation:ptn-bounce 9s infinite;-o-animation:ptn-bounce 9s infinite;animation:ptn-bounce 9s infinite;line-height:1;vertical-align:middle;position:relative;padding:0 4px;margin-right:4px;z-index:10}.btn{font-size:var(--ui-font-size);padding:8px var(--ui-padding-x);-webkit-border-radius:var(--border-radius);-moz-border-radius:var(--border-radius);border-radius:var(--border-radius);cursor:pointer;font-weight:400;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:var(--ui-height);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:-ms-manipulation;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition:opacity.1s ease;-moz-transition:opacity.1s ease;-o-transition:opacity.1s ease;transition:opacity.1s ease}.btn:active{opacity:.6}.btn-primary{background-color:transparent;border:1px solid var(--text-color);color:var(--text-color)}.btn-danger{background-color:transparent;border:1px solid var(--text-secondary-color);color:var(--text-secondary-color)}.btn-icon{background:none;border:none;cursor:pointer;padding:8px;background-color:transparent;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-touch-action:-ms-manipulation;-ms-touch-action:manipulation;touch-action:manipulation}.btn-icon:active{opacity:.6}.btn-text{font-size:var(--ui-font-size);padding:6px 0;border:none;cursor:pointer;background-color:transparent;color:var(--text-secondary-color);height:var(--ui-height);-ms-touch-action:-ms-manipulation;-ms-touch-action:manipulation;touch-action:manipulation}.btn-text:active{opacity:.6}.btn-full{width:100%}.btn-narrow{width:auto;min-width:120px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.btn-padding-x-lg{padding-left:1.5rem;padding-right:1.5rem}.spacer-w-68{width:68px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.flex-gap-4{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.flex-gap-10{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:10px}.flex-center{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.items-center{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.flex-1{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.flex-shrink-0{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.min-w-0{min-width:0}.gap-8{gap:.8rem}.h-full{height:100%}.mt-1{margin-top:1rem}.main-container{max-width:600px;margin:0 auto;background-color:var(--background-color);height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.page-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.scroll-area{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.app-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1.5rem 0 .5rem;padding-top:-webkit-calc(1.5rem + env(safe-area-inset-top));padding-top:-moz-calc(1.5rem + env(safe-area-inset-top));padding-top:calc(1.5rem + env(safe-area-inset-top));width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:110;background:var(--background-color)}@media(min-width:768px){.app-header{padding:2rem 0 .5rem}}.header-content{max-width:600px;margin:0 auto;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1rem;padding-left:-webkit-calc(1rem + env(safe-area-inset-left));padding-left:-moz-calc(1rem + env(safe-area-inset-left));padding-left:calc(1rem + env(safe-area-inset-left));padding-right:-webkit-calc(1rem + env(safe-area-inset-right));padding-right:-moz-calc(1rem + env(safe-area-inset-right));padding-right:calc(1rem + env(safe-area-inset-right));-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:.5rem}.header-left{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;gap:10px}.header-right{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;gap:10px}.status-text{font-size:.8rem;color:var(--text-secondary-color);font-style:italic;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:block}.header-title{font-size:-webkit-calc(1.4*var(--ui-font-size));font-size:-moz-calc(1.4*var(--ui-font-size));font-size:calc(1.4*var(--ui-font-size));font-weight:500;color:var(--text-color)}.user-info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:.8rem}.auth-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20%1rem 0;padding-left:-webkit-calc(1rem + env(safe-area-inset-left));padding-left:-moz-calc(1rem + env(safe-area-inset-left));padding-left:calc(1rem + env(safe-area-inset-left));padding-right:-webkit-calc(1rem + env(safe-area-inset-right));padding-right:-moz-calc(1rem + env(safe-area-inset-right));padding-right:calc(1rem + env(safe-area-inset-right))}.auth-form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:300px}.auth-input{font-size:var(--ui-font-size);padding:10px 0;margin-bottom:1rem;width:100%;border:none;border-bottom:1px solid var(--light-gray);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:transparent;outline:none;height:var(--ui-height)}.auth-input.has-error{border-bottom-color:#f44336}.title{font-size:1.5rem;font-weight:500;color:var(--text-color);margin:2rem 0;text-align:center}.alert-box{background-color:#e53935;color:white;padding:10px;margin-bottom:1rem;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.home-main{width:100%;padding:0 1rem;padding-left:-webkit-calc(1rem + env(safe-area-inset-left));padding-left:-moz-calc(1rem + env(safe-area-inset-left));padding-left:calc(1rem + env(safe-area-inset-left));padding-right:-webkit-calc(1rem + env(safe-area-inset-right));padding-right:-moz-calc(1rem + env(safe-area-inset-right));padding-right:calc(1rem + env(safe-area-inset-right));-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-height:0}.list-container{margin-top:.5rem}.new-note-section{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:1rem;margin:.5rem 0}@media(max-width:768px){.new-note-section{margin:.25rem 0}}.drawing-prompt{font-size:.85rem;color:var(--text-secondary-color);font-style:italic;margin:0;text-align:left;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.card{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--light-gray);background-color:transparent;width:100%}.canvas-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;background:none;border:none;padding:0;text-align:left;cursor:pointer}.canvas-item:active{opacity:.6}.canvas-title{font-size:var(--ui-font-size);font-weight:500}.canvas-owner{font-size:.8rem;color:var(--text-secondary-color);margin-left:.5rem}.canvas-owner.is-active{font-weight:500;color:var(--text-color)}.canvas-actions{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}.empty-list-message{text-align:center;color:var(--text-secondary-color);margin-top:2rem;font-size:.8rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.modal-content{background:var(--background-color);padding:1.5rem;border:1px solid var(--light-gray);width:100%;max-width:350px}.modal-header{font-size:-webkit-calc(1.3*var(--ui-font-size));font-size:-moz-calc(1.3*var(--ui-font-size));font-size:calc(1.3*var(--ui-font-size));font-weight:500;margin-bottom:1rem;text-align:center}.modal-footer{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1.5rem;gap:8px}.modal-notification{color:#f44336;font-size:.75rem;margin-top:-.5rem;margin-bottom:1rem;text-align:left;font-style:italic}.canvas-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff;padding-bottom:1.5rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media(min-width:768px){.canvas-wrapper{padding-bottom:2.5rem}}.canvas-layout{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;min-height:0;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:0 2.5rem;padding-left:-webkit-calc(2.5rem + env(safe-area-inset-left));padding-left:-moz-calc(2.5rem + env(safe-area-inset-left));padding-left:calc(2.5rem + env(safe-area-inset-left));padding-right:-webkit-calc(2.5rem + env(safe-area-inset-right));padding-right:-moz-calc(2.5rem + env(safe-area-inset-right));padding-right:calc(2.5rem + env(safe-area-inset-right));-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.canvas-main{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;height:100%;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:visible;min-height:0}.canvas-frame{height:100%;width:auto;max-width:100%;max-height:100%;aspect-ratio:9/16;border:1px solid var(--light-gray);-webkit-box-shadow:0 10px 25px rgba(0,0,0,5%);-moz-box-shadow:0 10px 25px rgba(0,0,0,5%);box-shadow:0 10px 25px rgba(0,0,0,5%);position:relative;overflow:visible;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#fff;-ms-touch-action:-ms-none;-ms-touch-action:none;touch-action:none}.canvas-sidebar{position:absolute;top:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--draw-sidebar-gap);padding:var(--draw-sidebar-padding);background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid var(--light-gray);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity.2s ease,-webkit-transform.2s ease;-moz-transition:opacity.2s ease,-moz-transform.2s ease;-o-transition:opacity.2s ease,-o-transform.2s ease;transition:opacity.2s ease,-webkit-transform.2s ease;transition:opacity.2s ease,-moz-transform.2s ease;transition:opacity.2s ease,-o-transform.2s ease;transition:opacity.2s ease,transform.2s ease}.canvas-frame:active .canvas-sidebar{opacity:.15;pointer-events:none}.canvas-frame:has(.canvas-sidebar:active) .canvas-sidebar{opacity:1;pointer-events:auto}.canvas-sidebar:active{opacity:1!important;pointer-events:auto!important}.canvas-sidebar-left{left:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.canvas-sidebar-right{right:0;-webkit-transform:translate(50%,-50%);-moz-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);-o-transform:translate(50%,-50%);transform:translate(50%,-50%)}@media(min-width:650px){.canvas-sidebar-left{left:-.75rem;-webkit-transform:translate(-100%,-50%);-moz-transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);-o-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.canvas-sidebar-right{right:-.75rem;-webkit-transform:translate(100%,-50%);-moz-transform:translate(100%,-50%);-ms-transform:translate(100%,-50%);-o-transform:translate(100%,-50%);transform:translate(100%,-50%)}}.sidebar-section{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.sidebar-divider{width:100%;height:1px;background-color:var(--light-gray);margin:.25rem 0}.toolbar-group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.color-selector{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.color-btn{width:var(--draw-btn-size);height:var(--draw-btn-size);padding:0;border:2px solid#fff;-webkit-box-shadow:0 0 0 1px var(--light-gray);-moz-box-shadow:0 0 0 1px var(--light-gray);box-shadow:0 0 0 1px var(--light-gray);cursor:pointer}.color-btn.active{-webkit-box-shadow:0 0 0 2px var(--text-color);-moz-box-shadow:0 0 0 2px var(--text-color);box-shadow:0 0 0 2px var(--text-color);z-index:1}.color-btn[data-color="#000000"]{background-color:#000}.color-btn[data-color="#e03131"]{background-color:#e03131}.color-btn[data-color="#f06595"]{background-color:#f06595}.color-btn[data-color="#ae3ec9"]{background-color:#ae3ec9}.color-btn[data-color="#7048e8"]{background-color:#7048e8}.color-btn[data-color="#1971c2"]{background-color:#1971c2}.color-btn[data-color="#0c8599"]{background-color:#0c8599}.color-btn[data-color="#099268"]{background-color:#099268}.color-btn[data-color="#2f9e41"]{background-color:#2f9e41}.color-btn[data-color="#74b816"]{background-color:#74b816}.color-btn[data-color="#f08c00"]{background-color:#f08c00}.color-btn[data-color="#e67700"]{background-color:#e67700}.size-selector{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.size-btn{width:var(--draw-btn-size);height:var(--draw-btn-size);border:1px solid var(--light-gray);background:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:var(--text-secondary-color)}.size-btn.active{border-color:var(--text-color);background-color:var(--text-color);color:var(--background-color)}.canvas-sidebar .toolbar-btn{width:var(--draw-btn-size);height:var(--draw-btn-size);padding:var(--draw-btn-padding);background:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;border:1px solid var(--light-gray);cursor:pointer;color:var(--text-color)}.canvas-sidebar .toolbar-btn.active{background-color:var(--text-color);color:var(--background-color);border-color:var(--text-color)}.turn-ui{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.timer-box{font-size:var(--ui-font-size);padding:8px var(--ui-padding-x);-webkit-border-radius:var(--border-radius);-moz-border-radius:var(--border-radius);border-radius:var(--border-radius);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:var(--ui-height);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:default;color:var(--text-color);border:1px solid var(--text-color)}.timer-text{font-size:var(--ui-font-size);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;height:var(--ui-height);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:default;color:var(--text-color)}.excalidraw .App-menu_top,.excalidraw .layer-ui__wrapper__footer,.excalidraw .sidebar-trigger,.FixedSideContainer.FixedSideContainer_side_top.App-top-bar,.App-toolbar--mobile,.mobile-misc-tools-container,.App-bottom-bar{display:none!important}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translatey(10px);transform:translatey(10px)}to{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}}@-moz-keyframes fadeIn{0%{opacity:0;-moz-transform:translatey(10px);transform:translatey(10px)}to{opacity:1;-moz-transform:translatey(0);transform:translatey(0)}}@-o-keyframes fadeIn{0%{opacity:0;-o-transform:translatey(10px);transform:translatey(10px)}to{opacity:1;-o-transform:translatey(0);transform:translatey(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translatey(10px);-moz-transform:translatey(10px);-o-transform:translatey(10px);transform:translatey(10px)}to{opacity:1;-webkit-transform:translatey(0);-moz-transform:translatey(0);-o-transform:translatey(0);transform:translatey(0)}}@-webkit-keyframes fadeOut{0%{opacity:1;-webkit-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(10px);transform:translatey(10px)}}@-moz-keyframes fadeOut{0%{opacity:1;-moz-transform:translatey(0);transform:translatey(0)}to{opacity:0;-moz-transform:translatey(10px);transform:translatey(10px)}}@-o-keyframes fadeOut{0%{opacity:1;-o-transform:translatey(0);transform:translatey(0)}to{opacity:0;-o-transform:translatey(10px);transform:translatey(10px)}}@keyframes fadeOut{0%{opacity:1;-webkit-transform:translatey(0);-moz-transform:translatey(0);-o-transform:translatey(0);transform:translatey(0)}to{opacity:0;-webkit-transform:translatey(10px);-moz-transform:translatey(10px);-o-transform:translatey(10px);transform:translatey(10px)}}.toast-container{position:fixed;bottom:-webkit-calc(20px + env(safe-area-inset-bottom));bottom:-moz-calc(20px + env(safe-area-inset-bottom));bottom:calc(20px + env(safe-area-inset-bottom));left:50%;-webkit-transform:translatex(-50%);-moz-transform:translatex(-50%);-ms-transform:translatex(-50%);-o-transform:translatex(-50%);transform:translatex(-50%);z-index:9999;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;pointer-events:none;min-width:320px;max-width:90vw}@media(min-width:768px){.toast-container{bottom:40px}}.toast{padding:10px 20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#fff;font-size:.9rem;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);-moz-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);-webkit-animation:fadeIn.3s ease-in-out forwards;-moz-animation:fadeIn.3s ease-in-out forwards;-o-animation:fadeIn.3s ease-in-out forwards;animation:fadeIn.3s ease-in-out forwards;pointer-events:auto;border:none;width:100%;text-align:center;cursor:pointer;-ms-touch-action:-ms-manipulation;-ms-touch-action:manipulation;touch-action:manipulation}.toast:active{opacity:.8}.toast.exiting{-webkit-animation:fadeOut.3s ease-in-out forwards;-moz-animation:fadeOut.3s ease-in-out forwards;-o-animation:fadeOut.3s ease-in-out forwards;animation:fadeOut.3s ease-in-out forwards}.toast-success{background-color:#4caf50}.toast-error{background-color:#f44336}.toast-info{background-color:#2196f3}.toast-warning{background-color:#ff9800}
/*# sourceMappingURL=index_14eb.26f569cb.css.map */