*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s}.app-container{min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa}.main-content{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%;flex:1}.content-area-full{min-width:0;width:100%}.header{background:transparent;color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;transform:translateY(0);transition:transform .3s ease}.header-content{max-width:1200px;margin:0 auto;padding:1rem;position:relative}.hamburger{display:flex;flex-direction:column;gap:6px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,0,0,.9);border-radius:10px;cursor:pointer;padding:12px 14px;position:fixed;left:1rem;top:1.5rem;z-index:1001;transition:all .3s ease;box-shadow:0 4px 15px #0000004d}.hamburger:hover{background:#000000d9;border-color:#000;transform:scale(1.05)}.hamburger:active{transform:scale(.95)}.hamburger span{width:28px;height:3px;background-color:#fff;border-radius:3px;transition:all .3s ease;box-shadow:0 1px 2px #0000004d}.nav{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:linear-gradient(135deg,#667eea,#764ba2);flex-direction:column;padding:80px 20px 20px;gap:0;transition:right .3s ease;box-shadow:-2px 0 10px #0003;z-index:1000;display:flex}.nav.open{right:0}.nav a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s;padding:15px 20px;width:100%;text-align:left;border-radius:8px;margin-bottom:5px}.nav a:hover{background-color:#fff3}.nav a.active{background-color:#ffffff4d;font-weight:600}@media(max-width:768px){.header,.header:hover{transform:translateY(0)}}.ad-banner{max-width:1200px;margin:1.5rem auto;padding:0 1rem}.ad-placeholder{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;color:#666}.ad-placeholder p{margin:.5rem 0}.ad-note{font-size:.9rem;color:#888}@media(max-width:768px){.ad-banner{margin:1rem auto}.ad-placeholder{padding:1rem}}.lunar-calculator{max-width:800px;margin:0 auto;padding:20px}.conversion-type-selector{display:flex;gap:10px;margin-bottom:30px;justify-content:center}.conversion-type-selector button{padding:12px 30px;border:2px solid #4CAF50;background-color:#fff;color:#4caf50;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.conversion-type-selector button:hover{background-color:#f0f0f0}.conversion-type-selector button.active{background-color:#4caf50;color:#fff}.form-group input{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#4caf50}.btn-convert,.btn-reset{flex:1;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-convert{background-color:#4caf50;color:#fff}.btn-convert:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.result-container{background-color:#e8f5e9;padding:30px;border-radius:10px;margin-bottom:30px;border-left:5px solid #4CAF50}.result-container h3{margin-top:0;margin-bottom:20px;color:#2e7d32;font-size:1.5rem}.result-content{background-color:#fff;padding:20px;border-radius:8px}.result-row{display:flex;align-items:center;padding:12px;margin-bottom:10px}.result-row.highlight{background-color:#c8e6c9;border-radius:8px;font-weight:600}.result-label{min-width:80px;font-weight:600;color:#555}.result-value{font-size:1.2rem;color:#333}.result-arrow{text-align:center;font-size:2rem;color:#4caf50;margin:10px 0}.result-extra{margin-top:15px;padding:10px;background-color:#f0f0f0;border-radius:4px;font-size:.9rem;color:#555}.result-extra div{margin-bottom:5px}.result-extra div:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;cursor:pointer;font-weight:500}.checkbox-group input[type=checkbox]{width:auto;margin-right:8px;cursor:pointer}.calendar-view{margin-bottom:20px}.calendar-navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}.calendar-navigation h3{text-align:center;color:#333;margin:0;font-size:1.3rem;flex:1}.calendar-navigation .nav-btn{background-color:#4caf50;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calendar-navigation .nav-btn:hover{background-color:#45a049;transform:scale(1.1);box-shadow:0 2px 8px #4caf504d}.calendar-navigation .nav-btn:active{transform:scale(.95)}.calendar-view h3{text-align:center;color:#333;margin-bottom:15px;font-size:1.3rem}.calendar{background-color:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}.day-name{text-align:center;font-weight:600;padding:8px;color:#333;font-size:.9rem}.day-name.sunday{color:#e74c3c}.day-name.saturday{color:#3498db}.calendar-body{display:flex;flex-direction:column;gap:5px}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;font-size:.95rem;transition:all .2s ease;cursor:default}.calendar-day:not(.empty){background-color:#f8f9fa}.calendar-day.sunday{color:#e74c3c}.calendar-day.saturday{color:#3498db}.calendar-day.selected{background-color:#4caf50;color:#fff;font-weight:600;transform:scale(1.1);box-shadow:0 2px 8px #4caf5066}.calendar-day.empty{background-color:transparent}.info-section{background-color:#f5f5f5;padding:30px;border-radius:10px;margin-top:30px}.info-section h3{color:#333;margin-top:0;margin-bottom:20px;font-size:1.5rem}.info-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.info-item{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000000d}.info-item h4{color:#4caf50;margin-top:0;margin-bottom:10px;font-size:1.2rem}.info-item p{color:#666;line-height:1.6;margin:0}.tips{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000000d}.tips h4{color:#ff9800;margin-top:0;margin-bottom:15px;font-size:1.2rem}.tips ul{margin:0;padding-left:20px;color:#666;line-height:1.8}.tips li{margin-bottom:8px}@media(max-width:768px){.lunar-calculator{padding:15px}.calculator-header h2{font-size:1.5rem}.conversion-type-selector{flex-direction:column}.conversion-type-selector button{width:100%}.calculator-form{padding:20px}.button-group{flex-direction:column}.form-row,.info-content{grid-template-columns:1fr}.result-value{font-size:1rem}.calendar-day{font-size:.85rem;padding:6px}.day-name{font-size:.8rem;padding:6px}}@media(max-width:480px){.calculator-header h2{font-size:1.3rem}.calculator-form{padding:15px}.result-container,.info-section{padding:20px}.calendar-day,.day-name{font-size:.75rem;padding:4px}.calendar{padding:10px}}.installment-calculator{max-width:1000px;margin:0 auto;padding:20px}.calculator-header{text-align:center;margin-bottom:30px}.calculator-header h2{font-size:2rem;color:#333;margin-bottom:10px}.calculator-header p{color:#666;font-size:1rem}.calculator-form{background-color:#f9f9f9;padding:30px;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1rem}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .3s ease;background-color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2196f3}.form-group select{cursor:pointer}.year-buttons{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.year-buttons button{padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:#333;font-weight:500}.year-buttons button:hover{background-color:#2196f3;color:#fff;border-color:#2196f3;transform:translateY(-1px)}.year-buttons button:active{transform:translateY(0)}.button-group{display:flex;gap:10px;margin-top:20px}.btn-calculate,.btn-reset{flex:1;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-calculate{background-color:#2196f3;color:#fff}.btn-calculate:hover{background-color:#0b7dda;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.btn-reset{background-color:#f44336;color:#fff}.btn-reset:hover{background-color:#da190b;transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.saved-calculations{background-color:#f0f7ff;padding:20px;border-radius:10px;margin-bottom:30px;border-left:4px solid #2196F3}.saved-calculations h3{margin-top:0;margin-bottom:15px;color:#1565c0;font-size:1.2rem}.saved-list{display:flex;flex-wrap:wrap;gap:10px}.saved-item{display:flex;align-items:center;gap:8px;background-color:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.saved-name{cursor:pointer;color:#2196f3;font-weight:500;transition:color .2s}.saved-name:hover{color:#0b7dda;text-decoration:underline}.btn-delete-small{background:none;border:none;color:#f44336;cursor:pointer;font-size:1.2rem;padding:0 4px;line-height:1;transition:color .2s}.btn-delete-small:hover{color:#da190b}.save-calculation-section{background-color:#fff9e6;padding:20px;border-radius:10px;margin-bottom:30px;display:flex;gap:15px;align-items:flex-end}.save-calculation-section .form-group{flex:1;margin-bottom:0}.btn-save{padding:12px 24px;background-color:#4caf50;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-save:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.summary-container{background-color:#e3f2fd;padding:30px;border-radius:10px;margin-bottom:30px;border-left:5px solid #2196F3}.warning-message{margin-top:20px;padding:15px 20px;background-color:#fff3f3;border:2px solid #ff4444;border-radius:8px;color:#c00;font-size:.95rem;font-weight:600;line-height:1.5;text-align:center}.summary-container h3{margin-top:0;margin-bottom:20px;color:#1565c0;font-size:1.5rem}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.summary-item{background-color:#fff;padding:20px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.summary-label{font-size:.9rem;color:#666;font-weight:500}.summary-value{font-size:1.3rem;color:#333;font-weight:700}.summary-value.highlight{color:#2196f3;font-size:1.5rem}.summary-value.interest{color:#f44336}.schedule-container{background-color:#f5f5f5;padding:30px;border-radius:10px}.schedule-container h3{margin-top:0;margin-bottom:20px;color:#333;font-size:1.5rem}.schedule-table-wrapper{overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.schedule-table{width:100%;border-collapse:collapse;min-width:600px}.schedule-table thead{background-color:#2196f3;color:#fff}.schedule-table th{padding:15px;text-align:center;font-weight:600;font-size:.95rem}.schedule-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.schedule-table tbody tr:hover{background-color:#f5f5f5}.schedule-table tbody tr:last-child{background-color:#fff3cd;font-weight:600}.schedule-table td{padding:12px 15px;font-size:.95rem}.schedule-table td:first-child{text-align:center;font-weight:600;color:#2196f3}.schedule-table td.amount{text-align:right;font-family:Courier New,monospace}.schedule-table td.interest-cell{color:#f44336}.schedule-table td.balance-cell{color:#4caf50;font-weight:600}.schedule-table tbody tr.grace-period-row{background-color:#fff9e6}.schedule-table tbody tr.grace-period-row:hover{background-color:#fff3cc}.grace-badge{display:inline-block;margin-left:8px;padding:2px 8px;background-color:#ff9800;color:#fff;font-size:.75rem;border-radius:12px;font-weight:600}@media(max-width:968px){.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.installment-calculator{padding:15px}.calculator-header h2{font-size:1.5rem}.calculator-form{padding:20px}.summary-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.schedule-table-wrapper{overflow-x:scroll}.summary-value{font-size:1.1rem}.summary-value.highlight{font-size:1.3rem}}@media(max-width:480px){.calculator-header h2{font-size:1.3rem}.calculator-form{padding:15px}.summary-container,.schedule-container{padding:20px}.schedule-table th,.schedule-table td{padding:10px 8px;font-size:.85rem}}
