*{margin:0;padding:0;box-sizing:border-box;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:#f5f5f5;color:#333;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh}.navigation{background-color:#3b82f6;color:#fff;box-shadow:0 2px 4px #0000001a}.nav-container{max-width:1200px;margin:0 auto;padding:0 1rem}.nav-content{display:flex;justify-content:space-between;align-items:center;height:64px}.nav-title{font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:.5rem}.nav-button{padding:.5rem 1rem;border-radius:.5rem;background:none;border:none;color:#fff;cursor:pointer;transition:background-color .2s}.nav-button:hover{background-color:#2563eb}.nav-button.active{background-color:#fff;color:#3b82f6}.mobile-nav{display:none;background-color:#2563eb}.mobile-nav-button{flex:1;padding:.5rem;border:none;background:none;color:#fff;cursor:pointer}.mobile-nav-button.active{background-color:#fff;color:#3b82f6}.main-content{flex-grow:1;max-width:1200px;margin:0 auto;padding:2rem 1rem}.calculator-container{max-width:480px;margin:0 auto;background-color:#fff;padding:1.5rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}.calculator-title{text-align:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:#3b82f6}.input-group{margin-bottom:1rem}.input-label{display:block;margin-bottom:.5rem;color:#4b5563;font-weight:500}.input-field{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem;outline:none;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.input-wrapper{position:relative}.calculate-button{width:100%;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-weight:500;transition:background-color .2s}.calculate-button:hover{background-color:#2563eb}.result-container{margin-top:1.5rem;padding:1rem;background-color:#eff6ff;border-radius:.25rem}.result-title{font-size:1.125rem;font-weight:700;color:#1e40af;margin-bottom:.5rem}.result-grid{display:grid;grid-template-columns:auto 1fr;gap:.5rem}.result-label{color:#4b5563}.result-value{text-align:right;font-weight:500}.result-profit{color:#10b981}.result-total{color:#3b82f6;font-weight:700}.stock-item{margin-bottom:1rem;padding:.75rem;background-color:#f9fafb;border-radius:.25rem}.stock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stock-title{font-size:1rem;font-weight:500}.remove-button{background:none;border:none;color:#ef4444;cursor:pointer}.stock-inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stock-input-group{margin-bottom:0}.add-stock-container{margin-bottom:1rem}.add-stock-button{width:100%;padding:.5rem;background:none;border:1px solid #3b82f6;color:#3b82f6;border-radius:.25rem;cursor:pointer;transition:background-color .2s}.add-stock-button:hover{background-color:#eff6ff}.footer{background-color:#1f2937;color:#fff;padding:1.5rem 0}.footer-container{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-content{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-branding{margin-bottom:1rem}.footer-title{font-size:1.25rem;font-weight:700}.footer-subtitle,.footer-copyright{color:#9ca3af}.footer-disclaimer{font-size:.875rem;color:#6b7280}@media (max-width: 768px){.nav-links{display:none}.mobile-nav{display:flex}.footer-content{flex-direction:column}.stock-inputs{grid-template-columns:1fr}}