*{box-sizing:border-box}body{margin:0;padding:0;background:linear-gradient(135deg,#27465a,#0d9488);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.app-container{max-width:800px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;color:#1f2937}.card{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e5e7eb}.title{font-size:2rem;font-weight:700;color:#111827;margin-bottom:2rem;text-align:center;background:linear-gradient(135deg,#27465a,#0d9488);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-section{margin-bottom:2rem}.label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.textarea{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:.875rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;resize:vertical;transition:all .2s ease-in-out;background-color:#fff;outline:none;margin-bottom:1.5rem}.textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.textarea--readonly{background-color:#f9fafb;color:#374151}.button{border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;outline:none;box-shadow:0 1px 2px #0000000d;color:#fff}.button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.button--primary{background-color:#27465a}.button--primary:hover{background-color:#19303f}.button--secondary{background-color:#0d9488}.button--secondary:hover{background-color:#0f766e}.button-container{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}@media (max-width: 768px){.app-container{padding:1rem}.card{padding:1.5rem}.title{font-size:1.5rem}.button-container{flex-direction:column;align-items:center}.button{width:100%;max-width:300px}}
