*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow-y:auto;font-family:Segoe UI,sans-serif}.menu_container{position:relative;top:0;width:100%;max-width:350px;background:#e9e9e96b;height:60px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;display:flex;justify-content:space-around;align-items:center;z-index:10;margin:0 auto}.menu_button,.menu_button_active{width:40px;height:40px;border-radius:8px;border:none;background:#d7d6d6;transition:background .3s}.menu_button:hover,.menu_button_active{background:#acacac}.top-right-controls{position:absolute;top:15px;right:25px;display:flex;gap:10px;z-index:15}.top-button{padding:8px 14px;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:.94rem}.signin-btn{background:#fff;color:#444;border:2px solid #ddd}.share-btn{background:linear-gradient(90deg,#ff5f8f,#9275ff);color:#fff}.whiteboard-instructions{margin-top:3px;font-size:.78rem;color:#505050;text-align:center;display:flex;flex-direction:column;gap:2px;z-index:5}.inline-instruction-icon{width:.95em;height:.95em;vertical-align:middle;margin-right:5px;filter:drop-shadow(0 0 1px rgba(0,0,0,.2))}@media (max-width: 600px){.menu_container{max-width:95vw;height:52px;margin-top:5px;border-radius:12px}.top-right-controls{top:78px;right:10px;flex-direction:row;gap:6px}.top-button{padding:7px 10px;font-size:.85rem}.whiteboard-instructions{font-size:.75rem;margin-top:6px;padding:0 8vw}.inline-instruction-icon{width:.9em;height:.9em}}@media (max-width: 400px){.top-right-controls{flex-direction:column;align-items:flex-end}}.toast{position:fixed;top:85px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ff5f8f,#9275ff);color:#fff;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;border-radius:1rem;z-index:9999;box-shadow:0 6px 20px #0003;animation:toast-appear .3s ease forwards}@keyframes toast-appear{0%{opacity:0;transform:translate(-50%,-25%)}to{opacity:1;transform:translate(-50%)}}.home-root{min-height:100vh;width:100vw;background:url(/home-bg.jpg) center/cover no-repeat,#18171a;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative}.home-navbar{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem 7vw 0 7vw;z-index:2;box-sizing:border-box}.home-brand{font-size:1.5rem;font-weight:700;letter-spacing:.03em;color:#fffafc}.home-nav-btn{margin-left:1.5rem;padding:.7rem 1.7rem;background:#ff5f8f;color:#fff;border-radius:.7rem;text-decoration:none;font-weight:600;border:none;font-size:1rem;transition:background .18s}.home-nav-btn:hover{background:#ff6ea9}.home-main-card{margin:8.5rem auto 0;background:#232732e0;-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);border-radius:2.5rem;box-shadow:0 10px 44px #0000002e;padding:3.5rem 7vw 2.6rem 7vw;max-width:1320px;width:min(95vw,1320px);min-width:340px;text-align:center;align-items:center;display:flex;flex-direction:column;z-index:1}.home-title{font-size:2.4rem;font-weight:800;margin-bottom:1.35rem;color:#fff;line-height:1.13;word-break:break-word}.home-desc{color:#e1e1e3;font-size:1.15rem;margin-bottom:2.15rem;font-weight:500}.home-go-btn{background:#ff5f8f;color:#fff;font-weight:700;font-size:1.12rem;border:none;border-radius:.8rem;text-decoration:none;padding:1.12rem 4.1rem;margin-bottom:2.1rem;margin-top:.5rem;box-shadow:0 3px 14px #ff5f8f1c;transition:background .18s;cursor:pointer;display:inline-block}.home-go-btn:hover{background:#ff6ea9}.home-image-placeholder{width:100%;max-width:100%;background:#2828303b;border-radius:1.3rem;display:flex;align-items:center;justify-content:center;color:#bdbad4;font-size:1.23rem;margin-top:0;margin-bottom:0;box-sizing:border-box;overflow:hidden;padding:1rem}.home-image-placeholder img{width:100%;max-width:100%;height:auto;border-radius:1rem;object-fit:contain}@media (min-width: 1440px){.home-main-card{max-width:980px;padding:3.5rem 0 2.6rem}}.home-title{font-size:clamp(1.2rem,4vw,2.5rem)}@media (max-width: 420px){.home-main-card{padding:.65rem .2rem .6rem;border-radius:.43rem}.home-desc{font-size:.93rem}.home-go-btn{padding:.82rem 1.2rem;font-size:.97rem}}@media (max-width: 600px){.home-navbar{flex-direction:column;align-items:flex-start;padding:1rem 3vw 0 3vw;gap:.8rem}}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.signup-root{display:flex;min-height:100vh;width:100vw;background:url(/signup-bg.jpg) center/cover no-repeat,#232333}.signup-left{flex:1.1;display:flex;flex-direction:column;justify-content:center;padding:0 5vw;color:#fff;position:relative;background:#2323249e}.signup-brand{font-size:1.5rem;font-weight:700;margin-bottom:3rem;margin-top:1.5rem;letter-spacing:.02em;color:#fff}.signup-info h1{font-size:2.4rem;font-weight:800;margin-bottom:1.4rem;color:#fff;line-height:1.17}.signup-info p{color:#e0e0e0;font-size:1.12rem;max-width:34rem;margin-bottom:1.2rem}.signup-copyright{position:absolute;left:5vw;bottom:2.5rem;font-size:.92rem;color:#ccc}.signup-copyright a{color:#fff;opacity:.75;text-decoration:underline}.signup-right{flex:1;min-width:340px;display:flex;align-items:center;justify-content:center;background:#ffffff24}.signup-card{width:100%;max-width:410px;background:#fff;border-radius:2.7rem;box-shadow:0 8px 44px #00000021;padding:2.6rem 2.2rem 1.6rem;margin:3.2rem 1vw;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.signup-heading{font-size:2.1rem;margin-bottom:1.16rem;font-weight:700;color:#21243d;line-height:1.14;max-width:100%;text-align:center;padding:0 .5rem;word-break:break-word}.signup-card form{display:flex;flex-direction:column}.signup-card input[type=email],.signup-card input[type=password]{display:block;width:100%;margin-bottom:1rem;padding:.85rem 1rem;border:1.4px solid #d5d5d5;border-radius:11px;font-size:1rem;background:#fafafd;transition:border-color .17s}.signup-card input[type=email]:focus,.signup-card input[type=password]:focus{border-color:#ffb6c4;outline:none}.signup-error{color:#ff5679;font-size:.97rem;min-height:1.15em;margin-bottom:1rem;margin-top:-.4rem;text-align:left}.signup-success{color:#32cc70;font-size:1rem;margin-bottom:.7rem;text-align:center}.signup-btn{width:100%;background:#ff5f8f;color:#fff;font-size:1.13rem;font-weight:700;padding:.95rem 0;border:none;border-radius:9px;margin-bottom:.9rem;cursor:pointer;opacity:.9;transition:filter .16s,opacity .18s}.signup-btn:enabled:hover{opacity:1;filter:brightness(.97)}.signup-btn:disabled{opacity:.7;cursor:default}.signup-alt{font-size:1.01rem;color:#868686;margin-bottom:.7rem;text-align:left}.signup-alt a{color:#ff5f8f;text-decoration:underline}.custom-toast{position:fixed;top:40px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ff5f8f 70%,#9275ff);color:#fff;font-size:1.19rem;font-weight:600;border-radius:1.3rem;padding:1rem 2.2rem 1rem 1.5rem;z-index:9999;box-shadow:0 8px 40px #0000001c;display:flex;align-items:center;animation:toast-fadein .5s}@keyframes toast-fadein{0%{opacity:0;transform:translate(-50%,-20%)}to{opacity:1;transform:translate(-50%)}}.custom-toast-close{background:none;border:none;color:#fff;font-size:1.6rem;margin-left:1.2rem;cursor:pointer;opacity:.75;font-weight:700}.custom-toast-close:hover{opacity:1}@media (max-width: 900px){.signup-root{flex-direction:column}.signup-left{padding:2.2rem 5vw 1.5rem 5vw;align-items:center;min-height:unset;justify-content:flex-end;text-align:center}.signup-brand{margin-bottom:1.2rem}.signup-info h1{font-size:2rem}.signup-right{padding:0;margin:0}.signup-card{margin:2rem auto}.signup-copyright{position:static;margin-top:2.5rem;text-align:center}}@media (max-width: 600px){.signup-root{min-height:100vh}.signup-left{padding:1.2em 5vw .5em;align-items:center;text-align:center}.signup-info h1{font-size:1.15rem;word-break:break-word;max-width:95vw}.signup-info p{font-size:.98rem;max-width:95vw}.signup-right{min-width:0;padding:0;margin:0}.signup-card{max-width:96vw;margin:1.5rem auto .5rem;padding:1.1rem .5rem;border-radius:1.08rem;box-sizing:border-box}.signup-heading{font-size:1.15rem;max-width:96vw;word-break:break-word;text-align:center;margin-left:auto;margin-right:auto;padding:0}.custom-toast{position:fixed;top:40px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ff5f8f 70%,#9275ff);color:#fff;font-size:1.19rem;font-weight:600;border-radius:1.3rem;padding:1rem 2.2rem 1rem 1.5rem;z-index:9999;box-shadow:0 8px 40px #0000001c;display:flex;align-items:center;animation:toast-fadein .5s}@keyframes toast-fadein{0%{opacity:0;transform:translate(-50%,-20%)}to{opacity:1;transform:translate(-50%)}}.custom-toast-close{background:none;border:none;color:#fff;font-size:1.6rem;margin-left:1.2rem;cursor:pointer;opacity:.75;font-weight:700}.custom-toast-close:hover{opacity:1}}@media (max-width: 420px){.signup-card{border-radius:.4rem;box-shadow:none}.signup-info h1{font-size:1rem}}.password-info{font-size:.85rem;color:#555;margin-top:-.3rem;margin-bottom:1rem;opacity:.85;line-height:1.3}