body{margin:0;width:100vw;min-height:100%;height:100dvh;overflow:hidden;background-color:#242424;overscroll-behavior-y:none}#app{width:100%;height:100%}.modal-overlay{width:600px;height:800px;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.auth-modal{background:#fff;padding:2rem;border-radius:8px;width:350px;box-shadow:0 4px 6px #0000001a;font-family:Inter,system-ui,sans-serif}.auth-header{margin-bottom:1.5rem;text-align:center}.auth-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.auth-tab{cursor:pointer;padding:.5rem 1rem;color:#666;font-weight:500}.auth-tab.active{color:#000;border-bottom:2px solid #000}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:14px}.auth-btn{padding:.75rem;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:opacity .2s}.auth-btn:hover{opacity:.9}.google-btn{background:#fff;color:#333;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.divider{text-align:center;margin:1rem 0;color:#999;font-size:12px;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#eee}.divider:before{left:0}.divider:after{right:0}.error-msg{color:red;font-size:12px;margin-bottom:.5rem;display:none}