body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.splash{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.splash-text{color:#000;font-family:Zhi Mang Xing,cursive;font-size:min(120px,30vw);letter-spacing:.1em;line-height:1.2;position:relative;text-orientation:mixed;writing-mode:vertical-rl}.trademark{color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.2em;position:absolute;right:-.8em;top:0}.splash-exit{animation:slideUp .5s ease-out forwards}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@media (max-height:600px){.splash-text{font-size:min(100px,25vw)}}.handwriting-board{align-items:center;background:#f0f0f0;border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;overflow:hidden;padding:20px;position:relative;width:100%}.handwriting-board canvas{-webkit-touch-callout:none;background:#fff;border:2px solid #ccc;border-radius:10px;box-shadow:0 2px 4px #0000000d;box-sizing:border-box;height:min(calc(100vw - 32px),calc(100vh - 32px));margin:16px;max-height:60vh;max-width:calc(100vw - 32px);touch-action:none;-webkit-user-select:none;user-select:none;width:min(calc(100vw - 32px),calc(100vh - 32px))}.button-group{display:flex;gap:1rem;margin:10px}.clear-button,.send-button{background:#007bff;border:none;border-radius:5px;box-shadow:0 1px 2px #0000001a;color:#fff;cursor:pointer;font-size:16px;margin:5px;padding:10px 20px;transition:background-color .3s}.clear-button:hover,.send-button:hover{background:#0056b3}.clear-button:active,.send-button:active{background:#e0e0e0;transform:translateY(1px)}.captures-container{align-items:flex-start;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;padding:16px;width:100%}.captures-container img{background:#fff;border:1px solid #eee;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:0 0 auto;height:64px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;padding:2px;width:64px}.captures-container:after{content:"";flex:auto}.saved-svgs-container{background:#fff;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:20px 16px 0;pointer-events:none;width:calc(100% - 32px)}.saved-svg{background:#fff;border:1px solid #ccc;border-radius:5px;height:64px;margin:5px;width:64px}.peer-id-container{align-items:center;background:#ffffffe6;border-top:1px solid #eee;bottom:16px;box-shadow:0 -2px 10px #0000000d;display:flex;font-size:14px;gap:8px;justify-content:center;left:0;margin-top:20px;padding:12px;position:fixed;right:0}.peer-id-label{color:#666;font-weight:700;margin-right:10px}.peer-id{background:#e9ecef;border-radius:5px;font-family:monospace;padding:5px 10px;-webkit-user-select:all;user-select:all}.copy-button{background:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:5px 10px;transition:background-color .3s}.copy-button:hover{background:#218838}.copy-button:active{background:#e0e0e0}.test-button{background:#f0f0f0;border:none;border-radius:4px;box-shadow:0 1px 2px #0000001a;cursor:pointer;font-size:16px;margin:0 16px 16px;padding:8px 24px}.test-button:hover{background:#e8e8e8}.test-button:active{background:#e0e0e0;transform:translateY(1px)}.user-setup{align-items:center;background:#fff;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.user-setup-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:400px;padding:2rem;width:90%}.user-setup-card h2{margin:0 0 1.5rem;text-align:center}.user-setup-card input{border:1px solid #ddd;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.8rem;width:100%}.user-setup-card button{background:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;width:100%}.error{color:#f44;font-size:.9rem;margin:-.5rem 0 1rem}.user-profile{background:#f5f5f5;border-radius:20px;cursor:pointer;padding:.5rem 1rem;position:fixed;right:1rem;top:1rem;z-index:100}.user-profile:hover{background:#eee}.user-profile.editing{background:#fff;box-shadow:0 2px 8px #0000001a;padding:.5rem}.user-profile form{display:flex;gap:.5rem}.user-profile input{border:1px solid #ddd;border-radius:4px;padding:.3rem .5rem}.user-profile button{border:none;border-radius:4px;cursor:pointer;padding:.3rem .8rem}.user-profile button[type=submit]{background:#000;color:#fff}.user-profile button[type=button]{background:#f5f5f5}.App{height:100vh;max-height:100vh;max-width:100vw;overflow:hidden;position:relative;width:100vw}.App-main{align-items:center;display:flex;flex-direction:column;width:100%}.App-main,body,html{height:100%;margin:0;overflow:hidden;padding:0}@media (max-width:768px){.App-main{padding:0}}
/*# sourceMappingURL=main.1b9fd546.css.map*/