*,:after,:before{box-sizing:border-box}body,html{background:linear-gradient(135deg,#f8fafc,#e0e7ff);font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0;min-height:100vh;padding:0}.container{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.home-bg{background:linear-gradient(135deg,#f8fafc,#e0e7ff);justify-content:center;min-height:100vh}.home-bg,.home-container{align-items:center;display:flex}.home-container{background:#fff;border-radius:18px;box-shadow:0 6px 32px #3c48581f;flex-direction:column;margin:2rem;max-width:500px;padding:2.5rem 2rem 2rem;width:100%}.card{transition:box-shadow .2s}.card:hover{box-shadow:0 12px 40px #3c48582e}h1{color:#4a90e2}.main-title,h1{text-align:center}.main-title{color:#3730a3;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.subtitle{color:#64748b;font-size:1.1rem;margin-bottom:1.5rem;text-align:center}.input-box{align-items:stretch;display:flex;flex-direction:column;margin-bottom:1.5rem;width:100%}.input-textarea{background:#e3f2fd;border:1.5px solid #90caf9;border-radius:8px;box-shadow:0 1px 4px #1976d214;color:#263238;font-family:Roboto,Segoe UI,Arial,sans-serif;font-size:1.1rem;margin:0;min-height:120px;padding:1.1rem 1rem;resize:vertical;transition:border .2s,box-shadow .2s;width:100%}.input-textarea:focus{background:#fff;border:2px solid #1976d2;box-shadow:0 4px 16px #1976d21f;outline:none}.stats{display:flex;gap:1rem;justify-content:space-between}.stat{align-items:flex-start;background:#e3f2fd;border-left:5px solid #1976d2;border-radius:8px;box-shadow:0 1px 4px #1976d20f;color:#263238;flex:1 1;font-weight:500;padding:14px 18px}.stat,.stats-section{display:flex;flex-direction:column}.stats-section{gap:1.2rem;margin-top:1.5rem;width:100%}.random-stats{background:#f5f5f5;border-radius:8px;box-shadow:0 1px 4px #3c48580a;color:#37474f;font-size:1rem;padding:15px;text-align:center}.material-elevation{background:#fff;border-radius:16px;box-shadow:0 2px 8px #3c48581a,0 6px 24px #3c48581f;transition:box-shadow .2s}.material-elevation:hover{box-shadow:0 8px 32px #3c48582e,0 2px 8px #3c48581a}.material-title{color:#1976d2;font-family:Roboto,Segoe UI,Arial,sans-serif;font-weight:500;letter-spacing:.5px}.material-subtitle{color:#546e7a;font-size:1.05rem;font-weight:400;margin-bottom:1.5rem}@media (max-width:600px){.home-container{max-width:98vw;padding:1.2rem .5rem}.main-title{font-size:1.4rem}.stats{flex-direction:column;gap:.7rem}.stat{margin:0}}
/*# sourceMappingURL=main.b87f5669.css.map*/