:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:#4a4a4a;background-color:#f0e8ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:linear-gradient(135deg,#e8d5ff,#ffd5e8,#d5e8ff 60%,#e8f5ff);background-attachment:fixed;color:#4a4a4a;line-height:1.6}#root{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}.app{min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:flex-start}.container{width:100%;max-width:600px;background:#fffaffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:30px 20px;box-shadow:0 4px 30px #b8a9d433;border:1px solid rgba(255,255,255,.6)}.header{text-align:center;margin-bottom:40px}.header h1{font-size:28px;color:#6b5b95;margin-bottom:10px;font-weight:500;letter-spacing:.5px}.subtitle{font-size:14px;color:#888;font-weight:300}@media(max-width:480px){.app{padding:10px}.container{padding:20px 15px;border-radius:15px}.header h1{font-size:24px}.subtitle{font-size:13px}}.diagnosis{width:100%}.progress-container{margin-bottom:40px}.progress-bar{width:100%;height:8px;background:#e8e0f0;border-radius:10px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(90deg,#b8a9d4,#d4c5e8);border-radius:10px;transition:width .3s ease}.progress-text{text-align:center;font-size:14px;color:#999;font-weight:300}.question-container{text-align:center}.question-text{font-size:20px;color:#5a5a5a;margin-bottom:40px;font-weight:400;line-height:1.8;padding:0 10px}.choices-container{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:0 auto}.choice-button{width:100%;padding:18px 24px;background:#fffaffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(224,213,232,.6);border-radius:12px;font-size:16px;color:#6b5b95;cursor:pointer;transition:all .3s ease;font-weight:400;text-align:center;box-shadow:0 2px 8px #b8a9d41a}.choice-button:hover{background:#f8f0fff2;border-color:#b8a9d4;transform:translateY(-2px);box-shadow:0 4px 16px #b8a9d440}.choice-button:active{transform:translateY(0)}@media(max-width:480px){.question-text{font-size:18px;margin-bottom:30px;line-height:1.7}.choices-container{gap:12px}.choice-button{padding:16px 20px;font-size:15px}.progress-container{margin-bottom:30px}}.result{min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:flex-start}.result .container{width:100%;max-width:700px;background:#fffaffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:40px 30px;box-shadow:0 4px 30px #b8a9d433;border:1px solid rgba(255,255,255,.6)}.result-header{text-align:center;margin-bottom:40px}.result-header h1{font-size:28px;color:#6b5b95;font-weight:500;letter-spacing:.5px}.result-content{width:100%}.result-type{text-align:center;margin-bottom:40px;padding:25px;background:linear-gradient(135deg,#f8f0ffcc,#fff0facc);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;border:1px solid rgba(232,224,240,.6);box-shadow:0 2px 12px #b8a9d41a}.result-type h2{font-size:22px;color:#6b5b95;font-weight:500;line-height:1.6}.result-section{margin-bottom:35px}.result-section h3{font-size:18px;color:#7a6a9a;margin-bottom:15px;font-weight:500;padding-bottom:8px;border-bottom:1px solid #e8e0f0}.result-section p{font-size:15px;color:#666;line-height:1.9;font-weight:300}.advice-list{list-style:none;padding:0}.advice-list li{font-size:15px;color:#666;line-height:1.9;margin-bottom:15px;padding-left:25px;position:relative;font-weight:300}.advice-list li:before{content:"✨";position:absolute;left:0;top:0}.result-note{margin:40px 0;padding:20px;background:#faf5ffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;border-left:4px solid rgba(212,197,232,.8);box-shadow:0 2px 8px #b8a9d41a}.result-note p{font-size:14px;color:#888;line-height:1.8;font-weight:300;font-style:italic}.cta-section{margin:50px 0 40px;padding:30px;background:linear-gradient(135deg,#f8f0ffcc,#fff0facc);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;text-align:center;border:1px solid rgba(232,224,240,.6);box-shadow:0 2px 12px #b8a9d41a}.cta-text{font-size:15px;color:#666;line-height:1.9;margin-bottom:25px;font-weight:300}.cta-button{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#b8a9d4,#d4c5e8);color:#fff;text-decoration:none;border-radius:25px;font-size:16px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 12px #6b5b9533}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6b5b954d}.cta-button:active{transform:translateY(0)}.restart-button{width:100%;padding:16px;background:#fffaffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(224,213,232,.6);border-radius:12px;font-size:15px;color:#6b5b95;cursor:pointer;transition:all .3s ease;font-weight:400;margin-top:20px;box-shadow:0 2px 8px #b8a9d41a}.restart-button:hover{background:#f8f0fff2;border-color:#b8a9d4;box-shadow:0 4px 12px #b8a9d433}.restart-button:active{transform:scale(.98)}@media(max-width:480px){.result{padding:10px}.result .container{padding:25px 20px;border-radius:15px}.result-header h1{font-size:24px}.result-type{padding:20px 15px;margin-bottom:30px}.result-type h2{font-size:19px}.result-section{margin-bottom:30px}.result-section h3{font-size:17px}.result-section p,.advice-list li{font-size:14px}.cta-section{margin:40px 0 30px;padding:25px 20px}.cta-text{font-size:14px}.cta-button{padding:14px 35px;font-size:15px}}