*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto}.header{background:#fff;border-radius:15px;padding:30px;text-align:center;margin-bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.header-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:10px}.header-subtitle{font-size:1rem;color:#666}.main-content{background:#fff;border-radius:15px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.loading{text-align:center;padding:40px;font-size:1.2rem;color:#666}.error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00}.error,.success{padding:20px;margin:20px 0}.success{background:#efe;border:1px solid #cfc;border-radius:8px;color:#060}