:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.home-container{max-width:800px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.home-container h1{margin:0;color:#333}.input-section{width:100%;display:flex;flex-direction:column;gap:1rem}.text-input{width:100%;padding:1rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;resize:vertical;font-family:inherit;box-sizing:border-box}.text-input:focus{outline:none;border-color:#646cff}.share-button{padding:.75rem 2rem;font-size:1rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.share-button:hover:not(:disabled){background-color:#535bf2}.share-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:#f44;padding:.5rem;background-color:#ffe6e6;border-radius:4px;text-align:center}.qr-section{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background-color:#f9f9f9;border-radius:8px;width:100%}.qr-section h2{margin:0;color:#333}.qr-code-container{padding:1rem;background-color:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center}.qr-url{word-break:break-all;text-align:center;color:#646cff;font-size:.9rem;margin:0;text-decoration:none;transition:color .3s}.qr-url:hover{color:#535bf2;text-decoration:underline}.text-view-container{max-width:800px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.text-view-container h1{margin:0;color:#333}.text-content-container{width:100%}.text-content{width:100%;padding:1rem;font-size:1rem;border:2px solid #ddd;border-radius:8px;resize:vertical;font-family:inherit;box-sizing:border-box;background-color:#f9f9f9;cursor:text}.text-content:focus{outline:none;border-color:#646cff;background-color:#fff}.button-group{display:flex;gap:1rem;width:100%;justify-content:center}.copy-button{padding:.75rem 2rem;font-size:1rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.copy-button:hover{background-color:#535bf2}.copy-button.copied{background-color:#4caf50}.return-button{padding:.75rem 2rem;font-size:1rem;background-color:#666;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.return-button:hover{background-color:#555}.loading{font-size:1.2rem;color:#666}.error-message{color:#f44;padding:1rem;background-color:#ffe6e6;border-radius:4px;text-align:center}#root{min-height:100vh;margin:0;padding:0}