html{box-sizing:border-box;font-size:16px}*,*:before,*:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}body{font-family:Noto Sans KR,sans-serif;background-color:#1a1a1a;color:#e0e0e0;text-align:center;line-height:1.6}#app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:800px;margin:0 auto;background-color:#242424;box-shadow:0 0 20px #00000080}header{background-color:#e74c3c;color:#fff;padding:20px;width:100%;border-bottom:1px solid #444}header h1{font-size:2em;font-weight:700}main{flex:1;padding:20px 15px;width:100%}footer{background-color:#1a1a1a;color:#777;padding:15px;font-size:.9em;width:100%;border-top:1px solid #333}.screen{display:none;flex-direction:column;align-items:center;justify-content:center}.screen.active{display:flex}h2{color:#e74c3c;font-size:1.8em;margin-bottom:10px;font-weight:600}p{margin-bottom:20px;max-width:300px}.primary-btn,.secondary-btn,.danger-btn{font-family:Noto Sans KR,sans-serif;display:inline-block;padding:12px 25px;font-size:1.1em;font-weight:600;cursor:pointer;border-radius:8px;border:none;margin:5px;transition:all .2s ease-in-out;width:100%;max-width:300px}.primary-btn{background-color:#e74c3c;color:#fff}.primary-btn:hover{background-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 10px #0003}.secondary-btn{background-color:#222;border:1px solid #555;color:#ccc}.secondary-btn:hover{background-color:#333;color:#fff;transform:translateY(-2px);box-shadow:0 4px 10px #0003}h3{font-family:Roboto Condensed,sans-serif;font-size:1.4em;margin-top:0;margin-bottom:10px}#quiz-screen #question-title{font-size:1.2em;color:#ccc;margin-bottom:8px}#quiz-screen #question-text{font-size:1.1em;margin-bottom:20px;min-height:40px;text-align:center;width:100%;max-width:600px}h4{font-family:Roboto Condensed,sans-serif;font-size:1.2em;color:#e0e0e0;margin-top:15px;margin-bottom:8px}h5{font-family:Roboto Condensed,sans-serif;font-size:1.1em;color:#e74c3c;margin-top:5px;margin-bottom:5px}.guidelines{margin:30px 0;padding:20px;background-color:#0003;border-radius:10px;max-width:600px;text-align:left}.guidelines p{text-align:center;font-weight:700;margin-bottom:15px;color:#f1c40f}.guidelines ul{list-style-type:"👉 ";padding-left:25px}.guidelines li{margin-bottom:10px}button{background-color:#e74c3c;color:#fff;border:none;padding:10px 20px;font-size:1em;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;margin-top:10px;width:100%;max-width:300px}button:hover{background-color:#c0392b}button:active{transform:scale(.98)}#answer-options{display:flex;flex-direction:column;gap:10px;width:100%;max-width:600px;align-items:center}.answer-option{background-color:#3a3a3a;color:#e0e0e0;border:2px solid #555;padding:12px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease;text-align:center;width:100%;box-sizing:border-box;font-size:.95em}.answer-option:hover{background-color:#4a4a4a;border-color:#e74c3c}.answer-option.selected{background-color:#e74c3c;border-color:#c0392b;color:#fff}#progress-container{width:100%;margin-bottom:20px}#progress-text{font-size:.85em;color:#aaa;margin-bottom:5px}#progress-bar-container{width:100%;background-color:#444;border-radius:5px;height:8px;overflow:hidden}#progress-bar{width:0%;height:100%;background-color:#e74c3c;transition:width .3s ease}#results-screen .result-icon{margin-bottom:15px;width:200px;height:200px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;border:3px solid #e74c3c}#results-screen .result-icon img{width:100%;height:100%;object-fit:cover;border-radius:0;border:none;cursor:pointer}#results-screen .result-icon.sub-icon{margin-bottom:10px;width:150px;height:150px;border:2px solid #e74c3c}#results-screen .result-icon.sub-icon img{border:none;object-fit:contain}#results-screen h3{font-size:1.6em;color:#e74c3c;margin-bottom:8px}#sub-persona-container{margin-top:20px;display:flex;flex-direction:column;align-items:center;width:100%}#sub-persona-container h4{color:#ddd;font-size:1.3em;margin-top:20px;margin-bottom:10px;text-align:center}#sub-persona-container h5{font-size:1.4em;color:#e74c3c;margin-bottom:5px;text-align:center}#sub-persona-container p{font-size:.9em;color:#ccc;text-align:center;max-width:600px}.monetization-preview{background-color:#333;border:1px dashed #555;padding:15px;border-radius:5px;margin-top:25px;margin-bottom:15px;width:90%;max-width:500px}.monetization-preview h4{margin-top:0;color:#e74c3c;font-size:1.1em}.error-text{color:#ff6b6b;font-size:.9em;margin-top:10px;min-height:20px}#share-result-btn{background-color:#2ecc71;margin-bottom:10px}#share-result-btn:hover{background-color:#27ae60}.feedback-message{color:#2ecc71;font-size:.9em;margin-top:10px;min-height:20px;display:none;font-weight:700}@media (max-width: 400px){#app-container{margin:10px;width:calc(100% - 20px)}header h1{font-size:1.8em}main{padding:10px 15px}h2{font-size:1.6em}#quiz-screen #question-title{font-size:1.1em}#quiz-screen #question-text{font-size:1em}.answer-option{padding:10px;font-size:.9em}button{padding:10px 15px;font-size:.95em}#results-screen h3{font-size:1.4em}#sub-persona-container h4{font-size:1.1em}#sub-persona-container h5{font-size:1.2em}.guidelines ul{font-size:.85em}#results-screen .result-icon{width:150px;height:150px}#results-screen .result-icon.sub-icon{width:100px;height:100px}}.modal-overlay{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000d9;justify-content:center;align-items:center}.modal-content{max-width:90%;max-height:85vh;display:block;margin:auto;border-radius:8px}.modal-close{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;transition:color .3s ease}.modal-close:hover{color:#bbb}.persona-tips{width:90%;max-width:600px;margin:25px 0;padding:15px;background-color:#333;border:1px solid #444;border-radius:8px;text-align:left}.persona-tips h4{margin-top:0;color:#e74c3c;margin-bottom:15px;font-size:1.2em;text-align:center}.persona-tips ul{padding-left:20px;margin:0;list-style-type:"💡 "}.persona-tips li{margin-bottom:8px;font-size:.95em;color:#ddd}#all-personas-modal-content{background-color:#2c2c2c;color:#e0e0e0;padding:20px;border-radius:8px;width:90%;max-width:800px;height:80vh;overflow-y:auto;position:relative}#all-personas-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.persona-card{background-color:#3a3a3a;border-radius:8px;padding:15px;text-align:center;border:1px solid #444}.persona-card img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #e74c3c;margin-bottom:10px}.persona-card h5{margin:10px 0 5px;color:#e74c3c;font-size:1.2em}.persona-card p{font-size:.9em;color:#ccc;line-height:1.5}#result-chart-container{width:90%;max-width:600px;margin-top:20px;padding:15px;background-color:#333;border-radius:8px;border:1px solid #444}.danger-btn{background-color:#e74c3c;color:#fff}.danger-btn:hover{background-color:#c0392b}#history-modal .modal-content{background:#2d2d2d;padding:30px;border-radius:15px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;border:2px solid #e74c3c}.history-list{list-style:none;padding:0;margin:0}.history-list li{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;border-bottom:1px solid #444;color:#ecf0f1}.history-list li:last-child{border-bottom:none}.history-list li span{font-size:1.1em}#clear-history-btn{margin-top:20px;width:100%}.result-icon{margin:20px 0;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #0000004d}.result-icon img{display:block;width:100%;height:100%;object-fit:cover}.main-icon{width:250px;height:250px;border:4px solid #e74c3c}.sub-persona-result{margin-top:40px;padding-top:30px;border-top:1px solid #444;width:100%}.sub-icon{width:200px;height:200px;border:3px solid #777;margin-left:auto;margin-right:auto}#result-chart-container{width:100%}