*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#ff6b9d,#c06c84,#f67280);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.login-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}.login-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.login-box{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;text-align:center}.login-box h1{margin-bottom:30px;color:#333}.login-box h2{margin-bottom:20px;color:#333}.login-box input{width:100%;padding:15px;margin:10px 0;border:2px solid #eee;border-radius:10px;font-size:1em;box-sizing:border-box}.login-box input:focus{outline:none;border-color:#ff6b9d}.login-box select{width:100%;padding:15px;margin:10px 0;border:2px solid #eee;border-radius:10px;font-size:1em;box-sizing:border-box}.login-box select:focus{outline:none;border-color:#ff6b9d}.login-box button{width:100%;margin-top:20px}.container{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}h1{text-align:center;color:#333;margin-bottom:40px;font-size:2em}.person{background:#f5f5f5;border-radius:15px;padding:30px;margin-bottom:20px;text-align:center}.person h2{color:#555;margin-bottom:15px}.score{font-size:4em;font-weight:700;color:#667eea;margin:20px 0}.type-scores{font-size:.9em;color:#888;margin-bottom:15px;line-height:1.3}.buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}button{background:#4caf50;color:#fff;border:none;padding:12px 20px;font-size:1em;border-radius:10px;cursor:pointer;transition:all .3s;font-weight:700}button:hover{background:#45a049;transform:scale(1.05)}button:active{transform:scale(.95)}.reset{width:100%;background:#f44336;margin-top:20px}.reset:hover{background:#da190b}.auth-btn{width:100%;background:#666;margin-top:10px}.auth-btn:hover{background:#555}.history{margin-top:30px;padding-top:20px;border-top:2px solid #eee}.history h2{color:#555;font-size:1.3em;margin-bottom:15px;text-align:center}.history-item{background:linear-gradient(135deg,#f9f9f9,#fff);padding:15px;margin:10px 0;border-radius:10px;font-size:.95em;color:#333;border-left:4px solid #ff6b9d;box-shadow:0 2px 5px #0000001a;transition:transform .2s}.history-item:hover{transform:translate(5px)}.history-item strong{color:#ff6b9d;font-weight:700}.star{float:right;font-size:1.5em;-webkit-user-select:none;user-select:none}.star.clickable{cursor:pointer}