*,: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")}body{font-family:"Oliver",sans-serif;margin:0;overflow:hidden;height:100vh;-ms-scroll-chaining:none;overscroll-behavior:none}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)}}: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}@media(max-width:768px){:root{--ui-font-size:1rem;--ui-height:2.75rem;--ui-padding-x:16px}}.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}.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:2px 6px;background-color:transparent}.main-container{max-width:600px;margin:0 auto;padding:0 1rem;background-color:var(--background-color);height:100vh;overflow-y:auto;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}.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}.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-top:20%}.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)}.button-group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:8px;width:100%;margin-top:.5rem}.btn-full{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}.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)}.mt-1{margin-top:1rem}.home-header{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:2rem 0;max-width:600px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.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}.list-container{margin-top:1.5rem}.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:1rem 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-title{font-size:var(--ui-font-size);font-weight:500}.canvas-owner{font-size:.8rem;color:var(--text-secondary-color);margin-left:.5rem}.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}.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:red;font-size:.8rem;margin-top:1rem;text-align:center}.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}.canvas-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:1rem 0;z-index:20;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.canvas-sub-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;padding:.5rem 0 1rem;z-index:19;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.canvas-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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.canvas-main{-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;-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:1rem;overflow:hidden;min-height:0;-ms-touch-action:-ms-none;-ms-touch-action:none;touch-action:none}.canvas-frame{border:1px solid#ddd;-webkit-box-shadow:0 10px 25px rgba(0,0,0,.1);-moz-box-shadow:0 10px 25px rgba(0,0,0,.1);box-shadow:0 10px 25px rgba(0,0,0,.1);aspect-ratio:9/16;width:100%;height:auto;max-width:-webkit-calc(56.25vh - 4.5rem);max-width:-moz-calc(56.25vh - 4.5rem);max-width:calc(56.25vh - 4.5rem);max-height:100%;position:relative;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-ms-touch-action:-ms-none;-ms-touch-action:none;touch-action:none}.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}.canvas-toolbar{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:16px;-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;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-touch-action:-ms-none;-ms-touch-action:none;touch-action:none}.toolbar-group{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:4px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.toolbar-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;border:1px solid var(--light-gray);background-color:var(--background-color);color:var(--text-color)}.toolbar-btn-compact{padding:8px}@media(max-width:768px){.toolbar-btn-compact{padding:10px}}.toolbar-btn.active{background-color:var(--text-color);color:var(--background-color)}.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)}.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}.spacer-w-68{width:68px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.flex-items-center-gap-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;gap:.8rem}.flex-gap-10{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:10px}.empty-list-message{text-align:center;color:var(--text-secondary-color);margin-top:2rem;font-size:.8rem}.btn-full-mb-1{width:100%;margin-bottom:1rem}.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}.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.c6922a46.css.map */