@import"https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-color: #fdfbf7;--text-color: #2c2c2c;--primary-color: #007bff;--primary-color-dark: #0056b3;--accent-color: #9a2a2a;--accent-color-dark: #7a1f1f;--gray-color: #6c757d;--gray-color-dark: #5a6268;--border-color: #dcdcdc}body{margin:0;padding:0;background-color:#e0e0e0;font-family:"Noto Serif KR",serif}#root{width:100%;margin:0 auto;padding:0;text-align:center}.korean-vibe-container{max-width:600px;min-height:100vh;margin:0 auto;padding:3rem 2rem;background-color:var(--bg-color);color:var(--text-color);box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;border-left:1px solid #eee;border-right:1px solid #eee}.title{font-size:2.2rem;font-weight:700;margin-bottom:3rem;color:var(--text-color);border-top:3px double var(--text-color);border-bottom:3px double var(--text-color);padding:15px 20px;letter-spacing:.1rem;word-break:keep-all}.user-section{width:100%;margin-bottom:2rem;display:flex;justify-content:flex-end}.user-info{display:flex;align-items:center;gap:10px;font-size:.9rem}.user-greeting{flex-grow:1;text-align:right}.user-greeting strong{color:var(--accent-color);font-size:1.1rem}.charge-btn{background-color:var(--text-color);color:#fff;border:none;padding:8px 15px;font-size:.85rem}.logout-btn{border:1px solid #ccc;color:#666;padding:8px 12px;font-size:.85rem}.login-buttons{display:flex;gap:10px}.login-btn{border:none;font-weight:700;padding:10px 20px;border-radius:4px}.login-btn.kakao{background-color:#fee500;color:#000}.login-btn.naver{background-color:#03c75a;color:#fff}.tab-group{display:flex;gap:10px;margin-bottom:2rem}.tab-btn{flex:1;border:none;border-bottom:2px solid #ccc;color:#888;padding-bottom:10px;white-space:nowrap}.tab-btn.active{border-bottom:2px solid var(--accent-color);color:var(--text-color);font-weight:700}.input-section{width:100%;margin-bottom:2.5rem}.input-section input,.input-section textarea{width:100%;padding:10px;font-size:1.2rem;font-family:"Noto Serif KR",serif;background:transparent;border:none;border-bottom:2px solid #aaa;text-align:center;outline:none;transition:border-color .3s ease;box-sizing:border-box}.input-section textarea{resize:none;height:60px;line-height:1.6}.input-section input:focus,.input-section textarea:focus{border-bottom-color:var(--accent-color)}.input-section input::placeholder,.input-section textarea::placeholder{color:#aaa;font-style:italic}.saju-form{display:flex;flex-direction:column;gap:15px;text-align:left}.form-row{display:flex;align-items:center;justify-content:space-between}.form-row label{font-weight:500;min-width:80px;flex-shrink:0}.form-row input[type=date],.form-row input[type=time]{flex-grow:1;min-width:0}.radio-group{justify-content:center;gap:15px;margin-top:10px;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;gap:5px;font-weight:400;min-width:unset}.divider{color:#ccc;margin:0 5px}.button-group{display:flex;gap:15px;justify-content:center;margin-bottom:2rem;flex-wrap:wrap}button{padding:12px 25px;font-size:1rem;font-family:"Noto Serif KR",serif;font-weight:500;cursor:pointer;background-color:transparent;border:1px solid var(--text-color);color:var(--text-color);transition:all .3s ease}button:hover{background-color:#0000000d}button:focus,button:focus-visible{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color)}.premium-btn{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 4px 6px #0000001a}.premium-btn:hover{background-color:#7a1f1f;transform:translateY(-2px)}.loading{margin:2rem 0;font-size:1.2rem;color:var(--accent-color);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.result-paper{width:100%;background-color:#fff;padding:2.5rem;border:1px solid #ddd;box-shadow:5px 5px 15px #0000000d;text-align:left;line-height:1.8;font-size:1.1rem;white-space:pre-wrap;position:relative;margin-top:1rem;box-sizing:border-box}.result-paper:before{content:"";position:absolute;inset:6px;border:1px solid #eee;pointer-events:none}.kakao-share-btn{background-color:#fee500;color:#000;border:none;margin-top:20px;font-weight:700;width:100%}.kakao-share-btn:hover{background-color:#fdd835}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-color);padding:2rem;border-radius:8px;width:90%;max-width:400px;box-shadow:0 4px 15px #0003;text-align:center;border:1px solid #ddd}.modal-title{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);font-size:1.5rem;border-bottom:2px solid var(--text-color);padding-bottom:10px;display:inline-block}.charge-options{display:flex;flex-direction:column;gap:15px;margin-bottom:1.5rem}.charge-option-btn{display:flex;justify-content:space-between;align-items:center;padding:15px;font-size:1.1rem;border:1px solid #ccc;background-color:#fff;cursor:pointer;transition:all .2s}.charge-option-btn:hover{border-color:var(--accent-color);background-color:#fff5f5}.bonus-text{color:var(--accent-color);font-weight:700}.badge{font-size:.8rem;background-color:var(--accent-color);color:#fff;padding:2px 6px;border-radius:4px;margin-left:5px}.badge.best{background-color:#d4af37}.close-btn{background-color:#eee;border:none;padding:10px 20px;color:#333}.history-modal{max-width:500px;max-height:80vh;display:flex;flex-direction:column}.history-list{overflow-y:auto;text-align:left;margin-bottom:1rem;padding-right:5px}.history-item{border:1px solid #999;padding:15px;margin-bottom:15px;border-radius:4px;background-color:#fafafa}.history-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem;color:#666}.history-type{font-weight:700;color:var(--accent-color)}.history-input{font-weight:700;margin:5px 0}.history-detail{margin-top:10px;font-size:.95rem;white-space:pre-wrap}.dark{--bg-color: #2c2c2c;--text-color: #f0e9dd;--accent-color: #e6c46a;--border-color: #555}body.dark{background-color:#1a1a1a}.dark .korean-vibe-container{border-left:1px solid #444;border-right:1px solid #444;box-shadow:0 0 20px #00000080}.dark .charge-btn{background-color:var(--text-color);color:#2c2c2c}.dark .logout-btn{border-color:#555;color:#bbb;background-color:#3a3a3a}.dark .logout-btn:hover{background-color:#4a4a4a}.dark .tab-btn{color:#888;border-bottom-color:#444}.dark .tab-btn.active{color:var(--text-color);border-bottom-color:var(--accent-color)}.dark .input-section input,.dark .input-section textarea{border-bottom-color:#666}.dark .input-section input:focus,.dark .input-section textarea:focus{border-bottom-color:var(--accent-color)}.dark .input-section input::placeholder,.dark .input-section textarea::placeholder{color:#777}.dark button:hover{background-color:#ffffff14}.dark .premium-btn{background-color:var(--accent-color);color:#2c2c2c;border-color:var(--accent-color)}.dark .premium-btn:hover{background-color:#d5b35a;transform:translateY(-2px)}.dark .result-paper{background-color:#383838;border-color:#555;box-shadow:5px 5px 15px #0003}.dark .result-paper:before{border-color:#555}.dark .modal-content{border-color:#555}.dark .charge-option-btn{background-color:#3a3a3a;border-color:#555}.dark .charge-option-btn:hover{background-color:#4a4a4a;border-color:var(--accent-color)}.dark .bonus-text{color:var(--accent-color)}.dark .close-btn{background-color:#555;color:#fff}.dark .close-btn:hover{background-color:#666}.dark .history-item{background-color:#3a3a3a;border-color:#555}.dark .history-header{color:#aaa}.dark .history-type{color:var(--accent-color)}.modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-color);color:var(--text-color);padding:30px;border-radius:10px;text-align:center;max-width:400px;width:90%;box-shadow:0 5px 15px #0000004d}.modal-content h2{margin-top:0;color:var(--accent-color)}.modal-content p{margin-bottom:20px;font-size:1.1em}.modal-actions{display:flex;justify-content:space-around;gap:10px;margin-top:20px}.modal-button{padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .2s ease-in-out;flex:1}.modal-button.primary{background-color:var(--primary-color);color:#fff}.modal-button.primary:hover{background-color:var(--primary-color-dark)}.modal-button.secondary{background-color:var(--accent-color);color:#fff}.modal-button.secondary:hover{background-color:var(--accent-color-dark)}.modal-button.tertiary{background-color:var(--gray-color);color:#fff}.modal-button.tertiary:hover{background-color:var(--gray-color-dark)}